/* Screen layout correction, 2026-10-05. Keep the existing identity,
   cinematic media, release distinctions, content, and print styles. */
@media screen {
  :root {
    --wide-gutter: clamp(16px, 2vw, 72px);
    --wide-gap: clamp(24px, 2vw, 72px);
  }

  .container,
  .source-content .release-note {
    width: calc(100% - var(--wide-gutter) * 2);
    max-width: none;
    margin-inline: auto;
  }

  .container .container,
  .archived-content .container,
  .policy-document .legal-doc {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .source-content .legal-doc { max-width: none; }
  .container > *, .grid > *, .split > *, .editorial-split > *,
  .builder-grid > *, .work-grid > *, .work-feature-grid > *,
  .footer-top > *, .policy-frame > * { min-width: 0; }

  /* Limit prose lines, never the complete page or its cards/media. */
  .legal-doc > p, .legal-doc > ul, .legal-doc > ol,
  .policy-document .legal-doc p, .policy-document .legal-doc li {
    max-width: 90ch;
  }

  .work-card p, .card p, .panel p, .product-card p { overflow-wrap: break-word; }
}

@media screen and (min-width: 1101px) {
  html { scroll-padding-top: clamp(120px, 7vw, 190px); }
  body { font-size: clamp(16px, 1.03vw, 24px); }
  .nav-shell { min-height: clamp(83px, 5.5vw, 144px); gap: var(--wide-gap); }
  .brand img { width: clamp(43px, 2.8vw, 88px); height: auto; }
  .brand strong { font-size: clamp(16px, 1vw, 30px); }
  .brand small { font-size: clamp(10px, .6vw, 18px); }
  .nav-menu { gap: clamp(20px, 1.55vw, 58px); }
  .nav-menu > a { font-size: clamp(13px, .82vw, 25px); }

  .hero-copy { width: 52%; max-width: none; }
  .hero-copy h1 { font-size: clamp(86px, 6.25vw, 240px); }
  .hero-layout { padding-top: clamp(174px, 10vw, 384px); padding-bottom: clamp(125px, 7.5vw, 288px); }
  .hero-copy .eyebrow { font-size: clamp(11px, .68vw, 22px); }
  .hero-copy .lede { max-width: min(100%, 60ch); font-size: clamp(17px, 1.03vw, 30px); }
  .inner-hero .hero-copy { width: 66%; max-width: none; }
  .inner-hero .hero-copy h1 { font-size: clamp(64px, 4.75vw, 182px); }
  .inner-hero .hero-copy .lede { max-width: min(100%, 70ch); font-size: clamp(17px, 1vw, 29px); }
  .inner-hero .hero-subtitle { max-width: min(100%, 60ch); font-size: clamp(21px, 1.4vw, 45px); }
  .inner-hero .hero-layout { padding-top: clamp(152px, 9.4vw, 360px); padding-bottom: clamp(110px, 6.5vw, 250px); }
  .hero-meta { bottom: clamp(28px, 1.8vw, 68px); }
  .hero-credit, .film-controls, .film-button { font-size: clamp(12px, .72vw, 22px); }
  .film-status { max-width: none; }
  .film-button { min-height: clamp(44px, 2.7vw, 78px); padding: clamp(8px, .7vw, 20px) clamp(12px, 1vw, 30px); }
  .hero-principles { font-size: clamp(12px, .75vw, 24px); }
  .breadcrumbs { font-size: clamp(12px, .7vw, 22px); }
  .btn, .hero-copy .btn { font-size: clamp(14px, .82vw, 25px); padding: clamp(13px, .9vw, 28px) clamp(19px, 1.4vw, 44px); }
  .cta-row { gap: clamp(10px, .8vw, 28px); }
  .eyebrow { font-size: clamp(11px, .65vw, 21px); }

  h2 { font-size: clamp(38px, 3vw, 98px); }
  h3 { font-size: clamp(24px, 1.5vw, 48px); }
  .section { padding-block: clamp(85px, 5.4vw, 175px); }
  .section-head { display: grid; grid-template-columns: 1.25fr 1fr; gap: var(--wide-gap); }
  .section-head > div { max-width: none; }
  .section-head > .muted { max-width: 65ch; font-size: clamp(16px, .96vw, 27px); }
  .section-intro { max-width: 78ch; }
  .source-content .section-head h2 { font-size: clamp(36px, 2.6vw, 86px); }
  .grid, .cards-2, .split, .work-grid, .work-feature-grid { gap: var(--wide-gap); }
  .card, .panel, .source-content .product-card { padding: clamp(27px, 1.8vw, 64px); }
  .card p, .panel p, .source-content .product-card p, .check-list li { font-size: clamp(16px, .96vw, 27px); }
  .card p, .panel p, .source-content .product-card p { max-width: 78ch; }
  .panel h2 { font-size: clamp(29px, 1.9vw, 61px); }
  .platform-card { min-height: clamp(390px, 24vw, 770px); }
  .platform-card h3, .engineering .card h3 { font-size: clamp(29px, 1.9vw, 62px); }
  .platform-card > p { max-width: 56ch; }
  .platform-card .mini-tag, .status { font-size: clamp(11px, .64vw, 21px); }
  .platform-card .product-glyph { font-size: clamp(40px, 3vw, 110px); }
  .card .btn { font-size: clamp(13px, .8vw, 24px); }
  .compact .card { padding: clamp(19px, 1.4vw, 48px); }
  .compact .card h3 { font-size: clamp(20px, 1.2vw, 39px); }
  .compact .card p { font-size: clamp(15px, .9vw, 25px); }
  .rail-grid a { padding: clamp(24px, 1.8vw, 62px); }
  .rail-grid small, .rail-grid .release-text { font-size: clamp(11px, .68vw, 22px); }
  .rail-grid strong { font-size: clamp(17px, 1.1vw, 35px); }

  .feature-visual { height: clamp(200px, 16vw, 520px); margin: calc(clamp(27px, 1.8vw, 64px) * -1) calc(clamp(27px, 1.8vw, 64px) * -1) 28px; }
  .feature-visual .visual-label { font-size: clamp(11px, .7vw, 23px); }
  .feature-visual .visual-number { font-size: clamp(96px, 7vw, 240px); }
  .editorial-split, .builder-grid { gap: var(--wide-gap); }
  .principle-row h3 { font-size: clamp(22px, 1.4vw, 43px); }
  .principle-row p, .builder-grid .lede { font-size: clamp(16px, 1vw, 29px); max-width: 76ch; }
  .builder-grid h2 { font-size: clamp(45px, 3vw, 96px); }
  .builder-links { font-size: clamp(14px, .86vw, 26px); }
  .closing h2 { max-width: 66%; font-size: clamp(48px, 3.5vw, 120px); }
  .source-content .pricing-strip { grid-template-columns: minmax(0, 1fr) minmax(230px, 22%); gap: var(--wide-gap); }
  .source-content .pricing-strip h2 { max-width: 65ch; font-size: clamp(30px, 2vw, 64px); }
  .price { font-size: clamp(72px, 4.7vw, 168px); }
  .price small { font-size: clamp(14px, .85vw, 26px); }
  .release-note, .callout, .notice { font-size: clamp(15px, .9vw, 26px); }
  .search-region input { max-width: min(100%, 45ch); font-size: clamp(16px, 1vw, 28px); }
  .search-label, .catalog-result, .text-link { font-size: clamp(14px, .82vw, 25px); }
  .policy-frame { grid-template-columns: minmax(200px, 19%) minmax(0, 1fr); gap: var(--wide-gap); }
  .policy-nav { top: clamp(120px, 7vw, 190px); font-size: clamp(13px, .8vw, 24px); }
  .policy-document .legal-doc p, .policy-document .legal-doc li { font-size: clamp(16px, 1vw, 27px); }
  .policy-document .legal-doc h2 { font-size: clamp(26px, 1.65vw, 52px); }
  .simple-table, table { font-size: clamp(15px, .94vw, 26px); }
  .source-content section[id], .work-group { scroll-margin-top: clamp(120px, 7vw, 190px); }
  .timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wide-gap); }
  .timeline-item h3 { font-size: clamp(22px, 1.4vw, 44px); }
  .timeline-item p { font-size: clamp(16px, .94vw, 26px); }

  .work-visual { min-height: clamp(228px, 16vw, 540px); padding: clamp(27px, 1.8vw, 60px); }
  .work-identity { font-size: clamp(46px, 2.6vw, 96px); }
  .work-visual small, .work-visual .visual-note { font-size: clamp(11px, .65vw, 21px); }
  .work-card-content, .work-feature-grid .work-card-content { padding: clamp(26px, 1.7vw, 60px); }
  .work-card h3, .work-feature-grid .work-card h3 { font-size: clamp(24px, 1.55vw, 48px); }
  .work-description { font-size: clamp(16px, .96vw, 27px); }
  .work-kicker, .work-tags li { font-size: clamp(11px, .64vw, 21px); }
  .work-link, .work-domain { font-size: clamp(13px, .78vw, 24px); }
  .work-feature-grid .work-identity { font-size: clamp(41px, 2.4vw, 86px); }
  .work-feature-grid .work-visual-irondad .work-identity { font-size: clamp(52px, 3vw, 105px); }
  .work-visual-reborn .work-identity { font-size: clamp(37px, 2.2vw, 78px); }
  .work-visual-carwash .work-identity { font-size: clamp(36px, 2.1vw, 75px); }
  .work-visual-grand-prix .work-identity, .work-visual-procedural2 .work-identity,
  .work-visual-procedural3 .work-identity { font-size: clamp(28px, 1.6vw, 57px); }
  .work-mini-grid { gap: var(--wide-gap); }
  .work-mini { padding: clamp(23px, 1.5vw, 54px); }
  .work-mini strong { font-size: clamp(20px, 1.25vw, 40px); }
  .work-mini .mini-summary, .work-index-panel a { font-size: clamp(14px, .9vw, 27px); }
  .work-index-panel { padding: clamp(35px, 2.5vw, 85px); }
  .work-index-panel h2 { font-size: clamp(36px, 2.6vw, 88px); }
  .work-index-panel .work-index-all, .work-group-head p, .work-result,
  .work-footnote, .work-brief p { font-size: clamp(14px, .84vw, 25px); }
  .work-group-head h2 { font-size: clamp(36px, 2.4vw, 78px); }
  .work-group-head p { max-width: 65ch; }
  .work-footnote, .work-brief p { max-width: 85ch; }
  .work-search { width: 32%; min-width: 270px; font-size: clamp(13px, .78vw, 24px); }
  .work-search input, .work-filters button { font-size: clamp(14px, .85vw, 25px); }
  .work-filters button { padding: clamp(11px, .8vw, 24px) clamp(16px, 1.1vw, 34px); }

  .footer-top { gap: var(--wide-gap); }
  .footer-about p { max-width: 60ch; font-size: clamp(14px, .85vw, 25px); }
  .footer-col h2 { font-size: clamp(12px, .7vw, 22px); }
  .footer-col a, .footer-subnav { font-size: clamp(14px, .85vw, 26px); }
  .footer-bottom { font-size: clamp(12px, .72vw, 22px); }
  .footer-bottom div:last-child { max-width: 60ch; }
}

@media screen and (min-width: 1600px) {
  .work-grid, .work-grid-clients { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}