/* ---- boedel (Boedel — Estate silver, lamps & curiosities 349) ----
   THE STRUCTURAL MOVE: the reference carries its sale announcement as a thin
   line stacked above the header. We take it out of the bar entirely and give it
   a whole full-bleed photographic band in the MIDDLE of the page, so the rhythm
   reads rail, grid, rail — a full-viewport cross-fade whose floor the
   four-across category rail is welded straight onto with no gutter and no seam,
   the catalogue snapping back into the contained measure as eight bare pictures
   on the parchment with no card, no border and no shadow, then the page going
   full window again for the clearance band. The bar itself stays opaque and
   sits ABOVE the photograph rather than over it, so nothing inside it is
   touched. Brass does exactly three jobs — the rand figure, the add-to-cart
   slab and the hero button — and every other warm thing on the page arrives
   through the photographs. The page shuts on near-black. */
body.t-boedel {
  --sf-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  background: #f2ecdf; color: #2a2219;
  --bg-flat: #f2ecdf; --surface: #f8f4ec; --surface-2: #e8e0d0;
  --line: #ddd3c0; --line-strong: #c5b89d;
  --heading: #1b1610; --text: #2a2219; --muted: #7e7566; --header-bg: #f2ecdf;
  --bd-brass: #8a6a2f; --bd-soot: #17130d;
}
body.t-boedel .sf-head, body.t-boedel .sf-header, body.t-boedel .sf-cats { background: #f2ecdf; border-color: #ddd3c0; }
body.t-boedel .sf-foot, body.t-boedel .sf-footer, body.t-boedel .sf-footer a { background: var(--bd-soot); border-color: #2b2519; color: #9c9384; }
body.t-boedel .sf-name { font-family: var(--sf-serif); font-weight: 500; font-size: 23px; letter-spacing: 0.01em; }

/* brass, job 1 of 3 — flat slabs, no border and no radius on any of them */
body.t-boedel .btn.brand { background: var(--bd-brass); color: #f7f2e6; border: 0; border-radius: 0; box-shadow: none; text-transform: uppercase; letter-spacing: 0.18em; font-weight: 700; font-size: 11px; padding: 16px 30px; }
body.t-boedel .btn.brand:hover { background: #6f5424; color: #f7f2e6; }

/* the opener owns the first screen exactly: opaque bar plus hero = one window,
   with the copy stacked dead centre on the midline and nothing under it */
body.t-boedel .sc-hero { min-height: calc(100vh - 68px); padding: 92px 20px; }
body.t-boedel .sc-hero h1 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(31px, 5.2vw, 58px); line-height: 1.08; letter-spacing: -0.01em; max-width: 17ch; margin: 0 auto 16px; }
body.t-boedel .sc-h2 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(22px, 3vw, 32px); letter-spacing: 0; }
body.t-boedel .sc-buygrid .sc-h2 { text-align: left; margin: 0 0 40px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }

/* THE WELD — the rail gives up the container the instant the hero ends: full
   window width, four across, no gutter and no seam between the frames */
body.t-boedel .sc-strip { width: 100vw; max-width: 100vw; margin: 0 calc(50% - 50vw); padding: 0 0 30px; }
body.t-boedel .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
body.t-boedel .sc-strip-img { border: 0; border-radius: 0; aspect-ratio: 4 / 3; }
body.t-boedel .sc-strip-label { margin-top: 14px; text-transform: uppercase; letter-spacing: 0.24em; font-size: 11px; font-weight: 700; color: var(--muted); }

/* THE CATALOGUE — back inside the measure: four across, two rows that both
   fill, bare pictures standing on the parchment with no plate and no edge */
body.t-boedel .sc-buygrid { padding: 80px 20px 76px; }
body.t-boedel .sc-buy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 52px 30px; }
body.t-boedel .sc-buy-card { align-items: flex-start; text-align: left; }
body.t-boedel .sc-buy-media { background: transparent; }
body.t-boedel .sc-buy-media img { aspect-ratio: 1; border-radius: 0; }
body.t-boedel .sc-buy-cat { color: var(--muted); letter-spacing: 0.2em; font-size: 10px; }
body.t-boedel .sc-buy-t { font-family: var(--sf-serif); font-weight: 400; font-size: 17px; line-height: 1.32; margin-top: 9px; }
/* brass, job 2 of 3 — the rand figure and nothing else inside the tile */
body.t-boedel .sc-buy-p { color: var(--bd-brass); font-weight: 700; font-size: 15px; margin-top: 7px; }
/* brass, job 3 of 3 — small, straight under the price, never a full-width bar */
body.t-boedel .sc-buy-btn { padding: 11px 20px; font-size: 10px; letter-spacing: 0.2em; }

/* THE CLEARANCE BAND — the reference's header announcement, pulled out of the
   bar and given a whole photograph across the full window, mid-page */
body.t-boedel .sc-banner { margin: 18px calc(50% - 50vw) 0; min-height: 64vh; padding: clamp(70px, 15vh, 150px) 24px; }
body.t-boedel .sc-banner h2 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(26px, 4.2vw, 48px); line-height: 1.12; }

