/* ==========================================================================
   BASE — INNER FAMILY
   Shared page primitives for the inner-family designs: cabinets, careers,
   portfolio (+ project pages), quote, thank-you. Loaded instead of
   base-home.css for the templates listed in config 'inner_templates'.
   Header/footer/FAB/tokens live in style.css — nothing here styles them.
   Every rule below is identical in all 37 inner-family static pages; the
   v15gold / v15polish layers are merged in (final values, no cascade).
   ========================================================================== */

/* ── TOKENS (inner family only) ── */
:root {
  --max: 1160px; --copy: 720px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 28px;
  --s7: 36px; --s8: 48px; --s9: 64px; --s10: 88px; --s11: 112px;
}
/* ── ELEMENTS ── */
body { color: var(--body); font-size: 16px; line-height: 1.7; }
a { color: var(--gold-ink); text-decoration: none; transition: color .18s; }
a:hover { color: var(--goldh); }
h1, h2 { color: var(--head); font-weight: 250; letter-spacing: -.01em; }
h1 { font-size: clamp(34px, 4.6vw, 54px); line-height: 1.1; }
h2 { font-size: clamp(26px, 3.4vw, 38px); line-height: 1.16; }
section { padding: var(--s10) 0; }
.sub, .body-copy { text-wrap: pretty; }

/* ── TYPE + LAYOUT ── */
.serif, .f { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 360; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 20px; }
.eyebrow {
  font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: .22em;
  text-transform: uppercase; color: var(--gold-ink); font-weight: 400;
}
.sub { max-width: var(--copy); margin-top: 16px; font-size: 16.5px; }

/* ── BUTTONS ── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; letter-spacing: .18em;
  text-transform: uppercase; padding: 15px 34px; border: 1px solid transparent;
  cursor: pointer; transition: all .18s;
}
.btn.gold { background: var(--gold); color: #fff; }
.btn.gold:hover { background: var(--goldh); color: #fff; }
.btn.ghost { border-color: var(--head); color: var(--head); background: transparent; }
.btn.ghost:hover { border-color: var(--gold-ink); color: var(--gold-ink); }
.btn.ghostW { border-color: rgba(255,255,255,.85); color: #fff; background: transparent; }
.btn.ghostW:hover { background: rgba(255,255,255,.14); color: #fff; }

/* ── DIMENSION LINE ── */
.dim {
  display: flex; align-items: center; gap: 16px;
  font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--body);
}
.dim .g { color: var(--gold-ink); }
.dim .ln { flex: 1; height: 1px; background: #cdc6b9; position: relative; min-width: 36px; }
.dim .ln::before, .dim .ln::after { content: ""; position: absolute; top: -4px; width: 1px; height: 9px; background: #cdc6b9; }
.dim .ln::before { left: 0; }
.dim .ln::after { right: 0; }
.dimband { background: var(--cream2); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 18px 0; }
@media (max-width: 480px) {
  .dimband .dim { flex-wrap: wrap; justify-content: center; row-gap: 6px; }
  .dimband .ln { display: none; }
}

/* ── FILTER CHIPS + CTA ── */
.chip {
  font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: .14em;
  text-transform: uppercase; padding: 9px 18px; border: 1px solid var(--rule);
  background: transparent; color: var(--body); cursor: pointer; transition: all .18s;
}
.chip.on, .chip:hover { border-color: var(--gold-ink); color: var(--gold-ink); }
.cta { text-align: center; }

/* ── SCROLL REVEAL (inner designs use a shorter move than style.css) ── */
@media (prefers-reduced-motion: no-preference) {
  .rv { transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
  .rv.in { transform: none; }
}


/* Brand font unification (Rod, Oct 15): headings keep ONE font - no serif-italic accent lines */
h1 em, h2 em, h3 em, .hero-h1 em, .h-xl em, .h-lg em, .h-md em, .h-sm em, .serif, .f, .art-h1 em, .art h2 em, .bp-ask em, .uor-close em {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}