/* ---- siding (Siding 33) — chapter cards ------------------------------------
   THE STRUCTURAL MOVE: every hero is a full-viewport title card. 100vh tall with
   ~24vh of dead photograph above and below a dozen words, no zebra tint and no
   gutter between chapters, so the page reads as a scrolled slideshow with a
   transparent menu on top rather than as a stack of sections. The palette is
   only ever the mortar between photographs, so it stays near-monochrome. */
body.t-siding.ws-body { --bg: #100e0d; --fg: #b8b4ab; --heading: #f4f1ec; --text: #b8b4ab; --muted: #8d9689; --hero-a: rgba(16,14,13,0.20); --hero-b: rgba(16,14,13,0.58); }
body.t-siding { background: #100e0d; }
body.t-siding .ws-nav { background: transparent; border-bottom: 0; backdrop-filter: none; }
body.t-siding .ws-brand { text-transform: uppercase; letter-spacing: 0.4em; font-size: 12px; font-weight: 600; }
body.t-siding .ws-nav-links a { text-transform: uppercase; letter-spacing: 0.2em; font-size: 10px; font-weight: 600; }
body.t-siding .ws-hero { min-height: 100vh; color: #f4f1ec; }
body.t-siding .ws-hero-inner { padding: 24vh 22px; }
body.t-siding .ws-hero h1 { text-transform: uppercase; letter-spacing: 0.16em; font-weight: 600; font-size: clamp(21px, 3.2vw, 38px); line-height: 1.3; }
body.t-siding .ws-hero p { font-size: 14.5px; line-height: 1.7; max-width: 40ch; opacity: 0.78; margin: 0 0 30px; }
body.t-siding.ws-body .btn.brand { background: #f4f1ec; color: #100e0d; border: 0; border-radius: 0; box-shadow: none; text-transform: uppercase; letter-spacing: 0.22em; font-size: 10.5px; font-weight: 700; padding: 15px 30px; }
body.t-siding.ws-body .ws-section, body.t-siding.ws-body .ws-section:nth-child(even) { background: transparent; padding: 104px 0; }
body.t-siding .ws-quote-t { font-style: normal; font-weight: 400; font-size: clamp(19px, 2.5vw, 27px); line-height: 1.55; color: #f4f1ec; }
body.t-siding .ws-quote-a { color: #8d9689; text-transform: uppercase; letter-spacing: 0.18em; font-size: 10.5px; font-weight: 600; }
body.t-siding .ws-cols-3 { text-align: center; border-top: 1px solid #2b2825; border-bottom: 1px solid #2b2825; padding: 52px 0; }
body.t-siding .ws-cols-3 .ws-col-h { font-weight: 300; font-size: clamp(40px, 6vw, 68px); letter-spacing: -0.03em; color: #f4f1ec; margin: 0 0 14px; }
body.t-siding .ws-cols-3 .ws-col p:last-child { text-transform: uppercase; letter-spacing: 0.2em; font-size: 10px; font-weight: 600; color: #8d9689; }
body.t-siding .ws-cols-2 .ws-col + .ws-col p { font-size: 13px; line-height: 2.1; color: #8d9689; }
body.t-siding .ws-list { list-style: none; padding-left: 0; }
body.t-siding .ws-list li { border-top: 1px solid #2b2825; padding: 15px 0; margin: 0; font-size: 14px; letter-spacing: 0.01em; }
body.t-siding .ws-field input, body.t-siding .ws-field textarea, body.t-siding .ws-field select { background: transparent; border: 0; border-bottom: 1px solid #2f2c28; border-radius: 0; color: var(--heading); padding: 12px 2px; }

/* siding ships dark, so night goes colder and deeper rather than inverting —
   the day look is the one the photographs were printed for */
html[data-theme="dark"] body.t-siding.ws-body { --bg: #07090a; --fg: #a8aaa4; --heading: #eaebe7; --text: #a8aaa4; --muted: #7c867d; --hero-a: rgba(7,9,10,0.26); --hero-b: rgba(7,9,10,0.66); }
html[data-theme="dark"] body.t-siding { background: #07090a; }
html[data-theme="dark"] body.t-siding .ws-cols-3, html[data-theme="dark"] body.t-siding .ws-list li, html[data-theme="dark"] body.t-siding .ws-field input, html[data-theme="dark"] body.t-siding .ws-field textarea, html[data-theme="dark"] body.t-siding .ws-field select { border-color: #212624; }
html[data-theme="dark"] body.t-siding .ws-quote-t, html[data-theme="dark"] body.t-siding .ws-cols-3 .ws-col-h { color: #eaebe7; }
html[data-theme="dark"] body.t-siding.ws-body .btn.brand { background: #eaebe7; color: #07090a; }