.intro{display:none}html[data-intro=leaving],html[data-intro=play]{overflow:hidden}html[data-intro=leaving] .intro,html[data-intro=play] .intro{display:grid;place-items:center;position:fixed;inset:0;z-index:10000;overflow:hidden;background:color-mix(in srgb,var(--navy) 62%,#000);cursor:default;transition:opacity .6s cubic-bezier(.4,0,.2,1)}html[data-intro=leaving] .intro{opacity:0;pointer-events:none}html[data-intro=play] .load-anim,html[data-intro=play] .load-anim *{animation-play-state:paused!important}.intro__orb{position:absolute;left:50%;top:60%;width:min(92vmax,150vmin);aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 80%,#000) 0,var(--navy) 22%,color-mix(in srgb,var(--gold) 70%,var(--navy)) 42%,var(--gold) 58%,color-mix(in srgb,var(--gold) 45%,var(--cream)) 76%,var(--cream) 100%);background-size:100% 130%;filter:blur(52px);animation:introOrb 3.2s cubic-bezier(.16,1,.3,1) both}html[data-intro=leaving] .intro__orb{scale:1.12;transition:scale .6s ease-in}@keyframes introOrb{0%{opacity:0;scale:.86;background-position:0 0}35%{opacity:1}to{opacity:.92;scale:1;background-position:0 100%}}.intro__grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px);pointer-events:none}.intro__content{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 24px;text-align:center}html[data-intro=leaving] .intro__content{translate:0 -10px;transition:translate .6s ease-in}@property --intro-sweep{syntax:"<angle>";inherits:false;initial-value:1turn}.intro__emblem{width:clamp(72px,11vw,104px);height:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.3));-webkit-mask-image:conic-gradient(#000 var(--intro-sweep),transparent 0);mask-image:conic-gradient(#000 var(--intro-sweep),transparent 0);animation:introDraw 1.15s cubic-bezier(.65,0,.35,1) .15s both,introSettle 1.4s cubic-bezier(.16,1,.3,1) .15s both}@keyframes introDraw{0%{--intro-sweep:0deg}to{--intro-sweep:360deg}}@keyframes introSettle{0%{scale:.9;rotate:-10deg}to{scale:1;rotate:0deg}}.intro__divider{display:block;width:64px;height:1px;margin:24px 0 22px;background:rgba(255,255,255,.7);animation:introGrow .8s cubic-bezier(.16,1,.3,1) .95s both}@keyframes introGrow{0%{scale:0 1}to{scale:1 1}}.intro__name{margin:0;font-family:var(--heading-font);font-weight:300;font-size:clamp(22px,4vw,38px);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:transparent;background:linear-gradient(100deg,rgba(255,255,255,.6),rgba(255,255,255,.6) 38%,#fff 50%,rgba(255,255,255,.6) 62%,rgba(255,255,255,.6));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 14px rgba(0,0,0,.3));animation:introRise 1s cubic-bezier(.16,1,.3,1) 1.05s both,introShine 1.6s ease-in-out 1.2s both}.intro__wordmark{width:clamp(200px,24vw,280px);height:auto;margin-top:20px;filter:drop-shadow(0 1px 12px rgba(0,0,0,.3));animation:introWipe .9s cubic-bezier(.65,0,.35,1) 1.5s both}@keyframes introWipe{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);translate:-6px 0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);translate:0 0}}@keyframes introRise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes introShine{0%{background-position:100% 0}to{background-position:0 0}}