/* Large desktop layouts. Breakpoints use CSS pixels, so Windows display scaling
   is accounted for by the browser rather than by the monitor's raw resolution. */
@media (min-width: 1500px) {
  .container {
    width: calc(100% - 96px);
    max-width: 1380px;
    padding-inline: 18px;
  }

  .stricky-header .main-menu__inner { max-width: 1380px; }

  .page-hero__shell { min-height: 244px; }
  .page-hero__motif { width: min(51%, 760px); }
  .page-hero--research .page-hero__motif { width: min(57%, 850px); }

  .home-hero__content { width: min(calc(100% - 96px), 1380px); }
  .home-hero__inner { width: min(100%, 920px); }
  .home-research__moire { width: min(100%, 470px); }
  .home-recent__grid { grid-template-rows: 410px; }

  .research-story__shell { max-width: 1230px; }
  .news-chronicle__shell { width: min(1320px, calc(100% - 96px)); }
  .news-article__shell { width: min(1250px, calc(100% - 96px)); }
  .news-article__layout { grid-template-columns: minmax(0, 1fr) 300px; }
  .publication-layout { gap: 52px; }
  .publication .publication-title,
  .publication .publication-authors,
  .publication .publication-meta { max-width: 100%; }
  .gallery-page .container { max-width: 1320px; }
  .equipment-gallery .container { max-width: 1380px; }
  .simulator-frame { width: min(1240px, calc(100% - 96px)); }
}

@media (min-width: 1920px) {
  .container {
    width: calc(100% - 128px);
    max-width: 1580px;
    padding-inline: 22px;
  }

  .stricky-header .main-menu__inner { max-width: 1580px; }

  .page-hero__shell { min-height: 264px; padding-top: 34px; padding-bottom: 54px; }
  .page-hero__title { font-size: clamp(72px, 4.1vw, 84px); }
  .page-hero__subtitle { font-size: 25px; }
  .page-hero__motif { width: min(52%, 830px); }
  .page-hero--research .page-hero__motif { width: min(57%, 930px); }

  .home-hero__content { width: min(calc(100% - 128px), 1580px); }
  .home-hero__inner { width: min(100%, 1000px); }
  .home-research__moire { width: min(100%, 510px); }
  .home-recent__grid { grid-template-rows: 440px; gap: 26px; }
  .home-recent__body { height: 147px; padding: 0 20px 20px; }
  .home-recent__item strong { font-size: 25px; }

  .research-story__shell { max-width: 1320px; }
  .news-chronicle__shell { width: min(1420px, calc(100% - 128px)); }
  .news-deck__stage { height: 405px; }
  .news-deck__card { width: 570px; height: 295px; }
  .news-deck__card[data-position="-1"] { transform: translateX(calc(-50% - 375px)) rotate(-4deg) scale(.94); }
  .news-deck__card[data-position="1"] { transform: translateX(calc(-50% + 375px)) rotate(4deg) scale(.94); }
  .news-article__shell { width: min(1320px, calc(100% - 128px)); }
  .news-article__body p { font-size: 18px; }
  .news-list__item { grid-template-columns: 140px 140px minmax(0, 1fr) 34px; }
  .news-list__thumb { width: 140px; }

  .publication-layout { max-width: 1500px; grid-template-columns: minmax(0, 1fr) 290px; gap: 60px; }
  .publication .publication-authors,
  .publication .publication-meta { font-size: 15px; }
  .gallery-page .container { max-width: 1420px; }
  .equipment-gallery .container { max-width: 1480px; }
  .equipment-card__description { font-size: 14px; }
  .professor-details .professor-card { width: min(1250px, 100%); }
  .simulator-frame { width: min(1320px, calc(100% - 128px)); }
}

@media (min-width: 2560px) {
  /* Keep long text lines and imagery at a readable size on unscaled 4K displays. */
  .container { max-width: 1680px; }
  .stricky-header .main-menu__inner { max-width: 1680px; }
  .home-hero__content { max-width: 1680px; }
  .page-hero__shell { min-height: 280px; }
  .page-hero__motif { width: min(52%, 880px); }
  .page-hero--research .page-hero__motif { width: min(57%, 980px); }
}