/* Match content offsets to the responsive glass capsule and tighten page rhythm. */
:root{--header-stack:94px}
html{scroll-padding-top:calc(var(--header-stack) + 20px)}
.home-hero,.page-intro{
  margin-top:calc(-1 * var(--header-stack));
  padding-top:calc(var(--header-stack) + 16px);
}
.hero-grid{gap:44px;padding-block:0 24px}
.hero-art{padding:0}
.hero-copy>.eyebrow{margin-bottom:14px}
.hero-copy h1{margin-bottom:18px}
.hero-description{line-height:1.75}
.hero-pricing{margin-top:12px}
.hero-copy .button-row{margin-top:18px}
.hero-proof{margin-top:20px}
.hero-storefront{aspect-ratio:1.7;object-position:center 58%}
.feature-ribbon>.wrap{padding-block:16px}
.section{padding:56px 0}
.section-heading{gap:28px;margin-bottom:26px}
.section-heading p:not(.eyebrow){margin-top:12px}
.membership-feature,.location-grid,.faq-layout,.calculator-grid,.enrollment,.process-layout{gap:48px}
.benefit{padding:26px 28px}
.benefit-icon{margin-bottom:16px}
.page-intro{padding-bottom:32px}
.intro-grid{padding-top:6px;gap:40px}
.intro-grid.no-photo{padding-bottom:0}
.intro-copy .hero-description{margin-top:16px}
.site-footer{padding-top:44px}

@media(max-width:1360px){:root{--header-stack:79px}}
@media(max-width:760px){
  .hero-grid{gap:18px;padding-block:6px 24px}
  .hero-copy>.eyebrow{margin-bottom:10px}
  .hero-copy h1{margin-bottom:14px}
  .hero-pricing{margin-top:10px}
  .hero-copy .button-row{margin-top:16px}
  .hero-proof{margin-top:18px}
  .hero-storefront{object-position:center 65%}
  .feature-ribbon>.wrap{gap:12px 16px;padding-block:14px}
  .section{padding:36px 0}
  .section-heading{margin-bottom:22px}
  .section-heading p:not(.eyebrow){margin-top:10px}
  .membership-feature,.location-grid,.faq-layout,.calculator-grid,.enrollment,.process-layout{gap:24px}
  .benefit-icon{margin-top:1px;margin-bottom:0}
  .page-intro{padding-bottom:24px}
  .intro-grid{padding-top:4px;gap:24px}
  .intro-copy .hero-description{margin-top:14px}
  .site-footer{padding-top:36px}
}
@media(max-width:560px){:root{--header-stack:70px}}
@media print{
  html{scroll-padding-top:0}
  .home-hero,.page-intro{margin:0;padding:20px 0}
  .hero-grid,.intro-grid{padding-block:0}
  .section{padding:22px 0}
}