@font-face{font-family:Cormorant;src:url('/assets/cormorant-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#151412;--paper:#f4eee4;--gold:#d7c4a3;--muted:#bcb6ad;font-family:Manrope,Arial,sans-serif;font-synthesis:none;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2} [hidden]{display:none!important}
.collage{position:fixed;inset:-13vh -5vw;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;overflow:hidden;pointer-events:none;transform:rotate(-7deg) scale(1.08);background:#151412}
.photo-column{min-width:0;align-self:start;animation:drift var(--duration,100s) linear infinite;animation-delay:var(--delay,-20s);will-change:transform}
.photo-group{display:flex;flex-direction:column;gap:22px;padding-bottom:22px}
.photo{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;filter:saturate(.58) brightness(.78);background:#262421}
.photo:nth-child(2){aspect-ratio:4/5}.photo:nth-child(3){aspect-ratio:3/4}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.veil{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,rgba(10,10,10,.79) 0%,rgba(10,10,10,.47) 36%,rgba(10,10,10,.13) 70%),linear-gradient(180deg,rgba(12,12,12,.68),transparent 25%,transparent 73%,rgba(12,12,12,.82))}
.page{position:relative;min-height:100svh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 4.2vw;gap:20px}.brand{display:flex;align-items:center;gap:15px}.monogram{font:400 46px/.9 Cormorant,Georgia,serif;letter-spacing:-10px;width:40px;color:var(--gold)}.monogram span{position:relative;top:9px}.brand-caption{font-size:12px;letter-spacing:.2em;line-height:1.8}.brand-caption>span{font-size:12px;letter-spacing:.28em;color:#c6bfb3}.languages{display:flex;gap:6px}.languages button{position:relative;background:transparent;font-size:12px;letter-spacing:.08em;min-width:40px;min-height:44px;color:#c9c5be}.languages button[aria-pressed=true]{color:var(--paper)}.languages button[aria-pressed=true]:after{position:absolute;content:'';height:1px;width:15px;background:var(--gold);bottom:7px;left:calc(50% - 7.5px)}
main{display:grid;place-items:center;flex:1;padding:65px 24px 35px}.hero{text-align:center;width:100%;max-width:920px}.eyebrow{font-size:12px;letter-spacing:.3em;line-height:1.7;color:#ded6c9;margin:0 0 33px}.eyebrow span{color:#ab9270;margin:0 12px}h1{font-family:Cormorant,Georgia,'Times New Roman',serif;font-weight:400;margin:0;line-height:.84;text-shadow:0 2px 32px #0005}.given-name{display:block;font-size:clamp(36px,4.1vw,64px);letter-spacing:.25em;padding-left:.25em;margin-bottom:15px}.surname{display:block;font-size:clamp(76px,11.2vw,170px);letter-spacing:.075em;padding-left:.075em}.tagline{font-family:Cormorant,Georgia,serif;font-style:italic;font-size:clamp(23px,2.1vw,31px);color:#e0d5c3;line-height:1.4;margin:30px 0 39px}.access{width:min(100%,340px);min-height:148px;margin:auto}.access-trigger,.input-wrap{height:60px;width:100%;border:1px solid #cbb79699;background:#1716138c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;transition:background .25s,border-color .25s,transform .25s}.access-trigger{justify-content:space-between;padding:0 25px;font-size:14px;letter-spacing:.055em}.access-trigger:hover{background:#cdbb9a;color:#1b1915;border-color:#cdbb9a}.access-trigger:hover svg{transform:translateX(3px)}.access-trigger svg{transition:transform .25s}.access-form{animation:reveal .35s ease both}.input-wrap:focus-within{border-color:var(--gold)}.input-wrap input{background:transparent;border:0;color:var(--paper);min-width:0;width:100%;height:100%;padding:0 20px;outline:none;font-size:16px;letter-spacing:.04em}.input-wrap input::placeholder{color:#c7bfb2;font-size:14px}.input-wrap input:focus-visible{outline:none}.submit-code{height:100%;width:60px;flex-shrink:0;background:transparent;color:var(--gold);display:grid;place-items:center}.submit-code:hover{background:#d7c4a31c}.back-button{background:transparent;font-size:12px;min-height:38px;padding:8px 20px;color:#d2c9bb;text-decoration:underline;text-underline-offset:4px}.access-status{font-size:13px;line-height:1.6;color:#e9ddc9;margin:10px -20px 0}.access-status:empty{display:none}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4.2vw 22px;color:#c0b9af}.copyright,.preview-note{font-size:12px;letter-spacing:.14em;line-height:1.5}.preview-note{letter-spacing:.04em;color:#b8b1a7}.motion-toggle{display:flex;align-items:center;gap:12px;background:transparent;font-size:12px;min-height:44px;padding:0 0 0 12px;color:#d0c8bd}.motion-toggle svg{width:20px;height:20px}.play-icon{display:none}.paused .photo-column{animation-play-state:paused}.paused .pause-icon{display:none}.paused .play-icon{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:relative;text-align:center;font-size:14px;padding:20px}
@media(min-width:1800px){.collage{gap:30px}.photo-group{gap:30px;padding-bottom:30px}}
@media(max-width:700px){.header{padding:24px}.brand-caption{display:none}.collage{inset:-10vh -37vw;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;transform:rotate(-7deg) scale(1.04)}.photo-column:nth-child(n+4){display:none}.photo-group{gap:14px;padding-bottom:14px}.veil{background:radial-gradient(ellipse at 50% 45%,#0b0b0bbd 0%,#0b0b0b66 57%,#0b0b0b38 100%),linear-gradient(180deg,#1119,transparent 27%,transparent 60%,#111d)}main{padding:55px 22px 12px}.eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:29px}.eyebrow span{margin:0 6px}.given-name{font-size:36px;letter-spacing:.23em;margin-bottom:17px}.surname{font-size:clamp(54px,15.4vw,108px);letter-spacing:.035em;padding-left:.035em}.tagline{font-size:25px;margin:26px 0 33px}.access{width:min(100%,304px);min-height:154px}.footer{padding:12px 22px 17px;flex-wrap:wrap;gap:0 10px}.copyright{font-size:12px;letter-spacing:.08em}.preview-note{font-size:12px;order:3;width:100%;text-align:left}.motion-toggle{font-size:12px}.access-status{margin-left:0;margin-right:0}}
@media(max-height:600px) and (min-width:701px){.header{padding-top:16px;padding-bottom:10px}main{padding-top:25px;padding-bottom:0}.eyebrow{margin-bottom:15px}.given-name{font-size:32px;margin-bottom:10px}.surname{font-size:90px}.tagline{margin:18px 0}.access{min-height:120px}.footer{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.photo-column{animation-play-state:paused}.access-form{animation:none}*{transition:none!important}}

@media(max-width:700px) and (max-height:700px){main{padding-top:22px;padding-bottom:0}.access{min-height:116px}.tagline{margin:23px 0 27px}.footer{padding-top:4px}}