/* GALERY · clean gallery / kunsgalery / ateljee
   White walls, black type, one Karoo-rust accent. Grotesk display (Space Grotesk) +
   neutral text sans (Inter). Square corners, generous grid, numbered sections.
   Default hero: minimal. */
:root {
  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-surface-2: #f4f3f0;
  --c-text: #111111;
  --c-muted: #555555;
  --c-primary: #111111;
  --c-on-primary: #ffffff;
  --c-accent: #b24d14;
  --c-on-accent: #ffffff;
  --c-accent-text: #b24d14;
  --c-line: #dddddd;
  --c-hero-bg: #ffffff;
  --c-hero-text: #111111;
  --c-footer-bg: #111111;
  --c-footer-text: #f4f3f0;
  --c-ph-a: #ecebe7; --c-ph-b: #e2e0da;
  --c-price: #111111;

  --f-head: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Inter", system-ui, sans-serif;
  --fw-head: 600;
  --fw-body-bold: 600;
  --ls-head: -.03em;
  --lh-head: 1;
  --ls-eyebrow: .18em;
  --radius-s: 0; --radius-m: 0; --radius-l: 0; --radius-btn: 0; --radius-ph: 0;
  --shadow: none;
  --motif-color: #111111;
  --texture: none;
  --hero-texture: none;
  --ph-pattern: linear-gradient(135deg, #f1efea 0%, #e3e0d8 100%);
}
body { counter-reset: sect; }
.section .section__head .eyebrow::before, .section .about__text .eyebrow::before, .section .location__text .eyebrow::before, .section .contact__inner .eyebrow::before { counter-increment: sect; content: counter(sect, decimal-leading-zero) " — "; }
.brand__mark { border-radius: 0; background: var(--c-accent); }
.brand__name { font-size: var(--step-0); text-transform: uppercase; letter-spacing: .12em; }
.site-header { border-bottom: 1px solid var(--c-text); }
.site-nav a { text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; border-radius: 0; }
@media (max-width: 47.99rem) { .site-nav a { letter-spacing: .05em; } }
.site-nav a:hover { background: transparent; text-decoration: underline; }
.btn--primary:hover { background: var(--c-accent); color: var(--c-on-accent); }
.card { border: 0; background: transparent; }
.card__body { padding: var(--space-3) 0 0; }
.card__title { font-size: var(--step-0); text-transform: uppercase; letter-spacing: .06em; }
.card .ph--card { aspect-ratio: 4 / 5; outline: 1px solid var(--c-line); }
.card__price { font-size: var(--step-0); font-weight: 500; }
.cards { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: var(--space-7) var(--space-5); }
.section:nth-of-type(even) { background: var(--c-bg); border-top: 1px solid var(--c-line); }
.hero { border-bottom: 1px solid var(--c-line); }
.hero .ph--hero { aspect-ratio: 3 / 4; }
.quote blockquote { font-family: var(--f-body); font-weight: 300; font-size: var(--step-2); }
.quote blockquote p::before, .quote blockquote p::after { color: var(--c-accent); }