/* The empty stage, lit live (home hero, 18 oktober 2026). Composition after Ice House: the marque in the light at the top,
   'As performed.' and the actions centred below. The scroll film (reveal.js) only with ?hero=film. */
html:not([data-hero=film]) .reveal{height:max(calc(var(--viewport-height,100svh) * 1),720px)!important}
html:not([data-hero=film]) .reveal .stage{position:relative!important;height:100%!important}
html:not([data-hero=film]) .reveal :is(.hero-static,.scene,.hero-room-copy,.hero-model){display:none!important}
html[data-hero=film] .stage-light{display:none}

.stage-light{position:absolute;inset:0;z-index:0;background:#05080c;overflow:hidden}
.stage-light canvas,.stage-light-still{position:absolute;inset:0;width:100%;height:100%}
.stage-light-still{object-fit:cover;opacity:0;transition:opacity .6s ease}
.stage-light.is-static .stage-light-still{opacity:1}
.stage-light.is-static canvas{display:none}
/* The marque has one fixed place, centred just below the navigation, whatever stands on the stage (Daan 30-10); the
   stage is framed below it. It brightens as the light comes up. */
.stage-logo{position:absolute;left:50%;top:calc(var(--header-height) + 4px);width:min(clamp(84px,7.4vw,132px),11vh);height:auto;transform:translateX(-50%);opacity:calc(.12 + .88 * var(--logo-light,1));z-index:1;pointer-events:none}

/* Copy centred at the foot of the stage. */
html:not([data-hero=film]) .reveal .hero-copy{left:50%!important;right:auto!important;top:auto!important;bottom:clamp(58px,7vh,84px)!important;width:min(820px,calc(100vw - 2 * var(--page-gutter)));max-width:none!important;transform:translateX(-50%)!important;text-align:center!important;opacity:1!important;pointer-events:auto}
html:not([data-hero=film]) .reveal .hero-copy h1{font-size:min(clamp(48px,5vw,88px),9.5vh)!important;line-height:1!important}
html:not([data-hero=film]) .reveal .hero-copy>.eyebrow{display:none}
html:not([data-hero=film]) .reveal .hero-copy h1 br{display:none}
/* Full-bleed stage: under the heading only the actions, as in the Ice House composition. */
html:not([data-hero=film]) .reveal .hero-copy .hero-subtitle{display:none}
html:not([data-hero=film]) .reveal .hero-actions{margin-top:20px!important}
html:not([data-hero=film]) .reveal .hero-actions{justify-content:center}
/* The navigation is visible on the first screen (actielijst 29-10); only the header marque waits while the marque
   in the light stands above the stage, so the logo never shows twice. */
.site-header{transition:opacity .6s ease,transform .7s cubic-bezier(.2,0,0,1),background-color .4s,background .4s}
.site-header .brand{transition:opacity .6s ease}
html.stage-top:not([data-hero=film]) .site-header:not(:focus-within) .brand{opacity:0;pointer-events:none}
/* Over the stage the header has no band of its own (21-10): the stage fills the page up to the top edge, the
   header takes its Delft colour once the stage has passed (on-content, app.js). */
html:not([data-hero=film]) .site-header:not(.on-content):not(.on-light){background:transparent}

@media(max-width:760px){
 .stage-logo{top:calc(var(--header-height) + 4vh);width:72px}
 html:not([data-hero=film]) .reveal .hero-copy{bottom:84px!important}
 html:not([data-hero=film]) .reveal .hero-copy .hero-subtitle{display:none}
}