/* Dream Gear / "Shot By" design tokens. Shared by every page. Source: brand book. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Instrument+Sans:wght@400;500;600;700&display=swap");

:root {
  --white: #ffffff;
  --paper: #f7f7f5;
  --ink: #161616;
  --muted: #5f6166;
  --rule: #e1e1dd;
  --gold: #d4a017; /* Index Gold: dots and rings only, never fills or text */

  --display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --label: var(--body); /* prices, dates, credits: body font with tabular numbers (DM Mono dropped, Bruce 18 Oct 2026) */

  color-scheme: light;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font: 400 16px/1.6 var(--body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, p, figure { margin: 0; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; letter-spacing: -0.015em; text-wrap: balance; font-optical-sizing: auto; }
h1 i, h2 i, h3 i { font-style: italic; }
a { color: var(--ink); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

.wrap { max-width: 1180px; margin: 0 auto; padding-inline: max(24px, env(safe-area-inset-left, 0px)); }
.credit { font: 500 11px/1.6 var(--label); font-variant-numeric: tabular-nums; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.credit b { color: var(--ink); font-weight: 500; }

/* House rule: "Dream Gear" is one word on screen. Wrap it in <span class="nb"> so it never breaks across lines. */
.nb { white-space: nowrap; }