/* DWR-02: the desktop switch follows content width, including classic scrollbars. */
@media (min-width: 700px) {
  .page-shell { container-type: inline-size; }
}

@container (min-width: 1100px) {
  .site-header,
  .site-footer {
    padding-inline: max(36px, calc((100cqw - clamp(570px, calc(570px + (100cqw - 1100px) * 1.558824), 1100px)) / 2));
  }

  /* The reading axis and scene envelope grow continuously into the 1440 master. */
  .home-hero {
    --hero-shell-width: clamp(834px, calc(834px + (100cqw - 1100px) * .782353), 1100px);
    --hero-copy-indent: clamp(70px, calc(132px - (100cqw - 1100px) * .182353), 132px);
    --hero-art-width: clamp(930px, calc(930px + (100cqw - 1100px) * .352942), 1050px);
    min-height: clamp(1080px, calc(1100px - (100cqw - 1100px) * .058824), 1100px);
  }
  .home-hero .content-container { max-width: var(--hero-shell-width); }
  .home-hero__copy { margin-left: var(--hero-copy-indent); margin-right: 0; }
  .home-hero__master {
    left: calc(50% - var(--hero-art-width) / 2);
    width: var(--hero-art-width);
    top: auto;
    bottom: clamp(1px, calc(1px + (100cqw - 1100px) * .158824), 55px);
  }
  .home-hero__orientation {
    left: max(36px, calc((100cqw - var(--hero-shell-width)) / 2 + var(--hero-copy-indent)));
  }

  /* Horizontal rules open gradually without changing text measure or type. */
  #fit,
  #research-approach {
    --editorial-rule-width: clamp(570px, calc(570px + (100cqw - 1100px) * .441177), 720px);
  }
  #fit .home-fit-list,
  #research-approach .home-method {
    width: var(--editorial-rule-width);
    margin-left: calc((570px - var(--editorial-rule-width)) / 2);
  }
  #fit .home-fit-list li {
    padding-left: clamp(2px, calc(2px + (100cqw - 1100px) * .214706), 75px);
  }
  #research-approach .home-method__item {
    grid-template-columns:
      clamp(44px, calc(44px + (100cqw - 1100px) * .029412), 54px)
      clamp(110px, calc(110px + (100cqw - 1100px) * .088236), 140px)
      1fr;
  }

  /* The tree, observer and stars share one bounded narrative anchor. */
  .home-coordinate {
    --coordinate-shell-width: clamp(834px, calc(834px + (100cqw - 1100px) * .782353), 1100px);
    --coordinate-copy-indent: clamp(70px, calc(132px - (100cqw - 1100px) * .182353), 132px);
  }
  .home-coordinate .content-container { max-width: var(--coordinate-shell-width); }
  .home-coordinate__copy { margin-left: var(--coordinate-copy-indent); margin-right: 0; }
  .home-coordinate__scene {
    --scene-art-width: clamp(721px, calc(721px + (100cqw - 1100px) * .585295), 920px);
    height: calc(var(--scene-art-width) * 1.5);
    margin-top: clamp(48px, calc(74px - (100cqw - 1100px) * .076471), 74px);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 clamp(0px, calc((100cqw - 1100px) * .441177), 150px));
    mask-image: linear-gradient(to bottom, transparent, #000 clamp(0px, calc((100cqw - 1100px) * .441177), 150px));
  }
  .home-coordinate__master {
    left: calc(50% - var(--scene-art-width) * .464);
  }
}