#skull-stage{position:absolute;left:50%;top:var(--skull-center,42%);width:var(--skull-size,min(530px,58vw));aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1}
#hero-skull,#skull-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;mask-image:none;mix-blend-mode:normal}
#hero-skull{touch-action:pan-y}
#hero-skull:not([data-ready="true"]){visibility:hidden}
#hero-skull[data-ready="true"]+#skull-poster{visibility:hidden}
/* The exact approved front frame stays visible until animation decoding succeeds. */
html.intro-loading #skull-stage{visibility:hidden}
html.intro-reveal #skull-stage{visibility:visible}
@media(max-width:760px){#skull-stage{width:var(--skull-size,min(460px,88vw));top:var(--skull-center,30%)}}
@media(prefers-reduced-motion:reduce){html.intro-loading #skull-stage{visibility:visible}}