@media (max-width:900px){ #spine, #spine-tc{ display:none; } }
  @media (max-width:520px){
    .logo-chip{ padding:16px 22px; }
    .logo-chip .brand-name{ font-size:19px; }
    .logo-chip .brand-rec{ display:none; }
  }
  @media (max-width:1180px){ nav{ gap:18px; } }
  @media (max-width:1200px){ .bar > nav{ display:none; } }
  @media (max-width:1200px){
    .bar{ gap:16px; }
    .rec{ margin-left:auto; }
    .menu-toggle{
      display:grid; place-items:center; width:42px; height:42px; padding:0; flex:none;
      background:transparent; border:1px solid var(--line); border-radius:10px; color:var(--paper); cursor:pointer;
      transition:border-color .2s;
    }
    .menu-toggle:hover, .menu-toggle:focus-visible{ border-color:var(--tally); outline:none; }
    .menu-toggle-bars{ display:grid; gap:4px; width:18px; }
    .menu-toggle-bars i{ display:block; height:2px; background:currentColor; border-radius:2px; transition:transform .25s, opacity .2s; }
    .menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(1){ transform:translateY(6px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(2){ opacity:0; }
    .menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
    .mobile-nav:not([hidden]){
      display:flex; flex-direction:column; align-items:stretch; gap:0;
      padding:6px 32px 18px; border-top:1px solid var(--line);
    }
    .mobile-nav a{ padding:14px 0; font-size:14px; border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent); }
    .mobile-nav a:last-child{ border-bottom:none; }
  }
  @media (max-width:480px){ .rec{ display:none; } .menu-toggle{ margin-left:auto; } }
  @media (max-width:900px){ .bar{ padding-left:32px; } }
  @media (max-width:900px){ .hero{ padding-left:32px; } }
  @media (max-width:640px){ .hero-grid{ grid-template-columns:1fr; gap:32px; } }
  @media (min-width:641px) and (max-width:1300px){
    .hero-grid{ grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
    .hero-orbit-col{ margin-right:0; transform:none; }
    .hero-side{ grid-column:1 / -1; flex-direction:row; align-items:stretch; }
    .hero-side > *{ flex:1 1 0; min-width:0; max-width:440px; }
  }
  @media (max-width:640px){
    .hero-orbit-col{ margin-top:0; margin-right:0; transform:none; }
    .hero-orbit-col .orbit-stage{ --orbit-radius:min(199px, 32vw); min-height:calc(var(--orbit-radius) * 1.8 + var(--orbit-item-h) + 24px); }
  }
  @media (max-width:900px){ section{ padding-left:32px; } }
  @media (max-width:900px){ section > a.back-to-top{ right:20px; top:24px; } }
  @media (max-width:640px){ .back-to-top span{ display:none; } }
  @media (max-width:760px){
    .track{ grid-template-columns:1fr; gap:8px; }
    .track::before{ display:none; }
    .track-link{ justify-self:start; }
  }
  @media (max-width:900px){ .trust-label{ padding-left:32px; } }
  @media (max-width:760px){ .reel-feature{ grid-template-columns:1fr; gap:20px; } }
  @media (max-width:900px){ .board{ grid-template-columns:repeat(3,1fr); } }
  @media (max-width:520px){ .board{ grid-template-columns:repeat(2,1fr); gap:10px; } }
  @media (min-width:641px){
    .identite-split:not(.show-more) .frame-more{ display:none; }
  }
  @media (max-width:640px){ .board-toggle{ display:none; } }
  @media (max-width:640px){
    .board.is-collapsed > .is-extra{ display:none; }
    .board-more{
      display:block; width:100%; margin:14px 0 4px; padding:12px 16px; border-radius:10px; cursor:pointer;
      background:transparent; border:1px solid var(--line); color:var(--paper);
      font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase;
    }
    .board-more:hover, .board-more:focus-visible{ border-color:var(--tally); color:var(--tally); outline:none; }
  }
  @media (min-width:861px) and (max-width:1200px){
  }
  @media (min-width:861px) and (max-width:1000px){
    #identite .board, #motion .identite-split .board, #packaging .identite-split .board{ grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width:860px){
    .identite-split{ grid-template-columns:1fr; }
    #identite .specimen-viewer, #motion .specimen-viewer, #packaging .specimen-viewer{ position:static; }
  }
  @media (max-width:420px){ #identite .board, #motion .identite-split .board, #packaging .identite-split .board{ grid-template-columns:repeat(2,1fr); } }
  @media (min-width:861px){
    .identite-split .viewer-stage > :is(img, video){ max-height:calc(100vh - 230px); }
    /* à partir de la 4e rangée, les vignettes passent sous la visionneuse, sur toute la largeur */
    .identite-split.has-rest > .specimen-viewer{ scroll-margin-top:118px; }
    .identite-split > .board-rest{ grid-column:1 / -1; }
  }
  @media (max-width:760px){ .mini-scope{ width:100%; } }
  @media (max-width:480px){
    /* le carrousel en orbite ne tient pas sur un petit écran ; les graph editors,
       eux, restent affichés : leur SVG est en width:100%, il se réduit tout seul. */
    .hero-orbit-col{ display:none !important; }
    .hero-side .scope-panel, .mini-scope{ width:100%; max-width:none; flex:1 1 auto; }
    .mini-scope-head{ font-size:9.5px; letter-spacing:.1em; }
    .scope-hint{ font-size:11px; }
    .specimen-viewer{ scroll-margin-top:96px; }
  }
  @media (max-width:640px){ .pdf-flipbook{ padding:12px; } }
  @media (max-width:860px){ .about-grid{ grid-template-columns:1fr; gap:40px; } }
  @media (max-width:760px){ .contact-grid{ grid-template-columns:1fr; gap:32px; } }
  @media (max-width:900px){ footer{ padding-left:32px; } }
  @media (max-width:760px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:480px){ .foot-grid{ grid-template-columns:1fr; } }