/* Design direction 1 "Trial First".
   Swap this file for theme-dN.css to change the look; markup, routes, forms and SEO stay the same. */
body{background:var(--c-bg)}
h1,h2,h3,.kicker,.btn,.chip,.wk-day,.strip-when,.ps-price,.cta-box-h,.footer-h{font-family:var(--f-display);letter-spacing:.02em;font-weight:400}
h1{font-size:var(--fs-5)}h2{font-size:var(--fs-4)}h3{font-size:var(--fs-3)}
.kicker{color:var(--c-brand);font-size:var(--fs-2);margin-bottom:.4rem}
.btn{font-size:1.3rem;text-transform:uppercase}
.btn-primary{background:var(--c-brand);color:var(--c-brand-ink)}
.btn-primary:hover{filter:brightness(.95)}
.btn-outline{border-color:currentColor;background:transparent}
.btn-dark{background:var(--c-dark);color:var(--c-on-dark)}
.btn-lg{font-size:1.5rem;padding:.7rem 1.5rem}
.site-header{background:var(--c-dark);color:var(--c-on-dark);border-bottom:3px solid var(--c-brand)}
.header-top{background:var(--c-dark);border-bottom:1px solid #2a2a2a}
.header-phone-bar{color:var(--c-brand);font-family:var(--f-display);font-size:1.15rem;letter-spacing:.04em}
.header-phone-bar:hover{color:var(--c-on-dark)}
.brand span{font-family:var(--f-display);font-size:clamp(1rem, 4.6vw, 1.45rem);letter-spacing:.03em}
@media (min-width:1100px){.brand span{font-size:1.6rem}}
.nav-sub{background:var(--c-dark);border:1px solid #333;border-radius:var(--r-1)}
.site-nav a[aria-current=page]{color:var(--c-brand)}
.nav-toggle,.nav-close{background:transparent;color:var(--c-on-dark);border:2px solid var(--c-brand);border-radius:var(--r-1)}
.nav-toggle-icon span{background:var(--c-brand)}
.nav-close{font-size:1.8rem;line-height:1;color:var(--c-brand)}
.header-phone{color:var(--c-on-dark)}
.header-phone:hover{color:var(--c-brand)}
@media (max-width:900px){
  .site-nav{background:var(--c-dark);border-top:0;border-bottom:3px solid var(--c-brand);color:var(--c-on-dark)}
  .site-nav a,.nav-sub-toggle{font-family:var(--f-display);font-size:1.5rem;letter-spacing:.03em;text-transform:uppercase}
  .nav-sub a{font-size:1.25rem}
  .header-phone{font-family:var(--f-display);font-size:1.4rem;letter-spacing:.03em;color:var(--c-brand)}
  .site-nav .btn-nav{background:var(--c-brand);color:var(--c-brand-ink);padding:.6rem 1.2rem;justify-content:center;margin-top:.25rem}
}
.hero{background:var(--c-dark);color:var(--c-on-dark)}
.hero h1{text-transform:uppercase}
.hero-sub{font-size:var(--fs-2);color:#e6e6e6;max-width:34ch}
.hero-media img{border-radius:var(--r-2);box-shadow:var(--sh-2)}
.hero .btn-outline{color:var(--c-on-dark)}
.proof{background:var(--c-dark-2);color:var(--c-on-dark)}
.proof-list li{font-weight:600}
.proof-list li+li::before{content:"•";color:var(--c-brand);margin-right:var(--sp-3)}
.pricing-strip > .wrap{max-width:none;background:var(--c-brand);color:var(--c-brand-ink)}
.ps-price{font-size:clamp(1.4rem,3vw,2.1rem);margin:0;text-transform:uppercase}
.sched-strip{background:var(--c-dark-2);color:var(--c-on-dark)}
.strip-when{font-size:1.8rem}
.strip-what{color:var(--c-brand);font-family:var(--f-display);font-size:1.25rem;letter-spacing:.03em;text-transform:uppercase}
.programs,.coaches-teaser,.faq{background:var(--c-bg-2)}
.programs h2,.coaches-teaser h2,.gallery h2,.next-classes h2,.reviews h2,.faq h2{text-transform:uppercase}
.card{background:#fff;box-shadow:var(--sh-1);border-top:4px solid var(--c-brand)}
.card-link{color:var(--c-ink);text-decoration-color:var(--c-brand);text-decoration-thickness:3px;text-underline-offset:4px}
.ages{font-weight:600;color:var(--c-muted)}
.next-list li{background:var(--c-bg-2);border-left:4px solid var(--c-brand);padding:.6rem .9rem;border-radius:var(--r-1)}
.next-list .when{font-weight:700;margin-right:.5rem}
.about .split-media img,.coach-row .coach-photo img{border-radius:var(--r-2)}
.affiliations{background:var(--c-dark);color:var(--c-on-dark)}
.cta-band{background:var(--c-brand);color:var(--c-brand-ink)}
.cta-band a:not(.btn){color:var(--c-brand-ink)}
.cta-band .btn-dark{color:var(--c-on-dark)}
.cta-band h2{text-transform:uppercase}
.page-head{background:var(--c-dark);color:var(--c-on-dark);margin-bottom:var(--sp-3)}
.page-head h1{text-transform:uppercase}
.page-head .lead{color:#e6e6e6}
.page-head a{color:var(--c-brand)}
.page-head time{color:#e6e6e6}
.cta-box{background:var(--c-bg-2);border-left:6px solid var(--c-brand)}
.cta-box-h{font-size:var(--fs-3);margin-bottom:.3rem}
.chip{background:#fff;border:2px solid var(--c-dark)}
.chip[aria-pressed=true]{background:var(--c-dark);color:var(--c-brand)}
.class-item{background:var(--c-bg-2);border-left:3px solid var(--c-brand)}
.class-item[data-tags~=kids]{border-left-color:var(--c-dark-2)}
.wk-day{border-bottom:3px solid var(--c-brand);padding-bottom:.2rem;text-transform:uppercase}
.day-acc{border-bottom:1px solid var(--c-line)}
.map-card{background:transparent}
.post-card time{color:var(--c-muted);font-weight:600}
.post-card h2 a{text-decoration:none}
.prose a{text-decoration-color:var(--c-brand);text-decoration-thickness:2px}
.site-footer{background:var(--c-dark);color:#e6e6e6}
.footer-h{color:var(--c-brand);font-size:1.4rem;margin-bottom:.3rem}
.nap-name{font-family:var(--f-display);font-size:1.5rem;color:var(--c-ink);margin:.5rem 0}
.site-footer .nap-name{color:#fff}
.footer-base{border-top:1px solid #333;font-size:var(--fs-0)}
.affiliation{font-size:var(--fs-0);color:#cfcfcf;margin-top:var(--sp-2)}
.field input,.field select,.field textarea{border:2px solid #cfc9bd;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c-dark);outline:2px solid var(--c-brand)}
.trial-modal h2{text-transform:uppercase}
.sticky-bar{background:var(--c-dark);border-top:3px solid var(--c-brand)}
.sticky-bar .btn{font-size:1.2rem}
.sticky-bar .btn-dark{border-color:var(--c-brand);color:var(--c-brand)}