:root{--signature-paper:#f2eee5;--signature-ink:#39382e;--signature-line:rgba(57,56,46,.28)}
body:has(.signature-page){display:flex;flex-direction:column;min-height:100dvh;background:var(--signature-paper);color:var(--signature-ink)}
.signature-page{position:relative;flex:1 0 auto;background:var(--signature-paper)}body:has(.signature-page) footer.subpage-footer{flex:none;margin-top:auto}
.signature-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:calc(100svh - 58px);padding-top:0}
.signature-portrait{min-height:740px;margin:0;background:url('the-signature-hero-v1.webp') center top/cover no-repeat}
.signature-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(130px,13vw,190px) clamp(38px,7vw,112px) clamp(118px,10vw,160px)}
.signature-kicker,.signature-meta,.signature-label{font:500 11px/1.25 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase}.signature-label{font-size:14px}.signature-kicker{margin:0 0 clamp(42px,7vw,112px)}
.signature-intro h1{margin:0;font:400 clamp(84px,10.2vw,170px)/.82 'Instrument Serif',Georgia,serif;letter-spacing:-.035em}.signature-line{margin:clamp(28px,4vw,56px) 0 0;font:italic clamp(24px,2.6vw,40px)/.95 'Instrument Serif',Georgia,serif}.signature-meta{margin:34px 0 0}.signature-meta i{margin:0 10px;font-style:normal}
.signature-book,.signature-closing a{display:inline-flex;gap:12px;align-items:center;margin-top:clamp(40px,6vw,88px);padding:14px 0 12px;border-bottom:1px solid currentColor;color:inherit;font:500 12px/1 'DM Mono',monospace;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.signature-book:hover,.signature-closing a:hover{opacity:.58}
.signature-notes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--signature-line);border-bottom:1px solid var(--signature-line)}.signature-notes article{min-height:300px;padding:34px clamp(24px,3vw,48px) 42px;border-right:1px solid var(--signature-line)}.signature-notes article:last-child{border:0}.signature-label{margin:0 0 58px}.signature-notes article>p:last-child{margin:0;font:400 13px/1.6 'DM Mono',monospace;letter-spacing:.01em}
.signature-closing{display:flex;align-items:flex-end;justify-content:space-between;min-height:clamp(560px,58vw,840px);padding:clamp(75px,11vw,170px) clamp(34px,7vw,112px);background:linear-gradient(90deg,rgba(16,15,11,.42),rgba(16,15,11,.08) 67%),url('the-signature-result-v1.webp') center/cover no-repeat;color:#fffaf1}.signature-closing p{max-width:700px;margin:0;font:400 clamp(70px,11vw,180px)/.82 'Instrument Serif',Georgia,serif;letter-spacing:-.035em}.signature-closing a{margin:0 0 7px;white-space:nowrap}
@media(min-width:1025px){.signature-page{margin-top:108px}}
@media(max-width:1024px){.signature-hero{grid-template-columns:1fr 1fr;min-height:680px}.signature-portrait{min-height:680px}.signature-intro{padding:140px 46px 110px}.signature-notes{grid-template-columns:1fr 1fr}.signature-notes article:nth-child(2){border-right:0}.signature-notes article:nth-child(-n+2){border-bottom:1px solid var(--signature-line)}}
@media(max-width:700px){.signature-hero{display:block;min-height:0;padding-top:0}.signature-portrait{min-height:50svh;background-position:43% top}.signature-intro{min-height:510px;padding:54px 22px 102px}.signature-kicker{margin-bottom:52px}.signature-intro h1{font-size:28vw}.signature-line{font-size:31px}.signature-book{margin-top:48px}.signature-notes{display:block}.signature-notes article{min-height:0;padding:31px 22px 35px;border:0;border-bottom:1px solid var(--signature-line)}.signature-label{margin-bottom:24px;font-size:14px}.signature-notes article>p:last-child{font-size:14px}.signature-closing{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:620px;padding:70px 22px}.signature-closing p{font-size:clamp(72px,21vw,92px)}.signature-closing a{margin-top:43px}}