/* KCGoto.com main stylesheet. Auto-extracted from index.html for WordPress enqueue. */

:root {
    --bg-deep: #07101F;
    --bg-mid: #0E1B33;
    --bg-soft: #16264A;
    --bg-card: #14223F;
    --bg-card-hover: #1A2C50;
    --kc-red: #C8102E;
    --kc-red-bright: #E51B33;
    --kc-blue: #0044A4;
    --kc-blue-bright: #1E6FE0;
    --kc-gold: #FFB81C;
    --kc-gold-soft: #FFD56B;
    --kc-silver: #C8D1D9;
    --kc-ice: #8FD8F2;
    --cream: #F5F1E8;
    --text: #ECEFF5;
    --text-muted: #98A4BA;
    --text-dim: #6C7A92;
    --border: rgba(200, 209, 217, 0.12);
    --border-bright: rgba(255, 184, 28, 0.35);
    --shadow-card: 0 20px 50px rgba(0,0,0,0.45);
    --shadow-glow-red: 0 0 40px rgba(200, 16, 46, 0.35);
    --shadow-glow-blue: 0 0 40px rgba(0, 68, 164, 0.45);
  }

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

  html { scroll-behavior: smooth; }

  body {
    background: var(--bg-deep);
    color: var(--text);
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    overflow-x: hidden;
    background-image:
      radial-gradient(circle at 15% 10%, rgba(200, 16, 46, 0.08), transparent 40%),
      radial-gradient(circle at 85% 20%, rgba(0, 68, 164, 0.10), transparent 45%),
      radial-gradient(circle at 50% 80%, rgba(255, 184, 28, 0.04), transparent 50%);
  }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
    opacity: 0.5;
    pointer-events: none;
    z-index: 1;
  }

  /* TYPOGRAPHY */
  .display-sports {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.04em;
    line-height: 0.95;
    text-transform: uppercase;
  }
  .display-lifestyle {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
  }
  .display-stadium {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }

  h1, h2, h3, h4 { color: var(--text); }

  /* LAYOUT */
  .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
  }

  /* TOP UTILITY BAR */
  .utility-bar {
    background: #050A14;
    border-bottom: 1px solid var(--border);
    font-size: 12px;
    letter-spacing: 0.06em;
    padding: 8px 0;
    position: relative;
    z-index: 5;
  }
  .utility-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  .utility-left, .utility-right {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
  }
  .utility-bar a {
    color: var(--text-muted);
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    transition: color 0.2s;
  }
  .utility-bar a:hover { color: var(--kc-gold); }
  .utility-bar .separator { color: var(--text-dim); }
  .utility-bar .zone-badge-red { color: var(--kc-red-bright); }
  .utility-bar .zone-badge-blue { color: var(--kc-blue-bright); }

  /* HEADER */
  .site-header {
    background: linear-gradient(180deg, rgba(7, 16, 31, 0.95), rgba(7, 16, 31, 0.85));
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 14px 0;
  }
  .header-grid {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 40px;
  }
  .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
  }
  .brand img {
    height: 64px;
    width: auto;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5));
  }
  .brand-tag {
    font-family: 'Oswald', sans-serif;
    font-size: 10px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-top: 2px;
  }

  .main-nav {
    display: flex;
    justify-content: center;
    gap: 4px;
  }
  .main-nav a {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    color: var(--text);
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 4px;
    position: relative;
    transition: color 0.2s;
  }
  .main-nav a:hover { color: var(--kc-gold); }
  .main-nav a::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--kc-gold);
    transition: width 0.25s, left 0.25s;
  }
  .main-nav a:hover::after { width: 60%; left: 20%; }

  .header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .btn {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
    font-size: 13px;
    padding: 11px 22px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: transform 0.15s, box-shadow 0.2s, background 0.2s;
  }
  .btn:hover { transform: translateY(-2px); }
  .btn-primary {
    background: var(--kc-red);
    color: #fff;
    box-shadow: var(--shadow-glow-red);
  }
  .btn-primary:hover { background: var(--kc-red-bright); }
  .btn-blue {
    background: var(--kc-blue);
    color: #fff;
    box-shadow: var(--shadow-glow-blue);
  }
  .btn-blue:hover { background: var(--kc-blue-bright); }
  .btn-gold {
    background: var(--kc-gold);
    color: #0A1428;
  }
  .btn-gold:hover { background: var(--kc-gold-soft); }
  .btn-ghost {
    background: transparent;
    color: var(--text);
    border: 1px solid var(--border);
  }
  .btn-ghost:hover { border-color: var(--kc-gold); color: var(--kc-gold); }

  .mobile-toggle {
    display: none;
    background: none;
    border: 1px solid var(--border);
    color: var(--text);
    padding: 10px 14px;
    border-radius: 4px;
    cursor: pointer;
  }

  /* HERO */
  .hero {
    position: relative;
    padding: 110px 0 120px;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
  }
  .hero-skyline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 240px;
    opacity: 0.18;
    pointer-events: none;
  }
  .hero-glow {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px;
    height: 600px;
    background: radial-gradient(ellipse, rgba(255, 184, 28, 0.20) 0%, transparent 60%);
    pointer-events: none;
  }
  .hero-stripes {
    position: absolute;
    top: 0;
    right: -50px;
    width: 320px;
    height: 100%;
    background:
      repeating-linear-gradient(135deg,
        transparent 0,
        transparent 38px,
        rgba(200, 16, 46, 0.05) 38px,
        rgba(200, 16, 46, 0.05) 42px,
        transparent 42px,
        transparent 80px,
        rgba(0, 68, 164, 0.05) 80px,
        rgba(0, 68, 164, 0.05) 84px
      );
    opacity: 0.8;
    pointer-events: none;
  }
  .hero-content {
    position: relative;
    z-index: 3;
    max-width: 900px;
  }
  .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--kc-gold);
    padding: 8px 16px;
    border: 1px solid var(--border-bright);
    border-radius: 999px;
    background: rgba(255, 184, 28, 0.06);
    margin-bottom: 28px;
  }
  .hero-eyebrow .pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--kc-gold);
    box-shadow: 0 0 12px var(--kc-gold);
    animation: pulse 1.8s infinite;
  }
  @keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
  }
  .hero-title {
    font-size: clamp(56px, 9vw, 128px);
    color: #fff;
    margin-bottom: 18px;
  }
  .hero-title .red { color: var(--kc-red-bright); }
  .hero-title .blue { color: var(--kc-blue-bright); }
  .hero-title .gold-underline {
    display: inline-block;
    position: relative;
  }
  .hero-title .gold-underline::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 6px;
    background: linear-gradient(90deg, var(--kc-red), var(--kc-gold), var(--kc-blue));
  }
  .hero-sub {
    font-size: 20px;
    color: var(--text-muted);
    line-height: 1.55;
    max-width: 720px;
    margin-bottom: 36px;
  }
  .hero-sub strong { color: var(--text); font-weight: 600; }
  .hero-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .hero-buttons .btn {
    padding: 16px 28px;
    font-size: 14px;
  }
  .hero-stats {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    padding-top: 28px;
    border-top: 1px solid var(--border);
  }
  .hero-stat .num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 44px;
    line-height: 1;
    background: linear-gradient(135deg, var(--kc-gold) 0%, var(--kc-red-bright) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .hero-stat .label {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--text-muted);
    margin-top: 4px;
  }
  .powered-by {
    position: absolute;
    bottom: 24px;
    right: 32px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--text-dim);
    z-index: 3;
  }
  .powered-by strong { color: var(--kc-gold); font-weight: 600; }

  /* QUICK SEARCH */
  .search-section {
    background: var(--bg-mid);
    padding: 40px 0;
    border-bottom: 1px solid var(--border);
  }
  .search-shell {
    background: linear-gradient(135deg, rgba(20, 34, 63, 0.9), rgba(14, 27, 51, 0.9));
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 30px;
    box-shadow: var(--shadow-card);
  }
  .search-shell h3 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.03em;
    font-size: 28px;
    margin-bottom: 18px;
    color: var(--text);
  }
  .search-shell h3 .accent { color: var(--kc-gold); }
  .search-row {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto auto;
    gap: 10px;
    align-items: stretch;
  }
  .search-input, .search-select {
    background: var(--bg-deep);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 12px 16px;
    border-radius: 4px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
  }
  .search-input:focus, .search-select:focus {
    outline: none;
    border-color: var(--kc-gold);
  }
  .search-chips {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .chip {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 6px 12px;
    background: rgba(200, 209, 217, 0.08);
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s;
  }
  .chip:hover {
    border-color: var(--kc-gold);
    color: var(--kc-gold);
    background: rgba(255, 184, 28, 0.08);
  }

  /* SECTION SHARED */
  section.block { padding: 100px 0; position: relative; }
  section.block:nth-child(odd) { background: var(--bg-deep); }
  section.block:nth-child(even) { background: var(--bg-mid); }

  .section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--border);
    position: relative;
  }
  .section-head::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, var(--kc-red), var(--kc-gold));
  }
  .section-eyebrow {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--kc-gold);
    margin-bottom: 12px;
  }
  .section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
  }
  .section-sub {
    font-size: 16px;
    color: var(--text-muted);
    max-width: 540px;
    margin-top: 12px;
  }
  .section-link {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: var(--kc-gold);
    text-decoration: none;
    border-bottom: 2px solid var(--kc-gold);
    padding-bottom: 4px;
  }
  .section-link:hover { color: #fff; border-color: #fff; }

  /* ZONE CARDS */
  .zone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .zone-card {
    position: relative;
    padding: 60px 40px;
    border-radius: 6px;
    overflow: hidden;
    isolation: isolate;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border);
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .zone-card:hover { transform: translateY(-6px); }
  .zone-816 {
    background:
      linear-gradient(135deg, rgba(200, 16, 46, 0.18), rgba(7, 16, 31, 0.9)),
      linear-gradient(45deg, var(--bg-card), var(--bg-soft));
  }
  .zone-913 {
    background:
      linear-gradient(135deg, rgba(0, 68, 164, 0.28), rgba(7, 16, 31, 0.9)),
      linear-gradient(45deg, var(--bg-card), var(--bg-soft));
  }
  .zone-card::before {
    content: attr(data-area);
    position: absolute;
    top: 20px;
    right: 30px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 200px;
    line-height: 0.85;
    color: rgba(255, 255, 255, 0.04);
    pointer-events: none;
    z-index: 0;
  }
  .zone-card > * { position: relative; z-index: 1; }
  .zone-badge {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 999px;
    width: fit-content;
    margin-bottom: 24px;
  }
  .zone-816 .zone-badge { background: var(--kc-red); color: #fff; }
  .zone-913 .zone-badge { background: var(--kc-blue); color: #fff; }
  .zone-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 72px;
    line-height: 0.9;
    color: #fff;
    margin-bottom: 14px;
  }
  .zone-desc {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 32px;
    max-width: 460px;
  }
  .zone-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .zone-actions .btn {
    padding: 10px 18px;
    font-size: 12px;
  }
  .zone-816 .btn-z {
    background: rgba(200, 16, 46, 0.18);
    border: 1px solid var(--kc-red);
    color: #fff;
  }
  .zone-816 .btn-z:hover { background: var(--kc-red); }
  .zone-913 .btn-z {
    background: rgba(0, 68, 164, 0.22);
    border: 1px solid var(--kc-blue-bright);
    color: #fff;
  }
  .zone-913 .btn-z:hover { background: var(--kc-blue); }

  /* WEEKEND LAYOUT */
  .weekend-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 30px;
  }
  .feature-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    min-height: 560px;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    text-decoration: none;
  }
  .feature-card .img-area {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95)),
      linear-gradient(135deg, #C8102E, #4A0A1A);
    z-index: 0;
  }
  .feature-card .img-area.crown-park {
    background: linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95)),
      linear-gradient(135deg, #C8102E 0%, #FFB81C 60%, #14223F 100%);
  }
  .feature-card .img-area svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.4;
  }
  .feature-card .content {
    position: relative;
    z-index: 2;
    padding: 36px;
  }
  .feature-badge {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    background: var(--kc-red);
    padding: 6px 14px;
    border-radius: 3px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.16em;
    margin-bottom: 16px;
  }
  .feature-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 48px;
    line-height: 1;
    margin-bottom: 14px;
  }
  .feature-meta {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12em;
    color: var(--kc-gold);
    margin-bottom: 8px;
  }

  .weekend-side {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 16px;
  }
  .mini-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 20px 22px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
    text-decoration: none;
    color: var(--text);
    transition: background 0.2s, border-color 0.2s;
  }
  .mini-card:hover {
    background: var(--bg-card-hover);
    border-color: var(--kc-gold);
  }
  .date-block {
    font-family: 'Bebas Neue', sans-serif;
    text-align: center;
    width: 60px;
  }
  .date-block .day {
    font-size: 38px;
    line-height: 0.9;
    color: var(--kc-gold);
  }
  .date-block .mo {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.18em;
    color: var(--text-muted);
  }
  .mini-card .info h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
  }
  .mini-card .info p {
    font-size: 13px;
    color: var(--text-muted);
  }
  .area-tag {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 600;
  }
  .area-tag.r816 { background: rgba(200, 16, 46, 0.18); color: #FF6B7A; }
  .area-tag.r913 { background: rgba(0, 68, 164, 0.28); color: var(--kc-ice); }

  /* EATS GRID */
  .eats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .eats-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    color: var(--text);
    transition: transform 0.25s, box-shadow 0.25s;
    display: flex;
    flex-direction: column;
  }
  .eats-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-card);
  }
  .eats-img {
    height: 220px;
    position: relative;
    overflow: hidden;
  }
  .eats-img svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .eats-img .label {
    position: absolute;
    top: 14px;
    left: 14px;
    font-family: 'Oswald', sans-serif;
    background: rgba(7, 16, 31, 0.85);
    backdrop-filter: blur(8px);
    color: var(--kc-gold);
    padding: 6px 12px;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
  }
  .eats-body {
    padding: 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .eats-body h4 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
  }
  .eats-body p {
    color: var(--text-muted);
    font-size: 14px;
    flex: 1;
  }
  .eats-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
  }
  .eats-cta {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12em;
    color: var(--kc-gold);
  }

  /* SPORTS HUB */
  .sports-lanes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .lane {
    border-radius: 6px;
    padding: 36px 28px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--border);
    min-height: 460px;
    display: flex;
    flex-direction: column;
  }
  .lane-red {
    background: linear-gradient(160deg, rgba(200, 16, 46, 0.25), rgba(20, 34, 63, 0.95)), var(--bg-card);
  }
  .lane-blue {
    background: linear-gradient(160deg, rgba(0, 68, 164, 0.35), rgba(20, 34, 63, 0.95)), var(--bg-card);
  }
  .lane-ice {
    background: linear-gradient(160deg, rgba(143, 216, 242, 0.18), rgba(20, 34, 63, 0.95)), var(--bg-card);
  }
  .lane::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
  }
  .lane-red::before { background: linear-gradient(90deg, var(--kc-red), var(--kc-gold)); }
  .lane-blue::before { background: linear-gradient(90deg, var(--kc-blue), var(--kc-blue-bright)); }
  .lane-ice::before { background: linear-gradient(90deg, var(--kc-silver), var(--kc-ice)); }

  .lane-eyebrow {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.25em;
    margin-bottom: 14px;
  }
  .lane-red .lane-eyebrow { color: var(--kc-red-bright); }
  .lane-blue .lane-eyebrow { color: var(--kc-blue-bright); }
  .lane-ice .lane-eyebrow { color: var(--kc-ice); }

  .lane-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 52px;
    line-height: 0.9;
    color: #fff;
    margin-bottom: 20px;
  }
  .lane ul {
    list-style: none;
    margin: 0 0 24px 0;
    flex: 1;
  }
  .lane ul li {
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-muted);
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .lane ul li:last-child { border-bottom: none; }
  .lane ul li .arrow {
    color: var(--kc-gold);
    transition: transform 0.2s;
  }
  .lane ul li:hover .arrow { transform: translateX(4px); }

  /* DEALS */
  .deals-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
  }
  .deal-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 28px 24px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .deal-card:hover {
    border-color: var(--kc-gold);
    transform: translateY(-4px);
  }
  .deal-card::after {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, var(--kc-gold) 0%, transparent 70%);
    opacity: 0.12;
  }
  .deal-percent {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    line-height: 0.9;
    color: var(--kc-gold);
  }
  .deal-percent span { font-size: 28px; color: var(--text-muted); }
  .deal-card h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 16px;
  }
  .deal-card p { color: var(--text-muted); font-size: 13px; }
  .deal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--border);
  }
  .deal-expires {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-dim);
  }

  /* PROS GRID */
  .pros-shell {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
  }
  .pros-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  .pro-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 22px 20px;
    text-decoration: none;
    color: var(--text);
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
  }
  .pro-card:hover {
    border-color: var(--kc-gold);
    background: var(--bg-card-hover);
    transform: translateY(-2px);
  }
  .pro-icon {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background: rgba(255, 184, 28, 0.12);
    display: grid;
    place-items: center;
    color: var(--kc-gold);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22px;
  }
  .pro-card h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.04em;
  }
  .pro-card .count {
    font-size: 12px;
    color: var(--text-dim);
  }
  .lead-cta {
    background: linear-gradient(135deg, var(--kc-blue), var(--kc-red));
    border-radius: 8px;
    padding: 40px 30px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-card);
  }
  .lead-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      repeating-linear-gradient(45deg, transparent 0, transparent 20px, rgba(255,255,255,0.04) 20px, rgba(255,255,255,0.04) 21px);
  }
  .lead-cta > * { position: relative; }
  .lead-cta h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 38px;
    line-height: 1;
    color: #fff;
    margin-bottom: 14px;
  }
  .lead-cta p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    margin-bottom: 22px;
  }
  .lead-form input, .lead-form select {
    width: 100%;
    background: rgba(7, 16, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    padding: 12px 14px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
  }
  .lead-form input::placeholder { color: rgba(255, 255, 255, 0.5); }
  .lead-form button {
    width: 100%;
    margin-top: 4px;
  }

  /* TRENDING */
  .trending-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    min-height: 600px;
  }
  .trend-card {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    background: var(--bg-card);
    border: 1px solid var(--border);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    transition: transform 0.3s;
  }
  .trend-card:hover { transform: scale(1.02); }
  .trend-card.featured { grid-row: span 2; }
  .trend-card .gradient {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .trend-card.featured .gradient {
    background:
      linear-gradient(180deg, transparent 30%, rgba(7, 16, 31, 0.95) 90%),
      linear-gradient(135deg, #FFB81C 0%, #C8102E 50%, #14223F 100%);
  }
  .trend-card.c2 .gradient {
    background:
      linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95) 90%),
      linear-gradient(135deg, #003F87, #1E6FE0);
  }
  .trend-card.c3 .gradient {
    background:
      linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95) 90%),
      linear-gradient(135deg, #8FD8F2, #003F87);
  }
  .trend-card.c4 .gradient {
    background:
      linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95) 90%),
      linear-gradient(135deg, #C8102E, #4A0A1A);
  }
  .trend-card.c5 .gradient {
    background:
      linear-gradient(180deg, transparent 40%, rgba(7, 16, 31, 0.95) 90%),
      linear-gradient(135deg, #FFB81C, #C8102E);
  }
  .trend-card .content {
    position: relative;
    z-index: 1;
    padding: 24px;
  }
  .trend-tag {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--kc-gold);
    margin-bottom: 8px;
  }
  .trend-title {
    font-family: 'Bebas Neue', sans-serif;
    line-height: 0.95;
    margin-bottom: 8px;
  }
  .trend-card.featured .trend-title { font-size: 56px; }
  .trend-card:not(.featured) .trend-title { font-size: 28px; }
  .trend-desc { font-size: 13px; color: var(--text-muted); }

  /* TICKETS / CONCERTS */
  .tix-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .tix-row {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-left: 4px solid var(--kc-gold);
    border-radius: 4px;
    padding: 20px 26px;
    display: grid;
    grid-template-columns: 90px 1fr auto auto auto;
    align-items: center;
    gap: 24px;
    text-decoration: none;
    color: var(--text);
    transition: background 0.2s, border-left-color 0.2s;
  }
  .tix-row:hover {
    background: var(--bg-card-hover);
    border-left-color: var(--kc-red);
  }
  .tix-date {
    font-family: 'Bebas Neue', sans-serif;
    text-align: center;
  }
  .tix-date .day { font-size: 42px; line-height: 0.9; color: var(--kc-gold); }
  .tix-date .mo {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--text-muted);
  }
  .tix-info h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 4px;
    letter-spacing: 0.02em;
  }
  .tix-info p {
    font-size: 13px;
    color: var(--text-muted);
  }
  .tix-venue {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted);
  }
  .tix-price {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    color: var(--kc-gold);
  }
  .tix-price span { font-size: 14px; color: var(--text-muted); }

  /* PICKS */
  .picks-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .pick-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    color: var(--text);
  }
  .pick-stripe {
    height: 120px;
    position: relative;
    overflow: hidden;
  }
  .pick-stripe.s1 { background: linear-gradient(135deg, var(--kc-red), #4A0A1A); }
  .pick-stripe.s2 { background: linear-gradient(135deg, var(--kc-blue), var(--kc-blue-bright)); }
  .pick-stripe.s3 { background: linear-gradient(135deg, var(--kc-gold), var(--kc-red)); }
  .pick-stripe.s4 { background: linear-gradient(135deg, var(--kc-ice), var(--kc-blue)); }
  .pick-stripe::after {
    content: '★';
    position: absolute;
    top: 12px;
    right: 16px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 36px;
    line-height: 1;
  }
  .pick-label {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    padding: 14px 20px 0;
  }
  .pick-body {
    padding: 8px 20px 22px;
  }
  .pick-body h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
  }
  .pick-body p {
    font-size: 13px;
    color: var(--text-muted);
  }

  /* NEWSLETTER */
  .newsletter-band {
    background:
      radial-gradient(circle at 80% 20%, rgba(255, 184, 28, 0.18), transparent 50%),
      radial-gradient(circle at 20% 80%, rgba(200, 16, 46, 0.18), transparent 50%),
      var(--bg-deep);
    padding: 100px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    position: relative;
    overflow: hidden;
  }
  .newsletter-band::before {
    content: 'WEEKEND';
    position: absolute;
    top: -50px;
    left: -20px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 280px;
    color: rgba(255, 255, 255, 0.025);
    line-height: 1;
    letter-spacing: 0.05em;
    pointer-events: none;
  }
  .nl-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
  }
  .nl-grid h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(48px, 6vw, 80px);
    line-height: 0.95;
    margin-bottom: 18px;
    color: #fff;
  }
  .nl-grid h2 .accent { color: var(--kc-gold); }
  .nl-grid p {
    color: var(--text-muted);
    font-size: 17px;
    line-height: 1.55;
  }
  .nl-form {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 36px;
    box-shadow: var(--shadow-card);
  }
  .nl-form label {
    display: block;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.15em;
    color: var(--kc-gold);
    margin-bottom: 8px;
  }
  .nl-form input {
    width: 100%;
    background: var(--bg-deep);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 13px 16px;
    border-radius: 4px;
    margin-bottom: 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
  }
  .nl-checks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 22px;
  }
  .nl-check {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-muted);
    cursor: pointer;
  }
  .nl-check input { width: auto; margin: 0; accent-color: var(--kc-gold); }

  /* ADVERTISE */
  .ad-shell {
    background:
      linear-gradient(135deg, rgba(200, 16, 46, 0.12), rgba(0, 68, 164, 0.12)),
      var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 70px 60px;
    box-shadow: var(--shadow-card);
    position: relative;
    overflow: hidden;
  }
  .ad-shell::before {
    content: 'PARTNER';
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translateY(-50%) rotate(-90deg);
    font-family: 'Bebas Neue', sans-serif;
    font-size: 160px;
    color: rgba(255, 255, 255, 0.04);
    letter-spacing: 0.08em;
    line-height: 1;
  }
  .ad-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 60px;
    position: relative;
  }
  .ad-grid h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(44px, 5.5vw, 72px);
    line-height: 0.95;
    margin-bottom: 22px;
    color: #fff;
  }
  .ad-grid p {
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
  .ad-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 28px;
  }
  .ad-list li {
    list-style: none;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.04em;
    color: var(--text);
    padding-left: 22px;
    position: relative;
  }
  .ad-list li::before {
    content: '◆';
    position: absolute;
    left: 0;
    color: var(--kc-gold);
  }
  .ad-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .ad-stat {
    background: rgba(7, 16, 31, 0.5);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 24px;
    text-align: center;
  }
  .ad-stat .num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 56px;
    line-height: 0.95;
    color: var(--kc-gold);
  }
  .ad-stat .lbl {
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--text-muted);
    margin-top: 6px;
  }

  /* SUBMIT */
  .submit-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
  }
  .submit-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 32px 22px;
    text-align: center;
    text-decoration: none;
    color: var(--text);
    transition: all 0.2s;
  }
  .submit-card:hover {
    border-color: var(--kc-gold);
    background: var(--bg-card-hover);
    transform: translateY(-4px);
  }
  .submit-card .ico {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 40px;
    color: var(--kc-gold);
    margin-bottom: 10px;
  }
  .submit-card h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
  }
  .submit-card p {
    font-size: 12px;
    color: var(--text-muted);
  }

  /* FOOTER */
  footer {
    background: #04080F;
    padding: 80px 0 30px;
    border-top: 1px solid var(--border);
    position: relative;
  }
  .footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 50px;
  }
  .footer-brand img {
    height: 56px;
    margin-bottom: 18px;
  }
  .footer-brand p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .footer-socials {
    display: flex;
    gap: 10px;
  }
  .footer-socials a {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--border);
    display: grid;
    place-items: center;
    color: var(--text-muted);
    text-decoration: none;
    transition: all 0.2s;
  }
  .footer-socials a:hover {
    background: var(--kc-gold);
    color: var(--bg-deep);
    border-color: var(--kc-gold);
  }
  .footer-col h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: var(--kc-gold);
    margin-bottom: 18px;
  }
  .footer-col ul { list-style: none; }
  .footer-col li { margin-bottom: 10px; }
  .footer-col a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
  }
  .footer-col a:hover { color: #fff; }
  .footer-bottom {
    padding-top: 30px;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  .footer-bottom p {
    color: var(--text-dim);
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.18em;
  }
  .footer-bottom .powered strong {
    color: var(--kc-gold);
  }

  /* RESPONSIVE */
  @media (max-width: 1100px) {
    .main-nav { display: none; }
    .mobile-toggle { display: inline-flex; }
    .header-grid { grid-template-columns: 1fr auto; }
    .pros-shell { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
    .submit-grid { grid-template-columns: 1fr 1fr 1fr; }
    .deals-grid { grid-template-columns: 1fr 1fr; }
    .picks-grid { grid-template-columns: 1fr 1fr; }
    .sports-lanes { grid-template-columns: 1fr; }
    .eats-grid { grid-template-columns: 1fr 1fr; }
    .weekend-grid { grid-template-columns: 1fr; }
    .nl-grid { grid-template-columns: 1fr; }
    .ad-grid { grid-template-columns: 1fr; }
    .trending-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    .trend-card.featured { grid-row: span 1; }
    .search-row { grid-template-columns: 1fr; }
  }
  @media (max-width: 700px) {
    section.block { padding: 60px 0; }
    .hero { padding: 70px 0 80px; }
    .zone-grid { grid-template-columns: 1fr; }
    .eats-grid { grid-template-columns: 1fr; }
    .deals-grid { grid-template-columns: 1fr; }
    .pros-grid { grid-template-columns: 1fr 1fr; }
    .picks-grid { grid-template-columns: 1fr; }
    .submit-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .trending-grid { grid-template-columns: 1fr; }
    .tix-row { grid-template-columns: 70px 1fr; gap: 14px; }
    .tix-venue, .tix-price { grid-column: 2; }
    .hero-stats { gap: 24px; }
    .hero-stat .num { font-size: 32px; }
    .ad-shell { padding: 40px 24px; }
    .ad-list { grid-template-columns: 1fr; }
  }

  /* KCGOTO MAXIMIZE PACK */
  :root {
    --kc-current-teal: #00B2A9;
    --kc-current-red: #E31937;
    --sporting-indigo: #0A2240;
    --sporting-sky: #5BBFDE;
    --mavs-orange: #F58220;
    --mavs-black: #111820;
    --royals-blue: #004687;
    --chiefs-red: #E31837;
    --chiefs-gold: #FFB81C;
  }

  .brand img {
    background: transparent !important;
    mix-blend-mode: normal;
    object-fit: contain;
  }

  .site-header {
    background:
      linear-gradient(90deg, rgba(227,24,55,.12), rgba(0,70,135,.14), rgba(0,178,169,.10), rgba(245,130,32,.10)),
      rgba(7, 16, 31, 0.94);
  }

  .main-nav {
    gap: 2px;
  }

  .nav-item {
    position: relative;
  }

  .nav-item > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  .nav-item > a::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--kc-gold);
    opacity: 0;
    transition: opacity .2s;
  }

  .nav-item:hover > a::before {
    opacity: 1;
  }

  .mega-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    width: min(840px, calc(100vw - 48px));
    background: rgba(5, 10, 20, .98);
    border: 1px solid rgba(255,255,255,.12);
    border-top: 3px solid var(--kc-gold);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(0,0,0,.55);
    padding: 24px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s, transform .2s;
  }

  .nav-item:hover .mega-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .mega-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 24px;
  }

  .mega-feature {
    background:
      linear-gradient(145deg, rgba(227,24,55,.18), rgba(0,70,135,.18)),
      var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 22px;
  }

  .mega-feature strong {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 32px;
    line-height: 1;
    color: #fff;
    margin-bottom: 8px;
  }

  .mega-feature span {
    display: block;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .mega-col h5 {
    font-family: 'Oswald', sans-serif;
    color: var(--kc-gold);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 11px;
    margin-bottom: 10px;
  }

  .mega-col a {
    display: block;
    padding: 7px 0;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 13px;
    font-family: 'Manrope', sans-serif;
    text-transform: none;
    letter-spacing: 0;
  }

  .mega-col a:hover {
    color: #fff;
  }

  .mega-col a::after {
    display: none;
  }

  .event-alert-bar {
    background:
      linear-gradient(90deg, var(--chiefs-red), var(--royals-blue), var(--kc-current-teal), var(--mavs-orange));
    padding: 10px 0;
    position: relative;
    z-index: 4;
  }

  .event-alert-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
    text-align: center;
  }

  .event-alert-inner a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 700;
  }

  .hero-title .teal { color: var(--kc-current-teal); }
  .hero-title .orange { color: var(--mavs-orange); }

  .search-shell {
    position: relative;
  }

  .search-shell::before {
    content: 'SEARCH FIRST';
    position: absolute;
    right: 24px;
    top: 14px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: rgba(255,255,255,.04);
    letter-spacing: .08em;
  }

  .search-row {
    grid-template-columns: 1.3fr auto auto auto auto auto;
  }

  .planner-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }

  .planner-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 28px 24px;
    min-height: 250px;
    position: relative;
    overflow: hidden;
    color: var(--text);
    text-decoration: none;
    transition: transform .25s, border-color .25s, background .25s;
  }

  .planner-card:hover {
    transform: translateY(-6px);
    border-color: var(--kc-gold);
    background: var(--bg-card-hover);
  }

  .planner-card::after {
    content: attr(data-num);
    position: absolute;
    right: 18px;
    bottom: -18px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 110px;
    line-height: 1;
    color: rgba(255,255,255,.045);
  }

  .planner-kicker {
    font-family: 'Oswald', sans-serif;
    color: var(--kc-gold);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    margin-bottom: 14px;
  }

  .planner-card h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    line-height: .95;
    color: #fff;
    margin-bottom: 12px;
  }

  .planner-card p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .planner-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
  }

  .planner-tags span {
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 5px 9px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 10px;
    color: var(--text-muted);
  }

  .seo-hub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .seo-panel {
    background:
      linear-gradient(135deg, rgba(255,184,28,.08), transparent),
      var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 32px;
  }

  .seo-panel h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 44px;
    line-height: 1;
    margin-bottom: 12px;
  }

  .seo-panel p {
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 18px;
  }

  .seo-link-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
  }

  .seo-link-cloud a {
    color: var(--text);
    text-decoration: none;
    background: rgba(255,255,255,.055);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 8px 12px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .seo-link-cloud a:hover {
    border-color: var(--kc-gold);
    color: var(--kc-gold);
  }

  .notify-strip {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 34px;
    align-items: center;
    background:
      radial-gradient(circle at 10% 20%, rgba(0,178,169,.22), transparent 35%),
      radial-gradient(circle at 90% 80%, rgba(245,130,32,.20), transparent 38%),
      linear-gradient(135deg, rgba(227,24,55,.18), rgba(0,70,135,.18)),
      var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 48px;
    box-shadow: var(--shadow-card);
  }

  .notify-strip h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(44px, 5vw, 70px);
    line-height: .95;
    color: #fff;
    margin-bottom: 14px;
  }

  .notify-strip p {
    color: var(--text-muted);
    font-size: 16px;
  }

  .notify-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .notify-options label {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(7,16,31,.58);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 13px;
    color: var(--text-muted);
  }

  .notify-options input {
    accent-color: var(--kc-gold);
  }

  .section-band {
    background:
      linear-gradient(90deg, rgba(227,24,55,.08), rgba(0,70,135,.08), rgba(0,178,169,.06), rgba(245,130,32,.06)),
      var(--bg-mid) !important;
  }

  .team-color-key {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
  }

  .team-color-key span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-muted);
    font-size: 12px;
  }

  .team-color-key i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
  }

  .kc-red-dot { background: var(--chiefs-red); }
  .kc-blue-dot { background: var(--royals-blue); }
  .kc-teal-dot { background: var(--kc-current-teal); }
  .kc-sky-dot { background: var(--sporting-sky); }
  .kc-orange-dot { background: var(--mavs-orange); }

  .mobile-menu-panel {
    display: none;
  }

  @media (max-width: 1100px) {
    .mega-menu { display: none; }
    .planner-grid { grid-template-columns: 1fr 1fr; }
    .seo-hub-grid { grid-template-columns: 1fr; }
    .notify-strip { grid-template-columns: 1fr; }
    .search-row { grid-template-columns: 1fr; }
  }

  @media (max-width: 700px) {
    .brand img { height: 54px; max-width: 220px; }
    .planner-grid { grid-template-columns: 1fr; }
    .notify-strip { padding: 30px 22px; }
    .notify-options { grid-template-columns: 1fr; }
    .event-alert-inner { font-size: 11px; gap: 8px; }
  }



  /* FINAL KCGOTO REQUESTED TOP REPLACEMENT */
  .event-alert-bar { display: none !important; }
  .utility-bar .zone-badge-red { color: var(--kc-blue-bright) !important; }
  .utility-bar .zone-badge-blue { color: var(--kc-red-bright) !important; }
  .nav-blue { color: var(--kc-blue-bright); }
  .nav-red { color: var(--kc-red-bright); margin-left: 10px; }

  .hub-hero {
    min-height: 440px;
    padding: 58px 0 44px;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,184,28,.08), transparent 24%),
      radial-gradient(circle at 72% 68%, rgba(200,16,46,.18), transparent 34%),
      linear-gradient(90deg, rgba(4,8,15,.96), rgba(7,16,31,.94));
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.10);
    overflow: hidden;
  }
  .hub-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(125deg, transparent 0 34px, rgba(30,111,224,.045) 35px 37px, transparent 38px 74px, rgba(229,27,51,.04) 75px 77px),
      linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.28));
    pointer-events: none;
    z-index: 1;
  }
  .hub-hero::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(180deg, transparent, rgba(4,8,15,.82));
    z-index: 1;
  }
  .hub-content { max-width: 760px; z-index: 3; }
  .hub-title {
    font-size: clamp(76px, 9vw, 142px);
    letter-spacing: .035em;
    line-height: .82;
    margin-bottom: 22px;
    text-shadow: 0 14px 38px rgba(0,0,0,.65);
  }
  .hub-kc { color: var(--kc-red-bright); }
  .hub-goto { color: var(--kc-blue-bright); }
  .hub-white { color: #fff; }
  .hub-title .gold-underline::after { display: none; }
  .hub-sub { font-size: 18px; max-width: 700px; margin-bottom: 22px; }
  .zone-blue { color: var(--kc-blue-bright); }
  .zone-red { color: var(--kc-red-bright); }
  .hub-buttons { margin-bottom: 28px; gap: 12px; }
  .hub-buttons .btn { padding: 14px 24px; }
  .hub-stats {
    border-top: 0;
    gap: 58px;
    padding-top: 6px;
  }
  .hub-stats .num {
    color: var(--kc-gold);
    background: none;
    -webkit-text-fill-color: var(--kc-gold);
    font-size: 44px;
  }
  .hub-stats .label { font-size: 10px; color: rgba(236,239,245,.78); }
  .hub-bars { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
  .hub-bars .bar {
    position: absolute;
    bottom: 0;
    width: 68px;
    background: linear-gradient(90deg, rgba(0,68,164,.42), rgba(200,16,46,.48));
    opacity: .62;
    box-shadow: 0 0 38px rgba(30,111,224,.18);
  }
  .hub-bars .bar::before {
    content: '';
    position: absolute;
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 44px solid rgba(200,16,46,.34);
    filter: blur(.2px);
  }
  .hub-bars .b1{left:0;height:190px}.hub-bars .b2{left:7%;height:120px}.hub-bars .b3{left:17%;height:245px}.hub-bars .b4{left:33%;height:150px}.hub-bars .b5{left:45%;height:170px}.hub-bars .b6{left:59%;height:220px}.hub-bars .b7{left:72%;height:160px}.hub-bars .b8{left:82%;height:255px}.hub-bars .b9{left:91%;height:135px}.hub-bars .b10{right:1%;height:190px}
  .hub-sweep {
    position: absolute;
    left: -10%;
    right: -10%;
    bottom: 52px;
    height: 80px;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
  }
  .hub-sweep-blue { border-top: 5px solid rgba(30,111,224,.70); transform: rotate(-1deg); filter: drop-shadow(0 0 14px rgba(30,111,224,.7)); }
  .hub-sweep-red { border-top: 4px solid rgba(229,27,51,.68); transform: translateY(28px) rotate(2deg); filter: drop-shadow(0 0 12px rgba(229,27,51,.65)); }
  .hero-eyebrow { color: var(--kc-gold); background: rgba(255,184,28,.06); border-color: rgba(255,184,28,.45); }

  .search-section {
    padding: 44px 0 26px;
    background:
      linear-gradient(180deg, rgba(7,16,31,.60), rgba(7,16,31,.96)),
      radial-gradient(circle at 15% 72%, rgba(30,111,224,.22), transparent 26%),
      radial-gradient(circle at 85% 80%, rgba(229,27,51,.16), transparent 28%),
      #07101F !important;
    position: relative;
    overflow: hidden;
  }
  .search-section::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 210px;
    background:
      linear-gradient(180deg, transparent 10%, rgba(7,16,31,.78) 72%, #07101F 100%),
      repeating-linear-gradient(90deg, transparent 0 42px, rgba(30,111,224,.18) 43px 47px, transparent 48px 92px, rgba(229,27,51,.10) 93px 97px);
    opacity: .55;
    pointer-events: none;
  }
  .search-shell {
    max-width: 980px;
    margin: 0 auto;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center;
  }
  .search-shell::before { display: none !important; }
  .search-shell h3 {
    font-size: clamp(48px, 5.8vw, 72px);
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0 12px 28px rgba(0,0,0,.62);
  }
  .search-row {
    display: grid;
    grid-template-columns: 1fr 170px 120px !important;
    gap: 0;
    background: rgba(5,10,20,.88);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    box-shadow: 0 22px 55px rgba(0,0,0,.45);
    overflow: hidden;
  }
  .search-row .search-select:nth-of-type(2),
  .search-row .search-select:nth-of-type(3),
  .search-row .search-select:nth-of-type(4) { display: none; }
  .search-input, .search-select {
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.12) !important;
    background: transparent !important;
    min-height: 58px;
  }
  .search-row .btn { border-radius: 0; justify-content: center; }
  .search-chips { justify-content: center; margin-top: 18px; }
  .chip {
    font-size: 12px;
    padding: 10px 20px;
    border-color: rgba(255,255,255,.16);
    background: rgba(5,10,20,.45);
    color: var(--text);
  }
  .chip:first-child { background: var(--kc-blue-bright); color: #fff; border-color: var(--kc-blue-bright); }
  .chip:nth-child(5)::after { content: '⌄'; margin-left: 8px; }

  #zones.block { padding: 28px 0 48px !important; background: #07101F !important; }
  #zones .section-head { display: none !important; }
  .zone-grid { gap: 24px; }
  .zone-card {
    min-height: 286px;
    border-radius: 9px;
    padding: 34px 36px 30px;
    overflow: hidden;
  }
  .zone-card::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 112px;
    opacity: .76;
    z-index: 0;
    background:
      linear-gradient(180deg, transparent, rgba(0,0,0,.25)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 38px, transparent 39px 78px);
  }
  .zone-816 {
    border-color: rgba(30,111,224,.62) !important;
    box-shadow: 0 0 42px rgba(0,68,164,.18);
    background:
      linear-gradient(90deg, rgba(4,12,28,.88) 0%, rgba(0,68,164,.48) 55%, rgba(4,8,15,.86) 100%),
      radial-gradient(circle at 5% 92%, rgba(30,111,224,.8), transparent 30%),
      #07101F !important;
  }
  .zone-913 {
    border-color: rgba(229,27,51,.62) !important;
    box-shadow: 0 0 42px rgba(200,16,46,.18);
    background:
      linear-gradient(90deg, rgba(40,4,13,.90) 0%, rgba(200,16,46,.44) 55%, rgba(4,8,15,.86) 100%),
      radial-gradient(circle at 88% 92%, rgba(229,27,51,.55), transparent 28%),
      #07101F !important;
  }
  .zone-816 .zone-badge { background: var(--kc-blue-bright) !important; color: #fff; }
  .zone-913 .zone-badge { background: var(--kc-red-bright) !important; color: #fff; }
  .zone-816 .btn-z { background: rgba(0,68,164,.28) !important; border-color: var(--kc-blue-bright) !important; }
  .zone-913 .btn-z { background: rgba(200,16,46,.25) !important; border-color: var(--kc-red-bright) !important; }
  .zone-actions .btn::before { margin-right: 2px; }
  .zone-actions .btn:nth-child(1)::before { content: '▦'; }
  .zone-actions .btn:nth-child(2)::before { content: '♨'; }
  .zone-actions .btn:nth-child(3)::before { content: '◇'; }
  .zone-actions .btn:nth-child(4)::before { content: '⌕'; }

  .footer-socials.social-icons a {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.14);
  }
  .footer-socials.social-icons svg { width: 24px; height: 24px; fill: currentColor; }
  .footer-socials.social-icons .facebook { background: #1877F2; }
  .footer-socials.social-icons .instagram { background: radial-gradient(circle at 30% 110%, #fdf497 0 20%, #fd5949 42%, #d6249f 62%, #285AEB 100%); }
  .footer-socials.social-icons .tiktok { background: #050505; }
  .footer-socials.social-icons .x { background: #050505; }
  .footer-socials.social-icons .youtube { background: #FF0000; }

  @media (max-width: 900px) {
    .hub-title { font-size: 74px; }
    .hub-stats { gap: 24px; }
    .search-row { grid-template-columns: 1fr !important; }
    .search-row .search-select:nth-of-type(1) { display: block; }
  }



  /* KCGOTO MAY 19 ENHANCED SPORTS / VISUAL UPDATE */
  :root {
    --chiefs-red: #E31837;
    --mizzou-gold: #F1B82D;
    --mizzou-black: #111111;
    --ku-blue: #0051BA;
    --kstate-purple: #512888;
    --ucm-red: #C8102E;
    --nw-green: #006341;
    --isu-red: #C8102E;
    --isu-gold: #F1BE48;
    --neb-red: #E41C38;
    --lsu-purple: #461D7C;
    --lsu-gold: #FDD023;
    --iowa-gold: #FFCD00;
    --iowa-black: #111111;
  }

  .hub-hero {
    min-height: 500px;
    background:
      linear-gradient(90deg, rgba(4,8,15,.88) 0%, rgba(7,16,31,.70) 40%, rgba(7,16,31,.88) 100%),
      linear-gradient(180deg, rgba(0, 68, 164, .16), rgba(200,16,46,.14)),
      url('assets/images/hub-hero.png') center center / cover no-repeat !important;
  }
  .hub-hero::before {
    background:
      linear-gradient(135deg, rgba(30,111,224,.12), transparent 42%),
      linear-gradient(315deg, rgba(229,27,51,.10), transparent 48%),
      linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.28));
  }
  .hub-bars { display: none !important; }
  .hub-content { max-width: 840px; }
  .hub-title { text-shadow: 0 16px 36px rgba(0,0,0,.8); }
  .hub-sub { background: rgba(7,16,31,.44); display: inline-block; padding: 10px 14px; backdrop-filter: blur(3px); }

  .search-section {
    background:
      linear-gradient(180deg, rgba(7,16,31,.28), rgba(7,16,31,.90)),
      radial-gradient(circle at 15% 72%, rgba(30,111,224,.22), transparent 26%),
      radial-gradient(circle at 85% 80%, rgba(229,27,51,.16), transparent 28%),
      #07101F !important;
  }

  .embedded-zones {
    padding: 0 0 34px;
    background: #07101F;
  }
  .embedded-zones .container { max-width: 1380px; }
  .embedded-zones img {
    display: block;
    width: 100%;
    max-width: 1375px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(0,0,0,.45);
  }

  #plan {
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(7,16,31,.96), rgba(7,16,31,.97)),
      url('assets/images/asset.png') center center / cover no-repeat;
  }
  #plan::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7,16,31,.82), rgba(7,16,31,.88));
    z-index: 0;
  }
  #plan .container { position: relative; z-index: 1; }
  .planner-card.planner-morton {
    background:
      linear-gradient(180deg, rgba(7,16,31,.42), rgba(7,16,31,.92)),
      url('assets/images/planner-morton.png') center center / cover no-repeat !important;
    min-height: 255px;
  }

  .sports-lanes {
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
  }
  .lane {
    min-height: 600px;
    box-shadow: 0 18px 48px rgba(0,0,0,.34);
  }
  .lane > * { position: relative; z-index: 2; }
  .lane::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5,10,20,.28) 0%, rgba(7,16,31,.70) 46%, rgba(7,16,31,.94) 100%);
    z-index: 1;
    pointer-events: none;
  }
  .lane-red {
    background:
      linear-gradient(160deg, rgba(200, 16, 46, 0.10), rgba(20, 34, 63, 0.68)),
      url('assets/images/lane-red.png') center center / cover no-repeat;
  }
  .lane-blue {
    background:
      linear-gradient(160deg, rgba(0, 68, 164, 0.10), rgba(20, 34, 63, 0.72)),
      url('assets/images/lane-blue.jpg') center center / cover no-repeat;
  }
  .lane-ice {
    background:
      linear-gradient(160deg, rgba(143, 216, 242, 0.10), rgba(20, 34, 63, 0.72)),
      radial-gradient(circle at 20% 20%, rgba(255,255,255,.10), transparent 32%),
      linear-gradient(180deg, rgba(36,56,92,.75), rgba(11,20,39,.96));
  }
  .lane-basketball {
    background:
      linear-gradient(160deg, rgba(255,184,28,.18), rgba(20, 34, 63, 0.72)),
      radial-gradient(circle at 80% 12%, rgba(255,184,28,.15), transparent 22%),
      radial-gradient(circle at 18% 82%, rgba(30,111,224,.18), transparent 28%),
      linear-gradient(180deg, rgba(36,25,13,.45), rgba(14,22,38,.96));
  }
  .lane-basketball::before { background: linear-gradient(90deg, var(--kc-gold), #ff8c00); }
  .lane-basketball .lane-eyebrow { color: var(--kc-gold); }
  .lane-subhead {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .14em;
    color: rgba(245,241,232,.92);
    margin: 6px 0 10px;
  }
  .team-logo-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
  }
  .team-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(7,16,31,.62);
    color: #fff;
    backdrop-filter: blur(2px);
  }
  .team-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    background: rgba(255,255,255,.12);
  }
  .chiefs .team-mark, .chiefs.team-badge { background-color: rgba(227,24,55,.22); border-color: rgba(227,24,55,.58); }
  .mizzou .team-mark, .mizzou.team-badge { background-color: rgba(241,184,45,.18); border-color: rgba(241,184,45,.55); }
  .ku .team-mark, .ku.team-badge { background-color: rgba(0,81,186,.18); border-color: rgba(0,81,186,.55); }
  .kstate .team-mark, .kstate.team-badge { background-color: rgba(81,40,136,.22); border-color: rgba(81,40,136,.58); }
  .cmsu .team-mark, .cmsu.team-badge { background-color: rgba(200,16,46,.20); border-color: rgba(200,16,46,.52); }
  .nwmsu .team-mark, .nwmsu.team-badge { background-color: rgba(0,99,65,.18); border-color: rgba(0,99,65,.55); }
  .isu .team-mark, .isu.team-badge { background-color: rgba(200,16,46,.20); border-color: rgba(241,190,72,.52); }
  .nebraska .team-mark, .nebraska.team-badge { background-color: rgba(228,28,56,.18); border-color: rgba(228,28,56,.55); }
  .lsu .team-mark, .lsu.team-badge { background-color: rgba(70,29,124,.22); border-color: rgba(253,208,35,.52); }
  .iowa .team-mark, .iowa.team-badge { background-color: rgba(17,17,17,.35); border-color: rgba(255,205,0,.58); }
  .royals .team-mark, .royals.team-badge { background-color: rgba(0,68,164,.24); border-color: rgba(30,111,224,.58); }
  .mavs .team-mark, .mavs.team-badge { background-color: rgba(230,124,36,.22); border-color: rgba(230,124,36,.55); }
  .usah .team-mark, .usah.team-badge { background-color: rgba(200,16,46,.20); border-color: rgba(143,216,242,.55); }
  .big12 .team-mark, .big12.team-badge { background-color: rgba(255,184,28,.22); border-color: rgba(255,184,28,.58); color: #fff; }
  .subcat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 8px 0 18px;
  }
  .subcat-pill {
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(7,16,31,.52);
    color: rgba(255,255,255,.95);
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-align: center;
  }
  .lane-note {
    margin-top: auto;
    font-size: 13px;
    color: rgba(236,239,245,.82);
    padding-top: 10px;
  }
  .lane .btn { margin-top: 10px; }
  .crown-inline { color: var(--kc-gold); margin-left: 6px; }

  @media (max-width: 1250px) {
    .sports-lanes { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 900px) {
    .sports-lanes { grid-template-columns: 1fr; }
    .subcat-grid { grid-template-columns: 1fr; }
  }







  /* FINAL SPORTS FLYOUT MENU CLEANUP */
  .planner-card::after {
    display: none !important;
    content: '' !important;
  }

  .sports-lanes {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  .lane {
    min-height: 675px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #0f1d35 !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 2;
  }

  .lane:hover {
    z-index: 20;
  }

  .lane::after {
    display: none !important;
  }

  .lane-art {
    height: 225px;
    background-size: cover;
    background-position: center center;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }

  .lane-red .lane-art {
    background-image: linear-gradient(180deg, rgba(227,24,55,.05), rgba(7,16,31,.10)), var(--football-art);
  }

  .lane-blue .lane-art {
    background-image: linear-gradient(180deg, rgba(30,111,224,.05), rgba(7,16,31,.10)), var(--baseball-art);
  }

  .lane-ice .lane-art {
    background-image: linear-gradient(180deg, rgba(143,216,242,.05), rgba(7,16,31,.10)), var(--hockey-art);
  }

  .lane-basketball .lane-art {
    background-image: linear-gradient(180deg, rgba(255,184,28,.05), rgba(7,16,31,.10)), var(--basketball-art);
  }

  .lane-content {
    padding: 28px 28px 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background:
      radial-gradient(circle at 82% 8%, rgba(255,255,255,.07), transparent 30%),
      linear-gradient(180deg, rgba(13,27,50,.97), rgba(7,16,31,.99));
    position: relative;
  }

  .lane-red .lane-content { border-top: 4px solid var(--chiefs-red); }
  .lane-blue .lane-content { border-top: 4px solid var(--kc-blue-bright); }
  .lane-ice .lane-content { border-top: 4px solid var(--kc-ice); }
  .lane-basketball .lane-content { border-top: 4px solid var(--kc-gold); }

  .lane-title {
    font-size: 46px !important;
    margin-bottom: 18px !important;
  }

  .lane ul.basic-links {
    list-style: none;
    margin: 20px 0 18px !important;
    padding: 0;
    flex: unset !important;
  }

  .lane ul.basic-links li {
    color: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
    padding: 13px 0;
  }

  .lane ul.basic-links li a {
    color: inherit;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 14px;
  }

  .team-logo {
    width: 100%;
    max-width: 92px;
    height: 72px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  .sports-flyout {
    position: relative;
    margin: 8px 0 18px;
    z-index: 30;
  }

  .flyout-root {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .flyout-root > li {
    position: relative;
  }

  .flyout-trigger {
    width: 100%;
    min-height: 58px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(5,10,20,.78);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 18px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
  }

  .flyout-trigger::after,
  .team-flyout-link::after {
    content: '›';
    color: var(--kc-gold);
    font-size: 22px;
    line-height: 1;
    margin-left: 16px;
  }

  .flyout-menu,
  .bar-flyout-menu {
    position: absolute;
    top: 0;
    left: calc(100% + 12px);
    width: 330px;
    max-height: 640px;
    overflow: visible;
    padding: 14px;
    border-radius: 16px;
    background: rgba(5,10,20,.97);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 28px 80px rgba(0,0,0,.55);
    display: none;
    z-index: 80;
    backdrop-filter: blur(8px);
  }

  .bar-flyout-menu {
    left: calc(100% + 10px);
    width: 310px;
  }

  .flyout-root > li:hover > .flyout-menu,
  .flyout-root > li:focus-within > .flyout-menu,
  .team-flyout-item:hover > .bar-flyout-menu,
  .team-flyout-item:focus-within > .bar-flyout-menu {
    display: block;
  }

  .flyout-menu-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 12px;
    color: var(--kc-gold);
    margin: 4px 4px 12px;
  }

  .team-flyout-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
  }

  .team-flyout-item {
    position: relative;
  }

  .team-flyout-link {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.045);
    color: #fff;
    text-decoration: none;
  }

  .team-logo-card {
    min-height: 72px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.96);
    border-radius: 12px;
    overflow: hidden;
  }

  .team-name {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.05;
  }

  .team-name strong {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 14px;
    color: #fff;
  }

  .team-name span {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .10em;
    font-size: 10px;
    color: rgba(255,255,255,.68);
  }

  .bar-flyout-menu h5 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    line-height: 1;
    letter-spacing: .04em;
    color: #fff;
    margin: 2px 0 12px;
  }

  .bar-flyout-menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.9);
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px;
    text-decoration: none;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }

  .bar-flyout-menu a:last-child {
    border-bottom: none;
  }

  .bar-flyout-menu a::after {
    content: '→';
    color: var(--kc-gold);
  }

  .bar-flyout-menu a:hover,
  .team-flyout-link:hover .team-name strong,
  .flyout-trigger:hover {
    color: var(--kc-gold);
  }

  .site-disclaimer {
    max-width: 1040px;
    margin: 20px auto 0;
    padding: 0 24px;
    color: rgba(236,239,245,.62);
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
  }

  @media (max-width: 1500px) {
    .flyout-menu,
    .bar-flyout-menu {
      width: 285px;
    }
    .team-flyout-link {
      grid-template-columns: 58px 1fr auto;
    }
    .team-logo {
      max-width: 78px;
      height: 60px;
    }
  }

  @media (max-width: 1250px) {
    .sports-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .lane { overflow: hidden !important; }
    .flyout-menu,
    .bar-flyout-menu {
      position: static;
      width: 100%;
      margin-top: 10px;
      max-height: none;
    }
  }

  @media (max-width: 900px) {
    .sports-lanes { grid-template-columns: 1fr !important; }
  }


  /* SECTION IMAGE UPDATE + BAR LINK STYLE CLEANUP */
  .lane {
    overflow: visible !important;
  }

  .lane-art {
    height: 280px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    position: relative !important;
  }

  .lane-art::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7,16,31,.12), rgba(7,16,31,.28));
  }

  .lane-red .lane-art {
    background-image: url('assets/images/lane-art.png') !important;
    background-position: center center !important;
  }

  .lane-blue .lane-art {
    background-image: url('assets/images/lane-art-2.png') !important;
    background-position: center center !important;
  }

  .lane-ice .lane-art {
    background-image: url('assets/images/lane-art-3.png') !important;
    background-position: center center !important;
  }

  .lane-basketball .lane-art {
    background-image: url('assets/images/lane-art-4.png') !important;
    background-position: center center !important;
  }

  /* Keep flyout structure but make bar choices match the other text link options */
  .bar-flyout-menu {
    border-radius: 16px !important;
    background: rgba(5,10,20,.97) !important;
  }

  .bar-flyout-menu a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    color: rgba(255,255,255,.9) !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 12px !important;
    text-decoration: none !important;
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  .bar-flyout-menu a:last-child {
    border-bottom: none !important;
  }

  .bar-flyout-menu a::after {
    content: '→' !important;
    color: var(--kc-gold) !important;
    margin-left: auto !important;
  }

  /* Ensure top art doesn't vanish on smaller screens */
  @media (max-width: 1250px) {
    .lane-art {
      height: 240px !important;
    }
  }



  /* 2026-05-20 REFRESH UPDATE */
  .planner-card.refresh-image-card,
  .submit-card.refresh-image-card {
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.28);
  }

  .planner-card.refresh-image-card::after {
    display: none !important;
    content: none !important;
  }

  .planner-refresh-image,
  .submit-refresh-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .submit-grid {
    align-items: start;
  }

  .refresh-submit-card {
    border-radius: 18px !important;
  }

  .footer-brand img {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    max-width: 100%;
    width: auto;
    object-fit: contain;
  }

  /* Sports lane trigger styling should match the other arrow links */
  .sports-flyout {
    position: relative;
    margin: 4px 0 18px !important;
    z-index: 60;
  }

  .flyout-root > li {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.15);
  }

  .flyout-root > li:last-child {
    border-bottom: none;
  }

  .flyout-trigger {
    width: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.94) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 13px 0 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-align: left !important;
  }

  .flyout-trigger:hover,
  .flyout-trigger:focus-visible {
    color: var(--kc-gold) !important;
  }

  .flyout-trigger::after,
  .team-flyout-link::after {
    content: '→' !important;
    color: var(--kc-gold) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin-left: 12px !important;
    flex: 0 0 auto;
  }

  .flyout-menu,
  .bar-flyout-menu {
    top: 0 !important;
    left: calc(100% - 2px) !important;
    right: auto !important;
    width: 330px;
    max-width: min(330px, calc(100vw - 32px));
    display: none;
    z-index: 120;
  }

  .flyout-menu.open-left,
  .bar-flyout-menu.open-left {
    left: auto !important;
    right: calc(100% - 2px) !important;
  }

  .flyout-root > li.is-open > .flyout-menu,
  .team-flyout-item.is-open > .bar-flyout-menu {
    display: block !important;
  }

  .flyout-root > li:hover > .flyout-menu,
  .flyout-root > li:focus-within > .flyout-menu,
  .team-flyout-item:hover > .bar-flyout-menu,
  .team-flyout-item:focus-within > .bar-flyout-menu {
    display: block;
  }

  .team-flyout-item,
  .flyout-root > li {
    position: relative;
  }

  .team-flyout-link {
    transition: border-color .2s, background .2s;
  }

  .team-flyout-item:hover > .team-flyout-link,
  .team-flyout-item.is-open > .team-flyout-link {
    border-color: rgba(255,184,28,.48);
    background: rgba(255,184,28,.08);
  }

  .bar-flyout-menu a {
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  @media (max-width: 1500px) {
    .flyout-menu,
    .bar-flyout-menu {
      width: 300px;
      max-width: min(300px, calc(100vw - 32px));
    }
  }

  @media (max-width: 1250px) {
    .flyout-menu,
    .bar-flyout-menu,
    .flyout-menu.open-left,
    .bar-flyout-menu.open-left {
      position: static !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-top: 10px;
    }
  }


  /* 2026-05-20 OVERLAP AND CARD SIZE FIX */
  #sports {
    position: relative;
    z-index: 20;
  }

  #deals,
  #submit,
  #seo,
  footer {
    position: relative;
    z-index: 1;
  }

  .sports-lanes {
    overflow: visible !important;
  }

  .lane {
    overflow: visible !important;
  }

  .lane-content {
    overflow: visible !important;
  }

  .sports-flyout {
    position: relative !important;
    z-index: 200 !important;
  }

  .flyout-root,
  .team-flyout-list {
    overflow: visible !important;
  }

  .flyout-menu {
    max-height: 430px !important;
    overflow-y: auto !important;
    overflow-x: visible !important;
    scrollbar-width: thin;
  }

  .bar-flyout-menu {
    max-height: 330px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
  }

  .flyout-menu::-webkit-scrollbar,
  .bar-flyout-menu::-webkit-scrollbar {
    width: 8px;
  }

  .flyout-menu::-webkit-scrollbar-thumb,
  .bar-flyout-menu::-webkit-scrollbar-thumb {
    background: rgba(255,184,28,.55);
    border-radius: 999px;
  }

  .flyout-menu::-webkit-scrollbar-track,
  .bar-flyout-menu::-webkit-scrollbar-track {
    background: rgba(255,255,255,.06);
  }

  .team-flyout-item {
    position: relative !important;
  }

  .team-flyout-link {
    min-height: 82px !important;
  }

  .bar-flyout-menu {
    top: 0 !important;
  }

  .bar-flyout-menu.open-up {
    top: auto !important;
    bottom: 0 !important;
  }

  .flyout-menu.open-up {
    top: auto !important;
    bottom: 0 !important;
  }

  /* Match sports flyout root links to the same arrow link treatment as the card links */
  .flyout-trigger {
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 13px 0 !important;
    color: rgba(255,255,255,.94) !important;
  }

  .flyout-root > li {
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
  }

  /* Make the bottom submission image cards uniform */
  .submit-grid {
    align-items: stretch !important;
    grid-auto-rows: 220px !important;
  }

  .submit-card.refresh-image-card {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    display: block !important;
  }

  .submit-refresh-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  @media (max-width: 1100px) {
    .submit-grid {
      grid-auto-rows: 230px !important;
    }

    .submit-card.refresh-image-card {
      height: 230px !important;
      min-height: 230px !important;
      max-height: 230px !important;
    }
  }

  @media (max-width: 700px) {
    .submit-grid {
      grid-auto-rows: 240px !important;
    }

    .submit-card.refresh-image-card {
      height: 240px !important;
      min-height: 240px !important;
      max-height: 240px !important;
    }

    .flyout-menu,
    .bar-flyout-menu {
      max-height: none !important;
      overflow: visible !important;
    }
  }



  /* 2026-05-20 UNIFORM FLYOUT PANEL SIZE FIX */
  .sports-flyout,
  .flyout-root,
  .flyout-root > li,
  .team-flyout-item {
    overflow: visible !important;
  }

  .flyout-menu,
  .bar-flyout-menu {
    box-sizing: border-box !important;
    border-radius: 18px !important;
    background: rgba(5,10,20,.98) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.55) !important;
    scrollbar-gutter: stable both-edges;
  }

  /* First flyout panel: team logo chooser */
  .flyout-menu {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 478px !important;
    min-height: 478px !important;
    max-height: 478px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 12px 14px 14px !important;
  }

  /* Second flyout panel: team specific bar links */
  .bar-flyout-menu {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 12px 14px 14px !important;
  }

  .team-flyout-list,
  .bar-flyout-menu ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .team-flyout-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .team-flyout-item {
    width: 100% !important;
  }

  .team-flyout-link {
    width: 100% !important;
    min-height: 92px !important;
    box-sizing: border-box !important;
  }

  .bar-flyout-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 13px 0 !important;
  }

  .flyout-menu::-webkit-scrollbar,
  .bar-flyout-menu::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
  }

  .flyout-menu::-webkit-scrollbar-thumb,
  .bar-flyout-menu::-webkit-scrollbar-thumb {
    background: rgba(255,184,28,.55) !important;
    border-radius: 999px !important;
  }

  .flyout-menu::-webkit-scrollbar-track,
  .bar-flyout-menu::-webkit-scrollbar-track {
    background: rgba(255,255,255,.06) !important;
  }

  @media (max-width: 1500px) {
    .flyout-menu {
      width: 340px !important;
      min-width: 340px !important;
      max-width: 340px !important;
      height: 458px !important;
      min-height: 458px !important;
      max-height: 458px !important;
    }
    .bar-flyout-menu {
      width: 290px !important;
      min-width: 290px !important;
      max-width: 290px !important;
    }
  }

  @media (max-width: 1250px) {
    .flyout-menu,
    .bar-flyout-menu,
    .flyout-menu.open-left,
    .bar-flyout-menu.open-left {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: visible !important;
    }
  }



  /* 2026-05-20 BIG 12 + READABILITY UPDATE */
  .planner-grid,
  .submit-grid {
    align-items: stretch !important;
  }

  .planner-grid > a,
  .submit-grid > a {
    height: 100% !important;
  }

  .refresh-image-card.planner-hero-card,
  .refresh-image-card.submit-hero-card {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    padding: 0 !important;
  }

  .refresh-image-card.planner-hero-card:hover .planner-refresh-image,
  .refresh-image-card.submit-hero-card:hover .submit-refresh-image {
    transform: scale(1.035);
  }

  .planner-hero-card {
    min-height: 330px !important;
  }

  .planner-hero-card .planner-refresh-image,
  .submit-hero-card .submit-refresh-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .35s ease;
  }

  .planner-hero-overlay,
  .submit-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }

  .planner-hero-overlay {
    background:
      linear-gradient(90deg, rgba(4,8,16,.92) 0%, rgba(4,8,16,.78) 34%, rgba(4,8,16,.48) 68%, rgba(4,8,16,.18) 100%),
      linear-gradient(180deg, rgba(4,8,16,.10) 0%, rgba(4,8,16,.54) 70%, rgba(4,8,16,.80) 100%);
  }

  .submit-hero-overlay {
    background:
      linear-gradient(180deg, rgba(4,8,16,.14) 0%, rgba(4,8,16,.62) 58%, rgba(4,8,16,.88) 100%);
  }

  .planner-hero-content {
    position: absolute;
    left: 26px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .planner-hero-title {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(50px, 3.1vw, 66px);
    line-height: .90;
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 0 4px 20px rgba(0,0,0,.58);
  }

  .planner-hero-copy {
    display: block;
    max-width: 82%;
    font-size: 17px;
    line-height: 1.45;
    color: rgba(255,255,255,.92);
    text-shadow: 0 2px 14px rgba(0,0,0,.58);
  }

  .planner-hero-card .planner-kicker,
  .planner-card.planner-morton .planner-kicker {
    font-size: 14px !important;
    margin-bottom: 12px !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.55);
  }

  .planner-tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
  }

  .planner-tag-row span,
  .planner-card.planner-morton .planner-tags span {
    border: 1px solid rgba(255,255,255,.20) !important;
    background: rgba(7,16,31,.48) !important;
    color: #fff !important;
    text-shadow: 0 1px 6px rgba(0,0,0,.45);
  }

  .planner-card.planner-morton {
    position: relative;
    overflow: hidden;
    min-height: 330px !important;
  }

  .planner-card.planner-morton::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(4,8,16,.88) 0%, rgba(4,8,16,.60) 38%, rgba(4,8,16,.34) 70%, rgba(4,8,16,.18) 100%),
      linear-gradient(180deg, rgba(4,8,16,.14) 0%, rgba(4,8,16,.64) 100%);
    z-index: 0;
  }

  .planner-card.planner-morton > * {
    position: relative;
    z-index: 1;
  }

  .planner-card.planner-morton h3 {
    font-size: clamp(50px, 3.15vw, 66px) !important;
    line-height: .92 !important;
    margin-bottom: 12px !important;
    text-shadow: 0 4px 20px rgba(0,0,0,.58);
  }

  .planner-card.planner-morton p {
    max-width: 82%;
    font-size: 17px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.58);
  }

  .submit-grid {
    grid-auto-rows: 1fr;
  }

  .submit-card.submit-hero-card {
    min-height: 248px !important;
    height: 100% !important;
  }

  .submit-hero-content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    text-align: center;
  }

  .submit-hero-title {
    display: block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(34px, 2.15vw, 50px);
    line-height: .92;
    color: #fff;
    text-shadow: 0 4px 18px rgba(0,0,0,.62);
  }

  .submit-hero-copy {
    display: block;
    max-width: 92%;
    margin: 10px auto 0;
    font-size: 16px;
    line-height: 1.36;
    color: rgba(255,255,255,.90);
    text-shadow: 0 2px 14px rgba(0,0,0,.62);
  }

  @media (max-width: 1400px) {
    .planner-hero-title,
    .planner-card.planner-morton h3 {
      font-size: clamp(42px, 3vw, 58px) !important;
    }

    .submit-hero-title {
      font-size: clamp(30px, 2vw, 42px);
    }
  }

  @media (max-width: 980px) {
    .planner-hero-copy,
    .planner-card.planner-morton p,
    .submit-hero-copy {
      max-width: 100%;
      font-size: 15px !important;
    }
  }


  /* 2026-05-20 REMOVE DUPLICATE TEXT OVERLAYS */
  .planner-hero-card,
  .submit-hero-card {
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .planner-hero-card::after,
  .submit-hero-card::after,
  .planner-hero-card::before,
  .submit-hero-card::before {
    display: none !important;
    content: none !important;
  }

  .planner-hero-card .planner-refresh-image,
  .submit-hero-card .submit-refresh-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .submit-card.submit-hero-card {
    min-height: 248px !important;
    height: 248px !important;
  }

  .planner-card.planner-hero-card {
    min-height: 330px !important;
  }



  /* 2026-05-20 TOP CARD FIT FIX */
  .planner-card.refresh-image-card.planner-hero-card {
    background: linear-gradient(180deg, rgba(8,18,38,.96) 0%, rgba(6,16,34,.96) 100%) !important;
  }

  .planner-hero-card .planner-refresh-image {
    object-fit: contain !important;
    object-position: center center !important;
    background: linear-gradient(180deg, rgba(8,18,38,.98) 0%, rgba(6,16,34,.98) 100%) !important;
    transform: none !important;
  }

  .refresh-image-card.planner-hero-card:hover .planner-refresh-image {
    transform: none !important;
  }

  .planner-hero-card {
    min-height: 330px !important;
    height: 330px !important;
  }

  @media (max-width: 900px) {
    .planner-hero-card {
      height: auto !important;
      min-height: 0 !important;
      aspect-ratio: 1 / 1 !important;
    }

    .planner-hero-card .planner-refresh-image {
      object-fit: cover !important;
    }
  }



  /* 2026-05-20 TOP FOUR STANDARDIZATION FIX */
  .planner-grid.planner-grid-standardized {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  .planner-grid.planner-grid-standardized > a {
    height: 100% !important;
  }

  .planner-standard-card {
    position: relative !important;
    display: block !important;
    min-height: 440px !important;
    height: 440px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: var(--bg-card) !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.28) !important;
    text-decoration: none !important;
    isolation: isolate;
  }

  .planner-standard-card::after {
    display: none !important;
    content: none !important;
  }

  .planner-standard-card img.planner-refresh-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: var(--hero-pos, center center) !important;
    transform: scale(1.02);
    display: block !important;
  }

  .planner-standard-card:hover img.planner-refresh-image {
    transform: scale(1.04);
  }

  .planner-standard-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(4,8,16,.94) 0%, rgba(4,8,16,.88) 26%, rgba(4,8,16,.58) 58%, rgba(4,8,16,.24) 100%),
      linear-gradient(180deg, rgba(4,8,16,.10) 0%, rgba(4,8,16,.72) 100%);
  }

  .planner-standard-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 30px 26px 24px !important;
  }

  .planner-standard-card .planner-kicker {
    font-size: 14px !important;
    margin-bottom: 14px !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.55);
  }

  .planner-standard-card h3 {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: clamp(44px, 2.8vw, 58px) !important;
    line-height: .90 !important;
    color: #fff !important;
    margin: 0 0 18px !important;
    text-shadow: 0 4px 18px rgba(0,0,0,.58);
    max-width: 82%;
  }

  .planner-standard-card p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.58);
    max-width: 80%;
    margin: 0 0 22px !important;
  }

  .planner-standard-card .planner-tags {
    margin-top: auto !important;
    position: relative;
    z-index: 2;
  }

  .planner-standard-card .planner-tags span {
    border: 1px solid rgba(255,255,255,.20) !important;
    background: rgba(7,16,31,.44) !important;
    color: #fff !important;
    text-shadow: 0 1px 6px rgba(0,0,0,.45);
  }

  .planner-standard-card.planner-morton {
    min-height: 440px !important;
    height: 440px !important;
    padding: 30px 26px 24px !important;
    background-size: cover !important;
    background-position: center center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .planner-standard-card.planner-morton::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg, rgba(4,8,16,.92) 0%, rgba(4,8,16,.82) 32%, rgba(4,8,16,.54) 66%, rgba(4,8,16,.20) 100%),
      linear-gradient(180deg, rgba(4,8,16,.08) 0%, rgba(4,8,16,.70) 100%);
    z-index: 0;
  }

  .planner-standard-card.planner-morton > * {
    position: relative;
    z-index: 1;
  }

  .planner-standard-card.planner-morton h3,
  .planner-standard-card.planner-morton p {
    max-width: 82%;
  }

  @media (max-width: 1200px) {
    .planner-grid.planner-grid-standardized {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 700px) {
    .planner-grid.planner-grid-standardized {
      grid-template-columns: 1fr !important;
    }

    .planner-standard-card,
    .planner-standard-card.planner-morton {
      min-height: 400px !important;
      height: 400px !important;
    }

    .planner-standard-card h3,
    .planner-standard-card.planner-morton h3 {
      max-width: 100%;
      font-size: 42px !important;
    }

    .planner-standard-card p,
    .planner-standard-card.planner-morton p {
      max-width: 100%;
      font-size: 15px !important;
    }
  }

  /* ======================================================================
     ADDED FEATURES STYLES (Hero Slider, Testimonials, Foundation,
     Video, Gametime Tickets, Zone Bars Buttons, About Us, Skip Link)
     ====================================================================== */

  /* Accessibility skip link */
  .skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: var(--kc-gold);
    color: var(--bg-deep);
    padding: 12px 20px;
    z-index: 9999;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0 0 8px 0;
  }
  .skip-link:focus { left: 0; }

  /* Back to top button */
  .back-to-top {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--kc-red);
    color: #fff;
    border: 2px solid var(--kc-gold);
    font-size: 22px;
    cursor: pointer;
    z-index: 998;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s, transform 0.3s, background 0.2s;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .back-to-top.visible { opacity: 1; transform: translateY(0); }
  .back-to-top:hover { background: var(--kc-red-bright); transform: translateY(-4px); }

  /* Hero Slider Component */
  .hero-slider {
    position: relative;
    overflow: hidden;
    background: var(--bg-deep);
  }
  .hero-slider .slides {
    display: flex;
    transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
    height: 480px;
  }
  .hero-slider .slide {
    min-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 60px;
    background-size: cover;
    background-position: center;
  }
  .hero-slider .slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7,16,31,0.92) 0%, rgba(7,16,31,0.65) 55%, rgba(7,16,31,0.3) 100%);
  }
  .hero-slider .slide-content {
    position: relative;
    z-index: 2;
    max-width: 620px;
  }
  .hero-slider .slide-kicker {
    display: inline-block;
    background: var(--kc-gold);
    color: var(--bg-deep);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
  .hero-slider .slide h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.05;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: 1px;
  }
  .hero-slider .slide p {
    font-size: 18px;
    color: var(--text);
    margin-bottom: 28px;
    max-width: 540px;
  }
  .hero-slider .slide-cta { display: inline-flex; gap: 14px; flex-wrap: wrap; }
  .hero-slider .slider-controls {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 3;
  }
  .hero-slider .slider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0;
  }
  .hero-slider .slider-dot.active {
    background: var(--kc-gold);
    width: 36px;
    border-radius: 6px;
  }
  .hero-slider .slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(7,16,31,0.6);
    border: 2px solid rgba(255,255,255,0.3);
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    z-index: 3;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-slider .slider-arrow:hover {
    background: var(--kc-red);
    border-color: var(--kc-gold);
  }
  .hero-slider .slider-arrow.prev { left: 20px; }
  .hero-slider .slider-arrow.next { right: 20px; }

  @media (max-width: 768px) {
    .hero-slider .slides { height: 420px; }
    .hero-slider .slide { padding: 0 24px; }
    .hero-slider .slide h2 { font-size: 30px; }
    .hero-slider .slide p { font-size: 15px; }
    .hero-slider .slider-arrow { display: none; }
  }

  /* Zone Bars buttons (816 Bars, 913 Bars) */
  .zone-bars-wrap {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 800px;
  }
  .zone-bars-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    border-radius: 12px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 2px solid transparent;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  }
  .zone-bars-btn.btn-816 {
    background: linear-gradient(135deg, var(--kc-blue) 0%, var(--kc-blue-bright) 100%);
    color: #fff;
    border-color: var(--kc-blue-bright);
  }
  .zone-bars-btn.btn-913 {
    background: linear-gradient(135deg, var(--kc-red) 0%, var(--kc-red-bright) 100%);
    color: #fff;
    border-color: var(--kc-red-bright);
  }
  .zone-bars-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.6);
  }
  .zone-bars-btn.btn-816:hover { box-shadow: 0 18px 40px rgba(30,111,224,0.5); }
  .zone-bars-btn.btn-913:hover { box-shadow: 0 18px 40px rgba(229,27,51,0.5); }
  .zone-bars-btn .icon { font-size: 22px; }

  /* Gametime Tickets section enhancements */
  .gametime-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-left: 12px;
    vertical-align: middle;
  }
  .gametime-filter-bar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 28px;
    padding: 18px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
  }
  .gametime-filter-bar .filter-chip {
    padding: 10px 18px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-muted);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s;
    font-family: 'Manrope', sans-serif;
  }
  .gametime-filter-bar .filter-chip:hover { border-color: var(--kc-gold); color: var(--kc-gold); }
  .gametime-filter-bar .filter-chip.active {
    background: var(--kc-gold);
    color: var(--bg-deep);
    border-color: var(--kc-gold);
  }
  .gametime-disclosure {
    margin-top: 18px;
    padding: 14px 18px;
    background: rgba(255,184,28,0.06);
    border: 1px solid rgba(255,184,28,0.18);
    border-radius: 10px;
    font-size: 13px;
    color: var(--text-muted);
    text-align: center;
  }
  .gametime-disclosure strong { color: var(--kc-gold); }

  /* About Us section */
  .about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
  }
  .about-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, var(--kc-blue) 0%, var(--kc-red) 50%, var(--kc-gold) 100%);
  }
  .about-image::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--bg-deep);
    opacity: 0.4;
  }
  .about-image-content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
    padding: 30px;
  }
  .about-image-content .big {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 88px;
    line-height: 0.95;
    color: var(--kc-gold);
    text-shadow: 0 4px 30px rgba(0,0,0,0.5);
  }
  .about-image-content .tag {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 8px;
  }
  .about-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 30px;
  }
  .about-feature {
    padding: 16px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
  }
  .about-feature .ico {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--kc-blue) 0%, var(--kc-red) 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .about-feature h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 6px;
    color: #fff;
  }
  .about-feature p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }

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

  /* Testimonials */
  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
  }
  .testimonial-card {
    padding: 30px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    position: relative;
    transition: all 0.25s;
  }
  .testimonial-card:hover {
    transform: translateY(-4px);
    border-color: var(--kc-gold);
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
  }
  .testimonial-card::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 88px;
    font-family: 'Playfair Display', serif;
    color: var(--kc-gold);
    line-height: 1;
    opacity: 0.4;
  }
  .testimonial-stars {
    color: var(--kc-gold);
    font-size: 18px;
    margin-bottom: 14px;
    letter-spacing: 2px;
  }
  .testimonial-text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text);
    margin-bottom: 20px;
    font-style: italic;
  }
  .testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }
  .testimonial-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kc-blue) 0%, var(--kc-red) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
  }
  .testimonial-meta { display: flex; flex-direction: column; }
  .testimonial-name { font-weight: 700; color: #fff; font-size: 15px; }
  .testimonial-role { font-size: 13px; color: var(--text-muted); }

  /* Foundation / Charity Section */
  .foundation-band {
    background: linear-gradient(135deg, rgba(200,16,46,0.12) 0%, rgba(0,68,164,0.12) 50%, rgba(255,184,28,0.10) 100%);
    border-top: 2px solid var(--kc-gold);
    border-bottom: 2px solid var(--kc-gold);
  }
  .foundation-hero {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
  }
  .foundation-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 30px;
  }
  .foundation-stat {
    padding: 20px;
    background: var(--bg-card);
    border-left: 4px solid var(--kc-gold);
    border-radius: 0 10px 10px 0;
  }
  .foundation-stat .num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 42px;
    color: var(--kc-gold);
    line-height: 1;
  }
  .foundation-stat .label {
    font-size: 13px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 4px;
  }
  .foundation-causes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 40px;
  }
  .cause-card {
    padding: 24px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    text-align: center;
    transition: all 0.25s;
  }
  .cause-card:hover {
    transform: translateY(-4px);
    border-color: var(--kc-gold);
  }
  .cause-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kc-red) 0%, var(--kc-gold) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
  }
  .cause-card h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 8px;
  }
  .cause-card p { font-size: 14px; color: var(--text-muted); line-height: 1.5; }

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

  /* Video Showcase */
  .video-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
  }
  .video-main {
    position: relative;
    aspect-ratio: 16/9;
    background: var(--bg-card);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
  }
  .video-thumb {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--bg-soft) 0%, var(--bg-mid) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .video-thumb::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 40%, rgba(0,68,164,0.4), transparent 50%),
                radial-gradient(circle at 70% 60%, rgba(200,16,46,0.3), transparent 50%);
  }
  .play-btn {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--kc-gold);
    border: none;
    color: var(--bg-deep);
    font-size: 32px;
    cursor: pointer;
    transition: all 0.25s;
    box-shadow: 0 10px 40px rgba(255,184,28,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .play-btn:hover { transform: scale(1.08); }
  .play-btn::after {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 2px solid var(--kc-gold);
    opacity: 0.6;
    animation: pulse-ring 2s infinite;
  }
  @keyframes pulse-ring {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.3); opacity: 0; }
  }
  .video-label {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    z-index: 2;
  }
  .video-label h4 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 4px;
  }
  .video-label p { font-size: 14px; color: var(--text-muted); }
  .video-list { display: flex; flex-direction: column; gap: 14px; }
  .video-item {
    display: flex;
    gap: 14px;
    padding: 14px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .video-item:hover { border-color: var(--kc-gold); background: var(--bg-card-hover); }
  .video-item-thumb {
    width: 80px;
    height: 60px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--kc-blue) 0%, var(--kc-red) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
  }
  .video-item-info h5 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 4px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
  }
  .video-item-info p { font-size: 12px; color: var(--text-muted); line-height: 1.4; }

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

  /* Generic Illustration Card (for sections without images) */
  .illust-card {
    aspect-ratio: 4/3;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--bg-soft) 0%, var(--bg-mid) 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .illust-card svg { width: 60%; height: 60%; opacity: 0.85; }

  /* Cookie / Consent banner */
  .cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 720px;
    margin: 0 auto;
    background: var(--bg-card);
    border: 1px solid var(--border-bright);
    border-radius: 14px;
    padding: 20px 24px;
    z-index: 999;
    display: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
  }
  .cookie-banner.show { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
  .cookie-banner p { flex: 1; min-width: 200px; font-size: 14px; color: var(--text-muted); margin: 0; }
  .cookie-banner .cookie-actions { display: flex; gap: 10px; }

  /* Loading state for any future async features */
  .loading-skeleton {
    background: linear-gradient(90deg, var(--bg-card) 0%, var(--bg-card-hover) 50%, var(--bg-card) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 8px;
  }
  @keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
  }

  /* Print styles */
  @media print {
    .site-header, .utility-bar, footer, .back-to-top, .cookie-banner,
    .hero-slider .slider-arrow, .hero-slider .slider-controls { display: none !important; }
    body { background: #fff; color: #000; }
    .container { max-width: 100%; }
  }

  /* Focus visible improvements */
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
    outline: 3px solid var(--kc-gold);
    outline-offset: 2px;
    border-radius: 4px;
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    .hero-slider .slides { transition: none !important; }
  }
  .sports-lanes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
}

.lane {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  border-radius: 18px;
  background: #071326;
  border: 1px solid rgba(255,255,255,0.14);
}

.lane-art {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.lane-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 13, 28, 0.10) 0%,
    rgba(5, 13, 28, 0.35) 42%,
    rgba(5, 13, 28, 0.94) 100%
  );
}

.lane-content {
  position: relative;
  z-index: 2;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #ffffff;
}

.lane-art-football {
  background-image: url("https://s3b.a51.myftpupload.com/wp-content/themes/kcgoto/assets/images/lane-art.png") !important;
}

.lane-art-baseball {
  background-image: url("https://s3b.a51.myftpupload.com/wp-content/themes/kcgoto/assets/images/lane-art-2.png") !important;
}

.lane-art-hockey {
  background-image: url("https://s3b.a51.myftpupload.com/wp-content/themes/kcgoto/assets/images/lane-art-3.png") !important;
}

.lane-art-basketball {
  background-image: url("https://s3b.a51.myftpupload.com/wp-content/themes/kcgoto/assets/images/lane-art-4.png") !important;
}

@media (max-width: 1180px) {
  .sports-lanes {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .sports-lanes {
    grid-template-columns: 1fr;
  }

  .lane,
  .lane-content {
    min-height: 390px;
  }
}