/* M.O.B STEAM Program (/steam/). Builds on /pages.css tokens. */
.s-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair);padding:88px 0 64px;background:radial-gradient(900px 500px at 85% 10%,rgba(212,175,55,.14),transparent 60%),#0b0b0d}
.s-hero .p-h1{max-width:860px}
.s-hero .p-lede{margin:22px 0 0;max-width:640px}
.s-letters{display:flex;gap:12px;margin-top:34px}
.s-letters span{width:clamp(52px,9vw,78px);aspect-ratio:1;display:grid;place-items:center;border:1.5px solid var(--accent);border-radius:14px;font-family:var(--display);font-weight:700;font-size:clamp(26px,4.6vw,40px);color:var(--accent)}
.s-letters .m{background:var(--accent);color:#000}
.s-note{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}
.s-cta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:30px}
.s-ghost{color:var(--accent);font-size:16px}
.s-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden;margin-top:44px;max-width:860px}
.s-stats div{background:#0b0b0d;padding:20px 18px}
.s-stats b{display:block;font-family:var(--display);font-size:34px;font-weight:600;color:var(--accent);letter-spacing:-.02em}
.s-stats span{font-size:13px;color:var(--ink-mid)}
@media (max-width:700px){.s-stats{grid-template-columns:repeat(2,1fr)}.s-hero{padding:56px 0 44px}}

.s-sub{color:var(--ink-mid);max-width:720px;margin-top:22px}
.s-sub b{color:var(--ink);font-weight:600}

.s-weeks{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}
.s-weeks div{border:1px solid var(--hair-strong);border-radius:16px;padding:20px 16px;background:#0b0b0d}
.s-weeks div.gold{border-color:rgba(212,175,55,.6);background:linear-gradient(160deg,rgba(212,175,55,.1),#0b0b0d 60%)}
.s-weeks i{display:block;font-style:normal;font-family:var(--display);font-weight:700;font-size:30px;color:var(--accent)}
.s-weeks b{display:block;margin-top:8px;font-size:15px}
.s-weeks small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px}
.s-weeks p{font-size:13.5px;color:var(--ink-mid);margin-top:10px;line-height:1.45}
@media (max-width:1000px){.s-weeks{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.s-weeks{grid-template-columns:repeat(2,1fr)}}

.s-takeaway{margin-top:40px}
.s-four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.s-four div{border:1px solid var(--hair-strong);border-radius:14px;padding:18px;font-size:15px}
.s-four b{display:block;font-family:var(--display);font-size:28px;color:var(--accent);margin-bottom:6px}
@media (max-width:760px){.s-four{grid-template-columns:repeat(2,1fr)}}

.s-six{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;counter-reset:six}
.s-six div{border:1px solid var(--hair-strong);border-radius:16px;padding:22px 20px;background:#0b0b0d;counter-increment:six}
.s-six b{display:block;font-size:17px}
.s-six b:before{content:counter(six,decimal-leading-zero) "  ";color:var(--accent);font-family:var(--mono);font-size:12px;letter-spacing:.1em}
.s-six p{color:var(--ink-mid);font-size:14.5px;margin-top:8px;line-height:1.5}
@media (max-width:900px){.s-six{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.s-six{grid-template-columns:1fr}}

.s-seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.s-seasons div{position:relative;border:1px solid var(--hair-strong);border-radius:16px;padding:22px 20px;background:#0b0b0d;display:flex;flex-direction:column;gap:8px}
.s-seasons span{font-family:var(--display);font-size:40px;font-weight:700;color:rgba(212,175,55,.35);line-height:1}
.s-seasons b{font-size:18px}
.s-seasons p{color:var(--ink-mid);font-size:14.5px;line-height:1.5}
.s-seasons small{font-size:13px;color:var(--ink);border-top:1px solid var(--hair);padding-top:10px;margin-top:auto}
.s-seasons em{font-style:normal;font-size:12.5px;color:var(--accent)}
@media (max-width:1000px){.s-seasons{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.s-seasons{grid-template-columns:1fr}}

.s-bars{margin-top:24px;max-width:760px}
.s-bars div{display:grid;grid-template-columns:260px 1fr 36px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--hair)}
.s-bars span{font-size:14.5px;color:var(--ink-mid)}
.s-bars i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--accent) var(--w),rgba(255,255,255,.08) var(--w))}
.s-bars b{font-family:var(--mono);color:var(--accent);text-align:right}
@media (max-width:600px){.s-bars div{grid-template-columns:1fr 36px}.s-bars i{grid-column:1/-1;order:3}}
.s-cell{color:var(--ink-mid);font-size:14.5px;margin-top:8px;line-height:1.5}

.s-spons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.s-spons div{border:1px solid var(--hair-strong);border-radius:16px;padding:22px 20px;background:#0b0b0d}
.s-spons div.gold{border-color:rgba(212,175,55,.6)}
.s-spons b{display:block;font-family:var(--display);font-size:22px;color:var(--accent)}
.s-spons p{color:var(--ink-mid);font-size:14.5px;margin-top:8px;line-height:1.5}
@media (max-width:900px){.s-spons{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.s-spons{grid-template-columns:1fr}}

.s-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;text-align:left}
.s-ways a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--hair-strong);border-radius:16px;padding:22px 20px;background:#0b0b0d;color:var(--ink);transition:border-color .2s,transform .2s}
.s-ways a:hover{border-color:rgba(212,175,55,.6);transform:translateY(-2px)}
.s-ways b{font-size:17px}
.s-ways span{color:var(--ink-mid);font-size:14.5px;line-height:1.5}
.s-ways em{font-style:normal;color:var(--accent);font-size:14px;margin-top:auto;padding-top:6px}
@media (max-width:900px){.s-ways{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.s-ways{grid-template-columns:1fr}}
.s-sign{max-width:640px;margin:34px auto 0;color:var(--ink-dim);font-size:15px;line-height:1.6}
@media (prefers-reduced-motion:reduce){.s-ways a{transition:none}.s-ways a:hover{transform:none}}