/* V2.1: a triggered, time-based entrance; deliberately not tied to scroll progress. */
html{scrollbar-gutter:stable}
html[data-entry="hero"],html[data-entry="transition"]{overflow:hidden;overscroll-behavior:none}
.sequence{height:100svh;min-height:700px}
.stage{position:relative;top:auto;height:100%;min-height:inherit}
.hero-scene{z-index:0;will-change:auto}
.scene-curtain{position:absolute;inset:0;background:#101110;opacity:0;z-index:1;pointer-events:none}
.resume-scene{z-index:2;opacity:1;clip-path:none;visibility:hidden;background:transparent;will-change:auto}
.resume-scene .resume-first{position:relative}
.motion-glyph{display:inline-block;white-space:pre}
html[data-entry="resume"] .hero-scene{visibility:hidden}
html[data-entry="resume"] .resume-scene{visibility:visible}
html[data-entry="resume"] .scene-curtain{opacity:0}
html[data-entry="transition"] .resume-rest,html[data-entry="transition"] .destination-section,html[data-entry="transition"] .site-footer{visibility:hidden}
@media(min-width:801px) and (max-height:850px){.sequence{min-height:650px}}
@media(max-width:800px){.sequence{min-height:670px}}