/* Laptop tier (6 Oct 2026): 1024 to 1600px wide, the 14" MacBook most
   visitors use (about 1350 x 700 of browser window). Hulusi: everything felt
   big there, titles and buttons alike. Measured before this file at 1350:
   homepage hero 42px, section titles 39px, but case page titles 73px, the
   type behind the phone 128px, key figures 122px, quotes 26px; buttons 50px
   and the bar 80px at every width. This tier brings the case pages in line
   with the homepage and takes one step off the shared controls. Nothing
   changes above 1600px or below 1024px. Linked on every page after the
   page's own styles so it wins on specificity ties. */
@media (min-width: 1024px) and (max-width: 1600px) {
  /* Shared controls: one step smaller. */
  .navbar__inner { height: 4.5rem; }
  .home-editorial { --closing-pin-top: 73px; }
  .navbar .navbar__project-link, .navbar .navbar__tel { height: 2.75rem; min-height: 2.75rem; }
  .navbar .navbar__link, .navbar .navbar__trigger { font-size: .9375rem; }
  .ed-button, .btn, .button, .popup__submit { min-height: 2.75rem; padding-inline: 1.125rem; font-size: .9375rem; }
  .btn--lg { min-height: 3rem; }

  /* Editorial tokens: titles and figures a step down, sections a touch tighter. */
  .editorial {
    --ed-display: clamp(2.25rem, 3.3vw, 3rem);
    --ed-title: clamp(2rem, 2.9vw, 2.5rem);
    --ed-stat: clamp(2.75rem, 3.8vw, 3.5rem);
    --ed-section: clamp(3.5rem, 6vw, 5rem);
    --ed-lede: 1.0625rem;
  }
  .ed-capabilities .ed-number { font-size: clamp(2.75rem, 3.8vw, 3.5rem); }
  .ed-faq summary { min-height: 3.5rem; font-size: 1rem; }

  /* Case pages: the hero sized like the homepage hero. */
  .hx__title { font-size: clamp(2.25rem, 3.4vw, 3rem); }
  .hx__logo { height: 1.5rem; }
  .hx__plate--kpi { height: clamp(20rem, 48vh, 30rem); }
  .dv__kpi b { font-size: clamp(3rem, 6vw, 5.5rem); }
  .dv__kpi li.is-long b { font-size: clamp(2.25rem, 4vw, 3.75rem); }
  .dv__kpi span { font-size: 1rem; }
  .badge { min-height: 1.875rem; font-size: .8125rem; }
  /* Scenes: the type behind the phone, the laptop's heading, the captions. */
  .ph__type { font-size: clamp(2.75rem, 6.5vw, 6.5rem); }
  .ph__captions li, .mac__captions li, .cs-caption { font-size: clamp(1rem, 1.3vw, 1.25rem); }
  .mac__intro h2, .cs-head h2 { font-size: clamp(1.75rem, 2.9vw, 2.5rem); }
  /* Written sections and the proof bento. */
  .bl__row h3 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); }
  .bl__row { padding: 1.125rem 0; }
  .bl__stage { height: min(52vh, 28rem); }
  .pf__title, .co__head h2, .cp__head h2 { font-size: clamp(1.625rem, 2.6vw, 2.25rem); }
  .pf__cell--key { min-height: 13rem; }
  .pf__cell--key b { font-size: clamp(2.75rem, 5vw, 4.5rem); }
  .pf__cell--figure b { font-size: clamp(1.875rem, 2.8vw, 2.5rem); }
  .pf__cell--quote blockquote p { font-size: clamp(1.125rem, 1.5vw, 1.375rem); }
  .pf__cell--portrait { min-height: 13rem; }
  .cx__statement { font-size: clamp(1.5rem, 2.6vw, 2.25rem); }
  .contact-cta__heading { font-size: clamp(1.75rem, 2.6vw, 2.25rem); }

  /* Réalisations page. */
  .rw-head h1, .rw-archive__head h2 { font-size: clamp(1.75rem, 2.9vw, 2.5rem); }
  .rq blockquote { font-size: clamp(1.375rem, 2.3vw, 1.875rem); }
}