:root{--olive-950: #1d2217;--olive-900: #262c1e;--olive-800: #2f3626;--gold: #e9cd94;--gold-deep: #d9b672;--ivory: #f7ecd4;--ivory-soft: rgba(247, 236, 212, .8);--serif: "Cormorant Garamond", "Times New Roman", serif;--sans: "Jost", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--olive-900);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.stage{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(56px,9vh,110px) 16px clamp(72px,10vh,104px);overflow:hidden;isolation:isolate}.bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-4;background:url(/assets/pattern-Bk_T3uig.webp) center / cover no-repeat,var(--olive-800);transform:translate3d(var(--px, 0px),var(--py, 0px),0) scale(1.06);opacity:0;animation:fade 1.8s var(--ease-out) forwards}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(ellipse 62% 58% at 50% 44%,transparent 0%,rgba(29,34,23,.32) 55%,rgba(29,34,23,.9) 100%);pointer-events:none}.glow{position:absolute;z-index:-2;left:50%;top:40%;width:min(820px,130vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(233,205,148,.2) 0%,rgba(233,205,148,.06) 40%,transparent 68%);opacity:0;animation:fade 2.4s .5s var(--ease-out) forwards,glow-breathe 7s 3s var(--ease-in-out) infinite;pointer-events:none}.dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:680px}.emblem{position:relative;width:clamp(176px,min(32vh,54vw),300px)}.logo{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(15,18,11,.55));opacity:0;clip-path:inset(100% -30% -30% -30%);transform:translateY(28px) scale(.94);animation:logo-in 1.5s .5s var(--ease-out) forwards,float 8s 2.6s var(--ease-in-out) infinite}.steam{position:absolute;z-index:-1;left:50%;bottom:86%;width:34%;transform:translate(-50%);overflow:visible;pointer-events:none}.wisp{fill:none;stroke:var(--ivory);stroke-width:5;stroke-linecap:round;filter:blur(4px);stroke-dasharray:.4 1;stroke-dashoffset:.4;opacity:0}.is-ready .wisp{animation:steam 5.6s var(--ease-in-out) infinite}.is-ready .w2{animation-delay:1.8s;stroke-width:4}.is-ready .w3{animation-delay:3.6s;stroke-width:4}.ornament{display:flex;align-items:center;gap:14px;margin-top:clamp(24px,4vh,40px);width:min(320px,72vw)}.rule{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold));transform:scaleX(0);transform-origin:right center;animation:rule-in 1.1s 1.5s var(--ease-out) forwards}.rule:last-child{background:linear-gradient(90deg,var(--gold),transparent);transform-origin:left center}.gem{width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg) scale(0);animation:gem-in .7s 1.4s var(--ease-out) forwards}.headline{margin:clamp(14px,2.4vh,22px) 0 -.12em;padding:.02em .08em .16em;font-family:var(--serif);font-weight:500;font-size:clamp(3.1rem,2rem + 4.8vw,6rem);line-height:1.08;letter-spacing:.01em;color:var(--gold);perspective:600px}.headline .ch{display:inline-block;opacity:0;transform:translateY(.45em) rotateX(-70deg);transform-origin:50% 100%;filter:blur(8px);animation:letter-in 1s var(--ease-out) forwards;animation-delay:calc(1.6s + var(--i) * 55ms)}.headline .sp{display:inline-block;width:.26em}.headline.shimmer{background:linear-gradient(100deg,var(--gold) 0%,var(--gold) 38%,#fff6e0 50%,var(--gold) 62%,var(--gold) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s .6s var(--ease-in-out) infinite}.lede{margin:clamp(18px,3vh,30px) 0 0;max-width:36ch;text-wrap:balance;font-family:var(--serif);font-size:clamp(1.15rem,1.02rem + .5vw,1.45rem);line-height:1.55;color:var(--ivory-soft)}.lede .w{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(4px);animation:word-in .9s var(--ease-out) forwards;animation-delay:calc(2.5s + var(--i) * 38ms)}.foot{position:absolute;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));text-align:center;font-size:.8125rem;letter-spacing:.04em;color:#f7ecd480;opacity:0;animation:fade 1.2s 3.6s ease forwards}@keyframes fade{to{opacity:1}}@keyframes glow-breathe{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.06)}}@keyframes logo-in{to{opacity:1;clip-path:inset(-30% -30% -30% -30%);transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes steam{0%{opacity:0;stroke-dashoffset:.4;transform:translateY(16px)}30%{opacity:.26}65%{opacity:.1}85%,to{opacity:0;stroke-dashoffset:-.7;transform:translateY(-14px)}}@keyframes rule-in{to{transform:scaleX(1)}}@keyframes gem-in{to{transform:rotate(45deg) scale(1)}}@keyframes letter-in{to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes shimmer{0%{background-position:100% 0}40%,to{background-position:0% 0}}@keyframes word-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:600px){.lede{max-width:30ch}}@media(max-height:640px)and (orientation:landscape){.stage{padding-top:40px;padding-bottom:20px}.emblem{width:clamp(120px,30vh,200px)}.headline{font-size:clamp(2.5rem,1.6rem + 3vw,3.8rem)}.foot{position:static;margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.bg,.glow,.logo,.foot,.headline .ch,.lede .w{opacity:1;clip-path:none;transform:none;filter:none}.logo{filter:drop-shadow(0 20px 40px rgba(15,18,11,.55))}.bg{transform:scale(1.06)}.glow{transform:translate(-50%,-50%)}.rule{transform:none}.gem{transform:rotate(45deg)}.wisp{display:none}}
