@font-face{font-family:Firm Display;src:url('/assets/fonts/cormorant-bg-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{font-family:Firm Display,Georgia,serif;color:#242820;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{background:#d9c18c}
.hero{position:relative;isolation:isolate;display:grid;place-items:center;height:100vh;height:100svh;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-40px;z-index:-1;background:#d9c18c url('/assets/hero-blur.webp') center/cover no-repeat;filter:blur(24px)}
.hero__canvas{position:relative;isolation:isolate;container-type:inline-size;width:min(100%,177.6833156vh);width:min(100%,177.6833156svh);aspect-ratio:1672/941}
.hero__media,.hero__image{position:absolute;inset:0;width:100%;height:100%}
.hero__media{z-index:-1;background:#d9c18c url('/assets/hero-blur.webp') center/cover no-repeat}
.hero__image{object-fit:contain;object-position:center;opacity:1}
.js .hero__image{opacity:0;transition:opacity .65s ease}
.js .hero__image.is-ready{opacity:1}
.identity{position:absolute;top:31%;left:65%;transform:translateX(-50%);width:49%;text-align:center}
.identity__eyebrow{margin:0;font-weight:500;font-size:clamp(9px,1.05cqw,19px);letter-spacing:.32em;text-transform:uppercase;line-height:1.5}
.identity__rule{display:block;width:27px;height:1px;background:currentColor;opacity:.55;margin:14px auto 13px}
.identity h1{margin:0;font-size:clamp(24px,4.15cqw,86px);font-weight:500;line-height:1.02;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}
.identity__eyebrow,.identity h1{opacity:0;transform:translateY(10px);animation:title-in 850ms cubic-bezier(.2,.7,.2,1) forwards}
.identity__eyebrow{animation-delay:140ms}
.identity h1{animation-delay:260ms}
.identity__rule{opacity:0;transform:scaleX(0);animation:rule-in 650ms 380ms ease-out forwards}
@keyframes title-in{to{opacity:1;transform:translateY(0)}}
@keyframes rule-in{to{opacity:.55;transform:scaleX(1)}}
@media (max-aspect-ratio:1/1){
 .hero::before,.hero__media{background-image:url('/assets/portrait-blur-v2.webp')}
 .hero__canvas{width:min(100%,57.14285714vh);width:min(100%,57.14285714svh);aspect-ratio:4/7}
 .identity{top:29%;left:63%;width:69%}
 .identity h1{font-size:clamp(28px,9.5cqw,78px);line-height:.98;letter-spacing:.012em}
 .identity h1 span{display:block}
 .identity__eyebrow{font-size:clamp(8px,2.15cqw,17px);letter-spacing:.18em;white-space:nowrap}
 .identity__rule{width:23px;margin:13px auto 15px}
}
@media (max-height:500px) and (min-aspect-ratio:1/1){.identity__rule{margin:8px auto}}
@media (prefers-reduced-motion:reduce){.identity__eyebrow,.identity__rule,.identity h1{animation:none;transform:none;opacity:1}.identity__rule{opacity:.55}.js .hero__image{transition:none}}