/* ---------- Jigger — Bottled cocktails & bitters 138 (store) ----------
   THE STRUCTURAL MOVE: the lookbook stops being a lookbook and becomes the
   bar's printed drinks menu. Each row is a small bottle plate, then the name,
   then a dotted brass leader stretched across whatever gap is left, then the
   price hard right — so `.sc-look-copy` is re-laid as a two-column grid and the
   leader is drawn by the title's own ::after rather than by any extra markup.
   Brass lives on the leaders, the prices and the hero outline and NOWHERE else.
   The flat-lays keep a pure white ground, which makes the buy blocks the only
   lit rectangles in the room. Everything between blocks is dead air — 116/124px,
   no rules, no painted bands — until the single ink band that ends the page. */

body.t-jigger {
  background: #0a1210;
  color: #f2efe8;
  --jg-brass: #b8863f;
  --bg-flat: #0a1210;
  --surface: #0f1a17;
  --surface-2: #13211d;
  --line: #1c2d28;
  --line-strong: #2b443c;
  --heading: #f6f4ee;
  --text: #f2efe8;
  --muted: #92a49d;
  --header-bg: #0a1210;
  --radius: 0;
  --shadow: none;
}

/* solid ink bar and foot — no blur and nothing glassy, because this is a dark
   room with one lamp in it rather than app chrome laid over a photograph */
body.t-jigger .sf-header, body.t-jigger .sf-head,
body.t-jigger .sf-footer, body.t-jigger .sf-foot, body.t-jigger .sf-cats {
  background: #0a1210; border-color: #1c2d28;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-jigger .sf-name { text-transform: lowercase; font-weight: 700; font-size: 20px; letter-spacing: -0.03em; }

/* the one solid brass slab — background comes from --brand, so all this does is
   flatten the inset ring off it and set ink type on top */
body.t-jigger .btn.brand { color: #0a1210; box-shadow: none; font-weight: 700; letter-spacing: 0.01em; padding: 13px 28px; }

/* ONE full-viewport still. Copy anchored left about 115px in and vertically
   centred: headline, one line, one outlined button, nothing else on the screen. */
body.t-jigger .sc-hero { min-height: 100vh; padding: 20px clamp(20px, 8vw, 115px); }
body.t-jigger .sc-hero h1 { text-transform: lowercase; font-weight: 700; font-size: clamp(38px, 7.4vw, 92px); line-height: 1.02; letter-spacing: -0.045em; margin-bottom: 20px; }
body.t-jigger .sc-hero p { font-size: clamp(15px, 1.6vw, 18px); max-width: 460px; }
body.t-jigger .sc-hero .btn.brand.sc-hero-ghost { border-color: var(--jg-brass); color: var(--jg-brass); }
body.t-jigger .sc-hero .btn.brand.sc-hero-ghost:hover { background: var(--jg-brass); color: #0a1210; }

body.t-jigger .sc-h2 { text-transform: lowercase; font-weight: 700; font-size: clamp(24px, 3.4vw, 40px); letter-spacing: -0.035em; margin-bottom: 34px; }

/* DEAD AIR — the whole page is air between blocks and nothing else */
body.t-jigger .sc-about-split, body.t-jigger .sc-lookbook,
body.t-jigger .sc-buygrid, body.t-jigger .sc-strip { padding: 116px 20px 124px; }

/* the two story blocks mirror each other: the bar photograph sits right, the
   bench photograph sits left. Matched on the image itself — :nth-of-type would
   count section ELEMENTS and land on the hero. */
body.t-jigger .sc-about-split:has(img[src*="jgr_story_bar"]) .sc-about-media { order: 2; }
body.t-jigger .sc-about-copy p { line-height: 1.95; }

/* THE MENU — one bottle plate, the name, a dotted brass leader, the price */
body.t-jigger .sc-look-row { max-width: 940px; margin: 0 auto; grid-template-columns: 116px 1fr; column-gap: 30px; align-items: start; padding: 22px 0; }
body.t-jigger .sc-look-row:nth-child(even) .sc-look-media { order: 0; }
body.t-jigger .sc-look-media, body.t-jigger .sc-buy-media { background: #ffffff; }
body.t-jigger .sc-look-copy { display: grid; grid-template-columns: 1fr auto; column-gap: 16px; align-items: baseline; padding: 0; }
body.t-jigger .sc-look-cat, body.t-jigger .sc-buy-cat { grid-column: 1 / -1; grid-row: 1; color: var(--muted); letter-spacing: 0.26em; font-size: 10px; }
body.t-jigger .sc-look-t { grid-column: 1; grid-row: 2; display: flex; align-items: baseline; gap: 12px; margin: 9px 0 0; text-transform: lowercase; font-weight: 600; font-size: clamp(18px, 2vw, 23px); letter-spacing: -0.03em; }
body.t-jigger .sc-look-t::after { content: ""; flex: 1 1 auto; height: 0; margin-bottom: 5px; border-bottom: 1px dotted var(--jg-brass); }
body.t-jigger .sc-look-p, body.t-jigger .sc-buy-p { grid-column: 2; grid-row: 2; margin: 9px 0 0; color: var(--jg-brass); font-weight: 600; font-size: 17px; }
body.t-jigger .sc-look-desc { grid-column: 1 / -1; grid-row: 3; max-width: 60ch; margin-top: 12px; line-height: 1.85; }
body.t-jigger .sc-look-copy > .sc-buy-form, body.t-jigger .sc-look-copy > .sc-look-btn { grid-column: 1 / -1; grid-row: 4; margin-top: 22px; }

/* THE WALL — six photographs welded three across, two rows, zero gutters: the
   only hard edge on the page. Labels drop to alt text so nothing splits it. */
body.t-jigger .sc-strip-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
body.t-jigger .sc-strip-img { aspect-ratio: 4 / 3; border: 0; border-radius: 0; }
body.t-jigger .sc-strip-label { display: none; }

/* six priced tiles, three across, two rows that FILL */
body.t-jigger .sc-buy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 54px 34px; }
body.t-jigger .sc-buy-t { text-transform: lowercase; letter-spacing: -0.02em; font-size: 16px; }

/* the one full-bleed break, and the end of the page */
body.t-jigger .sc-contact-band { background: #13211d; border-top: 1px solid #1c2d28; padding: 104px 0 116px; }

@media (max-width: 880px) {
  body.t-jigger .sc-strip-row, body.t-jigger .sc-buy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-jigger .sc-look-row { grid-template-columns: 92px 1fr; column-gap: 20px; }
}

/* NIGHT — the lamp goes off. The glass goes deeper than black-green, the bone
   type dims a shade so it stops glaring, and the brass lifts and warms because
   by then it is carrying every price and every leader on the page alone. */
html[data-theme="dark"] body.t-jigger {
  background: #05100c;
  color: #e6e2d8;
  --jg-brass: #d0a054;
  --bg-flat: #05100c;
  --surface: #0a1714;
  --surface-2: #0c1a15;
  --line: #16261f;
  --line-strong: #24392f;
  --heading: #f2efe6;
  --text: #e6e2d8;
  --muted: #7d918a;
  --header-bg: #05100c;
}
html[data-theme="dark"] body.t-jigger .sf-header, html[data-theme="dark"] body.t-jigger .sf-head,
html[data-theme="dark"] body.t-jigger .sf-footer, html[data-theme="dark"] body.t-jigger .sf-foot,
html[data-theme="dark"] body.t-jigger .sf-cats { background: #05100c; border-color: #16261f; }
html[data-theme="dark"] body.t-jigger .sc-contact-band { background: #0c1a15; border-top-color: #16261f; }