/* Desktop follows one editorial reading path. These rules never run on mobile. */
@media (min-width: 851px) {
  .page-width {
    width: min(calc(100% - clamp(64px, 7vw, 128px)), 1160px);
  }

  /* Format: premise, first change, then the visual mechanic. */
  .format-section { padding: clamp(96px, 9vw, 132px) 0 0; }
  .format-layout { gap: 58px; }

  .format-heading {
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 940px;
  }

  .format-heading h2 {
    max-width: 980px;
    font-size: clamp(50px, 4.5vw, 68px);
  }

  .format-heading > p { max-width: 700px; margin: 0; }
  .format-changes { gap: 54px; max-width: 940px; }

  .format-change {
    grid-template-columns: minmax(260px, .6fr) minmax(420px, 1fr);
    gap: 44px;
    max-width: 860px;
  }

  .format-game {
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: 0;
    max-width: none;
    padding-top: 42px;
  }

  .format-game-copy { max-width: 720px; }
  .format-game-image {
    width: min(62%, 600px);
    margin: 0 0 -54px auto;
  }

  /* Distribution: read the argument first, then inspect the scheme. */
  .content-engine {
    display: grid;
    grid-template-columns: 1fr;
    gap: 46px;
    padding: clamp(104px, 10vw, 142px) 0;
  }

  .content-engine-copy { max-width: 820px; padding: 0; }
  .content-engine-copy h2 {
    max-width: 980px;
    font-size: clamp(50px, 4.5vw, 68px);
  }

  .content-engine-copy p { max-width: 720px; }
  .content-engine-visual { width: 100%; max-width: 960px; min-height: 310px; }
  .content-engine-close { max-width: 790px; margin-top: 0; }

  /* Launch: the explanation is one group, followed by one complete map. */
  .launch-section { padding: clamp(106px, 10vw, 144px) 0; }
  .launch-layout { grid-template-columns: 1fr; gap: 54px; }
  .launch-copy { max-width: 820px; }

  .launch-copy h2 {
    max-width: 950px;
    font-size: clamp(50px, 4.5vw, 68px);
  }

  .launch-copy h2 + p { margin-top: 25px; }
  .launch-flow { width: 100%; max-width: 960px; min-height: 280px; }
  .launch-close { max-width: 800px; margin: 0; }

  /* Partnership: one vertical set of offers, no competing horizontal tracks. */
  .partners { padding: clamp(106px, 10vw, 144px) 0; }
  .partners-layout { display: grid; grid-template-columns: 1fr; row-gap: 42px; }
  .partners-header { max-width: 900px; }

  .partners-header h2 {
    max-width: 980px;
    font-size: clamp(50px, 4.5vw, 68px);
  }

  .partners-intro { max-width: 720px; margin-top: 25px; }
  .partner-offers { display: block; width: 100%; max-width: 940px; }

  .offer {
    grid-template-columns: minmax(270px, .62fr) minmax(440px, 1fr);
    gap: 44px;
    padding: 38px 0;
  }

  .partners-close { max-width: 760px; margin: 0; }

  /* Contact remains the final handoff, with no overlap between title and details. */
  .contact {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: clamp(100px, 10vw, 138px) 0 76px;
  }

  .contact-copy h2 {
    max-width: 900px;
    font-size: clamp(52px, 4.7vw, 72px);
  }

  .contact-panel { justify-self: start; }
}