/* The brand leads; the matter screens move forward with the scroll. */
.centered-hero.cinema-enabled .cinema-intro{left:50%;top:49%;width:64%;max-width:880px;transform:translate(-50%,calc(-48% + var(--intro-y,0px)));text-align:center}
.centered-hero .cinema-intro h1{font-size:clamp(42px,4.5vw,68px);line-height:1.1}
.centered-hero .nisi-gradient{width:max-content;max-width:100%;margin-inline:auto;font-size:clamp(110px,11vw,166px);padding-bottom:25px;padding-left:.09em;background-image:linear-gradient(110deg,#84aafa 5%,#adc9ff 24%,#a3ddcf 48%,#91c7e8 72%,#84aafa 95%);background-size:180% 100%;background-position:0% 50%;animation:nisi-prism 9s ease-in-out infinite alternate}
@keyframes nisi-prism{from{background-position:0% 50%}to{background-position:100% 50%}}
.centered-hero .brand-prelude{font-size:13px;margin-bottom:26px}
.centered-hero .intro-detail{margin:24px auto 0;max-width:45ch;font-size:16px}
.centered-hero .intro-detail>strong{font-size:22px;margin-bottom:12px}
.centered-hero .opening-actions{justify-content:center;margin-top:26px}
.centered-hero .ultra-access-note{margin-top:16px}
.centered-hero.cinema-enabled .cinema-machine{opacity:var(--machine-alpha,.52);animation:none}
.centered-hero .ultra-hero-promise{animation:none!important}
.centered-hero .ultra-stage-light{inset:0;background:radial-gradient(ellipse at 50% 48%,#668d9e18,transparent 60%)}
@media(min-width:1051px) and (max-height:760px){
 .centered-hero .nisi-gradient{font-size:128px;padding-bottom:23px}
 .centered-hero .cinema-intro h1{font-size:53px}
 .centered-hero .intro-detail{margin-top:20px;font-size:15px}
 .centered-hero .intro-detail>strong{font-size:20px}
}
@media(min-width:700px) and (max-width:1050px){
 .centered-hero.cinema-enabled .cinema-intro{top:42%;left:50%;width:86%;max-width:760px;transform:translate(-50%,calc(-48% + var(--intro-y,0px)))}
 .centered-hero.cinema-enabled .cinema-intro h1{display:block;font-size:52px}
 .centered-hero.cinema-enabled .nisi-gradient{font-size:138px;padding-bottom:26px}
 .centered-hero.cinema-enabled .intro-detail{max-width:40ch;font-size:16px}
 .centered-hero.cinema-enabled .intro-detail>strong{display:block;margin:0 0 12px;font-size:22px}
 .centered-hero.cinema-enabled .intro-detail>span{display:block}
 .centered-hero.cinema-enabled .cinema-machine{top:74%}
}
@media(max-width:699px), (min-width:700px) and (max-width:1050px) and (max-height:849px), (min-width:1051px) and (max-height:639px){
 .centered-hero:not(.cinema-enabled) .cinema-intro{text-align:center;padding:132px 7% 50px}
 .centered-hero .brand-prelude{max-width:none}
 .centered-hero:not(.cinema-enabled) .cinema-intro h1{font-size:43px}
 .centered-hero:not(.cinema-enabled) .nisi-gradient{font-size:106px;padding-bottom:28px}
 .centered-hero .intro-detail{font-size:15px;max-width:33ch}
 .centered-hero .intro-detail>strong{font-size:20px}
 .centered-hero:not(.cinema-enabled) .cinema-machine{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .centered-hero .nisi-gradient{animation:none;background-position:50% 50%}
 .centered-hero:not(.cinema-enabled) .cinema-intro{margin:0 auto;text-align:center;max-width:850px;padding:145px 6% 60px}
 .centered-hero:not(.cinema-enabled) .cinema-machine{position:relative;left:auto;top:auto;width:80%;margin:30px auto;transform:none;opacity:1}
}
/* Keep the supplied hero paragraph clear of the navigation on shorter displays. */
@media (min-width:1051px) and (max-height:700px) {
 .centered-hero .intro-detail { max-width:78ch; }
 .centered-hero .nisi-gradient { font-size:112px; }
 .centered-hero .cinema-intro h1 { font-size:46px; }
}