/* A separate cinematic layer; the approved page retains its own layout. */
html.intro-pending::before{content:'';position:fixed;inset:0;z-index:10000;background:#0a0a09}
.seven-intro{position:fixed;inset:0;z-index:9999;pointer-events:auto;isolation:isolate}
.seven-intro[hidden]{display:none}
.seven-intro-black{position:absolute;inset:0;background:var(--black,#0a0a09)}
.seven-intro-welcome{position:absolute;left:50%;top:50%;width:min(510px,72vw);height:auto;transform:translate(-50%,-50%);overflow:visible;color:var(--white,#f8f7f3)}
.seven-intro-welcome path{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.seven-intro-logo{position:absolute;left:0;top:0;transform-origin:0 0;white-space:nowrap;pointer-events:none;will-change:transform,opacity}
html.intro-pending .header>.brand,html.intro-active .header>.brand{visibility:hidden}
html.intro-pending .hero-copy,html.intro-pending .card,html.intro-active .hero-copy,html.intro-active .card,html.intro-complete .hero-copy,html.intro-complete .card{animation:none}
@media(max-width:760px){.seven-intro-welcome{width:min(390px,84vw)}}
@media(prefers-reduced-motion:reduce){.seven-intro{display:none}html.intro-pending::before{display:none}}
/* The existing CTA transitions all properties, including breakpoint sizing.
   Freeze that hidden geometry during the handoff; restore its normal hover
   transition as soon as the intro completes. */
html.intro-pending .header-right .start,html.intro-active .header-right .start{transition:none}

/* Visible post-intro entrances own opacity and individual translate/scale.
   Final layout and the original card hover transforms remain unchanged. */
html.hero-entering #hero-title,html.hero-entering .hero-bottom,html.hero-entering .eyebrow,html.hero-entering .caption,html.hero-entering .header-right .start,html.hero-entering .cards>.card{opacity:0;will-change:opacity,translate,scale}
html.hero-entering .cards>.card{pointer-events:none;transition:none}
html.hero-entering .header-right .start{transition:none}