/* ---- rugnaat (Rugnaat — Hand bookbindery & blank books 336) ----------------
   THE STRUCTURAL MOVE: ONE FOUR-COLUMN RHYTHM, RUN TWICE. The bench journal
   and the shop sit on the identical grid — four columns, one 32px gutter, one
   54px row gutter, a picture over a caption set hard left — so the eight
   journal tiles and the eight books read as a single editorial spread that
   happens to sell things, rather than a blog with a catalogue bolted under it.
   The eight tiles are TWO welded four-item strips, because parseSections
   clamps a strip to six items; the second carries an empty heading and picks
   up its top padding from `.sc-strip + .sc-strip`, so the vertical gutter
   between the rows equals the row gutter inside the buy grid and the two
   blocks scan as one wall. That rhythm is broken exactly once, by the shelf
   wall, which the shared stylesheet already runs full-bleed and this theme
   only makes tall — the widest moment on the page after the slider. Ground is
   paper cream, type is ink, and one muted oxblood lands on the controls and
   the rand figure and nowhere else, which is why the category line above the
   price is pulled back off `--brand` to muted. Books photograph on pure white,
   so the tile keeps a white bed under a contained image and the cloth and the
   leather cut out cleanly against the cream page. Nothing in this block
   touches header order, position or direction — type, colour and grid only. */
body.t-rugnaat {
  background: #f4efe7;
  color: #1a1613;
  --sf-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --rg-ox: #7a2e2e;
  --rg-ox-hi: #93393a;
  --bg-flat: #f4efe7;
  --header-bg: #f4efe7;
  --surface: #f4efe7;
  --surface-2: #ece5da;
  --line: #ded4c5;
  --line-strong: #c6b9a5;
  --heading: #1a1613;
  --text: #1a1613;
  --muted: #6f6559;
  --radius: 0;
  --shadow: none;
}

/* a flat cream bar the same colour as the page, so the slider begins beneath
   the header rather than behind it. Colour and type only. */
