.home-video-showcase { --hvs-gold: #d7a84b; --hvs-gold-soft: #D7A84B; position: relative; overflow: hidden; padding: clamp(64px, 8vw, 104px) 0 clamp(58px, 7vw, 88px); border-bottom: 1px solid rgba(215, 168, 75, .28); background: radial-gradient(circle at 50% 44%, rgba(215, 168, 75, .14), transparent 40%), linear-gradient(180deg, #071f3d, #0a294d); color: #fff; }
.home-video-showcase::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 42px 42px; }
.home-video-showcase__head { position: relative; z-index: 1; max-width: 900px; text-align: center; }
.home-video-showcase__eyebrow { display: inline-flex; align-items: center; gap: 11px; color: var(--hvs-gold-soft); font-size: clamp(10px,1.3vw,13px); font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.home-video-showcase__eyebrow::before, .home-video-showcase__eyebrow::after { content: ""; width: clamp(18px,3vw,38px); height: 1px; background: var(--hvs-gold); }
.home-video-showcase h2 { max-width: 820px; margin: 14px auto 0; color: #fff; font-size: clamp(35px,5.4vw,64px); line-height: 1.02; letter-spacing: -.052em; }
.home-video-slider { position: relative; z-index: 1; margin-top: clamp(32px,5vw,50px); }
.home-video-slider__viewport { overflow-x: auto; overflow-y: hidden; padding: 3px max(7vw, calc((100vw - 1160px)/2)); scroll-snap-type: x mandatory; scrollbar-width: none; }
.home-video-slider__viewport::-webkit-scrollbar { display: none; }
.home-video-slider__track { display: flex; gap: clamp(14px,2vw,24px); width: max-content; padding-right: max(7vw, calc((100vw - 1160px)/2)); }
.home-video-card { width: clamp(280px,68vw,520px); flex: 0 0 auto; scroll-snap-align: center; }
.home-video-card__media { position: relative; isolation: isolate; aspect-ratio: 4/5; overflow: hidden; border: 1px solid rgba(215,168,75,.65); border-radius: clamp(24px,3vw,34px); background: #0b2c52; box-shadow: 0 28px 80px rgba(7,20,38,.42); }
.home-video-card video { width: 100%; height: 100%; display: block; object-fit: cover; background: #071f3d; }
.home-video-card__placeholder { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 16px; padding: 34px; text-align: center; color: #D7A84B; background: radial-gradient(circle, rgba(215,168,75,.17), transparent 30%), #0a294d; }
.home-video-card__placeholder svg { width: 78px; height: 78px; fill: none; stroke: #d7a84b; stroke-width: 2.4; }
.home-video-card__placeholder span { max-width: 220px; font-size: 11px; font-weight: 900; letter-spacing: .13em; line-height: 1.5; text-transform: uppercase; }
.home-video-card__brand { position: absolute; z-index: 3; top: 20px; right: 20px; width: 128px; height: 52px; object-fit: contain; opacity: .94; background: transparent; filter: drop-shadow(0 5px 12px rgba(7,20,38,.75)); }
.home-video-card__scrim { position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(7,31,61,.02) 34%, rgba(7,31,61,.28) 58%, rgba(7,31,61,.96) 100%); }
.home-video-card__copy { position: absolute; z-index: 4; right: 0; bottom: 0; left: 0; padding: clamp(24px,4vw,38px); }
.home-video-card__copy > span { color: var(--hvs-gold-soft); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.home-video-card__copy h3 { margin: 8px 0 0; color: #fff; font-size: clamp(27px,4vw,40px); line-height: 1.02; }
.home-video-card__copy p { margin: 11px 0 0; color: #d2d9e0; font-size: 12px; line-height: 1.55; }
.home-video-card__toggle, .home-video-slider__arrow { display: grid; place-items: center; border: 1px solid rgba(215,168,75,.52); background: rgba(7,31,61,.88); color: #D7A84B; backdrop-filter: blur(10px); cursor: pointer; }
.home-video-card__toggle { position: absolute; z-index: 5; top: 20px; left: 20px; width: 40px; height: 40px; border-radius: 50%; }
.home-video-slider__arrow { position: absolute; z-index: 6; top: calc(50% - 34px); width: 52px; height: 72px; border-radius: 17px; box-shadow: 0 14px 36px rgba(7,20,38,.28); }
.home-video-slider__arrow svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.home-video-slider__arrow--prev { left: max(12px, calc((100vw - 1240px)/2)); }
.home-video-slider__arrow--next { right: max(12px, calc((100vw - 1240px)/2)); }
.home-video-slider[data-single="true"] .home-video-slider__arrow { display: none; }
.home-video-slider__dots { min-height: 23px; display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 22px; }
.home-video-slider__dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: #7f91a4; cursor: pointer; }
.home-video-slider__dots button[aria-current="true"] { width: 42px; background: #d7a84b; }
.home-video-slider__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@media (max-width:700px) { .home-video-showcase__head { width: calc(100% - 30px); } .home-video-showcase__eyebrow::before, .home-video-showcase__eyebrow::after { display: none; } .home-video-slider__viewport { padding-inline: 8vw; } .home-video-slider__track { gap: 14px; padding-right: 8vw; } .home-video-card { width: 84vw; max-width: 440px; } .home-video-slider__arrow { width: 42px; height: 58px; } }
@media (prefers-reduced-motion:reduce) { .home-video-slider__viewport { scroll-behavior: auto; } }