/* ==========================================================================
   AD PHASE — Global responsive tuning
   Component-level breakpoints live beside each component in main.css;
   this file only holds cross-cutting adjustments.
   ========================================================================== */

@media (max-width: 1180px){
  :root{ --header-h: 88px; --header-h-shrunk: 64px; }
}

@media (max-width: 640px){
  :root{ --header-h: 76px; --header-h-shrunk: 60px; }
  .btn{ --btn-pad-i: 1.4em; }
  .back-to-top{ width:48px; height:48px; }
  .back-to-top img{ width:22px; }
}

/* long/narrow devices: keep the hero from forcing a scrollbar fight */
@media (max-width: 480px){
  .hero{ min-height: unset; padding-top: calc(var(--header-h) + var(--sp-7)); }
  .hero-visual{ min-height: 300px; }
  .rocket-figure{ width: 68%; }
}

/* wide desktop: cap line-length growth on long-form pages */
@media (min-width: 1600px){
  :root{ --container: 1440px; }
}

/* Any horizontally-scrolling strip degrades gracefully on touch */
@media (pointer: coarse){
  .logo-strip{ overflow-x:auto; justify-content:flex-start; padding-bottom: var(--sp-2); }
  .logo-strip::-webkit-scrollbar{ display:none; }
}

/* print: strip decoration, keep content legible */
@media print{
  .site-header, .mobile-nav, .back-to-top, .hero-bg, .hero-grid, .hero-trail, .theme-toggle{ display:none !important; }
  body{ background:#fff; color:#000; }
  .glass, .card{ border:1px solid #ccc; background:#fff; }
}