/* Shared structural system for the nine event detail pages. */
:where(
  .event-offsites-page,
  .event-afterworks-page,
  .event-family-days-page,
  .event-anniversary-page,
  .event-jubilacions-page,
  .event-gala-page,
  .event-summer-page,
  .event-conventions-page,
  .event-product-page
) {
  --event-container-max: 1360px;
  --event-grid-columns: repeat(12, minmax(0, 1fr));
  --event-gutter: clamp(23px, 4.4vw, 64px);
  --event-grid-gap: clamp(18px, 2.2vw, 32px);
  --event-section-space: clamp(72px, 7vw, 108px);
  --event-section-space-compact: clamp(48px, 4.8vw, 72px);
  --event-copy-gap: clamp(24px, 3vw, 44px);
  --event-eyebrow-size: clamp(10px, .78vw, 11px);
  --event-body-size: clamp(16px, 1.12vw, 18px);
}

:where(
  .event-offsites-page,
  .event-afterworks-page,
  .event-family-days-page,
  .event-anniversary-page,
  .event-jubilacions-page,
  .event-gala-page,
  .event-summer-page,
  .event-conventions-page,
  .event-product-page
) :is(h1, h2, h3, p) {
  overflow-wrap: break-word;
}

:where(
  .event-offsites-page,
  .event-afterworks-page,
  .event-family-days-page,
  .event-anniversary-page,
  .event-jubilacions-page,
  .event-gala-page,
  .event-summer-page,
  .event-conventions-page,
  .event-product-page
) :is(h1, h2[id]) {
  text-wrap: balance;
}

@media (max-width: 1180px) {
  :where(
    .event-offsites-page,
    .event-afterworks-page,
    .event-family-days-page,
    .event-anniversary-page,
    .event-jubilacions-page,
    .event-gala-page,
    .event-summer-page,
    .event-conventions-page,
    .event-product-page
  ) {
    --event-gutter: clamp(32px, 4.4vw, 52px);
    --event-grid-gap: clamp(18px, 2.4vw, 28px);
    --event-section-space: clamp(68px, 7vw, 88px);
  }
}

@media (max-width: 980px) {
  :where(
    .event-offsites-page,
    .event-afterworks-page,
    .event-family-days-page,
    .event-anniversary-page,
    .event-jubilacions-page,
    .event-gala-page,
    .event-summer-page,
    .event-conventions-page,
    .event-product-page
  ) {
    --event-gutter: clamp(28px, 4.2vw, 42px);
    --event-grid-gap: clamp(18px, 2.8vw, 26px);
    --event-section-space: clamp(62px, 7vw, 78px);
    --event-copy-gap: clamp(22px, 3vw, 34px);
  }
}

@media (max-width: 760px) {
  :where(
    .event-offsites-page,
    .event-afterworks-page,
    .event-family-days-page,
    .event-anniversary-page,
    .event-jubilacions-page,
    .event-gala-page,
    .event-summer-page,
    .event-conventions-page,
    .event-product-page
  ) {
    --event-gutter: 23px;
    --event-grid-gap: 18px;
    --event-section-space: 64px;
    --event-section-space-compact: 44px;
    --event-copy-gap: 28px;
    --event-body-size: 16px;
  }
}