/* Desktop-only layout cleanup. The mobile site under /m/ is intentionally isolated. */
@media (min-width: 769px) {
  :root {
    --web-max: 1440px;
    --web-gutter: clamp(42px, 5vw, 72px);
    --web-inline: max(var(--web-gutter), calc((100vw - var(--web-max)) / 2));
    --web-section-y: clamp(88px, 7vw, 128px);
  }

  header.industrial-header,
  header.industrial-header.on-hero,
  header.industrial-header:not(.on-hero) {
    padding-inline: var(--web-inline);
  }

  #home.home-stage .home-copy,
  #home.home-stage .hero-bottom {
    left: var(--web-inline);
  }

  .capability-strip {
    padding-inline: var(--web-inline);
  }

  .capability-strip > div {
    min-height: 164px;
    padding: 28px clamp(20px, 2vw, 36px);
    gap: 18px;
  }

  .capability-strip span {
    min-height: 40px;
    font-size: clamp(13px, .78vw, 15px);
  }

  .capability-strip strong {
    font-size: clamp(28px, 2vw, 36px);
  }

  #systems.system-section,
  #products.product-section,
  #about.about-expanded,
  .applications > .section,
  #knowledge.section,
  .contact.section {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: var(--web-section-y) var(--web-inline) !important;
  }

  #products.product-section {
    padding-top: 72px !important;
    padding-bottom: 88px !important;
  }

  #about.about-expanded {
    padding-top: 84px !important;
    padding-bottom: 92px !important;
  }

  .applications > .section {
    padding-top: 78px !important;
    padding-bottom: 82px !important;
  }

  .section-heading,
  #systems .section-heading,
  #systems .system-grid,
  #about .about-intro-grid,
  .application-grid,
  #knowledge .knowledge-grid {
    width: 100%;
    max-width: var(--web-max);
    margin-inline: auto;
  }

  .section-heading h2,
  #systems .section-heading h2,
  .applications h2,
  #knowledge h2,
  .contact h2,
  #about.about-expanded h2 {
    font-size: clamp(44px, 3.35vw, 64px) !important;
    line-height: 1.12 !important;
  }

  .section-heading {
    gap: clamp(48px, 6vw, 96px);
    margin-bottom: clamp(44px, 4vw, 64px);
  }

  #systems .section-heading {
    gap: clamp(48px, 6vw, 96px);
    margin-bottom: clamp(44px, 4vw, 64px);
    padding-bottom: clamp(28px, 2.4vw, 40px);
  }

  #systems .system-card,
  #systems .system-card + .system-card {
    min-height: clamp(430px, 31vw, 510px);
    padding: clamp(26px, 2.2vw, 38px);
  }

  #systems .system-card h3 {
    margin-top: clamp(40px, 3.5vw, 58px);
  }

  #systems .system-card h4 {
    font-size: clamp(28px, 2.15vw, 36px);
  }

  #systems .system-card p {
    font-size: clamp(15px, 1.05vw, 18px);
  }

  #explore.room-stage {
    padding: 64px 0 80px;
  }

  #explore .stage-heading {
    padding-inline: var(--web-inline);
  }

  #explore .explorer-layout {
    max-width: 1600px;
    margin-inline: auto;
  }

  #products .product-grid {
    width: 100%;
    max-width: var(--web-max);
    margin-inline: auto;
  }

  #about .about-intro-grid {
    grid-template-columns: minmax(520px, .95fr) minmax(0, 1.05fr) !important;
    gap: clamp(52px, 5vw, 92px) !important;
  }

  #about .about-copy {
    max-width: 680px;
  }

  #products .section-heading h2 {
    font-size: clamp(38px, 3vw, 48px) !important;
  }

  #about.about-expanded h2 {
    font-size: clamp(42px, 2.85vw, 54px) !important;
  }

  .applications h2 {
    font-size: clamp(42px, 3vw, 58px) !important;
  }

  #about .about-feature-photos .company-photo > button {
    aspect-ratio: 16 / 10;
  }

  #about .about-photo-grid .company-photo > button {
    aspect-ratio: 16 / 9;
  }

  .applications > .section {
    background: transparent;
  }

  .application-grid {
    margin-top: 34px !important;
  }

  .application {
    min-height: 185px !important;
  }

  #knowledge .knowledge-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #knowledge .knowledge,
  #knowledge .knowledge:nth-child(n) {
    grid-column: auto !important;
    min-height: 350px;
  }

  .contact.section {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr) !important;
    gap: clamp(64px, 8vw, 132px) !important;
  }

  footer {
    padding: 48px var(--web-inline) 18px !important;
    column-gap: clamp(44px, 5vw, 88px) !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  :root {
    --web-gutter: clamp(34px, 5vw, 52px);
    --web-section-y: 80px;
  }

  header.industrial-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
  }

  header.industrial-header .brand {
    min-width: 0;
  }

  header.industrial-header .brand-lockup {
    gap: 10px !important;
  }

  header.industrial-header .brand-lockup > img {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  header.industrial-header .brand-wordmark strong {
    font-size: 29px !important;
  }

  header.industrial-header .brand .brand-wordmark small {
    font-size: 8px !important;
  }

  header.industrial-header nav {
    position: static;
    inset: auto;
    display: flex;
    width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  header.industrial-header nav .nav-group {
    width: 100%;
    justify-content: flex-end;
    gap: clamp(10px, 1.35vw, 15px);
  }

  header.industrial-header nav a {
    flex: 0 0 auto;
    font-size: 12px;
  }

  header.industrial-header .header-actions {
    position: static;
    width: auto;
    margin-left: 0;
    gap: 8px;
  }

  header.industrial-header .header-showroom {
    padding-inline: 12px;
    font-size: 12px;
  }

  header.industrial-header #language {
    padding-left: 10px;
    font-size: 11px;
  }

  #systems .system-grid,
  .application-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #about .about-intro-grid,
  .contact.section {
    grid-template-columns: 1fr !important;
  }

  #about .about-copy {
    position: static;
    max-width: 760px;
  }

  #knowledge .knowledge-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  #knowledge .knowledge,
  #knowledge .knowledge:nth-child(n) {
    min-height: 320px;
    padding: 24px !important;
  }

  #knowledge .knowledge h3 {
    font-size: 22px !important;
  }

  #knowledge .knowledge p {
    font-size: 14px !important;
  }
}

@media (min-width: 1800px) {
  #explore .explorer-layout {
    width: min(calc(100% - 2 * var(--web-inline)), 1600px);
  }
}