:root {
            --bg-charcoal: #020205;
            --bg-deep: #06080e;
            --accent-ui: #00D4FF;
            --blue-primary: #2a6db5;
            --blue-accent: #3a8fd8;
            --blue-glow: rgba(58, 143, 216, 0.5);
            --blue-light: #6bb5e8;
            --blue-ring: #4a9de0;
            --cyan-accent: var(--accent-ui);
            --cyan-glow: rgba(58, 143, 216, 0.3);
            --silver: #d0d8e8;
            --text-main: #f0f4ff;
            --text-muted: #7a8ba5;
            --border-light: rgba(58, 143, 216, 0.1);
            --border-blue: rgba(58, 143, 216, 0.3);
            --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
            --font-hebrew: 'Noto Sans Hebrew', system-ui, sans-serif;
            --font-en-display: 'Orbitron', 'Exo 2', sans-serif;
            --font-en-text: 'Exo 2', sans-serif;
        }

        html.lenis {
            height: auto;
        }

        .lenis.lenis-smooth {
            scroll-behavior: auto !important;
        }

        .lenis.lenis-smooth [data-lenis-prevent] {
            overscroll-behavior: contain;
        }

        .lenis.lenis-stopped {
            overflow: hidden;
        }

        .lenis.lenis-scrolling iframe {
            pointer-events: none;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            overflow-x: hidden;
            max-width: 100%;
            overscroll-behavior-x: none;
        }

        body {
            background: var(--bg-charcoal);
            color: var(--text-main);
            font-family: var(--font-hebrew);
            overflow-x: hidden;
            max-width: 100%;
            position: relative;
            overscroll-behavior-x: none;
            line-height: 1.7;
            cursor: none;
        }

        html.lenis,
        html.lenis body {
            overflow-x: hidden !important;
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: var(--font-hebrew);
            font-weight: 300;
        }

        h1 {
            font-size: clamp(3rem, 10vw, 7rem);
            line-height: 1;
            letter-spacing: 0.05em;
            margin-bottom: 20px;
        }

        h2 {
            font-size: clamp(1.8rem, 4vw, 3rem);
            letter-spacing: 0.08em;
            margin-bottom: 60px;
            text-align: center;
            color: var(--silver);
            text-transform: uppercase;
        }

        h2:not(.ltr) {
            font-family: var(--font-hebrew);
            text-transform: none;
            letter-spacing: 0.02em;
        }

        h3 {
            font-size: 1.4rem;
            letter-spacing: 0.05em;
            font-weight: 400;
        }

        p {
            color: var(--text-muted);
            font-weight: 300;
        }

        .splash-cursor-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9998;
        }

        .cursor-dot {
            position: fixed;
            width: 8px;
            height: 8px;
            background: var(--blue-accent);
            border-radius: 50%;
            pointer-events: none;
            z-index: 10300;
            transform: translate(-50%, -50%);
            transition: width 0.3s, height 0.3s, background 0.3s;
            box-shadow: 0 0 15px var(--blue-glow);
        }

        .cursor-ring {
            position: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border: 1.5px solid rgba(58, 143, 216, 0.4);
            border-radius: 50%;
            pointer-events: none;
            z-index: 10299;
            transform: translate(-50%, -50%);
            transition: transform 0.1s ease-out, width 0.4s, height 0.4s, border-color 0.4s, box-shadow 0.4s;
        }

        .cursor-ring__w {
            font-family: var(--font-en-display);
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1;
            color: rgba(58, 143, 216, 0.85);
            letter-spacing: 0;
            user-select: none;
            transition: font-size 0.4s, color 0.4s, text-shadow 0.4s;
        }

        .hovering .cursor-ring {
            width: 70px;
            height: 70px;
            border-color: var(--blue-ring);
            box-shadow: 0 0 30px var(--blue-glow);
        }

        .hovering .cursor-ring__w {
            font-size: 1.1rem;
            color: var(--blue-light);
            text-shadow: 0 0 12px var(--blue-glow);
        }

        .hovering .cursor-dot {
            background: #fff;
            width: 10px;
            height: 10px;
        }

        .scroll-progress-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            z-index: 2000;
            background: transparent;
        }

        .scroll-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--blue-primary), var(--cyan-accent));
            width: 0%;
            box-shadow: 0 0 15px var(--cyan-glow);
        }

        /* Section Differentiation (Zebra) — skip DJ artist pages (own section backgrounds) */
        body:not(.gal-dj-page) section:nth-of-type(even) {
            background: var(--bg-deep) !important;
        }

        body:not(.gal-dj-page) section:nth-of-type(odd) {
            background: var(--bg-charcoal) !important;
        }

        .btn-wrapper {
            display: inline-block;
            padding: 15px;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: var(--font-hebrew);
            text-decoration: none;
            cursor: none;
            border-radius: 50px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-size: 0.8rem;
            transition: all 0.5s var(--transition-smooth);
            position: relative;
            overflow: hidden;
        }

        .btn-primary {
            background: linear-gradient(135deg, var(--accent-ui), #00b8e6);
            color: #fff;
            padding: 16px 40px;
            border: none;
            box-shadow: 0 0 30px rgba(0, 212, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #00b8e6, var(--accent-ui));
            transform: scaleY(0);
            transform-origin: bottom;
            transition: transform 0.5s var(--transition-smooth);
            z-index: -1;
        }

        .btn-primary:hover {
            box-shadow: 0 0 50px rgba(0, 212, 255, 0.45), 0 0 100px rgba(0, 212, 255, 0.15);
        }

        .btn-primary:hover::before {
            transform: scaleY(1);
        }

        .btn-outline {
            background: transparent;
            color: var(--accent-ui);
            padding: 14px 36px;
            border: 1.5px solid var(--border-blue);
        }

        .btn-outline:hover {
            color: #fff;
            border-color: var(--accent-ui);
            box-shadow: 0 0 30px rgba(0, 212, 255, 0.25);
        }

        .text-center {
            text-align: center;
        }

        .ltr {
            direction: ltr;
            display: inline-block;
            font-family: var(--font-en-text);
        }

        /* English — DJ display (headlines, brands, artist names) */
        .hero-title.ltr,
        .nav-logo-text,
        .footer-brand,
        .marquee-item,
        .dj-name,
        .stat-number.ltr,
        .logo-badge-text,
        .logo-badge-sub,
        .trans-title,
        .trans-subtitle,
        .sig-label,
        #artists > h2,
        #videos > h2 {
            font-family: var(--font-en-display);
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        #artists > h2.ltr,
        #videos > h2.ltr {
            display: block;
            width: 100%;
            text-align: center;
        }

        /* English — DJ body (genres, footer, numbers) */
        .footer-copy.ltr,
        .dj-genre.ltr,
        .phone-number.ltr,
        .phone-number.ltr a {
            font-family: var(--font-en-text);
            letter-spacing: 0.06em;
        }

        .hero-title.ltr {
            text-transform: uppercase;
            font-weight: 500;
        }

        .dj-name {
            text-transform: none;
        }

        .dj-card h3.ltr {
            font-family: var(--font-en-display);
            letter-spacing: 0.06em;
            font-weight: 600;
            text-transform: uppercase;
            text-align: center;
        }

        .dj-genre.ltr {
            text-transform: uppercase;
            font-weight: 400;
        }

        .section-padding {
            padding: 140px 5%;
            position: relative;
            z-index: 1;
        }

        .fade-up {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 1.2s var(--transition-smooth), transform 1.2s var(--transition-smooth);
        }

        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .fade-left {
            opacity: 0;
            transform: translateX(-40px);
            transition: opacity 1s var(--transition-smooth), transform 1s var(--transition-smooth);
        }

        .fade-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .fade-right {
            opacity: 0;
            transform: translateX(40px);
            transition: opacity 1s var(--transition-smooth), transform 1s var(--transition-smooth);
        }

        .fade-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .scale-in {
            opacity: 0;
            transform: scale(0.8);
            transition: opacity 1s var(--transition-smooth), transform 1s var(--transition-smooth);
        }

        .scale-in.visible {
            opacity: 1;
            transform: scale(1);
        }

        .particles-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 0;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, var(--cyan-accent) 0%, transparent 70%);
            opacity: 0.1;
            filter: blur(6px);
            animation: floatParticle 25s infinite ease-in-out alternate;
        }

        @keyframes floatParticle {
            0% {
                transform: translate(0, 0) scale(1);
                opacity: 0.05;
            }

            50% {
                transform: translate(40px, -60px) scale(1.8);
                opacity: 0.2;
            }

            100% {
                transform: translate(-20px, 30px) scale(0.6);
                opacity: 0.05;
            }
        }

        .logo-bars {
            display: flex;
            gap: 3px;
            align-items: flex-end;
            margin-bottom: 6px;
        }

        .logo-bar {
            width: 4px;
            background: #fff;
            border-radius: 2px;
            animation: barPulse 2s ease-in-out infinite alternate;
        }

        .logo-bar:nth-child(1) {
            height: 20px;
            animation-delay: 0s;
        }

        .logo-bar:nth-child(2) {
            height: 16px;
            animation-delay: 0.2s;
        }

        .logo-bar:nth-child(3) {
            height: 10px;
            animation-delay: 0.4s;
        }

        .logo-bar:nth-child(4) {
            height: 14px;
            animation-delay: 0.1s;
        }

        .logo-bar:nth-child(5) {
            height: 18px;
            animation-delay: 0.3s;
        }

        .logo-bar:nth-child(6) {
            height: 12px;
            animation-delay: 0.5s;
        }

        .logo-bar:nth-child(7) {
            height: 16px;
            animation-delay: 0.2s;
        }

        .logo-bar:nth-child(8) {
            height: 20px;
            animation-delay: 0.4s;
        }

        @keyframes barPulse {
            0% {
                opacity: 0.6;
                transform: scaleY(0.7);
            }

            100% {
                opacity: 1;
                transform: scaleY(1);
            }
        }

        .logo-badge-text {
            font-family: var(--font-en-display);
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--accent-ui);
            letter-spacing: 0.05em;
        }

        .logo-badge-sub {
            font-family: var(--font-en-display);
            font-size: 0.45rem;
            color: var(--accent-ui);
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-top: 2px;
        }

        nav#navbar {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            padding: 25px 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            direction: ltr;
            background: transparent;
            transition: all 0.6s var(--transition-smooth);
            z-index: 10200;
            isolation: isolate;
            pointer-events: auto;
        }

        #global-nav-mount {
            position: relative;
            z-index: 10200;
            isolation: isolate;
            pointer-events: none;
        }

        #global-nav-mount > * {
            pointer-events: auto;
        }

        nav.scrolled {
            padding: 15px 5%;
            background: rgba(2, 2, 5, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border-light);
        }

        .nav-logo {
            display: flex;
            align-items: center;
            gap: 15px;
            text-decoration: none;
            cursor: pointer;
            pointer-events: auto;
            position: relative;
            z-index: 2;
            overflow: visible;
            flex-shrink: 0;
        }

        .nav-brand {
            display: flex;
            align-items: center;
            gap: clamp(10px, 1.4vw, 18px);
            min-width: 0;
            flex-shrink: 0;
        }

        .nav-dj-name {
            font-family: var(--font-en-display);
            font-size: clamp(0.78rem, 1.2vw, 0.95rem);
            font-weight: 700;
            letter-spacing: 0.12em;
            color: var(--accent-ui);
            text-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
            white-space: nowrap;
            pointer-events: none;
        }

        .nav-logo .mini-logo {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: radial-gradient(circle at 40% 35%, #1a3a5c 0%, #0a1525 100%);
            border: 1.5px solid var(--blue-ring);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav-logo .mini-logo .logo-bars {
            transform: scale(0.5);
            margin-bottom: 2px;
        }

        .nav-logo-text {
            font-family: var(--font-en-display);
            font-size: 1.1rem;
            color: var(--silver);
            letter-spacing: 0.15em;
        }

        .menu-btn {
            position: relative;
            z-index: 10060;
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            gap: 6px;
            width: 35px;
            align-items: flex-end;
            pointer-events: auto !important;
        }

        .menu-btn span {
            display: block;
            height: 2px;
            background: var(--silver);
            transition: 0.4s var(--transition-smooth);
            border-radius: 2px;
        }

        .menu-btn span:nth-child(1) {
            width: 100%;
        }

        .menu-btn span:nth-child(2) {
            width: 60%;
        }

        .menu-btn:hover span {
            width: 100%;
            background: var(--cyan-accent);
            box-shadow: 0 0 10px var(--cyan-glow);
        }

        .nav-desktop {
            display: none;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
            gap: clamp(12px, 2vw, 28px);
            direction: rtl;
        }

        .nav-desktop__link {
            font-family: var(--font-hebrew);
            font-size: clamp(0.82rem, 1.1vw, 0.95rem);
            font-weight: 600;
            color: #ffffff;
            text-decoration: none;
            letter-spacing: 0.02em;
            white-space: nowrap;
            transition: color 0.25s ease, text-shadow 0.25s ease;
            position: relative;
        }

        .nav-desktop__link:hover,
        .nav-desktop__link:focus-visible,
        .nav-desktop__item--dropdown:hover > .nav-desktop__trigger,
        .nav-desktop__item--dropdown:focus-within > .nav-desktop__trigger,
        .nav-desktop__item--dropdown.is-open > .nav-desktop__trigger {
            color: var(--cyan-accent);
            text-shadow: 0 0 18px var(--cyan-glow);
            outline: none;
        }

        .nav-desktop__link.active {
            color: var(--cyan-accent);
            text-shadow: 0 0 18px var(--cyan-glow);
        }

        .nav-desktop__link.active::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -6px;
            height: 2px;
            background: linear-gradient(90deg, var(--blue-accent), var(--cyan-accent));
            border-radius: 2px;
            box-shadow: 0 0 10px var(--cyan-glow);
        }

        .nav-desktop__item {
            position: relative;
        }

        .nav-desktop__item--dropdown .nav-desktop__trigger {
            background: none;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 0;
            font: inherit;
        }

        .nav-desktop__caret {
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid currentColor;
            opacity: 0.75;
            transition: transform 0.25s ease;
        }

        .nav-desktop__item--dropdown.is-open .nav-desktop__caret,
        .nav-desktop__item--dropdown:hover .nav-desktop__caret,
        .nav-desktop__item--dropdown:focus-within .nav-desktop__caret {
            transform: rotate(180deg);
        }

        .nav-desktop__submenu {
            position: absolute;
            top: 100%;
            right: 50%;
            transform: translateX(50%) translateY(6px);
            min-width: 190px;
            margin: 0;
            padding: 10px 0 8px;
            list-style: none;
            background: linear-gradient(165deg, #0a2d5c 0%, #1a53b1 52%, #2a6db5 100%);
            border: 1px solid var(--border-blue);
            border-radius: 12px;
            box-shadow:
                0 16px 40px rgba(10, 45, 92, 0.45),
                0 0 24px var(--blue-glow),
                inset 0 1px 0 rgba(107, 181, 232, 0.15);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
            z-index: 10300;
            direction: rtl;
            overflow: visible;
        }

        .nav-desktop__submenu::before {
            content: '';
            position: absolute;
            top: -14px;
            left: -12px;
            right: -12px;
            height: 18px;
            background: transparent;
            pointer-events: auto;
        }

        .nav-desktop__submenu::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(180deg, rgba(58, 143, 216, 0.08) 0%, transparent 42%);
            pointer-events: none;
        }

        .nav-desktop__item--dropdown.is-open .nav-desktop__submenu,
        .nav-desktop__item--dropdown:hover .nav-desktop__submenu,
        .nav-desktop__item--dropdown:focus-within .nav-desktop__submenu {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateX(50%) translateY(0);
        }

        .nav-desktop__sublink {
            position: relative;
            z-index: 1;
            display: block;
            padding: 10px 20px;
            font-family: var(--font-en-text);
            font-size: 0.88rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            transition: color 0.2s ease, background 0.2s ease, text-shadow 0.2s ease;
            white-space: nowrap;
        }

        .nav-desktop__sublink:hover,
        .nav-desktop__sublink:focus-visible {
            color: var(--cyan-accent);
            background: rgba(58, 143, 216, 0.12);
            text-shadow: 0 0 14px var(--cyan-glow);
            outline: none;
        }

        .nav-desktop__sublink.active {
            color: var(--cyan-accent);
            background: rgba(58, 143, 216, 0.22);
            text-shadow: 0 0 12px var(--cyan-glow);
        }

        .nav-desktop__trigger.active::after {
            display: none;
        }

        @media (min-width: 992px) {
            nav#navbar {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: clamp(16px, 2.5vw, 32px);
                padding: 18px clamp(20px, 4vw, 48px);
            }

            nav#navbar.scrolled {
                padding-top: 12px;
                padding-bottom: 12px;
            }

            .nav-desktop {
                display: flex;
                flex: 1;
                justify-content: center;
                align-items: center;
                gap: clamp(12px, 2vw, 28px);
                margin: 0;
                padding: 0;
                background: none;
                border: none;
                border-radius: 0;
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                max-width: none;
            }

            .nav-desktop__link {
                font-size: clamp(0.84rem, 0.95vw, 0.98rem);
                padding: 0;
            }

            .nav-desktop__link.active::after {
                bottom: -6px;
            }

            .menu-btn {
                display: none;
            }

            .nav-dj-name {
                max-width: min(28vw, 220px);
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        @media (max-width: 991px) {
            .nav-dj-name {
                display: none;
            }
        }

        .fullscreen-menu {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100vh;
            background:
                radial-gradient(ellipse 80% 60% at 50% 0%, rgba(42, 109, 181, 0.35) 0%, transparent 60%),
                linear-gradient(165deg, rgba(10, 45, 92, 0.97) 0%, rgba(6, 8, 14, 0.98) 55%, rgba(2, 2, 5, 0.99) 100%);
            backdrop-filter: blur(30px);
            z-index: 10100;
            display: none;
            visibility: hidden;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.55s var(--transition-smooth);
        }

        .fullscreen-menu.active {
            display: flex;
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            z-index: 10150;
        }

        body.menu-open nav#navbar {
            z-index: 10250;
        }

        body.menu-open .menu-btn {
            position: relative;
            z-index: 10251;
        }

        body.menu-open .a11y-widget {
            z-index: 800;
            pointer-events: none;
        }

        body.menu-open .a11y-widget__panel {
            display: none;
        }

        body.menu-open .fullscreen-menu {
            cursor: auto;
        }

        .fullscreen-menu a,
        .fullscreen-menu span {
            color: #ffffff;
            text-decoration: none;
            font-size: 2.5rem;
            font-family: var(--font-hebrew);
            margin: 8px 0;
            transition: all 0.4s ease;
            cursor: pointer;
            pointer-events: auto;
            position: relative;
            z-index: 1;
        }

        .fullscreen-menu a:hover,
        .fullscreen-menu span:hover {
            color: var(--cyan-accent);
            text-shadow: 0 0 30px var(--cyan-glow);
        }

        .fullscreen-menu a.active {
            color: var(--cyan-accent);
            text-shadow: 0 0 24px var(--cyan-glow);
        }

        .fullscreen-menu__group {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 520px;
        }

        .fullscreen-menu__group-trigger {
            background: none;
            border: none;
            color: #ffffff;
            font-size: 2.5rem;
            font-family: var(--font-hebrew);
            margin: 8px 0;
            padding: 0;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            transition: all 0.4s ease;
        }

        .fullscreen-menu__group-trigger:hover,
        .fullscreen-menu__group-trigger.active,
        .fullscreen-menu__group.is-open .fullscreen-menu__group-trigger {
            color: var(--cyan-accent);
            text-shadow: 0 0 30px var(--cyan-glow);
        }

        .fullscreen-menu__caret {
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 8px solid currentColor;
            opacity: 0.7;
            transition: transform 0.3s ease;
        }

        .fullscreen-menu__group.is-open .fullscreen-menu__caret {
            transform: rotate(180deg);
        }

        .fullscreen-menu__sub {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            width: 100%;
            padding: 8px 0 14px;
            margin-top: 4px;
            border-top: 1px solid var(--border-blue);
        }

        .fullscreen-menu__sub[hidden] {
            display: none !important;
        }

        .fullscreen-menu__sublink {
            font-size: 1.35rem !important;
            font-family: var(--font-en-text) !important;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            margin: 4px 0 !important;
            color: #ffffff !important;
            opacity: 1;
        }

        .fullscreen-menu__sublink:hover {
            color: var(--cyan-accent) !important;
            text-shadow: 0 0 20px var(--cyan-glow);
        }

        .fullscreen-menu__sublink.active {
            color: var(--cyan-accent) !important;
            text-shadow: 0 0 18px var(--cyan-glow);
        }

        .toast-msg {
            position: fixed;
            bottom: -100px;
            left: 50%;
            transform: translateX(-50%);
            background: linear-gradient(135deg, var(--blue-primary), var(--blue-accent));
            color: #fff;
            padding: 15px 40px;
            border-radius: 50px;
            z-index: 10000;
            transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            border: 1px solid var(--blue-ring);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            font-family: var(--font-hebrew);
            letter-spacing: 0.05em;
        }

        .toast-msg.show {
            bottom: 40px;
        }

        /* HERO */
        #hero {
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            position: relative;
            overflow: hidden;
            z-index: 1;
            background: #020205;
        }

        .hero-video-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            overflow: hidden;
            pointer-events: none;
            contain: paint;
        }

        .hero-video-bg__wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            min-width: 177.78%;
            min-height: 100%;
            transform: translate(-50%, -50%);
        }

        .hero-video-bg iframe {
            width: 100%;
            height: 100%;
            border: 0;
            pointer-events: none;
        }

        #heroCanvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.65;
            mix-blend-mode: screen;
        }

        .hero-overlay {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse at center, rgba(2, 2, 5, 0.15) 0%, rgba(2, 2, 5, 0.72) 72%),
                linear-gradient(180deg, rgba(2, 2, 5, 0.35) 0%, rgba(2, 2, 5, 0.55) 100%);
            z-index: 2;
        }

        .hero-content {
            position: relative;
            z-index: 3;
            max-width: 1100px;
            padding: 0 20px;
        }

        .hero-logo-large {
            width: 200px;
            height: 200px;
            margin: 0 auto 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .hero-logo-large img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            filter: drop-shadow(0 0 40px rgba(58, 143, 216, 0.35));
        }

        .hero-title {
            font-size: clamp(1.25rem, 3.5vw, 2rem);
            font-weight: 300;
            letter-spacing: 0.1em;
            line-height: 1.25;
            white-space: normal;
            max-width: min(920px, 100%);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 28px;
            background: linear-gradient(180deg, #FFFFFF 0%, var(--accent-ui) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: none;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        @media (min-width: 992px) {
            .hero-title {
                white-space: nowrap;
                overflow-wrap: normal;
                word-break: normal;
            }
        }

        .hero-subtitle {
            font-size: 1rem;
            letter-spacing: 0.5em;
            color: var(--cyan-accent);
            text-transform: uppercase;
            font-weight: 300;
            margin-bottom: 15px;
        }

        .hero-phone {
            font-size: 1.1rem;
            color: var(--text-muted);
            letter-spacing: 0.15em;
            margin-bottom: 30px;
        }

        .hero-phone a {
            color: var(--silver);
            text-decoration: none;
        }

        .hero-phone a:hover {
            color: var(--cyan-accent);
        }

        .hero-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .scroll-indicator {
            position: absolute;
            bottom: 40px;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            opacity: 0.4;
            transition: opacity 0.3s;
        }

        .scroll-indicator:hover {
            opacity: 0.8;
        }

        .scroll-line {
            width: 1px;
            height: 50px;
            background: linear-gradient(to bottom, var(--cyan-accent), transparent);
            animation: scrolldown 2s infinite cubic-bezier(0.77, 0, 0.175, 1);
            transform-origin: top;
        }

        @keyframes scrolldown {
            0% {
                transform: scaleY(0);
                opacity: 0;
            }

            50% {
                transform: scaleY(1);
                opacity: 1;
            }

            100% {
                transform: scaleY(0);
                opacity: 0;
                transform-origin: bottom;
            }
        }

        .eq-visualizer {
            display: flex;
            gap: 4px;
            align-items: flex-end;
            justify-content: center;
            height: 60px;
            margin: 30px auto;
        }

        .eq-visualizer--minimal {
            height: 14px;
            gap: 1.5px;
            margin: 0 auto 28px;
            opacity: 0.55;
            max-width: 120px;
        }

        .eq-visualizer--minimal .eq-bar {
            width: 1.5px;
            border-radius: 1px;
        }

        .eq-bar {
            width: 6px;
            background: linear-gradient(to top, var(--blue-primary), var(--cyan-accent));
            border-radius: 3px;
            animation: eqBounce 1.5s ease-in-out infinite alternate;
        }

        .eq-visualizer--minimal .eq-bar {
            animation-name: eqBounceMinimal;
        }

        @keyframes eqBounceMinimal {
            0% {
                height: 3px;
                opacity: 0.3;
            }

            100% {
                height: 12px;
                opacity: 0.75;
            }
        }

        @keyframes eqBounce {
            0% {
                height: 10px;
                opacity: 0.4;
            }

            100% {
                height: 50px;
                opacity: 1;
            }
        }

        .marquee-wrapper {
            background: linear-gradient(90deg, var(--bg-charcoal), var(--bg-deep), var(--bg-charcoal));
            border-top: 1px solid var(--border-light);
            border-bottom: 1px solid var(--border-light);
            padding: 25px 0;
            overflow: hidden;
            display: flex;
            white-space: nowrap;
            position: relative;
            z-index: 2;
        }

        .marquee-wrapper::before,
        .marquee-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            width: 150px;
            height: 100%;
            z-index: 2;
        }

        .marquee-wrapper::before {
            left: 0;
            background: linear-gradient(to right, var(--bg-charcoal), transparent);
        }

        .marquee-wrapper::after {
            right: 0;
            background: linear-gradient(to left, var(--bg-charcoal), transparent);
        }

        .marquee-track {
            display: flex;
            width: max-content;
            animation: marquee-scroll 35s linear infinite;
        }

        .marquee-content {
            display: flex;
            flex-shrink: 0;
        }

        .marquee-wrapper:hover .marquee-track {
            animation-play-state: paused;
        }

        .marquee-item {
            font-family: var(--font-en-display);
            font-size: 1rem;
            color: var(--text-muted);
            margin: 0 40px;
            letter-spacing: 0.15em;
            transition: color 0.4s;
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .marquee-item .dot {
            width: 6px;
            height: 6px;
            background: var(--cyan-accent);
            border-radius: 50%;
            flex-shrink: 0;
        }

        .marquee-item:hover {
            color: var(--cyan-accent);
        }

        @keyframes marquee-scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .about-section {
            display: flex;
            align-items: center;
            gap: 80px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .about-text {
            flex: 1;
        }

        .about-text p {
            font-size: 1.15rem;
            margin-bottom: 20px;
            line-height: 1.9;
            color: var(--silver);
        }

        .about-text strong {
            color: var(--cyan-accent);
        }

        .about-image {
            flex: 1;
            position: relative;
        }

        .about-image-frame {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            border: 1px solid var(--border-blue);
        }

        .about-image-frame::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(135deg, rgba(58, 143, 216, 0.1), transparent);
            pointer-events: none;
        }

        .about-image-frame img {
            width: 100%;
            height: auto;
            display: block;
            filter: saturate(0.6) brightness(0.7) contrast(1.1);
            transition: 0.8s var(--transition-smooth);
        }

        .about-image-frame:hover img {
            filter: saturate(1) brightness(0.9);
        }

        .stats-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1200px;
            margin: 80px auto 0;
        }

        .stat-item {
            text-align: center;
            padding: 30px 15px;
            border: 1px solid var(--border-light);
            border-radius: 12px;
            background: rgba(10, 14, 25, 0.5);
            transition: 0.4s;
        }

        .stat-item:hover {
            border-color: var(--border-blue);
            box-shadow: 0 0 30px rgba(58, 143, 216, 0.1);
        }

        .stat-number {
            font-family: var(--font-en-display);
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--cyan-accent);
            line-height: 1;
        }

        .stat-label {
            font-size: 0.85rem;
            color: var(--text-muted);
            letter-spacing: 0.1em;
            margin-top: 10px;
        }

        .dj-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .dj-card {
            position: relative;
            height: min(70vh, 640px);
            min-height: 420px;
            overflow: hidden;
            border-radius: 15px;
            border: 1px solid var(--border-light);
            cursor: none;
            transition: 0.5s var(--transition-smooth);
            isolation: isolate;
        }

        .dj-card::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(to top, rgba(2, 2, 5, 0.85) 0%, rgba(2, 2, 5, 0.15) 45%, transparent 72%);
            pointer-events: none;
        }

        .dj-card > img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            max-width: none;
            object-fit: cover;
            object-position: var(--dj-focus-x, 50%) var(--dj-focus-y, 40%);
            filter: none;
            transition: transform 1.2s var(--transition-smooth), filter 0.8s var(--transition-smooth);
            z-index: 0;
        }

        .dj-card--placeholder .dj-card__placeholder {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #020205;
        }

        .dj-card--placeholder .dj-card__placeholder img {
            width: auto;
            height: auto;
            max-width: 42%;
            max-height: 38%;
            object-fit: contain;
            opacity: 0.3;
            filter: none;
        }

        .dj-card--placeholder:hover .dj-card__placeholder img {
            opacity: 0.38;
            transform: scale(1.04);
        }

        .dj-card-content {
            position: absolute;
            right: 0;
            bottom: 0;
            left: auto;
            top: auto;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            padding: 28px 20px 32px;
            z-index: 2;
            text-transform: uppercase;
        }

        .dj-card h3 {
            font-size: clamp(1.05rem, 1.6vw, 1.45rem);
            color: #fff;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            line-height: 1.2;
            font-weight: 600;
        }

        .dj-card .dj-genre {
            font-family: var(--font-en-text);
            color: var(--cyan-accent);
            letter-spacing: 0.3em;
            text-transform: uppercase;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .dj-card .dj-desc {
            color: var(--text-muted);
            font-size: 0.95rem;
            text-align: center;
            margin-top: 15px;
            max-width: 400px;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        .dj-card:hover {
            border-color: var(--blue-ring);
            box-shadow: 0 25px 60px rgba(58, 143, 216, 0.25);
        }

        .dj-card:hover::before {
            background: linear-gradient(to top, rgba(2, 2, 5, 0.7) 0%, rgba(2, 2, 5, 0.08) 45%, transparent 72%);
        }

        .dj-card:hover > img {
            filter: grayscale(0%);
            transform: scale(1.04);
        }

        .dj-card--placeholder:hover img {
            filter: none;
        }

        /* DJ Page - Centered */
        .dj-hero {
            height: 100vh;
            min-height: 600px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .dj-hero-bg {
            position: absolute;
            inset: 0;
        }

        .dj-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: saturate(0.2) brightness(0.2) blur(3px);
        }

        .dj-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgba(2, 2, 5, 0.4), rgba(10, 20, 40, 0.7) 50%, var(--bg-charcoal));
        }

        .dj-hero.dj-hero-clear {
            align-items: flex-end;
            justify-content: center;
        }

        .dj-hero.dj-hero-clear .dj-hero-bg img {
            filter: none;
            object-position: center top;
        }

        .dj-hero.dj-hero-clear .dj-hero-overlay {
            display: none;
        }

        .dj-hero.dj-hero-clear .dj-hero-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 28px;
            text-align: center;
            padding: 0 5% 80px;
        }

        .dj-hero-content {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        .dj-hero .dj-name {
            font-family: var(--font-en-display);
            font-size: clamp(3rem, 8vw, 7rem);
            font-weight: 800;
            color: #fff;
            letter-spacing: 0.08em;
            text-shadow: 0 0 60px var(--blue-glow), 0 0 120px rgba(58, 143, 216, 0.1);
            line-height: 1.1;
            margin-bottom: 0;
        }

        .artist-page__genre {
            font-family: var(--font-en-display);
            font-size: clamp(0.85rem, 2vw, 1rem);
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--cyan-accent);
            margin-top: 0;
        }

        .dj-hero .dj-divider-line {
            width: 80px;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--cyan-accent), transparent);
            margin: 25px auto;
        }

        .dj-hero .dj-bars-icon {
            display: flex;
            gap: 5px;
            align-items: flex-end;
            justify-content: center;
            margin-top: 20px;
        }

        .dj-hero .dj-bars-icon .dj-bar {
            width: 5px;
            background: var(--cyan-accent);
            border-radius: 3px;
            animation: eqBounce 1.2s ease-in-out infinite alternate;
        }

        .dj-about {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
            font-size: 1.15rem;
            line-height: 1.9;
            color: var(--silver);
        }

        .yt-carousel-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
        }

        .yt-carousel {
            display: flex;
            gap: 25px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            padding-bottom: 30px;
            scrollbar-width: none;
        }

        .yt-carousel::-webkit-scrollbar {
            display: none;
        }

        .yt-slide {
            flex: 0 0 75%;
            max-width: 750px;
            scroll-snap-align: center;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid var(--border-light);
            background: #000;
            transition: 0.4s;
        }

        .yt-slide:hover {
            border-color: var(--border-blue);
            box-shadow: 0 15px 50px rgba(58, 143, 216, 0.2);
        }

        .yt-slide iframe,
        .yt-slide img {
            width: 100%;
            aspect-ratio: 16/9;
            border: none;
            object-fit: cover;
            filter: saturate(0.6);
            transition: 0.5s;
        }

        .yt-slide:hover iframe,
        .yt-slide:hover img {
            filter: saturate(1);
        }

        .carousel-hint {
            text-align: center;
            color: var(--text-muted);
            font-size: 0.8rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            margin-top: -10px;
            opacity: 0.5;
        }

        /* ====== FORM CSS ====== */
        #booking,
        #contact {
            background: linear-gradient(180deg, var(--bg-charcoal) 0%, #030810 50%, var(--bg-charcoal) 100%);
            border-top: 1px solid var(--border-light);
            position: relative;
            padding: 45px 75px;
        }

        #booking::before,
        #contact::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(58, 143, 216, 0.03), transparent 70%);
            pointer-events: none;
        }

        #save-the-date {
            background: var(--accent-ui) !important;
            border-top: none;
            position: relative;
            padding: clamp(40px, 5vw, 56px) clamp(24px, 4vw, 75px);
        }

        .booking-container {
            max-width: 700px;
            margin: 0 auto;
            position: relative;
        }

        .booking-title-group {
            text-align: center;
            margin-bottom: 50px;
        }

        .booking-title-group h2 {
            color: #fff;
            font-size: clamp(2rem, 4vw, 2.8rem);
            margin-bottom: 15px;
            letter-spacing: 0.1em;
            background: linear-gradient(180deg, #ffffff 0%, var(--accent-ui) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .booking-title-group p {
            font-size: 1rem;
            color: var(--text-muted);
            line-height: 1.8;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
        }

        .form-group {
            position: relative;
            margin-bottom: 0;
        }

        .form-group label {
            display: block;
            font-size: 0.7rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--text-muted);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .form-input {
            width: 100%;
            background: rgba(10, 14, 25, 0.8);
            border: 1px solid var(--border-light);
            border-radius: 10px;
            color: var(--text-main);
            padding: 16px 20px;
            font-family: var(--font-hebrew);
            font-size: 1rem;
            font-weight: 300;
            transition: all 0.4s var(--transition-smooth);
            outline: none;
        }

        .form-input:hover {
            border-color: rgba(58, 143, 216, 0.3);
        }

        .form-input:focus {
            border-color: var(--blue-ring);
            box-shadow: 0 0 0 3px rgba(58, 143, 216, 0.1), 0 0 20px rgba(58, 143, 216, 0.05);
            background: rgba(10, 14, 25, 1);
        }

        .form-input::placeholder {
            color: #4a5a70;
            font-weight: 200;
        }

        select.form-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
            background-color: rgba(10, 14, 25, 0.8);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236bb5e8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: left 16px center;
            background-size: 12px;
            padding-left: 40px;
        }

        select.form-input::-ms-expand {
            display: none;
        }

        select.form-input:hover {
            background-color: rgba(10, 14, 25, 0.8);
        }

        select.form-input:focus {
            background-color: rgba(10, 14, 25, 1);
        }

        select.form-input option {
            background: var(--bg-deep);
            color: #fff;
        }

        textarea.form-input {
            resize: none;
            height: 130px;
        }

        .form-submit-row {
            text-align: center;
            margin-top: 45px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .form-submit-row .btn {
            width: 100%;
            max-width: 300px;
        }

        .form-submit-row .form-note {
            font-size: 0.75rem;
            color: #4a5a70;
            letter-spacing: 0.1em;
        }

        .form-group--spaced {
            margin-top: 25px;
        }

        .event-type-field {
            border: none;
            padding: 0;
            margin: 0;
        }

        .event-type-field legend {
            display: block;
            font-size: 0.7rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--text-muted);
            margin-bottom: 14px;
            font-weight: 600;
            padding: 0;
        }

        .event-type-options {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .event-type-option {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 16px 20px;
            border-radius: 10px;
            border: 1px solid var(--border-light);
            background: rgba(10, 14, 25, 0.8);
            cursor: pointer;
            transition: border-color 0.35s var(--transition-smooth), box-shadow 0.35s var(--transition-smooth);
        }

        .event-type-option input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .event-type-option span {
            font-size: 1rem;
            color: var(--text-main);
        }

        .event-type-option:has(input:checked) {
            border-color: var(--blue-ring);
            box-shadow: 0 0 0 3px rgba(58, 143, 216, 0.1), 0 0 20px rgba(58, 143, 216, 0.08);
        }

        .event-type-option:hover {
            border-color: rgba(58, 143, 216, 0.35);
        }

        input[type="date"].form-input {
            cursor: pointer;
        }

        .save-the-date-form__msg {
            min-height: 1.25rem;
            font-size: 0.9rem;
            margin: 0;
        }

        .save-the-date-form__msg.is-error {
            color: #ff8a8a;
        }

        .save-the-date-form__msg.is-success {
            color: #7dffb8;
        }

        .booking-form__msg {
            min-height: 1.25rem;
            font-size: 0.9rem;
            margin: 12px 0 0;
        }

        .booking-form__msg.is-error {
            color: #ff8a8a;
        }

        .booking-form__msg.is-success {
            color: #7dffb8;
        }

        .form-group.is-invalid .form-input,
        .save-dj-note__field.is-invalid input,
        .save-dj-note__field.is-invalid select {
            border-color: #ff6b6b;
            box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.2);
        }

        .booking-form__hp {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        #save-the-date .booking-container {
            max-width: min(1400px, 100%);
            width: 100%;
            box-sizing: border-box;
        }

        .save-the-date-form__row {
            display: grid;
            grid-template-columns: minmax(140px, 1.3fr) minmax(120px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
            align-items: center;
            gap: 18px;
        }

        .save-the-date-form__row .form-group {
            min-width: 0;
        }

        .save-the-date-form__submit {
            margin: 0;
        }

        .save-the-date-form__submit .btn {
            width: 100%;
            min-width: 120px;
            padding: 16px 32px;
            white-space: nowrap;
        }

        .save-the-date-form__msg,
        .save-the-date-form__note {
            text-align: center;
        }

        .save-the-date-form__msg {
            margin-top: 20px;
        }

        .save-the-date-form__note {
            margin-top: 10px;
            margin-bottom: 0;
        }

        #save-the-date .booking-title-group h2 {
            background: none;
            -webkit-background-clip: unset;
            -webkit-text-fill-color: #000000;
            color: #000000;
            font-weight: 800;
        }

        #save-the-date .booking-title-group p {
            color: rgba(0, 0, 0, 0.65);
            font-weight: 600;
        }

        #save-the-date .form-input {
            background-color: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.14);
            color: #000000;
            font-weight: 600;
            text-align: center;
        }

        #save-the-date .form-input:hover {
            border-color: rgba(0, 0, 0, 0.28);
        }

        #save-the-date .form-input:focus {
            border-color: rgba(0, 0, 0, 0.45);
            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
            background-color: #ffffff;
        }

        #save-the-date .form-input::placeholder {
            color: rgba(0, 0, 0, 0.45);
            font-weight: 600;
        }

        #save-the-date select.form-input {
            background-color: #ffffff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: left 16px center;
            background-size: 12px;
            text-align-last: center;
            cursor: pointer;
        }

        #save-the-date select.form-input:hover,
        #save-the-date select.form-input:focus {
            background-color: #ffffff;
        }

        #save-the-date select.form-input option {
            background: #ffffff;
            color: #000000;
            text-align: center;
        }

        #save-the-date select.form-input:invalid {
            color: rgba(0, 0, 0, 0.45);
        }

        #save-the-date select.form-input:valid {
            color: #000000;
        }

        #save-the-date .save-the-date-form__date {
            position: relative;
        }

        #save-the-date .save-the-date-form__submit .btn {
            background: #000000;
            color: #ffffff;
            border: none;
            border-radius: 8px;
            font-weight: 800;
            letter-spacing: 0.02em;
            text-transform: none;
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
        }

        #save-the-date .save-the-date-form__submit .btn::before {
            display: none;
        }

        #save-the-date .save-the-date-form__submit .btn:hover,
        #save-the-date .save-the-date-form__submit .btn:focus-visible {
            background: #111111;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
            transform: translateY(-2px);
        }

        #save-the-date .save-the-date-form__note,
        #save-the-date .form-note {
            color: rgba(0, 0, 0, 0.55);
        }

        #save-the-date .save-the-date-form__msg.is-error {
            color: #8b0000;
            font-weight: 600;
        }

        #save-the-date .save-the-date-form__msg.is-success {
            color: #004d2a;
            font-weight: 600;
        }

        #save-the-date .input-glow {
            background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.35), transparent);
        }

        /* Input focus animation */
        .form-input:focus+.input-glow {
            opacity: 1;
        }

        .input-glow {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--cyan-accent), transparent);
            opacity: 0;
            transition: opacity 0.4s;
            pointer-events: none;
        }

        .phone-cta {
            text-align: center;
            padding: 80px 5%;
            background: linear-gradient(135deg, rgba(58, 143, 216, 0.05), rgba(58, 143, 216, 0.03));
            border-top: 1px solid var(--border-light);
            border-bottom: 1px solid var(--border-light);
        }

        .phone-number {
            font-family: var(--font-en-text);
            font-size: clamp(2rem, 5vw, 3.5rem);
            color: var(--cyan-accent);
            letter-spacing: 0.05em;
            text-shadow: 0 0 40px var(--cyan-glow);
            margin: 20px 0;
        }

        .phone-number a {
            color: inherit;
            text-decoration: none;
        }

        footer {
            border-top: 1px solid var(--border-light);
            padding: 60px 5% 0;
            text-align: center;
            background: var(--bg-charcoal);
        }

        .site-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .site-footer__main {
            width: 100%;
            padding-bottom: 28px;
        }

        .site-footer__credit {
            width: 100%;
            margin-top: 0;
            padding: 18px 5% 28px;
            border-top: 1px solid var(--border-light);
        }

        .site-footer__credit .footer-credit {
            margin: 0;
        }

        .footer-logo-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 33px;
            margin-bottom: 30px;
            padding-top: 13px;
            padding-bottom: 13px;
        }

        .footer-logo-container .mini-logo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: radial-gradient(circle at 40% 35%, #1a3a5c 0%, #0a1525 100%);
            border: 1.5px solid var(--blue-ring);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .footer-logo-container .mini-logo .logo-bars {
            transform: scale(0.5);
            margin-bottom: 2px;
        }

        .footer-brand {
            font-family: var(--font-en-display);
            font-size: 1.3rem;
            letter-spacing: 0.15em;
            color: var(--silver);
        }

        .social-links {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 30px;
        }

        .social-link {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            border: 1px solid var(--border-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            transition: 0.4s;
            cursor: none;
        }

        .social-link:hover {
            border-color: var(--blue-ring);
            color: var(--cyan-accent);
            box-shadow: 0 0 20px var(--cyan-glow);
            transform: translateY(-3px);
        }

        .footer-copy {
            font-family: var(--font-en-text);
            font-size: 0.75rem;
            color: #445;
            letter-spacing: 0.1em;
        }

        .footer-credit {
            display: block;
            width: 100%;
            margin: 0;
            font-family: var(--font-en-text);
            font-size: 0.7rem;
            color: #556;
            letter-spacing: 0.06em;
            line-height: 1.6;
        }

        .footer-credit__label {
            display: block;
        }

        .footer-credit__brand,
        .footer-credit__link {
            display: block;
            margin-top: 2px;
        }

        .footer-credit__link {
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-credit__link:hover {
            color: var(--cyan-accent);
        }

        /* Signature */
        .signature-section {
            position: relative;
            padding: 180px 5%;
            overflow: hidden;
            isolation: isolate;
            background:
                radial-gradient(ellipse 120% 90% at 50% 110%, rgba(42, 109, 181, 0.22) 0%, transparent 58%),
                radial-gradient(ellipse 70% 55% at 12% 35%, rgba(58, 143, 216, 0.14) 0%, transparent 52%),
                radial-gradient(ellipse 65% 50% at 88% 55%, rgba(58, 143, 216, 0.1) 0%, transparent 48%),
                linear-gradient(180deg, var(--bg-charcoal) 0%, #040a14 42%, #030810 58%, var(--bg-charcoal) 100%);
        }

        .signature-section::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: min(1100px, 100%);
            height: min(820px, 85vh);
            background:
                radial-gradient(ellipse at center, rgba(58, 143, 216, 0.16) 0%, rgba(58, 143, 216, 0.08) 38%, transparent 72%);
            pointer-events: none;
            z-index: 0;
        }

        .signature-section::after {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(2, 2, 5, 0.55) 0%, transparent 22%, transparent 78%, rgba(2, 2, 5, 0.6) 100%),
                radial-gradient(ellipse 85% 70% at 50% 50%, transparent 35%, rgba(2, 2, 5, 0.45) 100%),
                linear-gradient(90deg, rgba(58, 143, 216, 0.06) 0%, transparent 18%, transparent 82%, rgba(58, 143, 216, 0.05) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .signature-section > * {
            position: relative;
            z-index: 1;
        }

        .sig-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 72px;
            position: relative;
        }

        .signature-section--head {
            padding-bottom: 72px;
        }

        .signature-section--head .sig-header {
            margin-bottom: 0;
        }

        .signature-section--tail {
            padding-top: 80px;
        }

        .sig-image-strip {
            width: 100%;
            max-width: none;
            position: relative;
            margin: 0;
            height: 332px;
            overflow: hidden;
            border-top: 1px solid rgba(58, 143, 216, 0.2);
            border-bottom: 1px solid rgba(58, 143, 216, 0.2);
        }

        .sig-image-strip__bg {
            position: absolute;
            left: 0;
            right: 0;
            top: -30%;
            height: 160%;
            z-index: 0;
            background-image: url('../images/waka-about-dj.webp');
            background-size: cover;
            background-position: center 45%;
            background-repeat: no-repeat;
            filter: saturate(1.05) brightness(0.85);
            will-change: transform;
        }

        .sig-image-strip::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(90deg, rgba(2, 6, 14, 0.35) 0%, rgba(58, 143, 216, 0.08) 50%, rgba(2, 6, 14, 0.35) 100%);
            pointer-events: none;
        }

        @keyframes sig-label-color {
            0%, 100% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
        }

        @keyframes sig-label-line {
            0%, 100% {
                opacity: 0.55;
            }
            50% {
                opacity: 1;
            }
        }

        .sig-label {
            font-family: var(--font-en-display);
            font-size: 0.7rem;
            letter-spacing: 0.5em;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            background: linear-gradient(
                90deg,
                var(--cyan-accent),
                var(--blue-light),
                var(--blue-accent),
                var(--cyan-accent)
            );
            background-size: 300% 100%;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: sig-label-color 5s ease-in-out infinite;
        }

        .sig-label::before,
        .sig-label::after {
            content: '';
            width: 40px;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--cyan-accent));
            animation: sig-label-line 5s ease-in-out infinite;
        }

        .sig-label::after {
            background: linear-gradient(90deg, var(--cyan-accent), transparent);
            animation-delay: 0.4s;
        }

        .sig-header h2 {
            font-family: var(--font-hebrew);
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 300;
            line-height: 1.2;
            margin-bottom: 30px;
            color: #ffffff;
            letter-spacing: 0.02em;
            text-transform: none;
        }

        .sig-subtitle {
            font-size: 1.1rem;
            color: #ffffff;
            line-height: 2;
            font-weight: 300;
        }

        .sig-subtitle strong {
            color: var(--cyan-accent);
            font-weight: 600;
        }

        .sig-subtitle em {
            color: var(--cyan-accent);
            font-style: normal;
            font-weight: 400;
        }

        .eq-divider {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 3px;
            margin: 60px auto;
            width: 200px;
        }

        .eq-divider .eq-mini-bar {
            width: 3px;
            height: 20px;
            background: var(--blue-accent);
            border-radius: 2px;
            opacity: 0.4;
            animation: eqMiniBounce 1.8s ease-in-out infinite alternate;
        }

        @keyframes eqMiniBounce {
            0% {
                transform: scaleY(0.5);
                opacity: 0.2;
            }

            100% {
                transform: scaleY(1);
                opacity: 0.6;
            }
        }

        .sig-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            max-width: 1300px;
            margin: 0 auto;
            border: 1px solid var(--border-light);
            border-radius: 20px;
            overflow: hidden;
            background: rgba(6, 8, 14, 0.6);
            backdrop-filter: blur(10px);
        }

        .sig-item {
            padding: 60px 40px;
            position: relative;
            border-left: 1px solid var(--border-light);
            transition: all 0.6s var(--transition-smooth);
            overflow: hidden;
        }

        .sig-item:last-child {
            border-left: none;
        }

        .sig-item::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: linear-gradient(180deg, transparent, rgba(58, 143, 216, 0.05));
            transition: height 0.6s var(--transition-smooth);
        }

        .sig-item:hover::before {
            height: 100%;
        }

        .sig-item:hover {
            border-color: rgba(58, 143, 216, 0.2);
        }

        .sig-number {
            font-family: var(--font-en-display);
            font-size: 5rem;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 20px;
            color: var(--cyan-accent);
            background: none;
            -webkit-background-clip: unset;
            background-clip: unset;
            -webkit-text-fill-color: var(--cyan-accent);
            text-shadow: 0 0 20px var(--cyan-glow), 0 0 40px rgba(58, 143, 216, 0.28);
        }

        .sig-title {
            font-family: var(--font-hebrew);
            font-size: 1.3rem;
            color: var(--silver);
            letter-spacing: 0.1em;
            margin-bottom: 20px;
            font-weight: 400;
        }

        .sig-text {
            font-size: 0.95rem;
            line-height: 2;
            color: var(--text-muted);
            font-weight: 300;
        }

        .sig-quote {
            max-width: 900px;
            margin: 100px auto 0;
            text-align: center;
            position: relative;
        }

        .sig-quote::before {
            content: '"';
            font-family: var(--font-hebrew);
            font-size: 10rem;
            color: var(--accent-ui);
            opacity: 0.15;
            position: absolute;
            top: -60px;
            right: -20px;
            line-height: 1;
        }

        .sig-quote p {
            font-family: var(--font-hebrew);
            font-size: clamp(1.3rem, 3vw, 2rem);
            color: var(--silver);
            line-height: 1.8;
            font-weight: 300;
            letter-spacing: 0.03em;
            font-style: italic;
        }

        .sig-quote .quote-author {
            font-family: var(--font-en-display);
            font-size: 0.85rem;
            color: var(--cyan-accent);
            margin-top: 25px;
            font-style: normal;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            font-weight: 600;
        }

        .sound-deco {
            position: absolute;
            display: flex;
            gap: 5px;
            align-items: flex-end;
            opacity: 0.08;
            pointer-events: none;
        }

        .sound-deco .deco-bar {
            width: 4px;
            background: var(--cyan-accent);
            border-radius: 2px;
        }

        .sound-deco.top-right {
            top: 80px;
            right: 80px;
        }

        .sound-deco.bottom-left {
            bottom: 80px;
            left: 80px;
        }

        @media (max-width: 900px) {
            .about-section {
                flex-direction: column;
            }

            .dj-grid,
            .dj-grid.dj-grid--three {
                grid-template-columns: 1fr;
            }

            .stats-row {
                grid-template-columns: repeat(2, 1fr);
            }

            .sig-grid {
                grid-template-columns: 1fr;
            }

            .sig-item {
                border-left: none;
                border-bottom: 1px solid var(--border-light);
                padding: 40px 20px;
            }

            .sig-item:last-child {
                border-bottom: none;
            }

            .section-padding {
                padding: 100px 5%;
            }

            h1,
            .dj-hero .dj-name {
                font-size: 3rem;
            }

            h2 {
                font-size: 1.8rem;
            }

            .hero-logo-large {
                width: 160px;
                height: 160px;
            }

            .form-row {
                grid-template-columns: 1fr;
            }

            .event-type-options {
                grid-template-columns: 1fr;
            }

            .save-the-date-form__row {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .save-the-date-form__submit .btn {
                width: 100%;
                max-width: none;
            }

            #booking,
            #contact,
            #save-the-date {
                padding: 45px 24px;
            }

            .cursor-dot,
            .cursor-ring {
                display: none;
            }

            body {
                cursor: auto;
            }

            .btn,
            a,
            button,
            .interactive {
                cursor: pointer;
            }

            .yt-slide {
                flex: 0 0 85%;
            }

        }

        @media (max-width: 768px) {
            #hero {
                min-height: 100dvh;
                height: 100dvh;
            }

            .hero-video-bg {
                z-index: 0;
                transform: translateZ(0);
            }

            .hero-video-bg__wrap {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: none;
                min-width: 0;
                min-height: 0;
            }

            .hero-video-bg iframe {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 177.78%;
                height: 100%;
                min-width: 100%;
                min-height: 100%;
                transform: translate3d(-50%, -50%, 0);
            }

            #heroCanvas {
                opacity: 0.28;
            }

            .hero-overlay {
                background:
                    radial-gradient(ellipse at center, rgba(2, 2, 5, 0.05) 0%, rgba(2, 2, 5, 0.42) 75%),
                    linear-gradient(180deg, rgba(2, 2, 5, 0.18) 0%, rgba(2, 2, 5, 0.32) 100%);
            }

            .hero-content {
                padding: 0 clamp(16px, 5vw, 24px);
            }

            .hero-title {
                font-size: clamp(1.45rem, 6.2vw, 2rem);
                font-weight: 600;
                line-height: 1.35;
                letter-spacing: 0.02em;
                white-space: normal;
                margin-bottom: 22px;
                max-width: 18em;
                margin-left: auto;
                margin-right: auto;
                background: none;
                -webkit-text-fill-color: #ffffff;
                color: #ffffff;
                text-shadow:
                    0 2px 20px rgba(2, 2, 5, 0.85),
                    0 0 40px rgba(58, 143, 216, 0.35);
            }

            .about-split__content::before,
            .about-split__content::after {
                display: none;
            }

            .about-split__content {
                padding: clamp(36px, 8vw, 48px) clamp(20px, 5vw, 28px);
            }

            .signature-section {
                padding: clamp(56px, 11vw, 72px) 5%;
            }

            .sig-header {
                margin-bottom: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: clamp(18px, 4vw, 26px);
            }

            .sig-header .sig-label {
                margin-bottom: 0;
            }

            .sig-header h2 {
                margin: 0;
            }

            .sig-header .btn-wrapper {
                margin-top: 0 !important;
            }

            #save-the-date .booking-title-group h2 {
                font-size: clamp(2rem, 9.5vw, 2.75rem);
                letter-spacing: 0.08em;
            }

            .dj-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: 16px;
                max-width: 100%;
                width: 100%;
                padding: 0;
                margin: 0 auto;
                box-sizing: border-box;
            }

            .dj-grid--three {
                grid-template-columns: 1fr;
                gap: 16px;
                max-width: 100%;
                width: 100%;
            }

            .dj-grid .dj-card,
            .dj-grid--three .dj-card {
                position: relative;
                top: auto;
                z-index: 1;
                height: auto;
                min-height: 260px;
                max-height: none;
                aspect-ratio: 4 / 5;
                width: 100%;
                max-width: 100%;
                display: block;
                margin: 0;
                border-radius: 16px;
                overflow: hidden;
                flex-direction: unset;
                align-items: unset;
                direction: inherit;
                box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
            }

            .dj-card::before {
                background: linear-gradient(to top, rgba(2, 2, 5, 0.92) 0%, rgba(2, 2, 5, 0.35) 42%, transparent 70%);
                z-index: 1;
            }

            .dj-card > img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                max-width: none;
                object-fit: cover;
                object-position: var(--dj-focus-x-m, var(--dj-focus-x, 50%)) var(--dj-focus-y-m, var(--dj-focus-y, 45%));
            }

            .dj-card--placeholder .dj-card__placeholder {
                position: absolute;
                inset: 0;
                order: unset;
                flex: unset;
                min-height: 0;
            }

            .dj-card--placeholder .dj-card__placeholder img {
                position: relative;
                inset: auto;
                width: auto;
                height: auto;
                max-width: 42%;
                max-height: 42%;
                opacity: 0.42;
            }

            .dj-card-content {
                position: absolute;
                inset: auto 0 0 0;
                order: unset;
                flex: unset;
                width: 100%;
                justify-content: flex-end;
                align-items: center;
                text-align: center;
                padding: 20px 16px 18px;
                z-index: 2;
                box-sizing: border-box;
            }

            .dj-card h3,
            .dj-card h3.ltr {
                font-size: clamp(0.95rem, 4vw, 1.15rem);
                margin: 0;
                letter-spacing: 0.04em;
                font-weight: 600;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;
                width: 100%;
                display: block;
            }

            .dj-card .dj-genre,
            .dj-card .dj-desc {
                display: none;
            }

            .ms-card,
            a.ms-card {
                display: flex;
                flex-direction: column;
            }

            .ms-card__media {
                order: 1;
                min-height: 200px;
            }

            .ms-card__body {
                order: 2;
                padding: 24px 20px 28px;
            }
        }

        @media (max-width: 600px) {
            .stats-row {
                grid-template-columns: 1fr 1fr;
                gap: 15px;
            }

            .stat-number {
                font-size: 1.8rem;
            }
        }

        main {
            min-height: 100vh;
            position: relative;
            z-index: 1;
        }

        .page-hero-compact {
            padding-top: 160px;
            padding-bottom: 80px;
            text-align: center;
        }

        .page-hero-compact h1 {
            margin-bottom: 12px;
        }

        .page-hero-compact p {
            max-width: 600px;
            margin: 0 auto;
        }

        /* Recommendations page — mit4mit iframe embed */
        .recommendations-page main {
            padding-bottom: 0;
        }

        .recommendations-hero {
            padding-bottom: 48px;
        }

        .recommendations-hero__lead {
            color: rgba(255, 255, 255, 0.78);
        }

        .recommendations-hero__external {
            margin-top: 14px;
            font-size: 0.88rem;
        }

        .recommendations-hero__link {
            color: var(--cyan-accent);
            text-decoration: none;
            border-bottom: 1px solid rgba(107, 181, 232, 0.35);
            transition: color 0.25s ease, border-color 0.25s ease;
        }

        .recommendations-hero__link:hover,
        .recommendations-hero__link:focus-visible {
            color: #ffffff;
            border-color: var(--cyan-accent);
            outline: none;
        }

        .recommendations-embed {
            padding-top: 0;
            padding-bottom: clamp(48px, 8vw, 96px);
        }

        .recommendations-embed__shell {
            width: min(1180px, 100%);
            margin: 0 auto;
            border-radius: 18px;
            overflow: hidden;
            border: 1px solid var(--border-blue);
            background: linear-gradient(165deg, rgba(10, 45, 92, 0.55) 0%, rgba(6, 8, 14, 0.92) 100%);
            box-shadow:
                0 24px 60px rgba(2, 2, 5, 0.55),
                0 0 32px var(--blue-glow);
        }

        .recommendations-embed__chrome {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 18px;
            border-bottom: 1px solid rgba(107, 181, 232, 0.18);
            background: rgba(2, 2, 5, 0.72);
        }

        .recommendations-embed__dot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: rgba(107, 181, 232, 0.35);
        }

        .recommendations-embed__dot:nth-child(1) {
            background: rgba(107, 181, 232, 0.55);
        }

        .recommendations-embed__dot:nth-child(2) {
            background: rgba(58, 143, 216, 0.45);
        }

        .recommendations-embed__dot:nth-child(3) {
            background: rgba(255, 255, 255, 0.22);
        }

        .recommendations-embed__label {
            margin-right: auto;
            font-family: var(--font-en-text);
            font-size: 0.72rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.45);
        }

        .recommendations-embed__frame-wrap {
            position: relative;
            min-height: clamp(520px, 72dvh, 920px);
            background: #ffffff;
        }

        .recommendations-embed__iframe {
            display: block;
            width: 100%;
            height: clamp(520px, 72dvh, 920px);
            border: 0;
            background: #ffffff;
            opacity: 0;
            transition: opacity 0.45s ease;
        }

        .recommendations-embed__frame-wrap.is-loaded .recommendations-embed__iframe {
            opacity: 1;
        }

        .recommendations-embed__frame-wrap.is-loaded .recommendations-embed__loader {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .recommendations-embed__loader {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 16px;
            background: linear-gradient(180deg, rgba(10, 45, 92, 0.08) 0%, rgba(255, 255, 255, 0.96) 100%);
            transition: opacity 0.35s ease, visibility 0.35s ease;
        }

        .recommendations-embed__loader-ring {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: 2px solid rgba(58, 143, 216, 0.2);
            border-top-color: var(--cyan-accent);
            animation: recommendations-spin 0.9s linear infinite;
        }

        .recommendations-embed__loader-text {
            font-size: 0.9rem;
            color: rgba(10, 45, 92, 0.72);
        }

        @keyframes recommendations-spin {
            to { transform: rotate(360deg); }
        }

        @media (max-width: 768px) {
            .recommendations-hero {
                padding-bottom: 32px;
            }

            .recommendations-embed__shell {
                border-radius: 14px;
            }

            .recommendations-embed__frame-wrap,
            .recommendations-embed__iframe {
                min-height: 68dvh;
                height: 68dvh;
            }
        }

        /* About page hero — DJ image background */
        .about-hero {
            position: relative;
            overflow: hidden;
            min-height: 58vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 150px;
            padding-bottom: 90px;
            text-align: center;
        }

        .about-hero__bg {
            position: absolute;
            inset: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            z-index: 0;
            transform: scale(1.02);
            filter: brightness(1.08) saturate(1.12) contrast(1.04);
        }

        .about-hero__overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            background:
                radial-gradient(ellipse at center, rgba(2, 6, 14, 0.05) 0%, rgba(2, 6, 14, 0.42) 78%),
                linear-gradient(180deg, rgba(2, 6, 14, 0.18) 0%, rgba(2, 6, 14, 0.48) 100%);
        }

        .about-hero__content {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 900px;
            padding: 0 5%;
        }

        .about-hero h1 {
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            margin-bottom: 16px;
            text-shadow: 0 2px 24px rgba(0, 0, 0, 0.65);
        }

        .about-hero p {
            font-size: clamp(1rem, 2vw, 1.2rem);
            color: rgba(255, 255, 255, 0.92);
            max-width: 640px;
            margin: 0 auto;
            line-height: 1.8;
            text-shadow: 0 1px 16px rgba(0, 0, 0, 0.55);
        }

        .about-hero .breadcrumb {
            color: rgba(255, 255, 255, 0.55);
        }

        .about-hero .breadcrumb a {
            color: rgba(255, 255, 255, 0.7);
        }

        /* About page body — stacked intro + card grid */
        .about-page-body {
            max-width: none;
            width: 100%;
            margin: 0;
        }

        .about-page-body__lead {
            font-family: var(--font-hebrew);
            font-size: clamp(1.15rem, 2.4vw, 2.1rem);
            font-weight: 700;
            line-height: 1.4;
            text-align: center;
            max-width: none;
            margin: 0 auto 56px;
            color: #ffffff;
            letter-spacing: 0.01em;
            white-space: nowrap;
        }

        .about-page-body__grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 28px;
            margin-bottom: 72px;
            width: 100%;
        }

        .about-page-body__card {
            padding: 36px 32px;
            border: 1px solid var(--border-light);
            border-radius: 14px;
            background: rgba(10, 14, 25, 0.55);
            transition: border-color 0.35s ease, box-shadow 0.35s ease;
        }

        .about-page-body__card:hover {
            border-color: var(--border-blue);
            box-shadow: 0 12px 40px rgba(58, 143, 216, 0.06);
        }

        .about-page-body__card--accent {
            border-color: rgba(58, 143, 216, 0.25);
            background: linear-gradient(145deg, rgba(58, 143, 216, 0.06) 0%, rgba(10, 14, 25, 0.65) 100%);
        }

        .about-page-body__eyebrow {
            display: block;
            font-family: var(--font-en-display);
            font-size: 0.68rem;
            letter-spacing: 0.45em;
            text-transform: uppercase;
            color: var(--cyan-accent);
            margin-bottom: 18px;
            font-weight: 600;
            text-align: right;
        }

        .about-page-body__card p {
            font-size: 1.08rem;
            line-height: 1.9;
            color: var(--silver);
            margin: 0 0 16px;
        }

        .about-page-body__card p:last-child {
            margin-bottom: 0;
        }

        .about-page-body__card strong.ltr {
            color: var(--cyan-accent);
        }

        .about-page-body__tagline {
            font-size: 1.15rem !important;
            color: #fff !important;
            font-weight: 500;
            padding-top: 8px;
            border-top: 1px solid var(--border-light);
            margin-top: 20px !important;
        }

        .about-page-body .stats-row {
            margin-top: 0;
            max-width: none;
            width: 100%;
        }

        .about-page .stat-number {
            font-weight: 500;
        }

        /* Signature section — thin blue marquee divider */
        .sig-marquee {
            display: flex;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            max-width: 100%;
            position: relative;
            left: auto;
            margin-left: 0;
            margin-bottom: 0;
            padding: 12px 0;
            background: linear-gradient(90deg, #1a6bb5 0%, var(--cyan-accent) 50%, #1a6bb5 100%);
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            z-index: 2;
        }

        .about-page .sig-marquee,
        .gal-page .sig-marquee {
            width: 100%;
            left: auto;
            margin-left: 0;
        }

        .about-page .about-page-body {
            padding-top: 80px;
        }

        .sig-marquee .marquee-track {
            animation-duration: 22s;
        }

        .sig-marquee .sig-marquee__item {
            font-family: var(--font-en-display);
            font-size: 0.82rem;
            font-weight: 700;
            letter-spacing: 0.22em;
            margin: 0;
            padding: 0 0.65rem;
            gap: 0;
            flex-shrink: 0;
            transition: none;
        }

        .sig-marquee .sig-marquee__item--white {
            color: #ffffff;
        }

        .sig-marquee .sig-marquee__item--black {
            color: #000000;
        }

        .sig-marquee .sig-marquee__item:hover {
            color: inherit;
        }

        @media (max-width: 900px) {
            .about-hero {
                min-height: 50vh;
                padding-top: 130px;
                padding-bottom: 70px;
            }

            .about-page-body__grid {
                grid-template-columns: 1fr;
            }

            .about-page-body__lead {
                margin-bottom: 40px;
                white-space: normal;
            }
        }

        .breadcrumb {
            display: flex;
            justify-content: center;
            gap: 8px;
            flex-wrap: wrap;
            margin-bottom: 24px;
            font-size: 0.75rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--text-muted);
        }

        .breadcrumb a {
            color: var(--accent-ui);
            text-decoration: none;
            transition: color 0.3s;
        }

        .breadcrumb a:hover {
            color: var(--cyan-accent);
        }

        .nav-logo {
            color: inherit;
        }

        .fullscreen-menu a {
            display: block;
        }

        .fullscreen-menu a.active {
            color: var(--cyan-accent);
        }

        a.dj-card {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .btn.ltr {
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .btn.ltr svg {
            width: 18px;
            height: 18px;
        }

        .nav-logo-img {
            height: 68px;
            width: auto;
            max-width: none;
            display: block;
            overflow: visible;
            box-sizing: content-box;
            object-fit: contain;
            flex-shrink: 0;
        }

        .footer-logo-img {
            height: 56px;
            width: auto;
            display: block;
            margin: 0 auto;
        }

        .footer-logo-container {
            margin-bottom: 10px;
        }

        .social-links {
            gap: 22px;
        }

        .social-link svg,
        .social-link .social-icon {
            width: 22px;
            height: 22px;
            fill: currentColor;
        }

        #artists,
        #testimonials,
        #save-the-date,
        #about-us,
        .marquee-wrapper,
        .signature-section {
            max-width: 100%;
            box-sizing: border-box;
            overflow-x: hidden;
        }

        .testimonials-marquee,
        .testimonials-marquee__track {
            max-width: 100%;
        }

        .fade-left,
        .fade-right {
            max-width: 100%;
        }

        body.home-page {
            overflow-x: hidden;
            max-width: 100%;
        }

        body.home-page #main-content {
            max-width: 100%;
            overflow: visible;
        }

        @media (max-width: 768px) {
            body.home-page .hero-title {
                white-space: normal !important;
                letter-spacing: 0.02em;
                max-width: 100%;
                padding-inline: 4px;
            }

            body.home-page #save-the-date {
                padding-left: max(16px, 4%);
                padding-right: max(16px, 4%);
            }

            body.home-page #videos .yt-carousel-wrapper[data-carousel] {
                padding: 0 40px;
            }

            body.home-page .dj-grid,
            body.home-page .dj-grid--three {
                padding-inline: 0;
                width: 100%;
                max-width: 100%;
            }
        }

        .about-split-section {
            padding: 0;
            overflow: hidden;
            max-width: 100%;
        }

        .about-split-section__title {
            font-family: var(--font-hebrew);
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 300;
            line-height: 1.2;
            padding: 0;
            margin: 0 0 28px;
            text-align: center;
            text-transform: none;
            letter-spacing: 0.02em;
            color: var(--accent-ui);
        }

        .about-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 75vh;
            max-width: none;
            margin: 0;
            gap: 0;
        }

        .about-split__content {
            position: relative;
            padding: 8% 7%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: var(--bg-charcoal);
            overflow: hidden;
            isolation: isolate;
        }

        .about-split__content::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: clamp(6px, 0.55vw, 10px);
            background: linear-gradient(180deg, var(--blue-accent) 0%, var(--cyan-accent) 50%, var(--blue-accent) 100%);
            box-shadow:
                0 0 18px rgba(58, 143, 216, 0.95),
                0 0 48px rgba(58, 143, 216, 0.55),
                0 0 96px rgba(58, 143, 216, 0.35),
                0 0 160px rgba(42, 109, 181, 0.2);
            pointer-events: none;
            z-index: 0;
        }

        .about-split__content::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: clamp(120px, 22vw, 280px);
            height: 100%;
            background: linear-gradient(
                90deg,
                rgba(58, 143, 216, 0.22) 0%,
                rgba(58, 143, 216, 0.08) 42%,
                transparent 100%
            );
            pointer-events: none;
            z-index: 0;
        }

        .about-split__content > * {
            position: relative;
            z-index: 1;
        }

        .about-split__content p {
            font-size: 1.1rem;
            margin-bottom: 20px;
            line-height: 1.9;
            color: var(--silver);
        }

        .about-split__content p:last-child {
            margin-bottom: 0;
        }

        .about-split__content strong.ltr {
            color: rgba(70, 133, 205, 1);
        }

        .about-split__media {
            position: relative;
            min-height: 75vh;
            overflow: hidden;
        }

        .about-split__img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            filter: saturate(0.85) brightness(0.75);
            transform: scale(1);
            transform-origin: center center;
            will-change: transform;
        }

        .about-split__media:hover .about-split__img {
            filter: saturate(1) brightness(0.9);
        }

        .dj-grid--three {
            grid-template-columns: 1fr;
            max-width: min(1400px, 100%);
            width: 100%;
            margin-inline: auto;
            box-sizing: border-box;
        }

        @media (min-width: 1025px) {
            .dj-grid--three {
                grid-template-columns: repeat(3, 1fr);
                gap: 40px;
            }
        }

        @media (max-width: 1024px) {
            #artists {
                overflow-x: hidden;
                max-width: 100%;
            }

            #artists .dj-grid,
            #artists .dj-grid.dj-grid--three,
            .dj-grid.dj-grid--three {
                display: grid;
                grid-template-columns: 1fr !important;
                gap: 16px;
                width: 100%;
                max-width: 100%;
                margin-inline: auto;
                padding-inline: 0;
                box-sizing: border-box;
            }

            #artists .dj-card,
            .dj-grid.dj-grid--three .dj-card {
                position: relative;
                width: 100%;
                max-width: 100%;
                height: auto;
                min-height: 240px;
                aspect-ratio: 4 / 5;
                margin: 0;
                box-sizing: border-box;
            }

            #artists .dj-card img,
            .dj-grid.dj-grid--three .dj-card > img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                max-width: none;
                object-fit: cover;
                object-position: var(--dj-focus-x-m, var(--dj-focus-x, 50%)) var(--dj-focus-y-m, var(--dj-focus-y, 45%));
            }
        }

        @media (min-width: 1025px) {
            #artists .dj-card > img,
            .dj-grid.dj-grid--three .dj-card > img {
                object-position: var(--dj-focus-x, 50%) var(--dj-focus-y, 40%);
            }
        }

        /* Facebook in-app browser — separate card crop */
        body.is-facebook-app .dj-card > img,
        body.is-facebook-app #artists .dj-card img,
        body.is-facebook-app .dj-grid.dj-grid--three .dj-card > img {
            object-position: var(--dj-focus-x-fb, var(--dj-focus-x, 50%)) var(--dj-focus-y-fb, var(--dj-focus-y, 40%));
        }

        /* Artists page */
        .artists-page-section {
            padding-top: 0;
        }

        .artists-page-cta {
            position: relative;
            overflow: hidden;
            margin-top: 56px;
            text-align: center;
            padding: 40px 24px;
            border-radius: 16px;
            border: 1px solid var(--border-light);
            background: linear-gradient(160deg, rgba(10, 18, 32, 0.6), rgba(2, 2, 5, 0.9));
        }

        .artists-page-cta__soundbar {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 4px;
            padding: 0 6% 12px;
            opacity: 0.14;
            pointer-events: none;
            z-index: 0;
            mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 70%);
        }

        .artists-page-cta__soundbar span {
            flex: 1;
            max-width: 6px;
            min-height: 4px;
            border-radius: 2px;
            background: linear-gradient(to top, var(--blue-primary), var(--cyan-accent));
            animation: artistsCtaEq 1.6s ease-in-out infinite alternate;
        }

        .artists-page-cta__soundbar span:nth-child(1) { animation-delay: 0s; }
        .artists-page-cta__soundbar span:nth-child(2) { animation-delay: 0.12s; }
        .artists-page-cta__soundbar span:nth-child(3) { animation-delay: 0.24s; }
        .artists-page-cta__soundbar span:nth-child(4) { animation-delay: 0.08s; }
        .artists-page-cta__soundbar span:nth-child(5) { animation-delay: 0.36s; }
        .artists-page-cta__soundbar span:nth-child(6) { animation-delay: 0.18s; }
        .artists-page-cta__soundbar span:nth-child(7) { animation-delay: 0.42s; }
        .artists-page-cta__soundbar span:nth-child(8) { animation-delay: 0.06s; }
        .artists-page-cta__soundbar span:nth-child(9) { animation-delay: 0.3s; }
        .artists-page-cta__soundbar span:nth-child(10) { animation-delay: 0.15s; }
        .artists-page-cta__soundbar span:nth-child(11) { animation-delay: 0.48s; }
        .artists-page-cta__soundbar span:nth-child(12) { animation-delay: 0.22s; }
        .artists-page-cta__soundbar span:nth-child(13) { animation-delay: 0.38s; }
        .artists-page-cta__soundbar span:nth-child(14) { animation-delay: 0.1s; }
        .artists-page-cta__soundbar span:nth-child(15) { animation-delay: 0.44s; }
        .artists-page-cta__soundbar span:nth-child(16) { animation-delay: 0.28s; }
        .artists-page-cta__soundbar span:nth-child(17) { animation-delay: 0.52s; }
        .artists-page-cta__soundbar span:nth-child(18) { animation-delay: 0.16s; }

        @keyframes artistsCtaEq {
            0% {
                height: 8%;
                opacity: 0.35;
            }

            100% {
                height: 55%;
                opacity: 0.85;
            }
        }

        .artists-page-cta__body {
            position: relative;
            z-index: 1;
        }

        .artists-page-cta p {
            font-size: 1.1rem;
            color: var(--silver);
            margin-bottom: 24px;
        }

        .artists-page-cta__buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            justify-content: center;
        }

        .booking-page-intro {
            padding-bottom: 0;
        }

        .booking-page-intro__inner {
            max-width: 720px;
            margin: 0 auto 32px;
            text-align: center;
            font-size: 1.08rem;
            line-height: 1.85;
            color: var(--text-muted);
        }

        .booking-page-pills {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px;
            margin-bottom: 8px;
        }

        .booking-page-pill {
            display: inline-flex;
            align-items: center;
            padding: 10px 18px;
            border-radius: 999px;
            border: 1px solid var(--border-light);
            color: var(--text-muted);
            text-decoration: none;
            font-size: 0.85rem;
            letter-spacing: 0.08em;
            transition: border-color 0.3s, color 0.3s, background 0.3s;
        }

        .booking-page-pill:hover {
            border-color: var(--cyan-accent);
            color: var(--cyan-accent);
            background: rgba(0, 212, 255, 0.06);
        }

        /* Music Show */
        .ms-hero {
            text-align: center;
            padding-bottom: 60px;
            border-bottom: 1px solid var(--border-light);
            background: radial-gradient(ellipse at top, rgba(26, 83, 177, 0.12) 0%, transparent 55%);
        }

        .ms-hero__title {
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            letter-spacing: 0.12em;
            margin: 0 0 8px;
            background: linear-gradient(180deg, #fff 0%, var(--accent-ui) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .ms-hero__label {
            font-family: var(--font-en-display);
            font-size: 0.68rem;
            letter-spacing: 0.42em;
            text-transform: uppercase;
            color: rgba(0, 212, 255, 0.72);
            margin: 1.35em auto 26px;
            max-width: 100%;
            display: block;
        }

        .ms-hero__lead {
            max-width: 640px;
            margin: 0 auto;
            font-size: 1.15rem;
            line-height: 1.85;
            color: var(--text-muted);
        }

        .ms-offers {
            background: var(--bg-charcoal);
        }

        .ms-offers__intro {
            text-align: center;
            max-width: 680px;
            margin: 0 auto 48px;
        }

        .ms-offers__intro h2 {
            margin-bottom: 16px;
        }

        .ms-offers__intro p {
            margin: 0;
            font-size: 1.05rem;
            color: var(--text-muted);
        }

        .ms-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px;
            max-width: 900px;
            margin: 0 auto;
        }

        .ms-card,
        a.ms-card {
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 0;
            border-radius: 18px;
            overflow: hidden;
            border: 1px solid var(--border-light);
            background: rgba(2, 2, 5, 0.6);
            transition: border-color 0.4s var(--transition-smooth), box-shadow 0.4s var(--transition-smooth);
            text-decoration: none;
            color: inherit;
        }

        .ms-card:hover,
        a.ms-card:hover {
            border-color: var(--border-blue);
            box-shadow: 0 24px 60px rgba(58, 143, 216, 0.12);
        }

        .ms-card__media {
            position: relative;
            min-height: 280px;
            overflow: hidden;
        }

        .ms-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s var(--transition-smooth);
        }

        .ms-card:hover .ms-card__media img {
            transform: scale(1.05);
        }

        .ms-card__media-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(2, 2, 5, 0.2), rgba(2, 2, 5, 0.75));
        }

        .ms-card__tag {
            position: absolute;
            top: 20px;
            inset-inline-start: 20px;
            font-family: var(--font-en-display);
            font-size: 0.65rem;
            letter-spacing: 0.35em;
            text-transform: uppercase;
            color: var(--cyan-accent);
            padding: 8px 14px;
            border-radius: 999px;
            border: 1px solid rgba(58, 143, 216, 0.35);
            background: rgba(2, 2, 5, 0.65);
            backdrop-filter: blur(8px);
        }

        .ms-card__body {
            padding: 36px 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .ms-card__body h3 {
            font-size: 1.5rem;
            color: #fff;
            margin-bottom: 14px;
        }

        .ms-card__body > p {
            margin-bottom: 20px;
            line-height: 1.8;
        }

        .ms-card__list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .ms-card__list li {
            position: relative;
            padding-inline-start: 18px;
            margin-bottom: 10px;
            font-size: 0.95rem;
            color: var(--silver);
        }

        .ms-card__list li::before {
            content: '';
            position: absolute;
            inset-inline-start: 0;
            top: 0.55em;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--cyan-accent);
            box-shadow: 0 0 8px var(--cyan-glow);
        }

        .ms-dj-banner {
            margin-top: 56px;
            padding: 28px 32px;
            border-radius: 18px;
            border: 1px solid var(--border-blue);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 28px 32px;
            background: linear-gradient(135deg, rgba(26, 83, 177, 0.18) 0%, rgba(2, 2, 5, 0.92) 55%);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
        }

        .ms-dj-banner__visual {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ms-dj-banner__orbit {
            position: relative;
            width: 104px;
            height: 104px;
            flex-shrink: 0;
        }

        .ms-dj-banner__ring {
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            border: 1px solid rgba(0, 212, 255, 0.35);
            box-shadow: 0 0 24px rgba(0, 212, 255, 0.15), inset 0 0 20px rgba(0, 212, 255, 0.06);
            animation: msDjRingPulse 4s ease-in-out infinite;
        }

        @keyframes msDjRingPulse {
            0%, 100% { transform: scale(1); opacity: 0.85; }
            50% { transform: scale(1.04); opacity: 1; }
        }

        .ms-dj-banner__face {
            position: absolute;
            inset: 4px;
            width: calc(100% - 8px);
            height: calc(100% - 8px);
            border-radius: 50%;
            object-fit: cover;
            object-position: center top;
            border: 2px solid rgba(255, 255, 255, 0.12);
            opacity: 0;
            transform: scale(0.9);
            animation: msDjFaceCycle var(--ms-dj-duration, 9s) ease-in-out infinite;
            will-change: opacity, transform;
        }

        @keyframes msDjFaceCycle {
            0%, 100% {
                opacity: 0;
                transform: scale(0.9);
                z-index: 1;
            }
            6%, 28% {
                opacity: 1;
                transform: scale(1);
                z-index: 2;
            }
            34%, 100% {
                opacity: 0;
                transform: scale(0.9);
                z-index: 1;
            }
        }

        .ms-dj-banner__content {
            flex: 1 1 240px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 20px 24px;
            min-width: 0;
        }

        .ms-dj-banner__text {
            flex: 1 1 200px;
            min-width: 0;
        }

        .ms-dj-banner__eyebrow {
            display: block;
            font-family: var(--font-en-display);
            font-size: 0.78rem;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            color: var(--cyan-accent);
            margin-bottom: 10px;
        }

        .ms-dj-banner__text p {
            margin: 0;
            font-size: 1.05rem;
            line-height: 1.7;
            color: var(--text-muted);
        }

        .ms-dj-banner__btn {
            flex-shrink: 0;
        }

        @media (max-width: 640px) {
            .ms-dj-banner {
                flex-direction: column;
                text-align: center;
                padding: 28px 20px;
            }

            .ms-dj-banner__content {
                flex-direction: column;
                align-items: center;
            }

            .ms-dj-banner__btn {
                width: 100%;
                justify-content: center;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ms-dj-banner__face,
            .ms-dj-banner__ring {
                animation: none;
            }

            .ms-dj-banner__face:first-child {
                opacity: 1;
                transform: scale(1);
            }
        }

        .ms-cta {
            background: var(--bg-deep);
            border-top: 1px solid var(--border-light);
        }

        .ms-cta__inner {
            text-align: center;
            max-width: 560px;
            margin: 0 auto;
            padding: 48px 24px;
            border-radius: 20px;
            border: 1px solid var(--border-light);
            background: radial-gradient(circle at center, rgba(58, 143, 216, 0.06) 0%, transparent 70%);
        }

        .ms-cta__inner h2 {
            margin-bottom: 12px;
        }

        .ms-cta__inner p {
            margin-bottom: 28px;
        }

        @media (max-width: 900px) {
            .ms-card {
                grid-template-columns: 1fr;
            }

            .ms-card__media {
                min-height: 220px;
            }
        }

        /* Testimonials */
        .testimonials-section {
            background: var(--bg-charcoal);
            border-top: 1px solid var(--border-light);
            position: relative;
            overflow: hidden;
        }

        .testimonials-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60%;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--cyan-accent), transparent);
            opacity: 0.4;
        }

        .testimonials-header {
            text-align: center;
            max-width: 720px;
            margin: 0 auto 56px;
        }

        .testimonials-label {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            font-family: var(--font-en-display);
            font-size: 0.7rem;
            letter-spacing: 0.5em;
            text-transform: uppercase;
            color: var(--cyan-accent);
            font-weight: 600;
            margin-bottom: 18px;
        }

        .testimonials-label__icon {
            width: 14px;
            height: 14px;
            color: #fff;
            stroke: #fff;
            fill: rgba(255, 255, 255, 0.15);
        }

        .testimonials-section h2 {
            margin-bottom: 16px;
        }

        .testimonials-subtitle {
            font-size: 1.05rem;
            color: var(--text-muted);
            line-height: 1.7;
            margin: 0;
        }

        .testimonials-marquee {
            position: relative;
            overflow: hidden;
            width: 100%;
            margin: 0;
            padding: 8px 0 16px;
            display: flex;
        }

        .testimonials-marquee::before,
        .testimonials-marquee::after {
            content: '';
            position: absolute;
            top: 0;
            width: clamp(80px, 12vw, 180px);
            height: 100%;
            z-index: 3;
            pointer-events: none;
        }

        .testimonials-marquee::before {
            left: 0;
            background: linear-gradient(to right, var(--bg-charcoal) 0%, var(--bg-charcoal) 25%, transparent 100%);
        }

        .testimonials-marquee::after {
            right: 0;
            background: linear-gradient(to left, var(--bg-charcoal) 0%, var(--bg-charcoal) 25%, transparent 100%);
        }

        .testimonials-marquee__track {
            display: flex;
            width: max-content;
            flex-shrink: 0;
            will-change: transform;
            animation-name: testimonials-marquee-scroll;
            animation-duration: var(--testimonials-marquee-duration, 48s);
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .testimonials-marquee__content {
            display: flex;
            flex-shrink: 0;
            gap: 24px;
            padding-inline: 12px;
        }

        @keyframes testimonials-marquee-scroll {
            0% {
                transform: translate3d(-50%, 0, 0);
            }

            100% {
                transform: translate3d(0, 0, 0);
            }
        }

        html.a11y-reduce-motion .testimonials-marquee__track {
            animation-name: testimonials-marquee-scroll !important;
            animation-duration: var(--testimonials-marquee-duration, 48s) !important;
            animation-timing-function: linear !important;
            animation-iteration-count: infinite !important;
        }

        .testimonial-card {
            position: relative;
            display: flex;
            flex-direction: column;
            flex-shrink: 0;
            width: clamp(300px, 28vw, 400px);
            padding: 32px 28px 24px;
            text-align: center;
            border-radius: 16px;
            border: 1px solid var(--border-light);
            background: linear-gradient(160deg, rgba(10, 18, 32, 0.95) 0%, rgba(2, 2, 5, 0.98) 100%);
            box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
            transition: border-color 0.4s var(--transition-smooth), box-shadow 0.4s var(--transition-smooth);
        }

        .testimonial-card:hover {
            border-color: var(--border-blue);
            box-shadow: 0 22px 50px rgba(58, 143, 216, 0.15);
        }

        .testimonial-card__mark {
            position: absolute;
            top: 8px;
            left: 50%;
            right: auto;
            inset-inline: auto;
            transform: translateX(-50%);
            font-family: Georgia, serif;
            font-size: 4.5rem;
            line-height: 1;
            color: var(--cyan-accent);
            opacity: 0.2;
            pointer-events: none;
        }

        .testimonial-card__text {
            margin: 0 0 28px;
            font-size: 1.05rem;
            line-height: 1.85;
            color: var(--silver);
            font-style: normal;
            font-weight: 300;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .testimonial-card__footer {
            margin-top: auto;
            text-align: center;
            padding: 12px 0 0;
            background: none;
            border: none;
        }

        .testimonial-card__footer cite {
            display: block;
            font-style: normal;
            font-size: 0.95rem;
            font-weight: 600;
            color: #fff;
            margin-bottom: 4px;
        }

        .testimonial-card__footer span {
            display: block;
            font-size: 0.75rem;
            letter-spacing: 0.04em;
            color: var(--text-muted);
            text-transform: none;
        }

        .testimonial-shot-btn {
            position: absolute;
            bottom: 12px;
            right: 12px;
            top: auto;
            left: auto;
            z-index: 2;
            width: 28px;
            height: 28px;
            padding: 0;
            border-radius: 50%;
            border: none;
            background: transparent;
            color: var(--text-muted);
            opacity: 0.65;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: none;
            transition: 0.35s var(--transition-smooth);
        }

        .testimonial-shot-btn svg {
            width: 14px;
            height: 14px;
        }

        .testimonial-shot-btn:hover {
            color: var(--cyan-accent);
            opacity: 1;
            transform: scale(1.08);
        }

        body.testimonial-lightbox-open {
            overflow: hidden;
        }

        .testimonial-lightbox {
            position: fixed;
            inset: 0;
            z-index: 10060;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .testimonial-lightbox.is-open {
            visibility: visible;
            pointer-events: auto;
        }

        .testimonial-lightbox.is-active {
            opacity: 1;
        }

        .testimonial-lightbox__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(2, 2, 5, 0.94);
            backdrop-filter: blur(14px);
        }

        .testimonial-lightbox__stage {
            position: relative;
            z-index: 1;
            max-width: min(520px, 92vw);
            max-height: 88vh;
            transform: scale(0.88);
            opacity: 0;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
        }

        .testimonial-lightbox.is-active .testimonial-lightbox__stage {
            transform: scale(1);
            opacity: 1;
        }

        .testimonial-lightbox__frame {
            padding: 3px;
            border-radius: 20px;
            background: linear-gradient(135deg, var(--cyan-accent), var(--blue-accent), var(--blue-primary));
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.65);
        }

        .testimonial-lightbox__img-wrap {
            border-radius: 17px;
            overflow: hidden;
            background: #111;
            max-height: calc(88vh - 48px);
        }

        .testimonial-lightbox__img-wrap img {
            display: block;
            width: 100%;
            height: auto;
            max-height: calc(88vh - 48px);
            object-fit: contain;
        }

        .testimonial-lightbox__close {
            position: absolute;
            top: -48px;
            inset-inline-end: 0;
            width: 40px;
            height: 40px;
            padding: 0;
            border: 1px solid var(--border-blue);
            border-radius: 50%;
            background: rgba(2, 2, 5, 0.85);
            color: var(--silver);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: none;
            transition: 0.35s var(--transition-smooth);
        }

        .testimonial-lightbox__close svg {
            width: 18px;
            height: 18px;
        }

        .testimonial-lightbox__close:hover {
            border-color: var(--blue-ring);
            color: var(--cyan-accent);
        }

        @media (max-width: 768px) {
            .testimonial-card {
                width: min(88vw, 340px);
                padding: 28px 22px 20px;
            }
        }

        /* YouTube carousel — full width, two videos per page */
        #videos.section-padding {
            padding-left: 0;
            padding-right: 0;
        }

        #videos > h2 {
            padding-left: 5%;
            padding-right: 5%;
            color: var(--accent-ui);
        }

        #videos {
            overflow-x: hidden;
            max-width: 100%;
        }

        #videos .yt-carousel-wrapper[data-carousel] {
            position: relative;
            max-width: 100%;
            width: 100%;
            margin: 0;
            padding: 0 72px;
            box-sizing: border-box;
            overflow: hidden;
        }

        /* SnapWidget Instagram feed — homepage */
        .instagram-feed-section {
            border-top: 1px solid var(--border-light);
            background: var(--bg-deep);
            text-align: center;
        }

        .instagram-feed-section__header {
            margin-bottom: 28px;
        }

        .instagram-feed-section__label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
            color: var(--accent-ui);
            font-size: 0.75rem;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }

        .instagram-feed-section__label i,
        .instagram-feed-section__label svg {
            width: 16px;
            height: 16px;
        }

        .instagram-feed-section h2 {
            color: var(--accent-ui);
            margin: 0 0 10px;
        }

        .instagram-feed-section__subtitle {
            margin: 0 auto;
            max-width: 36rem;
            color: var(--text-muted);
            line-height: 1.5;
        }

        .instagram-feed-section__embed {
            width: min(1100px, 100%);
            margin: 0 auto;
            min-height: 220px;
        }

        .instagram-feed-section__embed iframe.snapwidget-widget {
            width: 100% !important;
            max-width: 100%;
            display: block;
        }

        .instagram-feed-section__embed behold-widget {
            display: block;
            width: 100%;
            min-height: 200px;
        }

        .yt-carousel-viewport {
            overflow: hidden;
            width: 100%;
            border: none;
            background: transparent;
            padding: 0;
            border-radius: 0;
        }

        .yt-carousel-track {
            display: flex;
            transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
            direction: ltr;
            will-change: transform;
        }

        .yt-carousel-page {
            flex: 0 0 100%;
            min-width: 100%;
            display: flex;
            gap: 20px;
            align-items: stretch;
            box-sizing: border-box;
        }

        .yt-carousel-page--single {
            justify-content: center;
        }

        .yt-carousel-page--single .yt-video-card {
            flex: 0 1 calc(50% - 10px);
        }

        .yt-video-card {
            flex: 1;
            min-width: 0;
            padding: 3px;
            border-radius: 14px;
            background: linear-gradient(135deg, var(--border-blue), rgba(58, 143, 216, 0.15), var(--border-light));
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
            transition: box-shadow 0.4s var(--transition-smooth), transform 0.4s var(--transition-smooth);
        }

        .yt-video-card:hover {
            box-shadow: 0 18px 50px rgba(58, 143, 216, 0.22);
            transform: translateY(-2px);
        }

        .yt-video-card__inner {
            position: relative;
            width: 100%;
            border-radius: 11px;
            overflow: hidden;
            background: #000;
            border: 1px solid rgba(255, 255, 255, 0.06);
        }

        .yt-video-card__inner::before {
            content: '';
            display: block;
            padding-top: 56.25%;
        }

        .yt-embed {
            position: absolute;
            inset: 0;
            z-index: 1;
            cursor: pointer;
        }

        .yt-embed__player {
            display: none;
        }

        .yt-embed__poster {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s var(--transition-smooth), opacity 0.5s ease;
        }

        .yt-embed__overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(
                160deg,
                rgba(2, 2, 5, 0.25) 0%,
                rgba(2, 2, 5, 0.55) 55%,
                rgba(2, 2, 5, 0.82) 100%
            );
            transition: opacity 0.45s ease;
        }

        .yt-embed__play {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 3;
            width: 76px;
            height: 76px;
            padding: 0;
            border: none;
            background: transparent;
            cursor: none;
            pointer-events: none;
        }

        .yt-embed__play-ring {
            position: absolute;
            inset: -10px;
            border-radius: 50%;
            border: 1px solid rgba(58, 143, 216, 0.35);
            background: radial-gradient(circle, rgba(58, 143, 216, 0.12) 0%, transparent 70%);
            animation: yt-play-pulse 2.8s ease-in-out infinite;
        }

        .yt-embed__play-core {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 76px;
            height: 76px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--blue-primary) 0%, var(--cyan-accent) 100%);
            box-shadow:
                0 0 0 1px rgba(255, 255, 255, 0.12),
                0 12px 40px rgba(58, 143, 216, 0.35),
                0 0 60px rgba(58, 143, 216, 0.25);
            transition: transform 0.35s var(--transition-smooth), box-shadow 0.35s var(--transition-smooth);
        }

        .yt-embed__play-core svg {
            width: 28px;
            height: 28px;
            fill: #fff;
            margin-left: 4px;
            filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
        }

        .yt-embed:hover .yt-embed__poster {
            transform: scale(1.04);
        }

        .yt-embed:hover .yt-embed__play-core {
            transform: scale(1.08);
            box-shadow:
                0 0 0 1px rgba(255, 255, 255, 0.2),
                0 16px 50px rgba(58, 143, 216, 0.5),
                0 0 80px rgba(58, 143, 216, 0.4);
        }

        body.yt-lightbox-open {
            overflow: hidden;
        }

        .yt-carousel-wrapper.is-locked {
            pointer-events: none;
            user-select: none;
        }

        .yt-lightbox {
            position: fixed;
            inset: 0;
            z-index: 10050;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        .yt-lightbox.is-open {
            visibility: visible;
            pointer-events: auto;
        }

        .yt-lightbox.is-active {
            opacity: 1;
        }

        .yt-lightbox__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(2, 2, 5, 0.94);
            backdrop-filter: blur(16px);
            opacity: 0;
            transition: opacity 0.45s ease;
        }

        .yt-lightbox.is-active .yt-lightbox__backdrop {
            opacity: 1;
        }

        .yt-lightbox__stage {
            position: relative;
            z-index: 1;
            width: min(92vw, 1100px);
            transform: scale(0.12);
            opacity: 0;
            transition:
                transform 0.55s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.45s ease;
            will-change: transform, opacity;
        }

        .yt-lightbox.is-active .yt-lightbox__stage {
            transform: scale(1);
            opacity: 1;
        }

        .yt-lightbox__frame {
            position: relative;
            padding: 3px;
            border-radius: 16px;
            background: linear-gradient(135deg, var(--cyan-accent), var(--blue-accent), var(--blue-primary));
            box-shadow:
                0 0 0 1px rgba(255, 255, 255, 0.08),
                0 30px 80px rgba(0, 0, 0, 0.65),
                0 0 80px rgba(58, 143, 216, 0.15);
        }

        .yt-lightbox__frame::before {
            content: '';
            display: block;
            padding-top: 56.25%;
        }

        .yt-lightbox__player {
            position: absolute;
            inset: 3px;
            border-radius: 13px;
            overflow: hidden;
            background: #000;
        }

        .yt-lightbox__player iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .yt-lightbox__close {
            position: absolute;
            top: -52px;
            inset-inline-end: 0;
            width: 44px;
            height: 44px;
            padding: 0;
            border: 1px solid var(--border-blue);
            border-radius: 50%;
            background: rgba(2, 2, 5, 0.85);
            color: var(--silver);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: none;
            z-index: 2;
            transition: 0.35s var(--transition-smooth);
        }

        .yt-lightbox__close svg {
            width: 20px;
            height: 20px;
        }

        .yt-lightbox__close:hover {
            border-color: var(--blue-ring);
            color: var(--cyan-accent);
            box-shadow: 0 0 24px var(--cyan-glow);
        }

        @keyframes yt-play-pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.7;
            }
            50% {
                transform: scale(1.12);
                opacity: 1;
            }
        }

        .yt-carousel-wrapper[data-carousel] .yt-slide {
            flex: 0 0 100%;
            max-width: none;
            border: none;
            border-radius: 0;
        }

        .yt-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 1px solid var(--border-blue);
            background: rgba(2, 2, 5, 0.75);
            color: var(--silver);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: none;
            transition: 0.35s var(--transition-smooth);
            backdrop-filter: blur(8px);
        }

        .yt-nav:hover {
            border-color: var(--blue-ring);
            color: var(--cyan-accent);
            box-shadow: 0 0 24px var(--cyan-glow);
        }

        .yt-nav svg {
            width: 24px;
            height: 24px;
        }

        .yt-nav-prev {
            left: 0;
        }

        .yt-nav-next {
            right: 0;
        }

        @media (max-width: 1024px) {
            .about-split {
                grid-template-columns: 1fr;
            }

            .about-split__media {
                min-height: 45vh;
                order: -1;
            }
        }

        @media (max-width: 768px) {
            .yt-carousel-wrapper[data-carousel] {
                padding: 0 44px;
            }

            #videos .yt-carousel-wrapper[data-carousel] {
                padding: 0 44px;
            }

            .yt-carousel-page {
                flex-direction: column;
                gap: 14px;
            }

            .yt-carousel-page--single .yt-video-card {
                flex: 1 1 auto;
                width: 100%;
            }

            .yt-nav {
                width: 40px;
                height: 40px;
            }

            .yt-lightbox {
                padding: 16px;
            }

            .yt-lightbox__stage {
                width: 100%;
            }

            .yt-lightbox__close {
                top: -48px;
            }
        }

        /* Skip link */
        .skip-link {
            position: fixed;
            top: 12px;
            right: 12px;
            z-index: 10050;
            padding: 12px 20px;
            border-radius: 8px;
            background: var(--cyan-accent);
            color: var(--bg-charcoal);
            font-weight: 600;
            text-decoration: none;
            transform: translateY(-140%);
            transition: transform 0.25s var(--transition-smooth);
        }

        .skip-link:focus {
            transform: translateY(0);
            outline: 3px solid #fff;
            outline-offset: 2px;
        }

        /* Accessibility widget */
        .a11y-widget {
            position: fixed;
            left: 20px;
            bottom: 20px;
            z-index: 10020;
        }

        .a11y-widget__toggle {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            border: 1px solid var(--border-blue);
            background: linear-gradient(160deg, rgba(10, 18, 32, 0.98) 0%, rgba(2, 2, 5, 0.98) 100%);
            color: var(--cyan-accent);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
            cursor: none;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
        }

        .a11y-widget__toggle:hover,
        .a11y-widget__toggle:focus-visible {
            border-color: var(--blue-ring);
            box-shadow: 0 0 24px var(--cyan-glow);
            transform: scale(1.05);
        }

        .a11y-widget__icon {
            width: 28px;
            height: 28px;
        }

        .a11y-widget__panel {
            position: absolute;
            left: 0;
            bottom: calc(100% + 12px);
            width: min(300px, calc(100% - 40px));
            padding: 20px;
            border-radius: 16px;
            border: 1px solid var(--border-light);
            background: linear-gradient(160deg, rgba(10, 18, 32, 0.98) 0%, rgba(2, 2, 5, 0.99) 100%);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
            opacity: 0;
            transform: translateY(12px) scale(0.96);
            transition: opacity 0.28s var(--transition-smooth), transform 0.28s var(--transition-smooth);
            pointer-events: none;
        }

        .a11y-widget.is-open .a11y-widget__panel {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        .a11y-widget__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid var(--border-light);
        }

        .a11y-widget__title {
            font-size: 1.1rem;
            margin: 0;
            color: var(--silver);
        }

        .a11y-widget__close {
            width: 36px;
            height: 36px;
            border: 1px solid var(--border-light);
            border-radius: 8px;
            background: transparent;
            color: var(--text-muted);
            cursor: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .a11y-widget__close svg {
            width: 18px;
            height: 18px;
        }

        .a11y-widget__close:hover {
            border-color: var(--blue-ring);
            color: var(--cyan-accent);
        }

        .a11y-widget__actions {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .a11y-widget__btn {
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            padding: 10px 14px;
            border: 1px solid var(--border-light);
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.03);
            color: var(--text-main);
            font-family: var(--font-hebrew);
            font-size: 0.95rem;
            text-align: right;
            cursor: none;
            transition: border-color 0.25s, background 0.25s;
        }

        .a11y-widget__btn span:first-child {
            width: 28px;
            flex-shrink: 0;
            text-align: center;
            font-weight: 700;
            color: var(--cyan-accent);
        }

        .a11y-widget__btn:hover,
        .a11y-widget__btn[aria-pressed="true"] {
            border-color: var(--blue-ring);
            background: rgba(58, 143, 216, 0.08);
        }

        .a11y-widget__btn--reset {
            margin-top: 4px;
            color: var(--text-muted);
        }

        /* Cookie banner */
        .cookie-banner {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10030;
            padding: 16px 5%;
            background: linear-gradient(180deg, transparent 0%, rgba(2, 2, 5, 0.85) 20%, rgba(2, 2, 5, 0.98) 100%);
            transform: translateY(100%);
            transition: transform 0.35s var(--transition-smooth);
        }

        .cookie-banner.is-visible {
            transform: translateY(0);
        }

        body.cookie-banner-visible .a11y-widget {
            bottom: 100px;
        }

        .cookie-banner__inner {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px 24px;
            border-radius: 14px;
            border: 1px solid var(--border-light);
            background: linear-gradient(160deg, rgba(10, 18, 32, 0.98) 0%, rgba(2, 2, 5, 0.99) 100%);
            box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.4);
        }

        .cookie-banner__text {
            flex: 1 1 280px;
        }

        .cookie-banner__title {
            font-size: 1rem;
            font-weight: 600;
            color: var(--silver);
            margin: 0 0 8px;
        }

        .cookie-banner__desc {
            margin: 0;
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.65;
        }

        .cookie-banner__actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 16px;
            flex-shrink: 0;
        }

        .cookie-banner__accept {
            min-width: 120px;
            cursor: none;
        }

        /* Footer legal links */
        footer .footer-legal {
            position: static;
            top: auto;
            left: auto;
            right: auto;
            width: auto;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 12px 16px;
            margin-bottom: 20px;
            z-index: auto;
            background: transparent;
            direction: rtl;
            pointer-events: auto;
        }

        .footer-legal__link {
            font-size: 0.85rem;
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-legal__link:hover {
            color: var(--cyan-accent);
        }

        .footer-legal__sep {
            color: var(--border-light);
            font-size: 0.75rem;
        }

        /* Legal / accessibility page */
        .legal-page {
            padding-top: 0;
        }

        .legal-content {
            max-width: 780px;
            margin: 0 auto;
        }

        .legal-page section.legal-section {
            background: transparent !important;
        }

        .legal-section {
            margin-bottom: 48px;
            padding-bottom: 40px;
            border-bottom: 1px solid var(--border-light);
        }

        .legal-section:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .legal-section h2 {
            font-size: 1.35rem;
            text-align: right;
            margin-bottom: 20px;
            color: var(--silver);
            text-transform: none;
            letter-spacing: 0.02em;
        }

        .legal-section p {
            margin-bottom: 16px;
            color: var(--text-muted);
            line-height: 1.8;
        }

        .legal-list {
            margin: 0 0 16px;
            padding-right: 1.25rem;
            color: var(--text-muted);
            line-height: 1.85;
        }

        .legal-list li {
            margin-bottom: 8px;
        }

        .legal-contact a {
            color: var(--accent-ui);
            text-decoration: none;
        }

        .legal-contact a:hover {
            color: var(--cyan-accent);
        }

        .legal-updated {
            font-size: 0.85rem;
            color: #556;
            margin-top: 24px;
        }

        /* Accessibility modes */
        html.a11y-font-1 {
            font-size: 106.25%;
        }

        html.a11y-font-2 {
            font-size: 112.5%;
        }

        html.a11y-font-3 {
            font-size: 125%;
        }

        html.a11y-high-contrast {
            --bg-charcoal: #000000;
            --bg-deep: #0a0a0a;
            --text-main: #ffffff;
            --text-muted: #e0e0e0;
            --silver: #ffffff;
            --border-light: rgba(255, 255, 255, 0.35);
            --border-blue: rgba(255, 255, 255, 0.5);
            --cyan-accent: #00D4FF;
            --blue-light: #6bb5e8;
        }

        html.a11y-high-contrast .testimonial-card,
        html.a11y-high-contrast .a11y-widget__panel,
        html.a11y-high-contrast .cookie-banner__inner {
            border-color: rgba(255, 255, 255, 0.4);
        }

        html.a11y-highlight-links main a,
        html.a11y-highlight-links footer a,
        html.a11y-highlight-links .legal-content a {
            text-decoration: underline !important;
            text-underline-offset: 3px;
            outline: 2px dashed var(--cyan-accent);
            outline-offset: 2px;
        }

        html.a11y-readable-font body,
        html.a11y-readable-font button,
        html.a11y-readable-font input,
        html.a11y-readable-font textarea,
        html.a11y-readable-font select {
            font-family: Arial, Helvetica, sans-serif !important;
        }

        html.a11y-readable-font .fullscreen-menu,
        html.a11y-readable-font .fullscreen-menu a,
        html.a11y-readable-font nav#navbar,
        html.a11y-readable-font nav#navbar .nav-logo-img {
            font-family: var(--font-hebrew) !important;
        }

        html.a11y-reduce-motion *,
        html.a11y-reduce-motion *::before,
        html.a11y-reduce-motion *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }

        @media (max-width: 768px) {
            .a11y-widget {
                left: 12px;
                bottom: 12px;
            }

            .cookie-banner__inner {
                flex-direction: column;
                align-items: stretch;
                text-align: center;
            }

            .cookie-banner__actions {
                justify-content: center;
            }

            .a11y-widget.is-open {
                bottom: 90px;
            }
        }

        /* Page transitions */
        .page-transition {
            position: fixed;
            inset: 0;
            z-index: 20000;
            pointer-events: none;
            visibility: hidden;
        }

        .page-transition.is-active {
            visibility: visible;
        }

        .page-transition.is-playing {
            pointer-events: auto;
        }

        .page-transition__curtain {
            position: absolute;
            inset: 0;
            background: linear-gradient(165deg, #0a2d5c 0%, #1a53b1 45%, #2a6db5 100%);
            transform: translateY(-100%);
        }

        .page-transition__logo {
            position: absolute;
            left: 50%;
            top: 46%;
            transform: translate(-50%, -50%) scale(0.82);
            font-family: var(--font-en-display);
            font-size: clamp(3rem, 12vw, 6.5rem);
            font-weight: 700;
            letter-spacing: 0.35em;
            color: #fff;
            text-shadow: 0 0 60px rgba(58, 143, 216, 0.45);
            opacity: 0;
        }

        .page-transition.is-playing .page-transition__curtain {
            animation: page-curtain-in 0.75s var(--transition-smooth) forwards;
        }

        .page-transition.is-playing .page-transition__logo {
            animation: page-logo-in 0.9s var(--transition-smooth) 0.35s forwards,
                page-logo-out 0.55s var(--transition-smooth) 1.35s forwards;
        }

        .page-transition.is-entering.is-exiting .page-transition__curtain {
            animation: page-curtain-out 0.85s var(--transition-smooth) forwards;
        }

        body.page-transition-pending,
        body.page-transitioning {
            overflow: hidden;
        }

        body.page-transitioning .fullscreen-menu:not(.active) {
            display: none !important;
        }

        @keyframes page-curtain-in {
            from {
                transform: translateY(-100%);
            }
            to {
                transform: translateY(0);
            }
        }

        @keyframes page-curtain-out {
            from {
                transform: translateY(0);
            }
            to {
                transform: translateY(100%);
            }
        }

        @keyframes page-logo-in {
            0% {
                opacity: 0;
                transform: translate(-50%, -40%) scale(0.82);
            }
            100% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
        }

        @keyframes page-logo-out {
            from {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
            to {
                opacity: 0;
                transform: translate(-50%, -58%) scale(1.04);
            }
        }

        /* Save the DJ — floating contact CTA + note popup */
        .save-dj-fab {
            position: fixed;
            left: 20px;
            bottom: 88px;
            z-index: 10021;
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 0;
            width: 56px;
            height: 56px;
            padding: 0;
            border: none;
            border-radius: 999px;
            background: #00d4ff;
            color: #020205;
            font-family: var(--font-hebrew);
            font-size: 0.92rem;
            font-weight: 800;
            letter-spacing: 0.02em;
            box-shadow: 0 8px 28px rgba(58, 143, 216, 0.5), 0 4px 12px rgba(0, 0, 0, 0.35);
            cursor: pointer;
            overflow: hidden;
            transition: width 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s, transform 0.35s;
        }

        .save-dj-fab__pulse {
            position: absolute;
            inset: 0;
            border-radius: 999px;
            border: 2px solid rgba(58, 143, 216, 0.85);
            animation: save-dj-fab-pulse 1.8s ease-out infinite;
            pointer-events: none;
        }

        .save-dj-fab__icon {
            flex-shrink: 0;
            width: 56px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1;
        }

        .save-dj-fab__icon svg {
            display: block;
        }

        .save-dj-fab__text {
            position: relative;
            z-index: 1;
            white-space: nowrap;
            max-width: 0;
            opacity: 0;
            overflow: hidden;
            padding-right: 0;
            transition: max-width 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, padding-right 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .save-dj-fab:hover,
        .save-dj-fab:focus-visible {
            width: 152px;
            box-shadow: 0 12px 40px rgba(58, 143, 216, 0.55), 0 6px 16px rgba(0, 0, 0, 0.4);
            transform: translateY(-2px);
            outline: none;
        }

        .save-dj-fab:hover .save-dj-fab__text,
        .save-dj-fab:focus-visible .save-dj-fab__text {
            max-width: 96px;
            opacity: 1;
            padding-right: 18px;
        }

        body.menu-open .save-dj-fab,
        body.save-dj-modal-open .save-dj-fab {
            opacity: 0;
            pointer-events: none;
            transform: translateY(12px);
        }

        @keyframes save-dj-fab-pulse {
            0% {
                transform: scale(1);
                opacity: 0.75;
            }
            55% {
                transform: scale(1.45);
                opacity: 0;
            }
            100% {
                transform: scale(1.45);
                opacity: 0;
            }
        }

        .save-dj-modal {
            position: fixed;
            inset: 0;
            z-index: 10350;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.25rem;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.35s var(--transition-smooth), visibility 0.35s;
        }

        .save-dj-modal.is-open {
            opacity: 1;
            visibility: visible;
        }

        .save-dj-modal__backdrop {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.35), transparent 45%),
                linear-gradient(145deg, #00D4FF 0%, #00b8e6 55%, #00a3cc 100%);
        }

        .save-dj-modal__stage {
            position: relative;
            z-index: 1;
            width: min(100%, 440px);
            perspective: 900px;
        }

        .save-dj-note {
            position: relative;
            background: #fffef5;
            color: #1a2233;
            border-radius: 4px 4px 12px 12px;
            padding: 2rem 1.75rem 1.75rem;
            box-shadow:
                0 2px 0 #e8e4d4,
                0 18px 50px rgba(0, 40, 60, 0.35),
                0 4px 12px rgba(0, 0, 0, 0.15);
            transform: rotate(-6deg) scale(0.2);
            opacity: 0;
            transform-origin: 50% 42%;
            will-change: transform, opacity;
            background-image:
                repeating-linear-gradient(
                    transparent,
                    transparent 27px,
                    rgba(0, 180, 220, 0.12) 27px,
                    rgba(0, 180, 220, 0.12) 28px
                );
        }

        .save-dj-modal.is-open .save-dj-note {
            animation: save-dj-note-snap-in 0.52s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
        }

        @keyframes save-dj-note-snap-in {
            0% {
                transform: rotate(-7deg) scale(0.18);
                opacity: 0;
            }
            55% {
                transform: rotate(0.5deg) scale(1.05);
                opacity: 1;
            }
            72% {
                transform: rotate(-1.8deg) scale(0.96);
            }
            100% {
                transform: rotate(-1deg) scale(1);
                opacity: 1;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .save-dj-modal.is-open .save-dj-note {
                animation: none;
                transform: rotate(-1deg) scale(1);
                opacity: 1;
            }
        }

        .save-dj-note__pin {
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: radial-gradient(circle at 35% 30%, #ff6b6b, #c0392b);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
        }

        .save-dj-note__pin::after {
            content: '';
            position: absolute;
            inset: 5px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.35);
        }

        .save-dj-note__close {
            position: absolute;
            top: 12px;
            left: 12px;
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 50%;
            background: rgba(0, 40, 60, 0.08);
            color: #1a2233;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.25s, transform 0.25s;
        }

        .save-dj-note__close svg {
            width: 18px;
            height: 18px;
        }

        .save-dj-note__close:hover {
            background: rgba(0, 40, 60, 0.14);
            transform: rotate(90deg);
        }

        .save-dj-note__header {
            text-align: center;
            margin-bottom: 1.25rem;
            padding-top: 0.5rem;
        }

        .save-dj-note__label {
            font-family: var(--font-en-display);
            font-size: 0.72rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: #00b8e6;
            font-weight: 700;
            margin-bottom: 0.35rem;
        }

        .save-dj-note__title {
            font-family: var(--font-en-display);
            font-size: clamp(1.6rem, 5vw, 2rem);
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #0a2d5c;
            margin: 0 0 0.5rem;
        }

        .save-dj-note__subtitle {
            font-family: var(--font-hebrew);
            font-size: 0.95rem;
            color: #4a5a70;
            line-height: 1.5;
            margin: 0;
        }

        .save-dj-note__form {
            display: grid;
            gap: 14px;
        }

        .save-dj-note__field label,
        .save-dj-note__field legend {
            display: block;
            font-family: var(--font-hebrew);
            font-size: 0.78rem;
            font-weight: 600;
            color: #3a4a60;
            margin-bottom: 6px;
        }

        .save-dj-note__field legend {
            padding: 0;
        }

        .save-dj-note__field input[type="text"],
        .save-dj-note__field input[type="tel"],
        .save-dj-note__field input[type="date"] {
            width: 100%;
            padding: 11px 14px;
            border: 2px solid rgba(0, 153, 187, 0.25);
            border-radius: 8px;
            background: #ffffff;
            font-family: var(--font-hebrew);
            font-size: 1rem;
            font-weight: 600;
            color: #000000;
            outline: none;
            transition: border-color 0.25s, box-shadow 0.25s;
        }

        .save-dj-note__field input::placeholder {
            color: rgba(0, 0, 0, 0.45);
            font-weight: 600;
        }

        .save-dj-note__field input:focus {
            border-color: #00d4ff;
            box-shadow: 0 0 0 3px rgba(58, 143, 216, 0.25);
        }

        .save-dj-note__field--type {
            border: none;
            padding: 0;
            margin: 0;
        }

        .save-dj-note__types {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .save-dj-note__type {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 11px 10px;
            border: 2px solid rgba(0, 153, 187, 0.25);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.75);
            cursor: pointer;
            transition: border-color 0.25s, background 0.25s;
        }

        .save-dj-note__type input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .save-dj-note__type span {
            font-family: var(--font-hebrew);
            font-size: 0.92rem;
            font-weight: 600;
            color: #000000;
        }

        .save-dj-note__type:has(input:checked) {
            border-color: #0a2d5c;
            background: rgba(58, 143, 216, 0.2);
        }

        .save-dj-note__submit {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            margin-top: 6px;
            padding: 15px 20px;
            border: none;
            border-radius: 999px;
            background: linear-gradient(135deg, #0a2d5c 0%, #1a53b1 50%, #0a2d5c 100%);
            background-size: 200% 100%;
            color: #fff;
            font-family: var(--font-hebrew);
            font-size: 1rem;
            font-weight: 700;
            cursor: pointer;
            box-shadow: 0 8px 24px rgba(10, 45, 92, 0.35);
            transition: transform 0.25s, box-shadow 0.25s, background-position 0.4s;
        }

        .save-dj-note__submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(10, 45, 92, 0.45);
            background-position: 100% 0;
        }

        .save-dj-note__submit:disabled {
            opacity: 0.65;
            cursor: wait;
            transform: none;
        }

        .save-dj-note__submit-arrow {
            font-size: 1.25rem;
            transition: transform 0.25s;
        }

        .save-dj-note__submit:hover .save-dj-note__submit-arrow {
            transform: translateX(-4px);
        }

        .save-dj-note__msg {
            min-height: 1.2rem;
            text-align: center;
            font-size: 0.88rem;
            margin: 0;
            font-family: var(--font-hebrew);
        }

        .save-dj-note__msg.is-error {
            color: #c0392b;
        }

        .save-dj-note__msg.is-success {
            color: #1a7a4a;
        }

        body.save-dj-modal-open {
            overflow: hidden;
        }

        @media (max-width: 768px) {
            html,
            body,
            html.lenis,
            html.lenis body {
                overflow-x: hidden !important;
                max-width: 100% !important;
                overscroll-behavior-x: none;
            }

            #hero,
            .hero-video-bg,
            .marquee-wrapper,
            .sig-marquee,
            .testimonials-section,
            .signature-section,
            .particles-container {
                overflow-x: hidden;
                max-width: 100%;
            }

            /* Do not set overflow on main/#main-content — it breaks sticky DJ cards */

            .section-padding {
                padding-left: max(16px, 5%);
                padding-right: max(16px, 5%);
            }

            #booking::before,
            #contact::before {
                width: min(500px, 100%);
                max-width: 100%;
            }

            .marquee-wrapper::before,
            .marquee-wrapper::after {
                width: 64px;
            }

            .save-dj-fab {
                left: 14px;
                bottom: 82px;
                width: 52px;
                height: 52px;
                font-size: 0.88rem;
            }

            .save-dj-fab__icon {
                width: 52px;
                height: 52px;
            }

            .save-dj-fab:hover,
            .save-dj-fab:focus-visible {
                width: 140px;
            }

            .save-dj-fab:hover .save-dj-fab__text,
            .save-dj-fab:focus-visible .save-dj-fab__text {
                max-width: 88px;
                padding-right: 14px;
            }

            .save-dj-note {
                width: min(100%, calc(100% - 24px));
                max-width: calc(100% - 24px);
                margin-inline: 12px;
                padding: 1.75rem 1.25rem 1.5rem;
            }

            .save-dj-note__types {
                grid-template-columns: 1fr;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .save-dj-fab,
            .save-dj-fab__pulse {
                animation: none;
            }

            .save-dj-note {
                transition: none;
            }
        }

        /* Floating WhatsApp — site contact phone */
        .wa-fab {
            position: fixed;
            right: 20px;
            bottom: 24px;
            z-index: 10021;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #25d366;
            color: #fff;
            text-decoration: none;
            box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45), 0 4px 12px rgba(0, 0, 0, 0.35);
            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.25s ease;
        }

        .wa-fab:hover,
        .wa-fab:focus-visible {
            transform: translateY(-3px) scale(1.04);
            box-shadow: 0 12px 36px rgba(37, 211, 102, 0.55), 0 6px 16px rgba(0, 0, 0, 0.4);
            outline: none;
        }

        .wa-fab__icon {
            width: 28px;
            height: 28px;
            display: block;
            position: relative;
            z-index: 1;
        }

        .wa-fab__pulse {
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 2px solid rgba(37, 211, 102, 0.7);
            animation: wa-fab-pulse 1.8s ease-out infinite;
            pointer-events: none;
        }

        @keyframes wa-fab-pulse {
            0% {
                transform: scale(1);
                opacity: 0.7;
            }
            55% {
                transform: scale(1.45);
                opacity: 0;
            }
            100% {
                transform: scale(1.45);
                opacity: 0;
            }
        }

        body.menu-open .wa-fab,
        body.save-dj-modal-open .wa-fab {
            opacity: 0;
            pointer-events: none;
            transform: translateY(12px);
        }

        body.cookie-banner-visible .wa-fab {
            bottom: 110px;
        }

        @media (max-width: 768px) {
            .wa-fab {
                right: 14px;
                bottom: 18px;
                width: 52px;
                height: 52px;
            }

            .wa-fab__icon {
                width: 26px;
                height: 26px;
            }

            body.cookie-banner-visible .wa-fab {
                bottom: 120px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .wa-fab,
            .wa-fab__pulse {
                animation: none;
            }
        }

        /* תוכן מעורך CMS */
        .cms-rich-text p {
            margin-bottom: 1em;
        }

        .cms-rich-text ul,
        .cms-rich-text ol {
            margin: 0.5em 0 1em;
            padding-inline-start: 1.4em;
        }

        .cms-rich-text a {
            color: var(--accent-ui);
            text-decoration: underline;
        }

        .cms-rich-text img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 1.25em auto;
            border-radius: 10px;
        }

        .about-page-body__content {
            max-width: 820px;
            margin: 0 auto;
        }

        /* 404 */
        .error-404__section {
            text-align: center;
            max-width: 640px;
            margin: 0 auto;
            padding-block: clamp(4rem, 12vh, 7rem);
        }

        .error-404__code {
            font-family: Orbitron, Exo 2, sans-serif;
            font-size: clamp(3.5rem, 12vw, 6rem);
            font-weight: 700;
            letter-spacing: 0.08em;
            color: rgba(240, 244, 255, 0.18);
            margin: 0 0 0.4rem;
            line-height: 1;
        }

        .error-404__title {
            font-size: clamp(1.6rem, 4vw, 2.4rem);
            margin: 0 0 0.75rem;
        }

        .error-404__lead {
            color: rgba(240, 244, 255, 0.72);
            margin: 0 0 1.75rem;
        }

        .error-404__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            justify-content: center;
            margin: 0;
        }

        /* Blog */
        .blog-hero__lead {
            max-width: 36rem;
            color: rgba(240, 244, 255, 0.75);
        }

        .blog-list__grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: 1.25rem;
        }

        .blog-list__empty {
            text-align: center;
            color: rgba(240, 244, 255, 0.7);
        }

        .blog-card {
            border: 1px solid rgba(240, 244, 255, 0.12);
            background: linear-gradient(160deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
        }

        .blog-card__link {
            display: block;
            padding: 1.25rem 1.35rem;
            color: inherit;
            text-decoration: none;
            height: 100%;
        }

        .blog-card__date {
            display: block;
            font-size: 0.8rem;
            opacity: 0.55;
            margin-bottom: 0.55rem;
        }

        .blog-card__title {
            font-size: 1.2rem;
            margin: 0 0 0.55rem;
            line-height: 1.35;
        }

        .blog-card__excerpt {
            margin: 0 0 0.9rem;
            color: rgba(240, 244, 255, 0.72);
            font-size: 0.95rem;
            line-height: 1.55;
        }

        .blog-card__more {
            font-size: 0.85rem;
            opacity: 0.8;
        }

        .blog-article__hero {
            padding-bottom: 1rem;
        }

        .blog-article__meta {
            opacity: 0.6;
            margin: 0.5rem 0 0;
        }

        .blog-article__body {
            max-width: 820px;
            margin: 0 auto;
            padding-top: 0.5rem;
        }

        .blog-article__back {
            max-width: 820px;
            margin: 0 auto;
            padding-top: 0;
        }