/* =========================================================================
   Donatien Roche — ajustements responsive
   (le reste de la mise en page est fluide : clamp() + auto-fit)
   ========================================================================= */

/* Saut de ligne forcé uniquement à partir de la tablette */
.br-desktop { display: none; }
@media (min-width: 680px) { .br-desktop { display: inline; } }

/* --- Tablette --- */
@media (max-width: 900px) {
  .hero { min-height: min(80vh, 720px); align-items: flex-end; }
  .hero__caption { display: none; }
  .section-head { margin-bottom: 2rem; }
}

/* --- Mobile --- */
@media (max-width: 620px) {
  :root { --header-h: 64px; }

  .hero { min-height: min(92vh, 780px); }
  .hero__inner { padding-top: calc(var(--header-h) + 4rem); }
  .hero__subtitle { max-width: 40ch; }
  /* modèle 3D remonté vers le haut, texte sur la zone assombrie du bas */
  .hero__viewer { inset: 0 0 auto 0; height: 62%; }
  .hero__scrim {
    background:
      linear-gradient(180deg, rgba(2, 19, 34, 0.35) 0%, rgba(2, 19, 34, 0.15) 30%,
        rgba(2, 19, 34, 0.72) 55%, rgba(2, 19, 34, 0.95) 78%);
  }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .btn { width: 100%; }

  .section-head { flex-direction: column; align-items: flex-start; gap: 1rem; }

  .cta-band__title,
  .cta-band__text { max-width: 100%; }

  .site-footer__bottom { flex-direction: column; align-items: flex-start; }
}

/* --- Grands écrans : on garde le hero raisonnable --- */
@media (min-width: 1600px) {
  .hero { min-height: 760px; }
}

/* --- Impression --- */
@media print {
  .site-header,
  .mobile-menu,
  .marquee,
  .hero__viewer,
  .hero__caption,
  .cta-band { display: none !important; }
  body { color: #000; background: #fff; }
  .section--ink { background: #fff; color: #000; }
}