body.t-rugnaat .sf-head, body.t-rugnaat .sf-header,
body.t-rugnaat .sf-foot, body.t-rugnaat .sf-footer, body.t-rugnaat .sf-cats {
  background: #f4efe7; border-color: #ded4c5;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-rugnaat .sf-name { font-family: var(--sf-serif); font-weight: 500; font-size: 23px; letter-spacing: -0.01em; }
body.t-rugnaat .sf-navlink { font-size: 11.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #4a4238; }

/* every display line in the shop is the same serif at book weight */
body.t-rugnaat .sc-h2, body.t-rugnaat .sc-hero h1,
body.t-rugnaat .sc-banner h2, body.t-rugnaat .sc-buy-t {
  font-family: var(--sf-serif); font-weight: 400; letter-spacing: -0.02em;
}

/* OXBLOOD 1 of 2 — one flat slab, no edge on it */
body.t-rugnaat .btn.brand { background: var(--rg-ox); border: 0; box-shadow: none; color: #f7f3ec; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; padding: 15px 32px; }
body.t-rugnaat .btn.brand:hover { background: var(--rg-ox-hi); color: #ffffff; }

/* the slider: the full window, three book frames cross-fading, and an
   oversized serif line set hard left over the empty half of the photograph */
body.t-rugnaat .sc-hero { min-height: 100vh; padding: 120px max(20px, calc(50vw - 610px)); }
body.t-rugnaat .sc-hero h1 { font-size: clamp(36px, 6.2vw, 80px); line-height: 1.03; margin: 0 0 20px; }

/* ——— THE RHYTHM ——— the journal grid and the shop grid ARE the same grid */
body.t-rugnaat .sc-strip { max-width: 1220px; padding: 96px 20px 0; }
body.t-rugnaat .sc-strip + .sc-strip { padding-top: 54px; }
body.t-rugnaat .sc-buygrid { max-width: 1220px; padding: 96px 20px 108px; }
body.t-rugnaat .sc-strip-row, body.t-rugnaat .sc-buy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 54px 32px; }
body.t-rugnaat .sc-strip .sc-h2, body.t-rugnaat .sc-buygrid .sc-h2 { font-size: clamp(21px, 2.5vw, 29px); text-align: left; margin: 0 0 30px; }
body.t-rugnaat .sc-strip-card, body.t-rugnaat .sc-buy-card { align-items: flex-start; text-align: left; }

/* journal tile: 4:3 picture, no frame, caption under it at body weight */
body.t-rugnaat .sc-strip-img { aspect-ratio: 4 / 3; border: 0; background: #e6ded1; }
body.t-rugnaat .sc-strip-label { margin-top: 14px; font-weight: 400; font-size: 14.5px; line-height: 1.55; color: #4a4238; }

/* the one break in the rhythm — the shelf wall taken to the full window */
body.t-rugnaat .sc-banner { margin: 108px calc(50% - 50vw) 0; min-height: 58vh; padding: 16vh 28px; }
body.t-rugnaat .sc-banner-inner { max-width: 940px; }
body.t-rugnaat .sc-banner h2 { font-size: clamp(26px, 4.6vw, 56px); line-height: 1.1; margin: 0; }

/* the binder at her frame — portrait left, two short paragraphs right */
body.t-rugnaat .sc-about-split { max-width: 1120px; grid-template-columns: 5fr 6fr; gap: 64px; padding: 104px 20px 8px; }
body.t-rugnaat .sc-about-media img { aspect-ratio: 4 / 5; }
body.t-rugnaat .sc-about-copy .sc-h2 { font-size: clamp(23px, 2.9vw, 33px); }

/* books shot on white, so cloth and leather cut out against the cream page */
body.t-rugnaat .sc-buy-media { background: #ffffff; padding: 26px; }
body.t-rugnaat .sc-buy-media img { aspect-ratio: 4 / 5; object-fit: contain; }
body.t-rugnaat .sc-buy-cat { margin-top: 18px; color: var(--muted); font-size: 10px; letter-spacing: 0.24em; font-weight: 600; }
body.t-rugnaat .sc-buy-t { margin-top: 9px; font-size: 19px; }
/* OXBLOOD 2 of 2 — the rand figure, once per tile */
body.t-rugnaat .sc-buy-p { margin-top: 8px; color: var(--rg-ox); font-size: 15px; font-weight: 700; }

/* one quiet band closes the body: no imagery, no columns, narrow measure */
body.t-rugnaat .sc-contact-band { background: #ece5da; padding: 84px 0 92px; }

@media (max-width: 900px) {
  body.t-rugnaat .sc-strip-row, body.t-rugnaat .sc-buy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 20px; }
  body.t-rugnaat .sc-about-split { grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 64px 20px 8px; }
  body.t-rugnaat .sc-hero { min-height: 82vh; padding: 96px 20px; }
  body.t-rugnaat .sc-banner { padding: 11vh 22px; min-height: 44vh; }
}

/* NIGHT — the cream goes to the warm dark of the workshop after the lamp over
   the bench is the only thing on, and the oxblood is lifted to the colour wet
   goatskin throws back under it, so the buy slab and the rand figure still
   carry. The white beds under the books stay light, because a book
   photographed on white has to keep reading as a cut-out at either hour. */
html[data-theme="dark"] body.t-rugnaat {
  background: #17150f;
  color: #ddd5c6;
  --rg-ox: #c96b63;
  --rg-ox-hi: #dc8078;
  --bg-flat: #17150f;
  --header-bg: #17150f;
  --surface: #17150f;
  --surface-2: #211d16;
  --line: #2e2a21;
  --line-strong: #423c30;
  --heading: #f2ece0;
  --text: #ddd5c6;
  --muted: #8b8271;
}
html[data-theme="dark"] body.t-rugnaat .sf-head, html[data-theme="dark"] body.t-rugnaat .sf-header,
html[data-theme="dark"] body.t-rugnaat .sf-foot, html[data-theme="dark"] body.t-rugnaat .sf-footer,
html[data-theme="dark"] body.t-rugnaat .sf-cats { background: #17150f; border-color: #2e2a21; }
html[data-theme="dark"] body.t-rugnaat .sf-navlink { color: #a89e8b; }
html[data-theme="dark"] body.t-rugnaat .btn.brand { background: var(--rg-ox); color: #1a1210; }
html[data-theme="dark"] body.t-rugnaat .btn.brand:hover { background: var(--rg-ox-hi); color: #1a1210; }
html[data-theme="dark"] body.t-rugnaat .sc-strip-img { background: #241f18; }
html[data-theme="dark"] body.t-rugnaat .sc-strip-label { color: #b7ad9b; }
html[data-theme="dark"] body.t-rugnaat .sc-buy-media { background: #efe9df; }
html[data-theme="dark"] body.t-rugnaat .sc-contact-band { background: #211d16; }