/*
  Classes page: "Find your class" carousel. Markup: find-your-class.html (Squarespace Code block).
  Behavior: find-your-class.js. Page-wide rules for /classes live in src/pages/classes.css.
  Brand colors come from src/tokens.css, with the same hex as fallback.
*/
.bc-classes__head{margin:0 0 22px;padding:28px 4px 0}
.bc-classes__eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.bc-classes__h{margin:0 0 8px;font-family:"obviously-wide","Archivo Black",Inter,sans-serif;font-weight:500;font-size:clamp(30px,4.4vw,52px);line-height:1.05;color:var(--teal)}
.bc-classes__sub{margin:0;font-size:17px;line-height:1.5;color:var(--ink)}
@media (max-width:820px){.bc-classes__h{font-size:30px}.bc-classes__sub{font-size:16px}}
.bc-classes{--teal:var(--bc-teal-green,#226550);--green:var(--bc-spring-green,#C7EC7A);--peach:var(--bc-peachy,#FFCF90);--ink:#161614;position:relative;--sm:clamp(16px,3.5vw,56px);box-sizing:border-box;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:8px var(--sm) 4px;font-family:Inter,system-ui,sans-serif;color:var(--ink)}
.bc-classes *{box-sizing:border-box}
.bc-classes__track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 4px}
.bc-classes__track::-webkit-scrollbar{display:none}
.bc-classes__slide{flex:0 0 88%;scroll-snap-align:start;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border-radius:28px;overflow:hidden;min-height:440px}
.bc-classes__media{position:relative;min-height:320px}
.bc-classes__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}
.bc-classes__body{padding:40px 44px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.bc-classes__body p{margin:0;font-size:17px;line-height:1.55}
.bc-classes__body p.bc-classes__kicker{font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.bc-classes__title{font-family:"obviously-wide","Archivo Black",Inter,sans-serif;font-weight:500;font-size:clamp(28px,3.6vw,42px);line-height:1.05;color:var(--teal);margin:0}
.bc-classes__level{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 14px;border-radius:999px;background:#fff;border:2px solid var(--teal);color:var(--teal);font-weight:600;font-size:15px}
.bc-classes__level.is-all{background:var(--peach)}
.bc-classes__dots{display:inline-flex;gap:4px}
.bc-classes__dots i{width:11px;height:11px;border-radius:50%;display:block;border:2px solid var(--teal)}
.bc-classes__body ul{margin:0;padding-left:20px;font-size:17px;line-height:1.6}
.bc-classes__cta{align-self:flex-start;margin-top:6px;display:inline-block;padding:14px 26px;border-radius:300px;background:var(--teal);color:var(--green);font-weight:600;font-size:16px;text-decoration:none;transition:background .2s,color .2s}
.bc-classes__cta:hover,.bc-classes__cta:focus-visible{background:var(--bc-safety-red,#FF4900);color:#fff}
.bc-classes__cta.is-off{background:rgba(34,101,80,.15);color:var(--teal);pointer-events:none}
.bc-classes__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.bc-classes__ctas .bc-classes__cta{margin-top:0}.bc-classes__cta.is-alt{background:transparent;color:var(--teal);border:2px solid var(--teal);padding:12px 24px}.bc-classes__cta.is-alt:hover,.bc-classes__cta.is-alt:focus-visible{background:var(--bc-safety-red,#FF4900);border-color:var(--bc-safety-red,#FF4900);color:#fff}
.bc-classes__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.bc-classes__btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--teal);background:transparent;color:var(--teal);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,opacity .2s}
.bc-classes__btn:hover:not(:disabled),.bc-classes__btn:focus-visible{background:var(--teal);color:var(--green)}
.bc-classes__btn:disabled{opacity:.35;cursor:default}
.bc-classes__btn svg{width:20px;height:20px}
.bc-classes__pager{display:flex;gap:10px}
.bc-classes__pager button{height:12px;width:12px;border-radius:999px;border:2px solid var(--teal);background:transparent;padding:0;cursor:pointer;transition:width .25s,background .25s}
.bc-classes__pager button[aria-current="true"]{width:34px;background:var(--teal)}
@media (max-width:820px){
 .bc-classes__track{align-items:stretch}
 .bc-classes__slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
 .bc-classes__body{min-width:0}
 .bc-classes__cta{white-space:normal;text-align:center}
 .bc-classes__track{gap:14px}
 .bc-classes__slide{flex:0 0 86%;grid-template-columns:1fr;min-height:0}
 .bc-classes__media{min-height:0;aspect-ratio:4/3}
 .bc-classes__body{padding:26px 22px 28px;justify-content:flex-start}
 .bc-classes__body p,.bc-classes__body ul{font-size:16px}
}
@media (max-width:820px){.bc-classes__body>.bc-classes__cta,.bc-classes__body>.bc-classes__ctas{margin-top:auto}}
@media (prefers-reduced-motion:reduce){.bc-classes__track{scroll-behavior:auto}}