.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center}
.hero__planet,.hero__poster{position:absolute;pointer-events:none;z-index:var(--z-planet)}
.hero__planet{inset:0;width:100%;height:100%;display:block}
/* Pôster estático: usado com prefers-reduced-motion ou sem WebGL */
.hero__poster{display:none;height:min(86vh,62vw);width:auto;right:max(0px,calc(32vw - min(43vh,31vw)));top:50%;transform:translateY(-50%)}
.no-webgl .hero__poster,.reduced-motion .hero__poster{display:block}
.no-webgl .hero__planet,.reduced-motion .hero__planet{display:none}
.hero__content{position:relative;z-index:var(--z-content);padding-inline:var(--gutter);padding-top:var(--nav-h);max-width:calc(560px + 2*var(--gutter))}
.hero__eyebrow{margin:0 0 var(--sp-5);color:var(--c-holo-400)}
.hero__title{margin:0 0 var(--sp-5);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero__text{margin:0 0 var(--sp-6);max-width:36ch;font-size:var(--fs-body);color:var(--c-gray-300)}
.hero__legal{position:absolute;left:var(--gutter);bottom:20px;margin:0;font-size:var(--fs-micro);color:var(--text-subtle);z-index:var(--z-content);letter-spacing:.04em}
@media (max-width:760px){
  .hero{align-items:flex-start}
  .hero__content{padding-top:calc(var(--nav-h) + 24px)}
  .hero__poster{height:auto;width:118vw;right:-9vw;top:auto;bottom:-22vw;transform:none}
  .hero__legal{right:var(--gutter)}
}
/* Modo pôster (gerar poster.png) */
.poster-mode{background:transparent!important}
.poster-mode .nav,.poster-mode .hero__content,.poster-mode .hero__legal,.poster-mode .side-indicator{display:none}
.hero__legal{text-shadow:0 1px 8px rgba(0,0,0,.9)}
@media (max-width:760px){.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(transparent,rgba(5,7,12,.85));z-index:var(--z-planet);pointer-events:none}}