.experience-hero>video{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#050b16}
.experience-hero[data-home-hero]::after{background:linear-gradient(180deg,#030910b8,transparent 26%),linear-gradient(90deg,#030910a8,transparent 68%)}
.experience-video-controls{position:absolute;right:var(--gutter);bottom:68px;display:flex;gap:8px;z-index:2}
.experience-video-controls[hidden]{display:none}
.experience-video-controls button{min-height:44px;padding:10px 16px;border:1px solid #ffffff45;border-radius:30px;background:#050b1670;backdrop-filter:blur(12px);color:#fff;font:400 13px/1.2 var(--font,Arial,sans-serif);cursor:pointer;transition:background .18s,border-color .18s}
.experience-video-controls button:hover{background:#172331bb;border-color:#ffffff90}
.experience-video-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px){.experience-video-controls{right:6%}}
@media(max-width:700px){.experience-hero>video{height:70%;object-fit:contain}.experience-hero[data-home-hero]::after{background:linear-gradient(180deg,#030a148c,transparent 36%,#03091099 73%)}.experience-video-controls{top:92px;right:24px;bottom:auto}.experience-video-controls button{padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.experience-video-controls button{transition:none}}