/* La foto completa y el isotipo integrado aparecen juntos; luego se indica cómo continuar. */
.opening .hero-cue{position:absolute;z-index:6;left:50%;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;flex-direction:column;gap:12px;min-width:max-content;padding:10px 18px;color:#f4f5ee;background:rgba(3,6,4,.72);border:1px solid rgba(244,245,238,.34);border-radius:999px;backdrop-filter:blur(6px);font:500 clamp(12px,1.1vw,15px)/1.25 Arial,sans-serif;letter-spacing:.04em;text-align:center;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,transform .4s ease,visibility .4s}
body.hero-ready:not(.hero-entry-moving):not(.hero-complete) .hero-cue{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hero-cue-mark{position:relative;width:1px;height:25px;background:#c7ff1e;animation:hero-cue-bob 1.7s ease-in-out infinite}
.hero-cue-mark::after{content:'';position:absolute;left:-4px;bottom:0;width:9px;height:9px;border-right:1px solid #c7ff1e;border-bottom:1px solid #c7ff1e;transform:rotate(45deg)}
@keyframes hero-cue-bob{50%{transform:translateY(5px)}}
.hero-cue-touch{display:none}
body.hero-complete .opening .collage-scroll{display:none!important}
body.hero-complete .opening-copy-track{margin-top:0!important}
body.hero-complete .opening-copy{opacity:1!important;transform:none!important}
body.hero-complete>.site-header{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;transition:none!important}
@media(max-width:700px),(pointer:coarse),(hover:none){.hero-cue-desktop{display:none}.hero-cue-touch{display:inline}}
@media(max-width:700px){.opening .hero-cue{bottom:max(32px,calc(env(safe-area-inset-bottom) + 18px));font-size:13px}}
@media(prefers-reduced-motion:reduce){.opening .hero-cue{transition:none}.hero-cue-mark{animation:none}}