/* The approved homepage grid, copy, navigation and spacing stay in landing.css. */
.hero-window-journey{position:relative;scroll-margin-top:96px}
.hero-window-stage{position:relative;isolation:isolate;z-index:0;min-height:calc(100svh - 96px)}
.hero-window-carry{position:relative}
.hero-window-journey.is-pinned .hero-window-carry{position:sticky;top:96px;will-change:transform}
.hero-window-carry>.framework-chapter{position:relative;z-index:2;transition:opacity .2s}
.nav-is-open .hero-window-carry>.framework-chapter{opacity:.09}
.hero-window-art{position:absolute;inset:-96px 0 0;overflow:hidden;z-index:0;pointer-events:none;background:#06162d;transition:filter .25s}
.hero-window-stage>.hero{position:relative;z-index:1}
.hero-scroll-cue{position:absolute;z-index:3;right:max(clamp(24px,4vw,64px),env(safe-area-inset-right,0px));top:calc(100svh - 160px - env(safe-area-inset-bottom,0px));color:#c1d9e8;pointer-events:none}
.hero-scroll-cue svg{display:block;opacity:.85;animation:hero-scroll-hint 3.2s ease-in-out infinite}
@keyframes hero-scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.hero-window-fallback,.hero-window-render{position:absolute;max-width:none;width:100%;height:100%;left:0;top:0}
.hero-window-render canvas{display:block;width:100%;height:100%;max-width:none}
.hero-window-art[data-renderer="webgl"] .hero-window-fallback{visibility:hidden}
.hero-window-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,30,.78),rgba(2,12,30,.62) 52%,rgba(2,12,30,.02) 80%)}
.hero-window-stage .hero-visual{visibility:hidden}
/* The replaced illustration must not create an empty second grid row. */
@media(max-width:900px){
 .hero-window-stage .hero-visual{display:none}
 .hero-window-art:after{background:linear-gradient(90deg,rgba(2,12,30,.78),rgba(2,12,30,.62) 72%,rgba(2,12,30,.02))}
}
.page-index .hero-window-stage .hero .h1{color:#f6f4ef}
.page-index .hero-window-stage .hero-angle{color:#9cc8de}
.page-index .hero-window-stage .hero .copy>.mono{color:#a5c5d7}
.page-index .hero-window-stage .hero .copy p{color:#e4e9ed}
.page-index .hero-window-stage .hero .ghost{color:#e4e9ed}
.page-index .hero-window-stage .hero .btn{background:#f5f7fa;color:#0b1e42;border-color:#f5f7fa}
.page-index .hero-window-stage .hero .btn:hover{background:#dce8f0}
@media(max-width:600px){
 .hero-window-journey{scroll-margin-top:84px}
 .hero-window-stage{min-height:calc(100svh - 84px)}
 .hero-window-journey.is-pinned .hero-window-carry{top:84px}
 .hero-window-art{top:-84px}
 .hero-scroll-cue{top:calc(100svh - 148px - env(safe-area-inset-bottom,0px))}
 .hero-window-art:after{background:linear-gradient(90deg,rgba(2,12,30,.70),rgba(2,12,30,.60))}
}


.nav-is-open .hero-window-art{filter:brightness(.58)}

/* Center the two-line tools label beside the demo action. */
.page-index .hero .ghost{max-width:none;padding-bottom:0}
.page-index .hero .hero-tools-label{white-space:nowrap}
@media(min-width:601px){
 .page-index .hero .copy>.hero-actions{align-items:center!important}
}

/* The lamp opens alone; the approved copy settles into the lower-left corner. */
.page-index .hero-window-stage>.hero{min-height:inherit;align-items:end}
.hero-window-stage[data-copy="pending"] .hero .copy{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){
 .hero-window-stage[data-copy="pending"] .hero .copy{opacity:1;visibility:visible}
 .hero-scroll-cue svg{animation:none}
}