/* The grid reserves the longest phrase's height, keeping everything below still. */
#nexus-hero .nx-intro{max-width:1100px}
#nexus-hero .nx-intro h1.marketing-heading{
 font-size:clamp(2.75rem,4.8vw,4.25rem);font-weight:450;line-height:1.08;letter-spacing:-.025em;
}
#nexus-hero .nx-intro h1 .nx-meet{
 display:block;font-size:1.75rem;font-weight:400;line-height:1.3;letter-spacing:-.02em;
 margin-bottom:1rem;color:var(--site-ink);
}
#nexus-hero .nx-intro h1 .nx-meet strong{font-weight:650;color:var(--site-heading-blue)}
#nexus-hero .nx-intro h1 .nx-headline-lead{display:block;color:var(--site-ink)}
#nexus-hero .nx-intro h1 .nx-phrase-window{
 display:grid;overflow:hidden;padding:.025em 0 .09em;color:var(--site-heading-blue);
}
#nexus-hero .nx-intro h1 .nx-phrase{
 grid-area:1/1;display:block;opacity:0;transform:translateY(.22em);color:inherit;
 transition:opacity 350ms ease,transform 450ms cubic-bezier(.16,1,.3,1);
 pointer-events:none;
}
#nexus-hero .nx-intro h1 .nx-phrase.is-leaving{transform:translateY(-.22em)}
#nexus-hero .nx-intro h1 .nx-phrase.is-current{opacity:1;transform:translateY(0)}
#nexus-hero .nx-intro .marketing-subheading{max-width:44ch;margin-top:1.5rem!important}
@media(max-width:640px){
 #nexus-hero .nx-intro{padding-inline:1rem}
 #nexus-hero .nx-intro h1.marketing-heading{font-size:clamp(1.75rem,7.8vw,2.75rem);line-height:1.18}
 #nexus-hero .nx-intro h1 .nx-meet{font-size:1.375rem;margin-bottom:1rem}
 #nexus-hero .nx-intro h1 .nx-headline-lead{max-width:17ch;margin-inline:auto}
 #nexus-hero .nx-intro h1 .nx-phrase-window{align-items:start}
 #nexus-hero .nx-intro .marketing-subheading{max-width:32ch;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 #nexus-hero .nx-intro h1 .nx-phrase{transition:none;transform:none}
}