/* ==========================================================================
   Direction A — GALLERI
   Calm, editorial, auction-house feel. Serif display, hairlines, square
   corners, cards on a paper mat with a museum-style caption.
   Pairing: Fraunces (display) + Inter (text).
   ========================================================================== */
:root[data-direction="galleri"] {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "Inter", system-ui, sans-serif;
  --display-weight: 450;
  --display-tracking: -0.02em;
  --display-leading: 1.04;
  --label-tracking: .14em;
  --label-weight: 600;

  --radius-s: 2px;
  --radius-m: 3px;
  --radius-l: 4px;
  --radius-pill: 2px;
  --radius-btn: 2px;

  --card-bg: transparent;
  --card-border: transparent;
  --card-radius: 0px;
  --card-pad: 0px;
  --card-shadow-hover: none;
  --media-pad: 12%;
  --media-radius: 2px;
  --grid-min: 176px;
}
:root[data-direction="galleri"][data-mode="light"] {
  --color-bg: #f5f1ea;
  --color-surface: #fbf9f5;
  --color-surface-2: #ebe5db;
  --color-text: #1b1814;
  --color-muted: #665e53;
  --color-border: #d9d0c3;
  --color-mat: #e9e2d6;
}
:root[data-direction="galleri"][data-mode="dark"] {
  --color-bg: #12100d;
  --color-surface: #1a1814;
  --color-surface-2: #24211c;
  --color-text: #f1ece3;
  --color-muted: #a99f90;
  --color-border: #35302a;
  --color-mat: #1e1b17;
}
/* flourishes */
[data-direction="galleri"] .pcard:hover .pcard__media img { transform: translateY(-4px); }
[data-direction="galleri"] .pcard__title { font-family: var(--font-display); font-size: var(--fs-m); font-weight: 500; letter-spacing: -0.005em; }
[data-direction="galleri"] .section__title { font-style: normal; }
[data-direction="galleri"] .section__title em,
[data-direction="galleri"] .hero__title em { font-style: italic; font-weight: 400; }
[data-direction="galleri"] .site-nav a { text-transform: uppercase; letter-spacing: .12em; font-size: var(--fs-xs); font-weight: 600; }
[data-direction="galleri"] .hero { border-bottom: var(--border-w) solid var(--color-border); }
[data-direction="galleri"] .btn--primary { background: var(--color-text); color: var(--color-bg); border-color: var(--color-text); }
[data-direction="galleri"] .btn--primary:hover { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
[data-direction="galleri"] .badge { background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); }
[data-direction="galleri"] .tile { border-radius: 0; }