@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:block;src:url(assets/fonts/manrope-latin.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:block;src:url(assets/fonts/editorial-3.ttf) format('truetype')}
:root{--font-display:'Instrument Serif',Georgia,serif;--font-reading:Manrope,Arial,sans-serif;--font-utility:var(--font-reading)}
body{font-family:var(--font-reading);font-size:1rem;font-weight:500;line-height:1.65}
h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
h3,h4{font-family:var(--font-reading);font-weight:600}
em,i,cite,address,.about-note figcaption strong{font-style:normal}
.signature-copy h1{font-weight:400;font-size:clamp(3.25rem,6.8vw,6rem);line-height:1.02;letter-spacing:-.025em}
.signature-copy h1 span{font-style:normal}
.hero h1,.section-intro h2,.about h2,.contact h2,.case-hero h1,.not-found h1{line-height:1.06}
.signature-lead{font-size:1.0625rem;line-height:1.7;max-width:58ch}
.work-summary,.collaboration-agreement p,.conversation-contact .next-steps p{font-size:1rem}
.contact input,.contact textarea{font-family:var(--font-reading);font-size:1rem}
.trust-band strong{font-family:var(--font-reading);font-weight:700}
@media(max-width:760px){.signature-copy h1{font-size:clamp(3rem,11.5vw,4.6rem)}.signature-lead{font-size:1rem}}

/* Keep the complete opening scene within shorter browser windows. */
@media(max-height:740px){
 .signature-copy h1{font-size:clamp(2.5rem,min(6.8vw,9svh),6rem)}
 .signature-page .signature-copy h1{margin-bottom:.75rem}
 .signature-offer{margin-bottom:.75rem}
 .signature-lead{margin-bottom:1rem}
 .signature-human{margin-top:1rem}
 .gaze-experiment{margin-top:.5rem}
}
@media(max-width:760px) and (max-height:740px){
 .signature-copy h1{font-size:clamp(2.5rem,min(11.5vw,8svh),4.6rem)}
}