/* ==========================================================================
   ASPECT MANAGEMENT SERVICES — "Contour & Current" design system v1.1
   File: responsive.css
   Source of truth: Aspect Website.pdf (design-system board, PDF pp. 1–6). These files are the
   stylesheet the PDF was rendered from, split by section; visual rules are unchanged.
   ========================================================================== */

/* ---------- Responsive ---------------------------------------------------- */
@media (max-width: 960px) {
  .split, .split--7-5, .split--5-7, .split--4-8, .sec-head--split, .hero__top, .page-hero__grid, .cta, .disc, .mega__grid { grid-template-columns: minmax(0, 1fr); }
  .mega__list { grid-template-columns: minmax(0, 1fr); }
  .dl { grid-template-columns: minmax(0, 1fr); }
  .dl dt { border-bottom: 0; padding-bottom: 0; }
}
@media (max-width: 560px) {
  .site { font-size: 16px; }
  .btn { width: 100%; }
  .hero .row .btn, .page-hero .row .btn { width: 100%; }
}

/* ---------- Responsive corrections (prototype addition) -------------------
   RS-01: the PDF shows desktop only. On phones the full-width button rule (≤560px) must not
   stretch the header's Menu button across the bar. */
@media (max-width: 560px) { .hdr .menu-btn { width: auto; } }

/* CR-01: collaboration band breakpoints (same breakpoints as the design system) */
@media (max-width: 760px) { .alliance__logos { gap: 16px; } .alliance__item { height: 72px; } .alliance__logo { max-height: 56px; max-width: 100%; } .alliance__item:first-child .alliance__logo { max-height: 44px; } .alliance__item:last-child .alliance__logo { max-height: 60px; } }
@media (max-width: 560px) { .alliance__item { height: 60px; } .alliance__logo { max-height: 44px; } .alliance__item:first-child .alliance__logo { max-height: 34px; } .alliance__item:last-child .alliance__logo { max-height: 48px; } .alliance__item + .alliance__item { border-left: 0; } }
}

/* ---------- Print (prototype addition) ------------------------------------- */
@media print {
  .site-header, .skip, .menu-btn, .mnav, .mega, .hdr__cta, .contours { display: none !important; }
  .sec, .page-hero, .hero { padding-block: 24px !important; }
  .reveal { animation: none !important; }
  img { break-inside: avoid; }
}