/* 宽屏布局：让内容占据合理画布，而不是缩在大屏中央。 */
@media (min-width: 801px) {
  .topbar,
  .hero,
  .section,
  footer {
    max-width: 1420px;
  }

  .topbar {
    padding-inline: 36px;
  }

  .section {
    padding: 96px 36px;
  }

  .hero {
    min-height: 620px;
    padding: 92px 36px 64px;
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    gap: 56px;
  }

  .hero-board-wrap {
    height: 470px;
  }

  .section-heading {
    display: block;
    margin-bottom: 36px;
  }

  .section-heading > p {
    max-width: 430px;
    margin: 16px 0 0;
    text-align: left;
    font-size: 15px;
  }

  footer {
    padding-inline: 36px;
  }
}

@media (min-width: 1500px) {
  .hero-board {
    transform: scale(1.12) rotate(-11deg);
  }

  .board-caption {
    left: 22px;
    right: 22px;
  }
}

@media (min-width: 1800px) {
  .hero {
    min-height: 650px;
  }

  .hero-copy h1 {
    font-size: 96px;
  }
}

/* 真正的大屏网格：首屏不再停留在页面中央的小舞台。 */
@media (min-width: 1280px) {
  .topbar,
  .hero,
  .section,
  footer {
    max-width: 1720px;
  }

  .topbar {
    height: 88px;
    padding-inline: 48px;
  }

  nav {
    gap: 34px;
    font-size: 14px;
  }

  .section {
    padding: 108px 48px;
  }

  .hero {
    min-height: 650px;
    padding: 90px 48px 62px;
    grid-template-columns: minmax(650px, 1.05fr) minmax(520px, .95fr);
    gap: 72px;
  }

  .hero-copy {
    max-width: 790px;
  }

  .hero-copy h1 {
    font-size: clamp(76px, 5vw, 102px);
    line-height: 1.08;
  }

  .eyebrow {
    font-size: 12px;
    margin-bottom: 22px;
  }

  .lede {
    max-width: 540px;
    font-size: 17px;
    margin-top: 30px;
    margin-bottom: 34px;
  }

  .hero-board-wrap {
    height: 520px;
  }

  .hero-board {
    transform: scale(1.22) rotate(-11deg);
  }

  .board-caption {
    left: 42px;
    right: 42px;
    bottom: 16px;
  }

  .section-heading {
    display: grid;
    grid-template-columns: minmax(0, 700px) minmax(320px, 430px);
    align-items: end;
    column-gap: 88px;
    margin-bottom: 44px;
  }

  .section-heading h2 {
    font-size: 76px;
  }

  .section-heading > p {
    max-width: 520px;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.9;
  }

  .section-heading.compact {
    display: block;
  }

  footer {
    padding-inline: 48px;
  }
}