@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#dcb882;--cream:#f0e7dc;--muted:#c9c5c0;--mx:0px;--my:0px;--lx:50%;--ly:48%}
*{box-sizing:border-box} html{background:#080e13}body{margin:0;min-height:100vh;min-height:100svh;background:#080e13;color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
.scene{min-height:100vh;min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(26px,5vh,56px) 24px 32px;overflow:hidden}
.backplate{position:absolute;z-index:-4;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 52%;transform:scale(1.035) translate3d(calc(var(--mx)*-.55),calc(var(--my)*-.4),0);transition:transform 650ms cubic-bezier(.15,.65,.3,1);will-change:transform}
.scene:before{content:'';position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(2,6,10,.34) 0%,rgba(2,8,13,.02) 16%,rgba(1,7,12,.19) 55%,rgba(0,5,9,.35) 100%),linear-gradient(90deg,rgba(0,6,10,.25),transparent 32%,transparent 68%,rgba(0,5,8,.2));pointer-events:none}
.scene:after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse 56% 42% at var(--lx) var(--ly),rgba(224,172,103,.075),transparent 72%);opacity:.95;pointer-events:none;transition:background-position .2s}
.noise{position:absolute;z-index:-1;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");opacity:.065;pointer-events:none}
.content{text-align:center;width:min(100%,1020px);margin:auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;transform:translate3d(calc(var(--mx)*.11),calc(var(--my)*.10),0);transition:transform 600ms ease}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit}.mark{width:clamp(60px,6.4vw,80px);height:auto;filter:drop-shadow(0 0 18px rgba(209,162,95,.09))}.brand-name{font:500 clamp(39px,4.6vw,61px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.018em;color:#f2e7d6}.brand-name span{color:var(--gold)}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:19px;margin:23px auto 27px;color:#e4bf8b;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.31em;text-transform:uppercase}.eyebrow:before,.eyebrow:after{content:'';display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(221,177,110,.67))}.eyebrow:after{transform:rotate(180deg)}
h1{font:400 clamp(44px,5.1vw,77px)/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-.028em;margin:0 auto 23px;text-wrap:balance;max-width:1020px;text-shadow:0 2px 30px rgba(0,0,0,.22)}
.description{font-size:clamp(15px,1.38vw,18px);line-height:1.75;letter-spacing:.003em;color:#e2dfdb;max-width:730px;margin:0 auto;text-wrap:balance;text-shadow:0 1px 16px rgba(0,0,0,.6)}
.status{display:flex;align-items:center;gap:16px;color:#dfb57b;font-size:11px;letter-spacing:.27em;font-weight:600;text-transform:uppercase;margin-top:35px;white-space:nowrap}.status:before,.status:after{content:'';height:1px;width:clamp(22px,6vw,70px);background:linear-gradient(90deg,transparent,rgba(211,156,82,.6))}.status:after{transform:rotate(180deg)}.status-label{border:1px solid rgba(216,172,108,.5);background:rgba(6,12,17,.4);padding:13px 19px;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,236,193,.06)}
.footer{position:absolute;bottom:clamp(21px,4vh,39px);left:0;right:0;text-align:center;z-index:1;color:#bfbcb7;font-size:11px;letter-spacing:.21em}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:#ead1a8}
.reveal{animation:reveal 850ms both}.brand{animation-delay:100ms}.eyebrow{animation-delay:240ms}h1{animation-delay:350ms}.description{animation-delay:460ms}.status{animation-delay:580ms}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:740px){.scene{padding:36px 22px 80px;justify-content:center}.backplate{object-position:center center}.content{margin:auto}.mark{width:60px}.brand-name{font-size:43px}.eyebrow{margin:23px auto 24px;font-size:9px;letter-spacing:.22em;gap:10px}.eyebrow:before,.eyebrow:after{width:22px}h1{font-size:clamp(46px,11.4vw,68px);line-height:1.02;margin-bottom:21px}.description{font-size:15px;line-height:1.65;max-width:380px}.status{font-size:9px;letter-spacing:.20em;gap:9px;margin-top:27px}.status-label{padding:12px 13px}.status:before,.status:after{width:20px}.footer{bottom:25px;font-size:10px}}
@media(max-height:650px){.scene{padding-top:17px;padding-bottom:55px}.mark{width:49px}.brand-name{font-size:38px}.eyebrow{margin:12px auto}h1{font-size:clamp(37px,5vw,60px);margin-bottom:12px}.description{line-height:1.4}.status{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.backplate,.content{transform:none!important}}