/* Alternate hero: ?hero=videos. A single encoded film carries the three shots. */
html[data-hero=videos] .hero-slide:not(:first-child),
html[data-hero=videos] .hero-scene-controls,
html[data-hero=videos] #hero-sequence-toggle {display:none;}
.hero-video-experience {position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#181419;}
.hero-video-experience[hidden],.hero-video-scenes[hidden],.hero-video-toggle[hidden] {display:none;}
.hero-video-experience>img,.hero-video-experience>video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-video-experience>video {opacity:0;transition:opacity .45s ease;}
.hero-video-mode.is-hero-video-ready .hero-video-experience>video {opacity:1;}
.hero-video-mode .experience-scenes {display:none;}
.hero-video-experience:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#110d172b,transparent 30%,transparent 52%,#160e1945 100%);}
html[data-hero=videos] .hero-identity {bottom:clamp(72px,8svh,110px);width:min(730px,92vw,calc((100svh - var(--hero-header)) * .82));}
html[data-hero=videos] .experience-logo {width:min(630px,100%);}
html[data-hero=videos] .experience-logo img {filter:drop-shadow(0 0 1.5px #fff2db) drop-shadow(0 0 20px #fff1dac0);}
.hero-video-scenes {position:absolute;z-index:4;left:50%;bottom:10px;display:flex;gap:12px;transform:translateX(-50%);}
.hero-video-scenes button {display:grid;place-items:center;min-width:60px;width:70px;height:44px;border:0;background:none;padding:0;}
.hero-video-scenes button>span {position:relative;display:block;width:43px;height:2px;background:#fff3df70;overflow:hidden;}
.hero-video-scenes button[aria-pressed=true]>span {height:3px;}
.hero-video-scenes i {display:block;position:absolute;inset:0;background:#fff5e5;transform:scaleX(0);transform-origin:left;}
.hero-video-toggle {position:absolute;z-index:4;bottom:14px;right:24px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #eee1c980;border-radius:50%;background:#15131a66;color:#fff4e1;font-size:18px;}
.hero-video-toggle:focus-visible,.hero-video-scenes button:focus-visible {outline:2px solid #fff4e1;outline-offset:2px;}
@media(max-width:600px) {
 html[data-hero=videos] .hero-identity {bottom:clamp(85px,12svh,130px);width:min(94vw,calc((100svh - var(--hero-header)) * .63));}
 .hero-video-scenes {gap:6px;bottom:8px;}
 .hero-video-scenes button {width:61px;min-width:54px;}
 .hero-video-scenes button>span {width:34px;}
 .hero-video-toggle {right:8px;bottom:8px;}
}
@media(orientation:landscape) and (max-height:550px) {
 html[data-hero=videos] .hero-identity {width:min(380px,70vw);bottom:49px;}
 html[data-hero=videos] .experience-logo {width:260px;}
}
@media(prefers-reduced-motion:reduce) {
 .hero-video-experience>video {transition:none;}
}