.hero-has-video{min-height:640px;isolation:isolate;background:#080909}
.hero-has-video .hero-art{z-index:-1}
.hero-has-video .hero-content{z-index:2;width:calc(100% - 96px);max-width:1280px;margin:0 auto;padding:50px 0 80px;pointer-events:none}
.hero-has-video .hero-content a,.hero-has-video .hero-content button{pointer-events:auto}
.hero-has-video h1{font-size:clamp(60px,5.3vw,80px);max-width:620px}
.hero-has-video .hero-benefits{gap:14px 20px}
.hero-has-video .hero-shade{display:none}
.hero-video{position:absolute;inset:0 0 0 38%;overflow:hidden;container-type:size;background:#080909;z-index:0}
.hero-video iframe{position:absolute;left:50%;top:50%;width:max(100cqw,177.778cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-video::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080909 0%,#08090990 15%,transparent 45%),linear-gradient(0deg,#080909 0%,transparent 23%)}
.hero-has-video .hero-caption{z-index:2;right:48px;bottom:20px;max-width:45%;text-align:right;pointer-events:none}
.hero-video-controls{position:absolute;right:32px;top:22px;z-index:3}
.hero-video-full{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border:1px solid #e1c56b66;border-radius:30px;background:#08090980;backdrop-filter:blur(8px);color:#f3df9d;text-decoration:none;font:500 11px/1.4 var(--font)}
.hero-video-full:hover{background:#080909cc;border-color:var(--gold)}
.hero-video .hero-video-surface{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;color:#fff}
.hero-video-surface:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.hero-playback{position:absolute;z-index:3;left:23%;right:24px;bottom:50px;display:flex;align-items:center;gap:11px;height:48px;padding:0 10px;border:1px solid #ffffff18;border-radius:8px;background:linear-gradient(110deg,#080909a6,#08090970);backdrop-filter:blur(12px);color:#fff;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;pointer-events:none}
.hero-video:hover .hero-playback,.hero-video:focus-within .hero-playback,.hero-video[data-playing=false] .hero-playback{opacity:1;transform:none;pointer-events:auto}
.hero-playback button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:36px;padding:5px;margin:0;border:0;border-radius:5px;background:transparent;color:#fff;box-shadow:none;cursor:pointer}
.hero-playback button:hover{color:var(--gold);background:#ffffff12}
.hero-playback button svg{width:20px;height:20px;fill:currentColor}
.hero-playback button:disabled{opacity:.4;cursor:wait}
.hero-playback input[type=range]{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:2px;height:3px;min-height:3px;cursor:pointer;background:#ffffff55;box-shadow:none;accent-color:var(--gold)}
.hero-playback .hero-seek{flex:1;min-width:30px;background:linear-gradient(90deg,var(--gold) var(--progress,0%),#ffffff55 var(--progress,0%))}
.hero-playback input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:0;border-radius:50%;background:var(--gold);box-shadow:none}
.hero-playback input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--gold)}
.hero-time{font:10px/1.4 var(--font);white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.hero-volume-group{display:flex;align-items:center;gap:6px}
.hero-volume-group input{width:0;opacity:0;transition:width .2s,opacity .2s}
.hero-volume-group:hover input,.hero-volume-group:focus-within input{width:60px;opacity:1}
.hero-playback button:focus-visible,.hero-playback input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hero-video:fullscreen{inset:0;background:#000}
.hero-video:fullscreen iframe{inset:0;width:100%;height:100%;transform:none}
.hero-video:fullscreen::after{display:none}
.hero-video:fullscreen .hero-playback{left:5%;right:5%;bottom:24px}
@media(min-width:1500px){.hero-has-video .hero-caption{right:max(48px,calc((100vw - 1280px)/2))}}
@media(max-width:1050px){.hero-has-video .hero-content{width:calc(100% - 64px)}.hero-has-video h1{font-size:65px;max-width:550px}.hero-video{left:35%}.hero-has-video .hero-actions{gap:18px}.hero-playback{left:24%;right:20px;gap:7px}.hero-volume-group:hover input,.hero-volume-group:focus-within input{width:42px}}
@media(max-width:700px){.hero-has-video{min-height:0}.hero-video{inset:0 0 auto;height:360px}.hero-has-video .hero-content{width:calc(100% - 48px);padding:320px 0 72px}.hero-has-video h1{font-size:clamp(49px,10vw,65px);max-width:100%}.hero-video::after{background:linear-gradient(180deg,#08090910 0px,#08090915 180px,#080909b0 290px,#080909 360px)}.hero-has-video .hero-caption{bottom:23px;right:24px;max-width:calc(100% - 48px);font-size:7px;letter-spacing:1px}.hero-video-controls{right:18px;top:16px}.hero-has-video .hero-benefits{margin-top:25px}.hero-playback{left:16px;right:16px;bottom:44px;gap:7px}.hero-playback button{flex-basis:30px;width:30px}.hero-volume-group:hover input,.hero-volume-group:focus-within input{width:35px}}
@media(hover:none){.hero-playback{opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.hero-playback,.hero-volume-group input{transition:none}}