/* ---------- Skottel — teaching kitchen & monthly class club (321) ----------
   Bone paper wall to wall under charcoal ink, one ember on the eyebrow lines,
   the rand figures and the button slabs.
   THE STRUCTURAL MOVE is the class band: six photographs welded into two
   gapless rows of three that run edge to edge with no container and no gutter,
   each carrying its class name and its night over the bottom of the frame. It
   is the page's only large area of colour, which is why every text band above
   and below it stays on bare paper and the closing call-to-action refuses the
   shared sheet's brand-coloured band. The story split and the closing photo
   strip break the container the same gapless way.
   Nothing here touches .sf-header / .ws-nav / .ws-nav-inner / .ws-brand or any
   item inside them: no order, no absolute positioning, no nth-of-type there. */
body.t-skottel.ws-body {
  --bg: #f6f2ea; --fg: #4a443b; --heading: #1c1a17; --text: #4f483e; --muted: #8b8377;
  --sk-ember: #c4562b; --sk-line: #ded6c7; --sk-tile: #ece5d7;
  --hero-a: rgba(18, 14, 10, .30); --hero-b: rgba(18, 14, 10, .66);
}

/* the paper never changes tone band to band — the shared zebra wash is off */
body.t-skottel.ws-body .ws-section { background: transparent; padding: 94px 0; }
body.t-skottel .ws-sub, body.t-skottel .ws-feature p, body.t-skottel .ws-story-copy p, body.t-skottel .ws-list li, body.t-skottel .ws-quote blockquote, body.t-skottel .ws-plan li, body.t-skottel .ws-cta-inner p { color: var(--text); }

body.t-skottel .ws-hero { min-height: 90vh; }
body.t-skottel .ws-hero h1 { font-size: clamp(38px, 6.6vw, 82px); font-weight: 700; letter-spacing: -.045em; line-height: 1; text-shadow: none; }

/* flat ember slabs — no border, no radius, no ring */
body.t-skottel.ws-body .btn.brand, body.t-skottel.ws-body .ws-hero-cta.btn.brand { background: var(--sk-ember); color: #f8f4ec; border: 0; border-radius: 0; box-shadow: none; padding: 15px 32px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .17em; }
body.t-skottel .ws-h2 { color: var(--heading); font-size: clamp(23px, 3vw, 34px); font-weight: 700; letter-spacing: -.03em; margin: 0 0 26px; }
body.t-skottel .ws-listblock .ws-h2, body.t-skottel .ws-contact .ws-h2 { text-align: left; }

/* the two pauses: a tiny ember eyebrow over a two-line statement, nothing else */
body.t-skottel .ws-title-h { color: var(--sk-ember); font-size: 11.5px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; margin: 0 0 22px; }
body.t-skottel .ws-title-sub { color: var(--heading); font-size: clamp(28px, 4.4vw, 52px); font-weight: 700; letter-spacing: -.04em; line-height: 1.08; max-width: 19ch; margin: 0 auto; }

/* six cells, three across, two clean rows, each hung off a hairline */
body.t-skottel .ws-features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 50px 44px; }
body.t-skottel .ws-feature { text-align: left; padding: 22px 0 0; border-top: 1px solid var(--sk-line); }
body.t-skottel .ws-feature-icon { color: var(--sk-ember); margin-bottom: 14px; }
body.t-skottel .ws-feature h3, body.t-skottel .ws-plan h3 { color: var(--heading); font-size: 16.5px; font-weight: 700; margin: 0 0 9px; }

/* the three bands that leave the container — all of them gapless */
body.t-skottel.ws-body .ws-story, body.t-skottel.ws-body .ws-gallery, body.t-skottel.ws-body .ws-photogrid { padding: 0; }
body.t-skottel .ws-story > .ws-container, body.t-skottel .ws-gallery > .ws-container { max-width: none; padding: 0; }
body.t-skottel .ws-story-grid { gap: 0; align-items: center; }
body.t-skottel .ws-story-media img { border-radius: 0; aspect-ratio: 5 / 4; }
body.t-skottel .ws-story-copy { padding: 56px clamp(24px, 6vw, 88px); }
body.t-skottel .ws-story-copy h2 { color: var(--heading); font-size: clamp(24px, 3.1vw, 38px); font-weight: 700; letter-spacing: -.035em; line-height: 1.12; max-width: 17ch; margin: 0 0 20px; }

