@font-face{font-family:'Cormorant Garamond';src:url('../assets/fonts/cormorant-garamond-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('../assets/fonts/eb-garamond-regular.ttf') format('truetype');font-weight:400;font-display:swap}
.hero-photo{--ratio:.7992;width:min(72%,calc(var(--visual-h) * var(--ratio)));transform:translateX(-9%)}
.echo-photo{width:min(25%,calc(var(--visual-h) * .45));right:3%;top:9%;transform:rotate(5deg)}
.portrait-card{--ratio:.6554}
.tattoo-card{--ratio:.7972;width:min(62%,calc(var(--visual-h) * var(--ratio)));transform:translateX(-12%)}
.contact-well .contact-trace{right:0;font-size:8px}
.screen-card{--ratio:1.7778}
.readout h1{font-size:clamp(35px,4.25vw,66px);line-height:.97;letter-spacing:-.065em}
.rail-heading>strong{font-size:20px;letter-spacing:-.05em}
.cormorant{font-family:'Cormorant Garamond',serif;font-weight:700}
.garamond{font-family:'EB Garamond',serif;font-weight:400}
.specimen>.cormorant{font-size:clamp(32px,3vw,50px);line-height:1.05;margin:26px 0}
.specimen>.garamond{font-size:clamp(22px,2vw,31px);line-height:1.28;margin:27px 0;color:var(--copper)}
.specimen>.alphabet{font-size:12px;line-height:1.6;color:var(--muted);margin:24px 0 0}
@media(min-width:851px){.console-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:clamp(26px,3vw,42px);width:100%;max-width:min(1390px,calc(var(--visual-h) * 1.5 + 430px));margin-inline:auto}}
@media(min-width:851px) and (max-height:760px){.specimen>.cormorant{font-size:33px;margin:18px 0}.specimen>.garamond{font-size:23px;margin:18px 0}.specimen>.alphabet{font-size:10px;margin:14px 0 0}}
@media(max-width:1100px) and (min-width:851px){.specimen-label{flex-wrap:wrap;gap:5px}.specimen>.cormorant{font-size:28px;margin:12px 0}.specimen>.garamond{font-size:21px;margin:12px 0}}
@media(max-width:850px){.hero-photo{width:min(75%,calc(var(--visual-h) * var(--ratio)))}.echo-photo{width:25%;right:0;top:8%}.readout h1{display:block;font-size:38px}.readout h1 br{display:none}.specimen-label{flex-wrap:wrap;gap:5px}.specimen>.cormorant{font-size:30px;margin:22px 0}.specimen>.garamond{font-size:22px;margin:22px 0}.specimen>.alphabet{font-size:10px;margin:18px 0 0}.stat-grid dt{white-space:normal}}