/* Shared desktop refinements. Mobile styles remain in each page's inline CSS. */
@media (min-width: 768px) {
  /* The page already fills the viewport; 100vw included the scrollbar and
     pushed full-bleed sections slightly beyond the visible desktop area. */
  .bfw-page {
    overflow: visible;
  }

  .bfw-page .bfw-bleed {
    width: 100%;
    margin-left: 0;
  }

  .bfw-page .bfw-display {
    font-size: clamp(68px, 8vw, 150px);
    line-height: .9;
    letter-spacing: -.06em;
  }

  .bfw-page .bfw-display--medium {
    font-size: clamp(60px, 6.7vw, 120px);
  }

  .bfw-page .bfw-display--small {
    font-size: clamp(48px, 5.2vw, 88px);
  }

  .bfw-hero__title {
    line-height: .86;
    letter-spacing: -.065em;
  }

  .bfw-section__head > *,
  .bfw-featured__head > *,
  .bfw-impact__intro > *,
  .bfw-cta__row > * {
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .bfw-hero__image {
    left: 38%; /* Corrects the old, invalid inset-left declaration. */
  }

  .bfw-hero__main {
    width: min(72%, 720px);
  }

  .bfw-hero__title {
    font-size: clamp(72px, 8.3vw, 112px);
  }

  .bfw-statement__grid {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 32px;
  }

  .bfw-season__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px;
  }

  .bfw-season__content {
    position: static;
  }

  .bfw-page-intro__row,
  .bfw-manifesto__grid,
  .bfw-event-feature__grid,
  .bfw-journal-feature,
  .bfw-profile__grid {
    gap: 30px;
  }

  .bfw-page-intro__row {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  }

  .bfw-event-row {
    grid-template-columns: 95px minmax(0, 1fr) 150px 24px;
    gap: 14px;
  }

  .bfw-journal-row {
    grid-template-columns: 105px minmax(0, 1fr) 110px 24px;
    gap: 14px;
  }

  .bfw-pathway h2 {
    font-size: clamp(36px, 4.5vw, 60px);
  }

  .bfw-featured__head h2 {
    font-size: clamp(48px, 5.7vw, 74px);
  }
}