/* The values screen dissolves into the page background as native scroll advances. */
.opening-intro-stack{position:relative;isolation:isolate;background:var(--bg)}
/* The scroll boundary must never expose the preceding section above the sphere. */
.opening-intro-stack>#pillars{min-height:100svh;min-height:100lvh;display:grid;align-content:center}
.opening-intro-stack.is-scroll-fade>#pillars{position:sticky;top:var(--opening-pillars-top,0px);z-index:0;opacity:var(--opening-pillars-opacity,1)}
.opening-intro-stack>#philosophy{position:relative;z-index:1}
.opening-intro-stack.is-scroll-fade>#philosophy{background:transparent}
/* Each introduction reserves a complete screen, including unrevealed copy. */
#philosophy{
 min-height:100svh;min-height:100lvh;display:flex;align-items:center;justify-content:center;
 padding:32px var(--gutter);background:var(--bg);overflow:clip;
}
#philosophy>.gravity-principle{width:100%;padding:0;margin:0;container-type:inline-size;transform:translate3d(0,var(--intro-content-offset,0px),0)}
#search-title{white-space:nowrap;font-size:min(var(--type-section),9cqi);text-wrap:nowrap}
#search-title .intro-title-run{display:inline-block;white-space:nowrap}
#philosophy .cinema-quote{width:100%;max-width:850px;margin-top:var(--gap-heading-copy)}
#pulsar-discovery #mythos-discovery-intro{
 min-height:100svh;min-height:100lvh;display:flex;flex-direction:column;align-items:center;
 justify-content:center;padding:32px var(--gutter);overflow:clip;
}
#mythos-discovery-intro .discovery-intro{flex:none;width:100%;margin-bottom:0}
.intro-is-pending [data-intro-part]{opacity:0}
.intro-is-pending #search-they{visibility:hidden}
html.is-intro-gated{overscroll-behavior:none;scroll-behavior:auto;touch-action:none}
html.is-intro-gated body{touch-action:none}
@media(max-height:500px){
 #philosophy,#pulsar-discovery #mythos-discovery-intro{padding-block:16px}
}
@media(prefers-reduced-motion:reduce){
 .opening-intro-stack.is-scroll-fade>#pillars{position:relative;top:auto;opacity:1}
 .opening-intro-stack.is-scroll-fade>#philosophy{background:var(--bg)}
 .intro-is-pending [data-intro-part]{opacity:1!important}
 .intro-is-pending #search-they{visibility:visible}
}

@media(prefers-reduced-motion:reduce){.discovery::before{opacity:1!important}}

/* Physical opening boundaries must not stretch, bounce, or animate native scrolling. */
html.is-opening-limited,html.is-opening-limited body{overscroll-behavior:none;scroll-behavior:auto}