/* Reversible typography test: remove this stylesheet link to restore the previous sans/serif families. */
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--font-sans:'Manrope',Arial,Helvetica,sans-serif;--font-editorial:'Instrument Serif',Georgia,serif}
body{font-family:var(--font-sans);line-height:1.65}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}.logo{font-family:Arial,Helvetica,sans-serif}.hero-copy h1{font-size:clamp(44px,4.65vw,74px);line-height:1.08}.hero-copy h1 em,.surface-statement em{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.02em;line-height:1.03}.hero-copy h1 em{font-size:1.22em}.surface-statement em{font-size:1.16em}.header nav{font-weight:500;font-size:13px}.kicker,.eyebrow{font-weight:600}.button{font-weight:500}input,textarea,select{font-size:16px}.image-placeholder strong{font-weight:500}.hero-aside{max-width:410px}.hero-copy{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:4vw}
@media(max-width:1000px){.header nav{gap:18px}.hero-copy h1{font-size:clamp(42px,4.7vw,60px)}}
@media(max-width:640px){.hero-copy{display:block}.hero-copy h1{font-size:clamp(36px,9.2vw,43px);line-height:1.1;letter-spacing:-.04em}.hero-copy h1 em{font-size:1.2em}h2,.section-heading h2{font-size:35px;line-height:1.15}.story-step h3{font-size:31px;line-height:1.15}.surface-statement{font-size:38px}.hero-aside p{line-height:1.65}}