/* Let the full skyline lead; only the text makes a quiet entrance. */
.hero--video[data-hero-intro=playing] .hero-content h1{animation:cda-hero-copy-in .8s var(--ease) .12s both}
.hero--video[data-hero-intro=playing] .hero-kicker{animation:cda-hero-copy-in .6s var(--ease) .05s both}
@keyframes cda-hero-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero--video .hero-video{opacity:0;transition:opacity .45s ease}
.hero--video.is-video-ready .hero-video{opacity:1}
.hero--video .hero-poster{pointer-events:none}
.hero--video:after{background:linear-gradient(180deg,rgba(3,16,31,.42) 0%,rgba(3,16,31,.06) 35%,rgba(3,16,31,.19) 54%,rgba(3,16,31,.66) 100%)}
.hero--video .hero-content{bottom:max(9%,100px);text-shadow:0 2px 28px rgba(0,12,25,.18)}
.hero-actions{margin-left:auto;display:flex;align-items:center;gap:clamp(22px,3.3vw,56px)}
.hero-video-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:0;padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;white-space:nowrap}
.hero-video-toggle:hover{opacity:.75}
.hero-video-toggle-icon{width:10px;height:11px;border-inline:3px solid currentColor}
.hero-video-toggle.is-paused .hero-video-toggle-icon{width:10px;height:12px;border:0;background:currentColor;clip-path:polygon(12% 0,100% 50%,12% 100%)}
.hero-video-toggle[hidden]{display:none}
@media(max-width:700px){
 .hero--video .hero-bottom{flex-wrap:wrap;gap:12px;bottom:19px}
 .hero--video .hero-bottom>span{flex-basis:100%;font-size:9px}
 .hero--video .hero-actions{width:100%;justify-content:space-between;gap:12px}
 .hero--video .hero-content{bottom:128px}
 .hero--video .hero-visual>.hero-image{object-position:52% center}
}
@media(prefers-reduced-motion:reduce){.hero--video .hero-video{transition:none}}