:root {
        color-scheme: dark;
      }
      * {
        box-sizing: border-box;
      }
      html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
      }
      body {
        margin: 0;
        background: #0a0a0a;
        color: #fff;
        font-family: Inter, sans-serif;
      }
      .mobile-menu-active {
        display: flex;
      }
      .page-grid {
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
          linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.022) 1px,
            transparent 1px
          );
        background-size: 52px 52px;
        mask-image: linear-gradient(to bottom, #000, transparent);
      }
      .nav-dropdown summary {
        list-style: none;
      }
      .nav-dropdown summary::-webkit-details-marker {
        display: none;
      }
      .nav-dropdown-chevron {
        transition: transform 0.2s ease;
      }
      .nav-dropdown[open] .nav-dropdown-chevron {
        transform: rotate(180deg);
      }
      .nav-dropdown-panel {
        position: absolute;
        left: 50%;
        top: calc(100% + 0.65rem);
        z-index: 70;
        min-width: 12rem;
        transform: translate(-50%, -0.3rem);
        visibility: hidden;
        opacity: 0;
        transition:
          opacity 0.2s ease,
          transform 0.2s ease,
          visibility 0.2s;
      }
      .nav-dropdown[open] .nav-dropdown-panel {
        transform: translate(-50%, 0);
        visibility: visible;
        opacity: 1;
      }
      .season-nav {
        scrollbar-width: none;
      }
      .season-nav::-webkit-scrollbar {
        display: none;
      }
      .season-section {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 2.5rem;
        scroll-margin-top: 9rem;
        content-visibility: auto;
        contain-intrinsic-size: auto 1100px;
      }
      .season-heading {
        align-self: start;
        position: sticky;
        top: 10rem;
      }
      .season-heading strong {
        display: block;
        font-family: Anton, sans-serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 0.95;
        text-transform: uppercase;
      }
      .season-heading small {
        display: block;
        margin-top: 0.8rem;
        color: rgba(255, 255, 255, 0.35);
        font-size: 0.58rem;
        font-weight: 800;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }
      .event-list {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 1.4rem;
        background: rgba(255, 255, 255, 0.018);
      }
      .event-row {
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr);
        min-height: 156px;
        content-visibility: auto;
        contain-intrinsic-size: auto 156px;
      }
      .event-row + .event-row {
        border-top: 1px solid rgba(255, 255, 255, 0.075);
      }
      .event-row.no-photo {
        grid-template-columns: 1fr;
      }
      .event-media {
        position: relative;
        min-height: 156px;
        overflow: hidden;
        background: #151515;
      }
      .event-media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .event-content {
        display: flex;
        min-width: 0;
        flex-direction: column;
        justify-content: center;
        padding: 1.35rem 1.6rem;
      }
      .event-meta {
        margin-bottom: 0.55rem;
        color: #00d2ff;
        font-size: 0.56rem;
        font-weight: 800;
        letter-spacing: 0.18em;
        line-height: 1.5;
        text-transform: uppercase;
      }
      .event-title {
        font-family: Anton, sans-serif;
        font-size: 1.55rem;
        font-weight: 400;
        line-height: 1.06;
        text-transform: uppercase;
      }
      .event-text {
        max-width: 58rem;
        margin-top: 0.65rem;
        color: rgba(255, 255, 255, 0.6);
        font-size: 0.78rem;
        line-height: 1.55;
      }
      .event-results {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        margin-top: 0.8rem;
      }
      .event-results li {
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.035);
        padding: 0.4rem 0.65rem;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.64rem;
        font-weight: 700;
        line-height: 1.35;
      }
      @media (max-width: 767px) {
        .season-section {
          grid-template-columns: 1fr;
          gap: 1.1rem;
        }
        .season-heading {
          position: static;
        }
        .season-heading strong {
          font-size: 2.2rem;
        }
        .event-row {
          grid-template-columns: 116px minmax(0, 1fr);
          min-height: 138px;
          contain-intrinsic-size: auto 138px;
        }
        .event-media {
          min-height: 138px;
        }
        .event-content {
          padding: 1.1rem;
        }
        .event-title {
          font-size: 1.25rem;
        }
        .event-text {
          font-size: 0.72rem;
        }
      }
      @media (max-width: 479px) {
        .event-row,
        .event-row.no-photo {
          grid-template-columns: 1fr;
          contain-intrinsic-size: auto 190px;
        }
        .event-media {
          min-height: 190px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto !important;
        }
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
        }
      }