/* 11-responsive.css — Breakpoints and the reduced-motion fallback. Loads last so it always wins. */

/* ---------- responsive ---------- */
@media(max-width:960px){
  .ritual-grid{grid-template-columns:1fr;gap:34px}
  .ritual-pin{position:static}
  .ritual-art{max-width:400px;margin:0 auto}
  .opts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero-in{grid-template-columns:1fr;gap:44px;padding:52px 24px 76px}
  .hero{min-height:0}
  .scroll-cue{display:none}
  .cleanse-grid,.delivery-grid{grid-template-columns:1fr;gap:38px}
  .summary{position:static}
  .grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .values{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr);gap:22px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .modal-card{grid-template-columns:1fr}
  .modal-art{padding:26px}
  .modal-art .bottle-svg{height:160px}
  .result{grid-template-columns:1fr;gap:22px;text-align:center;justify-items:center}
  .result .why{max-width:none}
  .result-cta{justify-content:center}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);
    flex-direction:column;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line);
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 0;border-bottom:1px solid var(--line)}
  .burger{display:block}
  .sip{height:380vh}
}
@media(max-width:560px){
  .grid{grid-template-columns:1fr}
  .opts{grid-template-columns:1fr}
  .zones{columns:1}
  .section{padding:64px 0}
  .footer-grid{grid-template-columns:1fr}
  .modal-body{padding:26px 22px}
  .trow{grid-template-columns:64px 1fr 28px}
}

/* ---------- reduced motion: the sequences become plain stacked reading ---------- */
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .sip{height:auto}
  .sip-sticky{position:static;height:auto;display:block;padding:70px 0}
  .sip-stage{min-height:0;width:min(var(--wrap),100%);margin:0 auto;text-align:left;padding:0 24px}
  .sip-step{position:static;opacity:1;transform:none;pointer-events:auto;align-items:flex-start;padding:32px 0;border-top:1px solid rgba(238,241,231,.18)}
  .sip-step p{max-width:52ch}
  .sip-orb,.sip-ring,.sip-dots,.motes,.hero-glow{display:none}
  .rstep{opacity:1;border-left-color:var(--accent)}
  .rt-scene{opacity:1;position:static;inset:auto}
  .rt-scene:not(.on){display:none}
  .verse blockquote .w{opacity:1}
}