/* ---- bunker (Bunker — Paintball field & gear counter 344) — charcoal, marshal acid ----
   THE STRUCTURAL MOVE: A REFRAIN. The same full-bleed photographic band is cut
   from ONE rule and set into the page twice — early as the banner, carrying two
   stacked display lines and the only ghost button on the page, and late as the
   overlay about, carrying one line and a short paragraph and no button at all —
   with the eight-tile counter hung between them like a bracket. Everything that
   is not a band is an announcement: section headings drop to 12px tracked caps
   so nothing competes with the two bands, and the acid is rationed to three
   things only — the rand figure, the buy slab and the hero button's hairline.
   .sc-buy-cat has to be pulled off var(--brand) by hand or the ration breaks. */
body.t-bunker { background: #121312; color: #b9bfbd; --header-bg: rgba(18, 19, 18, 0.92); --surface: #191b19; --surface-2: #1f221f; --line: #2b2e2b; --line-strong: #3d413d; --heading: #eef1ee; --text: #b9bfbd; --muted: #7f8785; --radius: 0; --shadow: none; }
body.t-bunker .sf-head, body.t-bunker .sf-foot, body.t-bunker .sf-header, body.t-bunker .sf-footer { background: #121312; border-color: #2b2e2b; }
body.t-bunker .sf-name, body.t-bunker .sc-hero h1 { text-transform: uppercase; font-weight: 800; letter-spacing: -0.015em; }
/* every heading that is not on a band is a 12px label, not a headline */
body.t-bunker .sc-h2 { text-transform: uppercase; letter-spacing: 0.26em; font-weight: 800; font-size: clamp(11px, 1.2vw, 13px); margin: 0 0 32px; color: #eef1ee; }
body.t-bunker .sf-navlink, body.t-bunker .sc-strip-label, body.t-bunker .sc-buy-cat, body.t-bunker .sc-field label { text-transform: uppercase; letter-spacing: 0.24em; font-size: 10.5px; font-weight: 700; color: #7f8785; }
body.t-bunker .sc-hero { min-height: 100vh; }
body.t-bunker .sc-hero h1 { font-size: clamp(38px, 7.6vw, 92px); line-height: 0.94; margin-bottom: 16px; }
body.t-bunker .sc-hero p { text-transform: uppercase; letter-spacing: 0.24em; font-size: 11.5px; font-weight: 700; margin-bottom: 36px; }
body.t-bunker .sc-hero .btn.brand.sc-hero-ghost { background: transparent; border-width: 1px; border-color: #d8e02a; color: #d8e02a; }
body.t-bunker .sc-hero .btn.brand.sc-hero-ghost:hover { background: #d8e02a; color: #121312; }
/* THE REFRAIN — both passes of the band, painted by one rule */
body.t-bunker .sc-banner, body.t-bunker .sc-about-overlay { min-height: 76vh; display: flex; align-items: center; padding: clamp(64px, 10vh, 128px) 20px; }
body.t-bunker .sc-banner { margin: 0 calc(50% - 50vw); }
body.t-bunker .sc-banner h2, body.t-bunker .sc-banner p, body.t-bunker .sc-about-overlay .sc-h2 { text-transform: uppercase; font-weight: 800; font-size: clamp(34px, 7.2vw, 96px); line-height: 0.92; letter-spacing: -0.025em; margin: 0; color: #ffffff; }
body.t-bunker .sc-banner p { margin: 6px 0 38px; }
body.t-bunker .sc-banner-inner, body.t-bunker .sc-about-overlay-inner { max-width: 1040px; }
body.t-bunker .sc-about-overlay p { margin-top: 30px; font-size: 16px; line-height: 1.9; color: rgba(255, 255, 255, 0.86); }
/* the band's control is a hairline in white, so the acid stays rationed */
body.t-bunker .sc-banner .btn.brand { background: transparent; border-color: rgba(255, 255, 255, 0.9); color: #ffffff; }
body.t-bunker .sc-banner .btn.brand:hover { background: #ffffff; color: #121312; }
body.t-bunker .sc-strip { padding: clamp(58px, 8vh, 88px) 20px clamp(20px, 3vh, 34px); }
body.t-bunker .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.6vw, 20px); }
body.t-bunker .sc-strip-img { border: 0; border-radius: 0; aspect-ratio: 4 / 3; }
/* eight bare photographs on the ground, four across, two rows, no card */
body.t-bunker .sc-buygrid { padding: clamp(48px, 7vh, 76px) 20px clamp(58px, 8vh, 88px); }
body.t-bunker .sc-buy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 46px clamp(14px, 2vw, 28px); }
body.t-bunker .sc-buy-card { align-items: flex-start; text-align: left; }
body.t-bunker .sc-buy-media { background: #191b19; }
body.t-bunker .sc-buy-media img { aspect-ratio: 4 / 5; }
body.t-bunker .sc-buy-p { color: #d8e02a; font-weight: 700; font-size: 16px; margin-top: 6px; }
body.t-bunker .sc-contact { max-width: 520px; border-top: 1px solid #2b2e2b; padding: clamp(66px, 9vh, 100px) 20px clamp(76px, 10vh, 112px); }
body.t-bunker .sc-contact-sub { color: #9aa2a0; line-height: 1.85; }
body.t-bunker .btn.brand { background: #d8e02a; border-color: #d8e02a; color: #121312; box-shadow: none; text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; font-weight: 800; padding: 15px 32px; }
body.t-bunker .btn.brand:hover { background: #e6ee3d; border-color: #e6ee3d; color: #121312; }
@media (max-width: 900px) {
  body.t-bunker .sc-buy-grid, body.t-bunker .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-bunker .sc-banner, body.t-bunker .sc-about-overlay { min-height: 56vh; }
}

/* night — the same field after the floodlights go off: the charcoal drops to
   near-black and the marshal yellow cools to the colour a hi-vis bib actually
   is under a work lamp. The band's white hairline is restated so the night buy
   slab does not reach in and fill it. */
html[data-theme="dark"] body.t-bunker { background: #080908; color: #aab0ae; --header-bg: rgba(8, 9, 8, 0.92); --surface: #101110; --surface-2: #161816; --line: #212421; --line-strong: #313531; --heading: #e7ebe7; --text: #aab0ae; --muted: #737b79; --radius: 0; --shadow: none; }
html[data-theme="dark"] body.t-bunker .sf-head, html[data-theme="dark"] body.t-bunker .sf-foot, html[data-theme="dark"] body.t-bunker .sf-header, html[data-theme="dark"] body.t-bunker .sf-footer { background: #080908; border-color: #212421; }
html[data-theme="dark"] body.t-bunker .sc-h2 { color: #e7ebe7; }
html[data-theme="dark"] body.t-bunker .sc-buy-media { background: #101110; }
html[data-theme="dark"] body.t-bunker .sc-contact { border-top-color: #212421; }
html[data-theme="dark"] body.t-bunker .sc-contact-sub { color: #8d9593; }
html[data-theme="dark"] body.t-bunker .sc-buy-p { color: #c6cf28; }
html[data-theme="dark"] body.t-bunker .sc-hero .btn.brand.sc-hero-ghost { border-color: #c6cf28; color: #c6cf28; }
html[data-theme="dark"] body.t-bunker .sc-hero .btn.brand.sc-hero-ghost:hover { background: #c6cf28; color: #080908; }
html[data-theme="dark"] body.t-bunker .sc-banner .btn.brand { background: transparent; border-color: rgba(255, 255, 255, 0.85); color: #ffffff; }
html[data-theme="dark"] body.t-bunker .btn.brand { background: #c6cf28; border-color: #c6cf28; color: #080908; }
html[data-theme="dark"] body.t-bunker .btn.brand:hover { background: #d5de35; border-color: #d5de35; color: #080908; }