.brand-intro{display:none}
.intro-running .brand-intro{display:grid;position:fixed;inset:0;z-index:1000;place-items:center;background:#0b1628;pointer-events:auto;animation:intro-safety-exit .4s ease 4.1s forwards}
.intro-running{overflow:hidden}
.intro-running .hero .header,.intro-running .hero .title-word,.intro-running .hero .title-light,.intro-running .hero .hero-intro{animation-play-state:paused!important}
.intro-lockup{--lockup-width:min(90vw,610px);position:relative;width:max-content;max-width:90vw;background:#0b1628;isolation:isolate}
.intro-wordmark{display:block;position:relative;z-index:1;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:calc(var(--lockup-width)*.108);line-height:1;letter-spacing:-.05em;color:#f7f8fa;font-weight:300}
.intro-wordmark strong{font-weight:800}
.intro-elephant{display:block;position:absolute;right:calc(100% - var(--lockup-width)*.03);bottom:calc(var(--lockup-width)*.014);width:calc(var(--lockup-width)*.24);height:auto;aspect-ratio:1;background-image:url('assets/intro-elephant-start-v19.webp');background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;contain:paint}
.intro-ready .intro-elephant{background-size:1200% 1200%}
/* Reserve the mascot's visible footprint so mobile centers the whole logo.
   The sprite's transparent left/top margins are not part of that footprint.
   This box stays fixed throughout playback; the wordmark never follows poses. */
@media(max-width:600px){
 .intro-running .brand-intro{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
 .intro-lockup{display:flex;align-items:flex-end;box-sizing:content-box;padding-left:calc(var(--lockup-width)*.1635);height:calc(var(--lockup-width)*.206)}
 .intro-elephant{right:auto;left:calc(var(--lockup-width)*-.0465)}
}
.intro-running .brand-intro.intro-exit{animation:none;opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1);pointer-events:none}
@keyframes intro-safety-exit{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.intro-running .brand-intro{animation:intro-safety-exit .15s ease .35s forwards}.intro-elephant{background-image:url('assets/intro-elephant-rest-v19.webp');background-size:100% 100%}.brand-intro.intro-exit{transition-duration:.15s}}