@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("assets/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url("assets/cormorant-garamond-latin-500-italic.woff2") format("woff2")}

:root{--display-font:"Cormorant Garamond",Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
[hidden]{display:none!important}
h1,h2,h3,.wordmark,.footer-wordmark,.facts strong,.process strong,.echo-number,.waitlist-heading h3{font-family:var(--display-font);font-weight:500}
h1 em,h2 em,h3 em{font-weight:500}
button,input,textarea,select{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b98845;outline-offset:5px}
.container>*{min-width:0}
.header{border-top:3px solid var(--gold)}
.wordmark{font-size:2.25rem;letter-spacing:.1em}
.header nav a{position:relative}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.hero-grid{padding-top:84px;padding-bottom:82px;gap:66px}
.hero h1{font-size:clamp(4.5rem,7.1vw,7rem);line-height:.98;letter-spacing:-.025em;margin-bottom:31px}
.hero h1 em{color:#e5c995}
.hero-description{line-height:1.85;max-width:460px}
.hero-art{padding:6px 9px 0 9px}
.cover-frame{border-color:#e1c89a65;box-shadow:0 32px 70px #02080e70,0 0 0 9px #ffffff04;transform:rotate(1.5deg)}
.hero-art figcaption{margin-top:30px;letter-spacing:.04em}
.facts{padding-top:32px;padding-bottom:40px}
.facts strong{font-size:3.8rem;line-height:.95}
.facts strong span{font-size:2rem}
.facts>div>span{font-size:.875rem;line-height:1.6}
.intro h2,.section-heading h2{font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.1}
.intro-grid{grid-template-columns:1fr 2.5fr;gap:55px}
.intro{padding-top:110px}
.section-heading>p{font-size:1rem}
.gallery-picks{gap:13px}
.moment{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.moment.selected{box-shadow:inset 0 -3px var(--burgundy)}
.moment>span{font-family:var(--display-font);font-size:1.65rem;font-weight:500}
.moment small{font-size:.875rem;line-height:1.45}
.moment img{transition:opacity .2s ease}
.moment:hover img{opacity:.86}
.exhibit{box-shadow:0 18px 46px #18212b0a;border:1px solid var(--line)}
.exhibit h3{font-family:var(--display-font);font-size:clamp(2.7rem,3.8vw,3.7rem);line-height:1.06;letter-spacing:-.015em}
.exhibit-meta{font-size:.875rem;letter-spacing:.075em}
.exhibit-copy>div[aria-live]>p{font-size:1rem;line-height:1.8}
.exhibit-bottom>span{font-size:.875rem;line-height:1.6}
.arrows button{min-width:48px;min-height:48px}
.sample-note{font-size:.875rem;line-height:1.7}
.gift h2{font-size:clamp(2.6rem,3.9vw,3.8rem)}
.gift-items h3{font-size:1.75rem}
.gift-items p{font-size:1rem}
.next{padding-top:100px}
.echo-number{font-size:clamp(11rem,24vw,23rem);letter-spacing:-.07em;padding-right:25px;line-height:.9}
.echo-number>span{font-size:1rem;letter-spacing:.36em}
.next h2{font-size:clamp(3rem,4.8vw,4.75rem);line-height:1.05}
.next-lead{font-family:var(--display-font);font-size:1.8rem;line-height:1.3}
.teaser-label>span{font-size:.8125rem}
.waitlist-heading h3{font-size:4rem;line-height:1.02}
.waitlist-form{padding:28px 30px 7px;background:#ffffff06;border:1px solid #e8cfaa38}
.form-field input,.form-field textarea,.form-field select{border-radius:3px}
.form-field label{font-size:.9375rem}
.consent-label{font-size:.875rem}
.privacy-link{font-size:.875rem}
.form-bottom{gap:18px}
.making h2,.partnership-copy h2{font-size:clamp(2.6rem,4.1vw,3.85rem);line-height:1.07}
.process{gap:1px;border:1px solid #26364b;padding:0;background:#536071;margin-top:48px}
.process li{position:relative;padding:28px 24px 32px;background:var(--navy);color:var(--paper)}
.process li>span{font-family:var(--display-font);font-size:2.4rem;line-height:1;color:var(--gold)}
.process strong{font-size:1.65rem;line-height:1.2;margin-top:27px;color:var(--paper)}
.process p{color:#c4ccd7;font-size:.9375rem;line-height:1.75;max-width:240px;margin-top:13px}
.business-form{padding:32px;border-color:#d3c5ad;background:#ede5d8}
.business-form .form-message{background:#fffdf8}
.founder-link{overflow-wrap:anywhere}
.closing h2{font-size:clamp(3.5rem,6vw,5.8rem);line-height:1.03}
.closing .button{max-width:100%}
.footer-wordmark{font-size:1.8rem}
.message-page h1{font-family:var(--display-font);font-size:3.5rem}

/* Stable viewport fallback precedes dynamic viewport sizing. */
dialog{max-height:90vh;max-height:90dvh;overscroll-behavior:contain}
dialog:not([open]){display:none}
.dialog-bar{position:sticky;top:0;background:var(--paper);z-index:1}
.dialog-bar h2{font-size:1.65rem;line-height:1.15}
.close-button{border-radius:2px;min-width:46px;min-height:46px}
.spread-backdrop{position:fixed;inset:0;background:#06101ce8;z-index:999}
dialog.dialog-fallback{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;overflow:auto}
.sample-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:1rem;line-height:1.6}
.sample-links p{width:100%}
.sample-links a{text-decoration:underline;text-underline-offset:4px}

@media(min-width:1600px){.hero h1{font-size:7.6rem}.hero-grid{gap:95px}.echo-number{font-size:24rem}}
@media(max-width:1250px){.header-inner{gap:20px}.header nav{flex-wrap:wrap;gap:12px 27px}.hero-grid{gap:42px}.hero h1{font-size:clamp(4.3rem,7.5vw,6.5rem)}}
@media(max-width:1100px){
 .hero-grid{padding-top:62px;padding-bottom:63px;gap:36px}
 .hero-actions{gap:16px}.hero-actions .button{font-size:.875rem;padding:14px 18px}
 .exhibit-copy{padding:28px}.exhibit h3{font-size:3rem}
 .moment small{font-size:.8125rem}.waitlist-form{padding:24px 23px 5px}
 .process{grid-template-columns:repeat(2,minmax(0,1fr))}.process li{padding:28px}.process strong{margin-top:20px}.process p{max-width:none}
 .echo-number{font-size:clamp(10rem,23vw,17rem)}.business-form{padding:26px}
}
@media(max-width:760px){
 :root{scroll-padding-top:24px}
 .container{width:calc(100% - 40px)}
 .header-inner{padding:18px 0 9px;gap:13px}
 .wordmark{font-size:1.9rem}.wordmark span{font-size:.75rem;max-width:170px}
 .header nav{width:100%;overflow:visible;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1px 24px;padding-top:9px}
 .header nav a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;padding:7px 0}
 .header nav a::after{bottom:4px}.header-inner>.button{font-size:.8125rem;padding:10px 13px;min-height:46px}
 .hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:43px;gap:36px}
 .hero h1{font-size:clamp(4rem,14.5vw,6.3rem);line-height:.97;margin:24px 0 26px}
 .hero-description{max-width:540px;font-size:1rem;line-height:1.8}
 .hero-actions{gap:14px 22px;align-items:center}.hero-actions .text-link{font-size:.9375rem}
 .hero-art{padding:4px 8px 0;max-width:510px}
 .cover-frame{transform:rotate(1deg)}.hero-art figcaption{font-size:.75rem;gap:16px;margin-top:24px}
 .facts{padding-top:27px;padding-bottom:29px;row-gap:29px}.facts strong{font-size:3.4rem}.facts>div>span{font-size:.875rem}
 .intro{padding-top:68px}.intro-grid{grid-template-columns:1fr;gap:20px}
 .intro h2,.section-heading h2,.gift h2{font-size:2.85rem;line-height:1.06}
 .section-heading>p{font-size:1rem}.gallery-picks{gap:10px}
 .moment>span{font-size:1.5rem}.moment small{font-size:.875rem}.moment img{aspect-ratio:1.6}
 .exhibit h3{font-size:2.95rem}.exhibit-copy{padding:27px 23px}.exhibit-meta{font-size:.8125rem}
 .exhibit-bottom{gap:16px}.exhibit-bottom>span{max-width:170px}.sample-note{font-size:.875rem}
 .gift-items h3{font-size:1.7rem}.next{padding-top:65px}
 .echo-number{font-size:clamp(10rem,45vw,17rem);padding:0 18px 20px 0}
 .echo-number>span{font-size:.9375rem}.next h2{font-size:3.2rem}.next-lead{font-size:1.7rem}
 .waitlist-heading h3{font-size:3.35rem}.waitlist-form{padding:24px 20px 4px}
 .form-bottom{align-items:flex-start;flex-direction:column;gap:13px}.form-bottom .button{width:100%;min-height:52px}
 .privacy-link{padding:5px 0}.consent-label{line-height:1.7}.form-message{margin-top:18px}
 .making h2,.partnership-copy h2{font-size:3rem}.process{margin-top:34px}.process li{padding:23px 19px 26px}
 .process strong{font-size:1.55rem;line-height:1.2}.process p{font-size:.9375rem}
 .business-form{padding:24px 20px}.closing h2{font-size:3.8rem}
 .dialog-bar{padding:16px;gap:12px}.dialog-bar h2{font-size:1.45rem}
 .dialog-bar .eyebrow{font-size:.6875rem;letter-spacing:.07em}
 .dialog-footer{font-size:.875rem}.transcript summary{min-height:52px}
}
@media(max-width:380px){
 .container{width:calc(100% - 30px)}.wordmark{font-size:1.7rem}.wordmark span{max-width:145px}
 .header-inner>.button{padding:9px;font-size:.8125rem;gap:8px}.header nav{gap:0 18px}
 .hero h1{font-size:3.95rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>.button{width:100%}.hero-actions>.text-link{align-self:flex-start}
 .intro h2,.section-heading h2,.gift h2,.making h2,.partnership-copy h2{font-size:2.6rem}
 .gallery-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit h3{font-size:2.6rem}
 .process{grid-template-columns:1fr}.process li{padding:25px}.process strong{margin-top:15px}
 .waitlist-form,.business-form{padding:22px 16px 10px}.next h2{font-size:2.85rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}:root{scroll-behavior:auto}.cover-frame,.cover-frame:hover{transform:none}}