/* the polishing bench one side, the two paragraphs the other */
body.t-boedel .sc-about-split { padding: 86px 20px 90px; gap: clamp(30px, 5vw, 68px); }
body.t-boedel .sc-about-media img { aspect-ratio: 4 / 5; border-radius: 0; }
body.t-boedel .sc-about-copy p { color: var(--text); font-size: 16px; line-height: 1.95; }

/* the door — one strip of soot at the foot and nothing after it */
body.t-boedel .sc-contact-band { background: var(--bd-soot); padding: 84px 0 92px; }
body.t-boedel .sc-contact-band .sc-h2, body.t-boedel .sc-contact-band .sc-contact-sub { color: #efe7d8; }
body.t-boedel .sc-contact-band .sc-field label { color: #9c9384; font-weight: 500; }
body.t-boedel .sc-contact-band .sc-field input, body.t-boedel .sc-contact-band .sc-field textarea { background: #221c14; border: 1px solid #332c20; border-radius: 0; color: #efe7d8; }

@media (max-width: 900px) {
  body.t-boedel .sc-buy-grid, body.t-boedel .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* NIGHT — the parchment drops to a dim brown-black that the amber photography
   still sits inside without a seam, and the soot band goes one stop deeper
   again so the foot stays a band and not the page. Brass on a SLAB is left
   exactly where it was, because ochre carrying white type reads at any
   brightness; brass used as INK — the rand figure — is the one value that has
   to lift, so it goes two stops brighter and no second hue enters anywhere. */
html[data-theme="dark"] body.t-boedel {
  background: #16120d; color: #b9b0a1;
  --bg-flat: #16120d; --surface: #1e1913; --surface-2: #241e16;
  --line: #2f281e; --line-strong: #453b2c;
  --heading: #f1ebdd; --text: #b9b0a1; --muted: #8a8173; --header-bg: #16120d;
  --bd-brass: #8a6a2f; --bd-soot: #0c0906;
}
html[data-theme="dark"] body.t-boedel .sf-head, html[data-theme="dark"] body.t-boedel .sf-header,
html[data-theme="dark"] body.t-boedel .sf-cats { background: #16120d; border-color: #2f281e; }
html[data-theme="dark"] body.t-boedel .sf-foot, html[data-theme="dark"] body.t-boedel .sf-footer,
html[data-theme="dark"] body.t-boedel .sf-footer a { background: var(--bd-soot); border-color: #241e16; color: #8a8173; }
html[data-theme="dark"] body.t-boedel .sc-buy-p { color: #c99f52; }
html[data-theme="dark"] body.t-boedel .sc-contact-band .sc-field input,
html[data-theme="dark"] body.t-boedel .sc-contact-band .sc-field textarea { background: #191510; border-color: #2f281e; }