@layer components {
  .events-hero {
    background: radial-gradient(circle at 0 0, #FAF7F2 0, #F7F3EC 45%, #E8DED0 100%);
    border-bottom: 1px solid rgba(201, 188, 175, 0.7);
  }

  .events-hero__inner {
    align-items: center;
  }

  .events-hero__content {
    max-width: 38rem;
  }

  .events-hero__facts {
    margin-top: var(--space-4);
  }

  .events-section-header {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
  }

  .events-section-header--split {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: var(--space-6);
    align-items: flex-end;
  }

  .events-section-header__text {
    max-width: 40rem;
  }

  .events-overview {
    padding: var(--space-12) 0 var(--space-10);
  }

  .events-overview__card {
    position: relative;
  }

  .events-overview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
    margin-top: var(--space-5);
  }

  .events-overview__item h4 {
    margin-bottom: var(--space-2);
  }

  .events-overview__cta {
    margin-top: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .events-overview__note {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
  }

  .events-top10 {
    padding: var(--space-10) 0;
    background-color: var(--color-neutral-50);
    border-top: 1px solid rgba(201, 188, 175, 0.6);
    border-bottom: 1px solid rgba(201, 188, 175, 0.6);
  }

  .events-list {
    counter-reset: events-top10;
  }

  .events-list--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .events-list__item h3 {
    font-size: 1.1rem;
  }

  .events-corporate {
    padding: var(--space-12) 0 var(--space-10);
  }

  .events-corporate__summary {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
  }

  .events-corporate__btn {
    align-self: flex-start;
  }

  .events-corporate__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
    margin-top: var(--space-6);
  }

  .events-games {
    padding: var(--space-10) 0;
    background-color: var(--color-surface);
  }

  .events-games__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .events-games__list li + li {
    margin-top: var(--space-3);
  }

  .events-wine {
    padding: var(--space-12) 0 var(--space-10);
  }

  .events-wine__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    margin-top: var(--space-5);
  }

  .events-wine__cta {
    margin-top: var(--space-6);
  }

  .events-celebrations {
    padding: var(--space-12) 0 var(--space-10);
    background-color: var(--color-neutral-50);
  }

  .events-celebrations__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--space-6);
    align-items: center;
  }

  .events-celebrations__image-wrap {
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(201, 188, 175, 0.9);
    box-shadow: var(--shadow-md);
  }

  .events-celebrations__content {
    position: relative;
  }

  .events-hosted {
    padding: var(--space-12) 0 var(--space-10);
  }

  .events-hosted__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: var(--space-6);
    align-items: center;
  }

  .events-hosted__image-wrap {
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(201, 188, 175, 0.9);
    box-shadow: var(--shadow-md);
  }

  .events-success {
    padding: var(--space-10) 0;
    background-color: var(--color-surface);
  }

  .events-success__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .events-reservations {
    padding: var(--space-12) 0 var(--space-10);
  }

  .events-reservations__card {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--space-6);
    align-items: flex-start;
  }

  .events-reservations__list li + li {
    margin-top: var(--space-2);
  }

  .events-reservations__note {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
  }

  .events-explore {
    padding: var(--space-8) 0 var(--space-12);
    border-top: 1px solid rgba(201, 188, 175, 0.7);
  }

  .events-explore__inner {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto;
  }

  .events-explore__links {
    margin-top: var(--space-4);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-3);
  }

  .events-success__summary,
  .events-wine__intro {
    max-width: 28rem;
  }

  .events-games__column h3,
  .events-wine__item h3,
  .events-success__item h3,
  .events-corporate__item h3,
  .events-reservations__card h2 {
    color: var(--color-text);
  }

  @media (max-width: 1024px) {
    .events-celebrations__layout,
    .events-hosted__layout,
    .events-reservations__card,
    .events-section-header--split {
      grid-template-columns: minmax(0, 1fr);
    }

    .events-success__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .events-corporate__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 800px) {
    .events-overview__grid,
    .events-list--grid,
    .events-corporate__grid,
    .events-games__grid,
    .events-wine__grid,
    .events-success__grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .events-overview {
      padding: var(--space-10) 0 var(--space-8);
    }

    .events-celebrations,
    .events-hosted,
    .events-reservations,
    .events-wine,
    .events-corporate {
      padding: var(--space-10) 0 var(--space-8);
    }
  }

  @media (max-width: 640px) {
    .events-hero__content {
      max-width: 100%;
    }

    .events-section-header {
      margin-bottom: var(--space-5);
    }

    .events-reservations__card {
      padding: var(--space-5);
    }
  }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }