/* =========================================================
   99 — RESPONSIVE
   ALL tablet/mobile/reduced-motion overrides live here.
   Do not place media queries in the numbered section files.
   ========================================================= */

/* -------------------------
   Tablet / small desktop
   ------------------------- */
@media(max-width:900px){
  .hero-grid,.booking-grid,.booking-form-grid,.connect-grid{grid-template-columns:1fr}
  .hero{padding:80px 0}
  .statement{min-height:320px}
  .booking,.connect{padding:76px 0}
  .booking-form-grid{gap:36px}
  .footer-inner{padding:24px 0;flex-direction:column;align-items:flex-start;justify-content:center}

  .community-grid{grid-template-columns:1fr;gap:36px}
  .community{padding:76px 0}

  .episodes{padding:76px 0}
  .episodes-heading{grid-template-columns:1fr;gap:18px}
  .episode-grid{grid-template-columns:1fr}
  .episode-card:last-child{grid-column:auto}
  .episodes-cta{align-items:flex-start;flex-direction:column}

  .community-responses{padding:76px 0}
  .community-coming-soon{grid-template-columns:auto 1fr}
  .community-coming-soon .dark-link{grid-column:2}

  .hero-journey{grid-template-columns:repeat(2,1fr);margin-top:42px}
  .hero-journey>div:nth-child(3),.hero-journey>div:nth-child(4){border-top:1px solid rgba(244,239,229,.18)}
  .hero-journey>div:nth-child(3){padding-left:0;border-left:0}
}

/* -------------------------
   Mobile
   ------------------------- */
@media(max-width:560px){
  .shell{width:min(100% - 28px,1180px)}
  h1{font-size:clamp(3rem,17vw,5rem)}
  .statement{padding:30px}
  .form-row{grid-template-columns:1fr}
  form{padding:26px 20px}

  .episode-card{grid-template-columns:1fr}
  .episode-card .text-link{grid-column:1}
  .episode-number{padding-top:0}

  .community-coming-soon{grid-template-columns:1fr;padding:26px 22px}
  .community-coming-soon .dark-link{grid-column:1}

  .hero-journey{grid-template-columns:1fr}
  .hero-journey>div,.hero-journey>div+div{min-height:auto;padding:18px 0;border-left:0;border-top:1px solid rgba(244,239,229,.18)}
  .hero-journey>div:first-child{border-top:0}
  .hero::after{width:300px;height:300px;right:-190px;bottom:-150px}
}

/* -------------------------
   Reduced motion
   ------------------------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* =========================================================
   HERO — RESPONSIVE OVERRIDES
   ========================================================= */
@media(max-width:900px){
  .hero{min-height:auto;padding:88px 0 46px}
  .hero-editorial{grid-template-columns:1fr;gap:44px;align-items:start}
  .hero-copy{max-width:760px}
  .hero-statement{max-width:500px}
  .hero-philosophy{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:54px;padding-top:0;border-top:1px solid rgba(30,42,33,.15)}
  .hero-philosophy p{padding:18px 12px 18px 0;white-space:normal;border-bottom:1px solid rgba(30,42,33,.10)}
  .hero-philosophy p:nth-of-type(even){padding-left:18px;border-left:1px solid rgba(30,42,33,.10)}
  .hero-philosophy>span{display:none}
}

@media(max-width:560px){
  .hero{padding:72px 0 38px}
  .hero::before{width:330px;height:330px;right:-210px;top:-160px}
  .hero::after{display:none}
  .hero h1{font-size:clamp(3rem,15vw,4.6rem)}
  .hero-lead{margin-top:24px;font-size:1rem}
  .hero-actions{margin-top:4px}
  .hero-actions .btn{width:100%}
  .hero-statement{padding:24px 0 6px 20px}
  .hero-philosophy{grid-template-columns:1fr;margin-top:42px}
  .hero-philosophy p,.hero-philosophy p:nth-of-type(even){padding:15px 0;border-left:0}
}


/* =========================================================
   STORE — RESPONSIVE OVERRIDES
   ========================================================= */
@media(max-width:900px){
  .store-coming{padding:42px 0 56px}
  .store-back{margin-bottom:58px}
  .store-layout{grid-template-columns:1fr;gap:52px}
  .store-copy{max-width:760px}
  .store-preview{max-width:680px}
  .store-bottom-message{margin-top:58px}
}

@media(max-width:560px){
  .store-coming{padding:32px 0 44px}
  .store-coming::before{width:340px;height:340px;right:-220px;top:-165px}
  .store-coming::after{display:none}
  .store-back{margin-bottom:44px}
  .store-copy h1{font-size:clamp(3rem,15vw,4.6rem)}
  .store-lead{font-size:1rem}
  .store-actions{align-items:flex-start;flex-direction:column;gap:0}
  .store-actions .btn{width:100%}
  .store-preview{padding:24px 20px}
  .store-category{grid-template-columns:30px 1fr}
  .store-bottom-message{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:44px}
}


/* =========================================================
   NAVIGATION — RESPONSIVE
   ========================================================= */
@media(max-width:700px){
  .site-nav{min-height:auto;padding:18px 0;align-items:flex-start;flex-direction:column;gap:14px}
  .site-links{width:100%;gap:18px;overflow-x:auto;padding-bottom:2px}
  .site-links a{white-space:nowrap}
  .site-links .nav-store{padding:7px 13px}
}


/* =========================================================
   BACK TO TOP — RESPONSIVE / REDUCED MOTION
   ========================================================= */
@media(max-width:560px){
  .back-to-top{right:16px;bottom:16px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
}