/* Scheduled Classes & Workshops page — reuses the same design tokens as
   bmh-fall2026.css (blue/white/gray, no orange) for visual consistency
   with the Fall Show page this content is drawn from. */

.sc-hero{background:linear-gradient(135deg,var(--cream),var(--sand));padding:80px 0;text-align:center}
.sc-hero .eyebrow{color:var(--accent);justify-content:center}
.sc-hero h1{font:800 clamp(34px,5vw,54px)/1.1 "Manrope",sans-serif;letter-spacing:-.03em;color:var(--forest);margin:0 0 18px}
.sc-hero-copy{font-size:18px;line-height:1.6;color:#596277;max-width:560px;margin:0 auto 30px}

.sc-classes{background:#fff}
.sc-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sc-class-card{background:var(--cream);border:1px solid var(--line);padding:28px;text-align:center;scroll-margin-top:100px}
.sc-class-card h2{font:800 18px/1.3 "Manrope",sans-serif;letter-spacing:-.02em;color:var(--forest);margin:0 0 14px}
.sc-schedule-badge{display:inline-block;padding:6px 12px;background:var(--sand);color:var(--forest);font:800 11px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}

.sc-info{background:var(--cream)}
.sc-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;background:#fff;border:1px solid var(--line)}
.sc-info-block{padding:32px;border-right:1px solid var(--line)}
.sc-info-block:last-child{border-right:0}
.sc-info-block h3{font:800 18px "Manrope",sans-serif;color:var(--forest);margin:0 0 16px}
.sc-info-block p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 8px}
.sc-info-block p strong{color:var(--ink)}
.sc-disclaimer{font-size:12px;color:var(--muted);margin-top:12px}
.sc-gleaners{text-align:center;max-width:640px;margin:26px auto 0;font-size:15px;line-height:1.6;color:#596277}
.sc-info-cta{display:flex;justify-content:center;margin-top:34px}

@media(max-width:900px){
  .sc-class-grid{grid-template-columns:repeat(2,1fr)}
  .sc-info-grid{grid-template-columns:1fr}
  .sc-info-block{border-right:0;border-bottom:1px solid var(--line)}
  .sc-info-block:last-child{border-bottom:0}
}

@media(max-width:620px){
  .sc-hero{padding:56px 0}
  .sc-class-grid{grid-template-columns:1fr;gap:14px}
  .sc-class-card{padding:22px}
}