/* Native, muted video loop in a single-screen hero. */
.video-hero{--header-height:113px;--stage-height:max(510px,calc(100vh - var(--header-height)));--stage-height:max(510px,calc(100svh - var(--header-height)));position:relative;background:#090a0c}
.video-hero-stage{position:relative;top:0;height:var(--stage-height);overflow:hidden;isolation:isolate}

.video-hero-media,.video-hero-shade{position:absolute;inset:0;pointer-events:none}
.video-hero-media{z-index:-3;background:#131410 url('assets/elevador-intro-poster.webp') center/cover no-repeat}
.video-hero-media video{transform:translateZ(0);width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0}
.video-hero-media video.is-ready{opacity:1}
.video-hero-shade{z-index:-2;background:linear-gradient(90deg,#060709ed 0%,#060709bf 27%,#06070942 52%,#06070900 74%),linear-gradient(0deg,#060709c9,transparent 22%,transparent 80%,#06070944)}
.video-hero-content{height:100%;position:relative;display:flex;align-items:center;padding-block:45px 90px}
.video-hero .hero-copy{width:51%;max-width:670px;padding:0;animation:none}
.video-hero h1{font-size:clamp(45px,5.2vw,78px);max-width:620px;line-height:1.04;margin-block:25px}
.video-hero .hero-copy>p{color:#d2d5d9;max-width:370px;text-shadow:0 1px 8px #0008}
.video-hero .hero-actions{gap:24px}
.video-hero .hero-actions .text-link{font-size:11px;color:#e0e3e7}
.video-hero-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;gap:24px}
.scroll-cue{display:flex;align-items:center;gap:12px;color:#e4e7ec;font-size:11px}
.scroll-cue>span{height:36px;width:24px;border:1px solid #e4e7ec66;border-radius:14px;display:grid;place-items:center;color:var(--yellow)}
.video-hero-tag{margin-left:auto;color:#d2d5d9;font-size:8px;letter-spacing:.17em}


@media(max-width:1150px){.video-hero h1{font-size:clamp(44px,5.5vw,65px)}.video-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.video-hero .button{font-size:11px;padding:17px 18px}}
@media(max-width:900px){.video-hero{--header-height:97px}.video-hero .hero-copy{width:54%}.video-hero h1{font-size:48px}.video-hero .hero-copy>p{font-size:13px}.video-hero-media video,.video-hero-media{object-position:60% center;background-position:60% center}}
@media(max-width:620px){.video-hero{--header-height:89px;--stage-height:max(520px,calc(100vh - var(--header-height)));--stage-height:max(520px,calc(100svh - var(--header-height)))}.video-hero-content{align-items:flex-start;padding-block:35px 75px}.video-hero .hero-copy{width:100%;max-width:360px}.video-hero h1{font-size:clamp(40px,10.5vw,52px);max-width:340px;margin-block:20px;line-height:1.02}.video-hero .eyebrow{font-size:8px}.video-hero .hero-copy>p{font-size:12px;line-height:1.75;max-width:275px}.video-hero .hero-actions{margin-top:22px;gap:16px}.video-hero .button{padding:16px;min-height:48px;font-size:10px}.video-hero .hero-actions .text-link{font-size:10px}.video-hero-media video{object-position:66% center}.video-hero-media{background-position:66% center}.video-hero-shade{background:linear-gradient(180deg,#060709a8,transparent 70%,#06070999),linear-gradient(90deg,#060709bd, #06070969 48%,#06070908)}.video-hero-footer{bottom:22px;gap:15px}.scroll-cue{font-size:10px}.video-hero-tag{display:none}}
@media(max-height:650px) and (min-width:621px){.video-hero{--stage-height:max(370px,calc(100vh - var(--header-height)));--stage-height:max(370px,calc(100svh - var(--header-height)))}.video-hero-content{padding-block:25px 55px}.video-hero h1{font-size:44px;margin-block:15px}.video-hero .hero-copy>p{font-size:12px}.video-hero .hero-actions{margin-top:17px;flex-direction:row}.video-hero-footer{bottom:15px}}
@media(max-width:620px){.video-hero-footer{gap:12px}.scroll-cue{font-size:9px;gap:7px}}

/* Reveal once during playback, then keep the copy and final video frame visible. */
.video-hero h1>.hero-line{display:block;width:fit-content;color:inherit}
.video-hero h1>.hero-line:after{display:none}
.video-hero h1>.hero-line-accent{color:var(--yellow)}
.video-hero h1>.hero-line-accent:after{display:block}
.hero-intro-enabled .video-hero .hero-reveal{opacity:0;transform:translate3d(0,18px,0)}
.hero-intro-enabled .video-hero.intro-playing .hero-reveal{animation:hero-cascade 620ms cubic-bezier(.22,1,.36,1) var(--intro-delay,0ms) both}
@keyframes hero-cascade{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.hero-intro-enabled .video-hero.intro-complete .hero-reveal{opacity:1;transform:none;animation:none}
.video-hero .hero-reveal:focus-visible{opacity:1;transform:none;animation:none!important}
@media(prefers-reduced-motion:reduce){.hero-intro-enabled .video-hero .hero-reveal,.hero-intro-enabled .video-hero.intro-playing .hero-reveal{opacity:1;transform:none;animation:none}}