/* ---- donderkop (Bridge 309) — the dated entry wall. The reference printed the
   day and month INTO the photograph and hung a tinted, hairline-bordered 25%
   sidebar down the side of it; here the caption's <strong> is lifted off the
   flow onto the picture as a solid ink chip, and that sidebar is promoted into
   one wet-slate four-cell register ruled cell to cell. Chip, buttons and rules
   are written in --heading/--bg so the whole thing inverts by itself. ---- */
body.t-donderkop.ws-body { --bg: #f6f4ef; --fg: #262a2d; --heading: #0d0f10; --text: #262a2d; --muted: #7d848a; --sf-serif: 'Fraunces', Georgia, 'Times New Roman', serif; }
body.t-donderkop .ws-nav { background: var(--bg); border-bottom: 1px solid var(--heading); }
body.t-donderkop .ws-brand, body.t-donderkop .ws-h2, body.t-donderkop .ws-story-copy h2, body.t-donderkop .ws-quote-t { font-family: var(--sf-serif); font-weight: 400; font-style: normal; letter-spacing: 0; }
/* in-grid hero: a contained banner, never full-bleed, with no title band above it */
body.t-donderkop .ws-hero { max-width: 1120px; margin: 30px auto 0; min-height: 60vh; --hero-a: rgba(10, 12, 14, 0.24); --hero-b: rgba(10, 12, 14, 0.48); }
body.t-donderkop .ws-hero h1 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(34px, 5.6vw, 64px); letter-spacing: 0; max-width: 13ch; }
body.t-donderkop .ws-hero p { text-transform: uppercase; letter-spacing: 0.2em; font-size: 11px; font-weight: 600; }
body.t-donderkop .ws-hero-cta { background: var(--bg); color: var(--heading); border-radius: 0; text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; font-weight: 700; padding: 15px 28px; }
/* the entry wall: three across, ragged bottom, photograph first and text second */
body.t-donderkop .ws-gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 46px 30px; }
body.t-donderkop .ws-gallery-item { position: relative; }
body.t-donderkop .ws-gallery-item img, body.t-donderkop .ws-story-media img { aspect-ratio: 3 / 4; border-radius: 0; }
/* THE MOVE — the date is printed into the picture, not set beside it */
body.t-donderkop .ws-gallery-cap strong { position: absolute; top: 0; left: 0; background: var(--heading); color: var(--bg); padding: 10px 14px; font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
body.t-donderkop .ws-gallery-cap { margin-top: 13px; padding: 12px 0 0; border-top: 1px solid var(--heading); }
body.t-donderkop .ws-gallery-cap span { color: var(--text); font-size: 13.5px; line-height: 1.55; }
/* the sidebar promoted: one wet-slate register, hairline-ruled cell to cell */
body.t-donderkop .ws-columns { background: #dde2e6; border-top: 1px solid var(--heading); border-bottom: 1px solid var(--heading); }
body.t-donderkop .ws-cols-4 { gap: 0; border-right: 1px solid color-mix(in srgb, var(--heading) 26%, transparent); }
body.t-donderkop .ws-col { padding: 0 24px; border-left: 1px solid color-mix(in srgb, var(--heading) 26%, transparent); }
body.t-donderkop .ws-col-h { font-family: var(--sf-serif); font-weight: 400; font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em; padding-bottom: 9px; border-bottom: 1px solid var(--heading); }
body.t-donderkop .ws-story-grid { grid-template-columns: 2fr 3fr; align-items: start; }
/* the season's falls read as a ruled ledger, one line each — not bullets */
body.t-donderkop .ws-list { list-style: none; padding-left: 0; max-width: 800px; margin: 0 auto; }
body.t-donderkop .ws-list li { margin: 0; padding: 13px 0; font-size: 16px; border-bottom: 1px solid color-mix(in srgb, var(--fg) 22%, transparent); }
/* split band: the ask on the left, the readings form ruled off on the right */
body.t-donderkop .ws-contact .ws-container { max-width: 1120px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; border-top: 1px solid var(--heading); padding-top: 46px; }
body.t-donderkop .ws-contact .ws-form { grid-column: 2; grid-row: 1 / -1; max-width: none; padding-left: 56px; border-left: 1px solid color-mix(in srgb, var(--fg) 22%, transparent); }
body.t-donderkop .ws-contact .ws-h2, body.t-donderkop .ws-contact .ws-sub { text-align: left; margin: 0 0 14px; max-width: 30ch; }
body.t-donderkop .btn.brand { background: var(--heading); color: var(--bg); border-radius: 0; }
/* one tint on the whole page — the slate register keeps it, every other band loses it */
body.t-donderkop .ws-section:nth-child(even):not(.ws-columns) { background: transparent; }
@media (max-width: 860px) {
  body.t-donderkop .ws-gallery-grid { grid-template-columns: 1fr 1fr; }
  body.t-donderkop .ws-contact .ws-container { grid-template-columns: 1fr; }
  body.t-donderkop .ws-contact .ws-form { grid-column: 1; grid-row: auto; padding-left: 0; padding-top: 28px; border-left: 0; }
}
html[data-theme="dark"] body.t-donderkop.ws-body { --bg: #101315; --fg: #c4c9cd; --heading: #f2f0ea; --text: #c4c9cd; --muted: #7e878d; }
html[data-theme="dark"] body.t-donderkop .ws-columns { background: #1b2226; }
html[data-theme="dark"] body.t-donderkop .ws-hero { --hero-a: rgba(6, 8, 9, 0.34); --hero-b: rgba(6, 8, 9, 0.58); }