.intro{--gold:#e3c987;--wide:"Michroma","Outfit",system-ui,sans-serif;--door:#050506;position:fixed;inset:0;z-index:220;display:grid;place-items:center;overflow:hidden;color:#f4f5f7;cursor:pointer;outline:none}.intro.is-opening{pointer-events:none}html:has(.intro:not(.is-opening)) .stage-in>*{animation-play-state:paused}.intro-door{position:absolute;top:0;bottom:0;width:50.5%;transition:transform .65s cubic-bezier(.7,0,.2,1) .11s}.intro-door-l{left:0;background:radial-gradient(70vmax 46vmax at 100% 46%,rgba(201,169,97,.09),transparent 70%),var(--door)}.intro-door-r{right:0;background:radial-gradient(70vmax 46vmax at 0 46%,rgba(201,169,97,.09),transparent 70%),var(--door)}.intro-door:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(227,201,135,.7) 50%,transparent);opacity:0;transition:opacity .2s ease .11s}.intro-door-l:after{right:0}.intro-door-r:after{left:0}.intro.is-opening .intro-door:after{opacity:1}.intro.is-opening .intro-door-l{transform:translate3d(-101%,0,0)}.intro.is-opening .intro-door-r{transform:translate3d(101%,0,0)}.intro-seam{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,#fff3d0 50%,transparent);box-shadow:0 0 24px 4px rgba(227,201,135,.45);opacity:0;transform:scaleY(0)}.intro.is-opening .intro-seam{animation:intro-seam .52s cubic-bezier(.2,.8,.2,1) both}@keyframes intro-seam{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.intro-mark{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:.9rem;gap:.9rem;text-align:center;transition:opacity .3s ease,transform .42s cubic-bezier(.4,0,.2,1)}.intro.is-opening .intro-mark{opacity:0;transform:scale(1.06)}.intro-mark:before{content:"";position:absolute;z-index:-1;left:50%;top:clamp(3rem,12vw,4.5rem);width:clamp(14rem,44vw,20rem);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(227,201,135,.2),transparent);opacity:0;animation:intro-glow .9s ease-out 1.15s forwards}@keyframes intro-glow{40%{opacity:1}to{opacity:.55}}.intro-dial{width:clamp(6rem,22vw,9rem);height:auto;overflow:visible}.intro-ring{fill:none;stroke:url(#intro-metal);stroke-dasharray:1;stroke-dashoffset:1}.intro-ring-outer{stroke-width:2.2;transform-origin:60px 60px;rotate:-90deg;animation:intro-draw .8s cubic-bezier(.65,0,.35,1) .1s forwards}.intro-ring-inner{stroke-width:1;transform-origin:60px 60px;rotate:90deg;scale:-1 1;animation:intro-draw .7s cubic-bezier(.65,0,.35,1) .3s forwards}@keyframes intro-draw{to{stroke-dashoffset:0}}.intro-tick{fill:url(#intro-metal);opacity:0;animation:intro-tick .22s ease-out calc(.38s + var(--i) * 22ms) forwards}@keyframes intro-tick{to{opacity:1}}.intro-turn{transform-origin:60px 60px;rotate:-90deg;animation:intro-turn .76s cubic-bezier(.34,1.36,.5,1) .72s forwards}@keyframes intro-turn{to{rotate:0deg}}.intro-monogram{fill:url(#intro-metal);font-family:Outfit,sans-serif;font-size:36px;font-weight:600;opacity:0;animation:intro-rise .6s cubic-bezier(.16,1,.3,1) 1.05s forwards}@keyframes intro-rise{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.intro-word{font-family:var(--wide);font-size:clamp(1.1rem,4.2vw,1.9rem);letter-spacing:.9em;margin:.4rem -.9em 0 0;text-transform:uppercase;color:transparent;background:linear-gradient(100deg,#a98a45,#e3c987 38%,#fff4d8 50%,#e3c987 62%,#a98a45) 100% 0 /250% 100%;-webkit-background-clip:text;background-clip:text;opacity:0;animation:intro-word .76s cubic-bezier(.16,1,.3,1) 1s forwards,intro-glint .9s ease-in-out 1.35s forwards}@keyframes intro-word{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0);letter-spacing:.3em;margin-right:-.3em}}@keyframes intro-glint{to{background-position:0 0}}.intro-sub{font-size:clamp(.62rem,1.6vw,.72rem);letter-spacing:.42em;margin:0 -.42em 0 0;text-transform:uppercase;color:rgba(244,245,247,.55);opacity:0;animation:intro-rise .6s ease-out 1.3s forwards}.intro-skip{position:absolute;z-index:2;right:max(1rem,env(safe-area-inset-right));bottom:max(1.2rem,env(safe-area-inset-bottom));padding:.5rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,11,12,.5);color:rgba(244,245,247,.8);font:inherit;font-size:.78rem;letter-spacing:.08em;cursor:pointer;transition:opacity .25s ease,border-color .2s ease}.intro-skip:focus-visible,.intro-skip:hover{border-color:rgba(227,201,135,.6)}.intro.is-opening .intro-skip{opacity:0;pointer-events:none}.intro.is-fast .intro-door{transition-duration:.42s;transition-delay:0s}.intro.is-fast .intro-mark{transition-duration:.18s}@media (prefers-reduced-motion:reduce){.intro{display:none}}