/* =============================================================================
   Mirana Labs: breakpoints
   ============================================================================= */

@media (max-width: 1100px) {
  .cards-3, .quotes, .post-list, .included, .principles, .triad, .engage, .pricing-notes { grid-template-columns: repeat(2, 1fr); }
  .tiers { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto; }
  .steps, .disciplines, .price-tiles { grid-template-columns: repeat(2, 1fr); }
  .concepts { grid-template-columns: repeat(3, 1fr); }
  .reasons { grid-template-columns: 1fr; }
  .feature-tile { min-height: 360px; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .section-head { grid-template-columns: 1fr; }
  .page-hero__grid { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; gap: 2rem; }
  .proj-body { grid-template-columns: 1fr; }
  .svc-index { grid-template-columns: 1fr; }
  .cta-final__box { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  :root { --header-h: 68px; }
  .nav__list, .nav__cta { display: none; }
  .nav-toggle { display: inline-flex; }
  .cards-3, .cards-2, .quotes, .post-list, .included, .principles, .triad, .engage, .pricing-notes, .reasons__cards, .problems, .related-svc, .svc-facts { grid-template-columns: 1fr; }
  .quote--wide { grid-template-columns: 1fr; }
  .steps, .disciplines, .price-tiles { grid-template-columns: 1fr; }
  .concepts { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; }
  .post-feature { grid-template-columns: 1fr; }
  .post-feature__art { min-height: 220px; }
  .proj-hero__head, .proj-next { grid-template-columns: 1fr; }
  .timeline li { grid-template-columns: 1fr; gap: .5rem; }
  .ledger__row { grid-template-columns: 1fr; gap: .3rem; }
  .acc__btn { grid-template-columns: 2rem 1fr 2rem; padding: 1.1rem 1.1rem; }
  .acc__a { padding-left: 1.1rem; padding-right: 1.1rem; }
  .pkg-callout { grid-template-columns: 1fr; }
  .svc-row { grid-template-columns: 1fr; }
  .lightbox__caption { flex-direction: column; align-items: start; }
  .footer__cta { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  :root { --text-base: 1rem; }
  .fields { grid-template-columns: 1fr; }
  .concepts { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }
  .btn { width: 100%; justify-content: space-between; }
  .btn-row { flex-direction: column; align-items: stretch; }
  .marquee__item { font-size: 1.4rem; }
  .cta-final__box { padding: 2rem 1.5rem; }
  .lightbox { padding: 1rem; }
}

@media print {
  body { background: #fff; color: #000; }
}

/* v2.1 additions */
@media (max-width: 1100px) {
  .cta-final__box { grid-template-columns: 1fr; }
  .price-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .page-hero .h1 { max-width: none; }
}
@media (max-width: 600px) {
  .price-tiles { grid-template-columns: 1fr; }
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .hero-stats div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .quick-form__foot { flex-direction: column; align-items: stretch; }
  .steps-nav { flex-direction: column-reverse; }
}
