/* Atelier: light and airy, serif headlines, black accents. */
:root {
  --bg: #fbfaf8;
  --surface: #ffffff;
  --surface-2: #f3f1ed;
  --text: #1c1b19;
  --muted: #77736c;
  --line: #e6e2db;
  --accent: #1c1b19;
  --accent-text: #ffffff;
  --sale: #a8321e;
  --radius: 2px;
  --card-radius: 2px;
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display: Georgia, "Times New Roman", serif;
  --display-weight: 400;
  --card-ratio: 4 / 5;
}
.announcement { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.72rem; }
.logo { font-weight: 400; letter-spacing: 0.04em; font-size: 1.5rem; }
.nav a { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.75rem; }
.btn { text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.75rem; padding: 14px 26px; }
.hero { min-height: 520px; }
.hero h1 { font-weight: 400; }
.card-title { font-size: 0.92rem; }
.price { font-size: 0.92rem; color: var(--muted); }
.price.big { color: var(--text); }
.section-head h2 { font-size: 1.7rem; }
.section-head a { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.72rem; }
.category-tiles span { border-radius: 0; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.72rem; font-weight: 400; }
.usp { background: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; }