.hero{--p:0;background:#0c0b09;height:450svh;position:relative}@media (orientation:portrait){.hero{height:500svh}}.hero__stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero__poster{background:#0c0b09 url(/hero/desktop/f_001.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (orientation:portrait){.hero__poster{background-image:url(/hero/mobile/f_001.webp)}}.hero__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero__shade{pointer-events:none;background:radial-gradient(#0000006b 0%,#0000 65%),linear-gradient(#0000 45%,#0000008c 100%);position:absolute;inset:0}.hero__captions{padding:0 max(1.25rem, 5vw) calc(max(2.5rem, 8svh) + env(safe-area-inset-bottom));pointer-events:none;position:absolute;inset:auto 0 0}.hero__caption{left:max(1.25rem,5vw);right:max(1.25rem,5vw);bottom:calc(max(2.5rem, 8svh) + env(safe-area-inset-bottom));opacity:0;transition:opacity .6s,transform .6s;position:absolute;transform:translateY(14px)}.hero__caption[data-active=true]{opacity:1;transform:none}.hero__title{max-width:14ch;font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 24px #00000059;margin:0;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:300;line-height:1.02}.hero__text{color:#ffffffeb;text-shadow:0 1px 12px #0006;max-width:34ch;margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.45}.hero__cue{bottom:calc(max(1.75rem, 4.5svh) + env(safe-area-inset-bottom));letter-spacing:.04em;color:#ffffffe6;text-shadow:0 1px 8px #00000080;opacity:calc(1 - var(--p) * 30);pointer-events:none;justify-items:center;gap:.45rem;font-size:.875rem;display:grid;position:absolute;left:50%;translate:-50%}.hero__cue-arrow{border-bottom:1.5px solid;border-right:1.5px solid;width:.7rem;height:.7rem;animation:2s ease-in-out infinite cue-latido;rotate:45deg}@keyframes cue-latido{0%,to{opacity:.6;translate:0}50%{opacity:1;translate:0 5px}}.hero__progress{transform-origin:top;width:2px;height:100%;transform:scaleY(var(--p));pointer-events:none;background:#ffffffd9;position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){.hero__caption{transition:none}.hero__cue-arrow{animation:none}}