/* Homepage multi-media Hero slider. The original .hero rules remain the fallback. */
.wtt-page.wtt-page--home .hero[data-wsc-home-hero-slider] { position: relative; display: block; padding: 0; background: #101216; isolation: isolate; overflow: hidden; }
.wtt-page.wtt-page--home .hero[data-wsc-home-hero-slider]::after { display: none; }
.wsc-home-hero__track { position: relative; min-height: 100vh; }
.wsc-home-hero__slide { position: absolute; inset: 0; display: grid; align-items: center; min-height: 100vh; padding: 140px 0 60px; color: #fff; isolation: isolate; visibility: hidden; pointer-events: none; transform: translate3d(100%, 0, 0); transition: transform .58s cubic-bezier(.22,.61,.36,1); }
.wsc-home-hero__slide.is-active, .wsc-home-hero__slide.is-transitioning, .wsc-home-hero__slide.is-next-prepared { visibility: visible; will-change: transform; }
.wsc-home-hero__slide.is-active { pointer-events: auto; transform: translate3d(0, 0, 0); }
.wsc-home-hero__slide.is-enter-from-left:not(.is-active), .wsc-home-hero__slide.is-exiting-left { transform: translate3d(-100%, 0, 0); }
.wsc-home-hero__slide.is-exiting-right { transform: translate3d(100%, 0, 0); }
.wsc-home-hero__slide:is(.is-exiting-left, .is-exiting-right) { pointer-events: none; }
/* Each slide controls its own contrast bar; Blocksy retains all Header settings. */
.wsc-home-hero__slide[data-wsc-home-hero-header-contrast="1"]::before { content: ''; position: absolute; z-index: 3; top: 0; right: 0; left: 0; height: 100px; background: rgba(5, 16, 29, .58); pointer-events: none; }
.wsc-home-hero__slide[data-wsc-home-hero-overlay="1"]::after { position: absolute; z-index: 1; inset: 0; content: ''; background: rgba(0, 0, 0, var(--wsc-home-hero-overlay-strength, .35)); pointer-events: none; }
.wsc-home-hero__slide[data-wsc-home-hero-overlay="1"][data-wsc-home-hero-overlay-style="legacy-gradient"]::after { background: linear-gradient(90deg, rgba(8,13,20,.76) 0%, rgba(8,13,20,.46) 52%, rgba(8,13,20,.2) 100%); opacity: var(--wsc-home-hero-overlay-strength, 1); }
.wsc-home-hero__media { position: absolute; inset: 0; }
.wsc-home-hero__media { z-index: 0; overflow: hidden; background: #101216; }
.wsc-home-hero__media img, .wsc-home-hero__media video, .wsc-home-hero__media iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.wsc-home-hero__media iframe { top: 50%; height: calc(100% + 140px); opacity: 0; transform: translateY(-50%) scale(1.08); transform-origin: center; pointer-events: none; }
.wsc-home-hero__media iframe.is-ready { opacity: 1; }
.wsc-home-hero__slide > .wrap { position: relative; z-index: 2; width: 100%; }
.wsc-home-hero__copy { position: relative; z-index: 2; }
.wtt-page.wtt-page--home .hero[data-wsc-home-hero-slider] .wsc-home-hero__title { margin: 0 0 22px; color: #fff !important; font-size: clamp(38px, 6vw, 72px); font-weight: 900; line-height: 1.1; }
.wtt-page.wtt-page--home .hero[data-wsc-home-hero-slider] .wsc-home-hero__title--visual { display: block; }
.wtt-page.wtt-page--home .hero[data-wsc-home-hero-slider] .wsc-home-hero__description { margin: 0 0 36px; color: rgba(255,255,255,.88); }
.wsc-home-hero__nav { position: absolute; z-index: 4; top: 50%; right: clamp(14px, 3vw, 42px); left: clamp(14px, 3vw, 42px); display: flex; justify-content: space-between; pointer-events: none; transform: translateY(-50%); }
.wsc-home-hero__nav button { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; color: #fff; background: rgba(5,10,16,.34); cursor: pointer; font-size: 34px; line-height: 1; pointer-events: auto; transition: background .2s ease, transform .2s ease; }
.wsc-home-hero__nav button:hover, .wsc-home-hero__nav button:focus-visible { background: rgba(14,124,197,.84); outline: 0; transform: scale(1.06); }
.hero[data-wsc-home-hero-slider].is-media-loading .wsc-home-hero__nav button { cursor: progress; }
.wsc-home-hero__dots { position: absolute; z-index: 4; right: 0; bottom: 26px; left: 0; display: flex; justify-content: center; gap: 9px; }
.wsc-home-hero__dots button { width: 9px; height: 9px; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; color: transparent; background: transparent; cursor: pointer; text-indent: 100%; white-space: nowrap; transition: width .2s ease, background .2s ease; }
.wsc-home-hero__dots button[aria-selected="true"] { width: 28px; border-radius: 9px; background: var(--accent, #0e7cc5); }
@media (max-width: 760px) { .wsc-home-hero__slide[data-wsc-home-hero-header-contrast="1"]::before { height: 80px; } .wsc-home-hero__slide[data-wsc-home-hero-overlay="1"][data-wsc-home-hero-overlay-style="legacy-gradient"]::after { background: linear-gradient(180deg, rgba(8,13,20,.32), rgba(8,13,20,.78)); } .wsc-home-hero__track, .wsc-home-hero__slide { min-height: max(640px, 100svh); } .wsc-home-hero__slide { padding: 118px 0 74px; } .wsc-home-hero__media iframe { height: calc(100% + 90px); transform: translateY(-50%) scale(1.24); } .wsc-home-hero__nav { right: 12px; left: 12px; } .wsc-home-hero__nav button { width: 42px; height: 42px; font-size: 29px; } }
@media (prefers-reduced-motion: reduce) { .wsc-home-hero__slide { transition-duration: .01ms; } }