/* ★ THE CLASS BAND — two rows of three, welded, the caption rides the frame */
body.t-skottel .ws-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
body.t-skottel .ws-gallery-item { position: relative; }
body.t-skottel .ws-gallery-item img { aspect-ratio: 4 / 5; border-radius: 0; }
body.t-skottel .ws-gallery-cap { position: absolute; left: 0; right: 0; bottom: 0; gap: 7px; padding: 74px 28px 26px; background: linear-gradient(to top, rgba(14, 11, 8, .88), rgba(14, 11, 8, 0)); }
body.t-skottel .ws-gallery-cap strong { color: #f8f4ec; font-size: 21px; font-weight: 700; letter-spacing: -.02em; }
body.t-skottel .ws-gallery-cap span { color: #cfc3ae; font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
body.t-skottel .ws-photogrid-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }

/* three voices, flat, hung off a hairline instead of a card */
body.t-skottel .ws-testimonials-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
body.t-skottel .ws-quote { background: transparent; border: 0; border-top: 1px solid var(--sk-line); border-radius: 0; box-shadow: none; padding: 22px 0 0; }
body.t-skottel .ws-quote blockquote::before { content: none; }

/* how the club works — a left-hung ruled column with the tiers directly under it */
body.t-skottel.ws-body .ws-listblock { padding-bottom: 30px; }
body.t-skottel .ws-listblock .ws-narrow { max-width: 1120px; }
body.t-skottel .ws-list { max-width: 52ch; margin: 0; padding: 0; list-style: none; }
body.t-skottel .ws-list li { border-top: 1px solid var(--sk-line); padding: 15px 0; font-size: 15.5px; line-height: 1.65; margin: 0; }
body.t-skottel .ws-plan { background: transparent; border: 1px solid var(--sk-line); border-radius: 0; text-align: left; padding: 30px 28px; }
body.t-skottel .ws-plan-amt { color: var(--sk-ember); font-size: 38px; font-weight: 700; letter-spacing: -.035em; }

/* the closing line stays on the paper — the class band keeps all the colour */
body.t-skottel.ws-body .ws-cta { background: transparent; color: var(--heading); }
body.t-skottel .ws-cta-inner h2 { color: var(--heading); font-size: clamp(22px, 2.9vw, 34px); font-weight: 700; letter-spacing: -.03em; }

/* the last band goes wide: the kitchen's details left, the form right */
body.t-skottel .ws-contact .ws-narrow { max-width: 1120px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 64px; align-items: start; }
body.t-skottel .ws-contact .ws-h2 { grid-column: 1 / -1; }
body.t-skottel .ws-contact .ws-sub { text-align: left; max-width: none; margin: 0; white-space: pre-line; color: var(--heading); font-size: 15px; line-height: 1.95; }
body.t-skottel .ws-contact .ws-form { max-width: none; margin: 0; }
body.t-skottel .ws-field input, body.t-skottel .ws-field select, body.t-skottel .ws-field textarea { background: var(--sk-tile); border: 1px solid var(--sk-line); border-radius: 0; color: var(--heading); }

/* every count still fills its rows on the way down: 6 → 3, 2, 1 · 4 → 2, 1 */
@media (max-width: 980px) {
  body.t-skottel .ws-features-grid, body.t-skottel .ws-gallery-grid, body.t-skottel .ws-photogrid-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-skottel .ws-story-grid, body.t-skottel .ws-testimonials-grid, body.t-skottel .ws-contact .ws-narrow { grid-template-columns: 1fr; }
  body.t-skottel .ws-contact .ws-form { margin-top: 30px; }
}
@media (max-width: 620px) {
  body.t-skottel .ws-features-grid, body.t-skottel .ws-gallery-grid, body.t-skottel .ws-photogrid-grid { grid-template-columns: 1fr; }
}

/* night — the paper goes to a banked coal, the hairlines drop nearly out of
   sight, and the ember lifts a shade so the eyebrows and the rand figures still
   carry; the class band is unchanged, because it was already the dark on the page */
html[data-theme="dark"] body.t-skottel.ws-body {
  --bg: #17140f; --fg: #b9b1a3; --heading: #f5f0e5; --text: #a89f91; --muted: #7e7669;
  --sk-ember: #e0703c; --sk-line: #2f2a22; --sk-tile: #201d16;
  --hero-a: rgba(8, 6, 4, .34); --hero-b: rgba(8, 6, 4, .72);
}