/* Original left-aligned copy; full-bleed video crops to every screen. */
.method-breathwork .bw-hero-waterlight { overflow: hidden; min-height: 100svh; box-sizing: border-box; display: flex; align-items: center; text-align: left; }
.bw-hero-waterlight .bw-opening { display: block; width: 100%; min-height: 510px; }
.bw-hero-waterlight .bw-opening-copy { width: 58%; max-width: 650px; }
.bw-hero-waterlight .bw-hero-video {
    inset: 0; width: 100%; height: 100%;
    background: #1a1323 url('/sportly_website/static/src/img/method/experience-20260930-v2.jpg') center / cover no-repeat;
}
.bw-hero-waterlight .bw-hero-vid { display: block; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 1; }
.bw-hero-waterlight .bw-hero-vid[hidden] { display: none; }
.bw-hero-waterlight .bw-hero-video::after {
    /* The source is already dark: reveal its water reflections across the full width. */
    background: linear-gradient(0deg, rgba(26,19,35,.7), transparent 12%),
        linear-gradient(rgba(26,19,35,.12), rgba(26,19,35,.12));
}
.bw-waterlight-toggle {
    position: absolute; right: max(24px, calc((100vw - 1140px) / 2)); bottom: 45px;
    z-index: 4; min-height: 44px; padding: 10px 17px;
    border: 1px solid rgba(241,233,220,.35); border-radius: 999px;
    background: rgba(26,19,35,.72); color: #f1e9dc; font: 500 11px/1.4 var(--font-body, 'Inter', sans-serif);
    cursor: pointer; backdrop-filter: blur(8px);
}
.bw-waterlight-toggle:hover { background: rgba(26,19,35,.95); border-color: #e9c1a0; }
.bw-waterlight-toggle[hidden] { display: none; }
@media (min-width: 761px) and (max-width: 1050px) {
    .bw-hero-waterlight .bw-opening-copy { width: 63%; }
    .method-breathwork .bw-hero-waterlight h1 { font-size: clamp(56px, 6.5vw, 70px); }
}
@media (max-width: 760px) {
    .method-breathwork .bw-hero-waterlight { padding: 365px 0 38px; }
    .bw-hero-waterlight .bw-opening { min-height: 0; }
    .bw-hero-waterlight .bw-opening-copy { width: 100%; max-width: none; padding: 12px 0 0; }
    .bw-hero-waterlight .bw-hero-video { inset: 0; height: 100%; background-position: 50% center; }
    .bw-hero-waterlight .bw-hero-vid { object-position: 50% center; }
    .bw-hero-waterlight .bw-hero-video::after {
        background: linear-gradient(180deg, rgba(26,19,35,.12) 0%, rgba(26,19,35,.08) 28%, rgba(26,19,35,.72) 48%, rgba(26,19,35,.92) 80%, #1a1323 100%);
    }
    .bw-hero-waterlight .bw-eyebrow { margin-bottom: 20px; }
    .bw-waterlight-toggle { top: 88px; right: 18px; bottom: auto; font-size: 10px; }
}

/* Protect the copy locally instead of obscuring half of the film. */
.bw-hero-waterlight .bw-opening h1 { text-shadow: 0 2px 18px rgba(26,19,35,.38); }
.method-breathwork .bw-hero-waterlight .bw-hero-sub { color: rgba(241,233,220,.9); text-shadow: 0 1px 8px rgba(26,19,35,.5); }
.method-breathwork .bw-hero-waterlight .bw-hero-note { color: rgba(241,233,220,.82); text-shadow: 0 1px 6px rgba(26,19,35,.5); }