.compact-page .hero{padding-top:0!important}
.compact-page .hero-cinematic{height:calc(100svh - 72px);min-height:500px;margin-bottom:40px}
.hero-proxy-layer{position:absolute;inset:0;z-index:-2;pointer-events:none;clip-path:inset(0);transition:clip-path 1s cubic-bezier(.65,0,.25,1)}
.hero-proxy-layer img{width:100%;height:100%;object-fit:cover}
.compact-page .hero-wall{object-fit:cover}
.hero-reveal-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 42%,#e8d7ae60 49%,#fff7d580 50%,transparent 58%);transform:translateX(-110%)}
.hero-cinematic[data-state=playing] .hero-proxy-layer,.hero-cinematic[data-state=done] .hero-proxy-layer{clip-path:inset(0 0 0 100%)}
.hero-cinematic[data-state=playing] .hero-reveal-sweep{animation:world-reveal 1.15s ease-out both}
@keyframes world-reveal{0%{opacity:0;transform:translateX(-110%)}20%{opacity:1}100%{opacity:0;transform:translateX(110%)}}
.hero-cinematic .hero-copy{transition:opacity .7s,transform .7s}
.hero-cinematic[data-state=playing] .hero-copy{opacity:0;transform:translateY(-16px);pointer-events:none}
.compact-page .hero-cinematic[data-state=playing] .hero-wall-shade{background:#0021470a}
.hero-experience-controls{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:3}
.hero-experience-controls .hero-wall-toggle{position:static;font-size:14px;background:#002147dc}
.hero-experience-status{font:11px var(--mono);color:#fff;text-shadow:0 1px 8px #000}
.hero-wall-skip{border:0;background:#002147b0;color:white;padding:10px 14px;border-radius:40px;cursor:pointer}
.hero-wall-skip:focus-visible,.hero-wall-toggle:focus-visible{outline:3px solid #f3d392;outline-offset:4px}
@media(max-width:700px){.compact-page .hero-cinematic{height:calc(100svh - 62px);min-height:480px}.hero-experience-controls{flex-wrap:wrap;gap:8px;left:12px;right:12px}.hero-experience-status{width:100%;text-align:center}.hero-cinematic .hero-copy{padding:64px 14px 110px}.hero-wall-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-proxy-layer,.hero-cinematic .hero-copy{transition:none}.hero-reveal-sweep{display:none}}