/* Lucien Rochat — deep Swiss green ground with the maison's gold. The logo artwork is gold,
   so the dark ground carries it directly; product tiles stay ivory so the watches read. */

@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 600;
  font-display: swap; src: url("/assets/fonts/cormorant.woff2") format("woff2");
}

:root {
  --bg: #0d2a1d;
  --bg-elevated: #10331f;
  --card-bg: #f5f2ea;
  --ink: #f1ece0;
  --ink-soft: #cfc9b8;
  --muted: #93a394;
  --rule: #1e4632;
  --accent: #c9a75c;
  --in-stock: #8fbf95;

  --font-display: "Cormorant Garamond", "Vazirmatn", Georgia, serif;
  --font-body: "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display-weight: 400;
  --masthead-h: 88px;
  --logo-h: 46px;
}

.wordmark { height: var(--logo-h); width: auto; }
.footer .wordmark { height: calc(var(--logo-h) * 1.25); }

h1, h2 { letter-spacing: .005em; }
.eyebrow { color: var(--accent); }

.button { border-color: var(--accent); color: var(--accent); }
.button:hover { background: var(--accent); color: #0d2a1d; }
.button--primary { background: var(--accent); border-color: var(--accent); color: #0d2a1d; }
.button--primary:hover { background: transparent; color: var(--accent); }
.link-underline { color: var(--accent); }

.masthead__nav a:hover, .masthead__nav a[aria-current="page"] { border-block-end-color: var(--accent); }
.facet__select { background: var(--bg-elevated); }
.pagination__link.is-current { background: var(--accent); border-color: var(--accent); color: #0d2a1d; }

.hero--centred {
  display: grid; justify-items: center; text-align: center;
  padding-block: clamp(2.5rem, 6vw, 5rem) clamp(3rem, 7vw, 5.5rem);
  width: min(var(--shell), 100% - var(--gutter) * 2); margin-inline: auto;
}
.hero--centred .hero__figure {
  width: min(400px, 72vw); margin-block-end: clamp(1.75rem, 4vw, 3rem);
  background: var(--card-bg); padding: clamp(1rem, 3vw, 2rem);
}
.hero--centred .hero__figure img { width: 100%; object-fit: contain; }
.hero--centred .hero__copy { max-width: 46rem; }
.hero__title { max-width: 20ch; margin-inline: auto; font-size: clamp(2.1rem, 6vw, 3.9rem); font-weight: 300; }
.hero__lede { color: var(--ink-soft); font-size: 1.03rem; margin: 1.25rem auto 2rem; max-width: 52ch; }

.statement { border-block: 1px solid var(--rule); background: var(--bg-elevated); }
.statement__inner { padding-block: clamp(2.5rem, 5vw, 4rem); max-width: 62ch; text-align: center; margin-inline: auto; }
.statement__title { font-size: clamp(1.5rem, 3.4vw, 2.3rem); font-weight: 300; }
.statement__body { color: var(--ink-soft); margin: 1rem 0 0; }
.statement__stat { font-size: .82rem; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); margin: 1.5rem 0 0; }

.showcase { padding-block: clamp(3rem, 6vw, 5rem) 0; }
.showcase .section-title { text-align: center; font-weight: 300; }
.showcase__more { text-align: center; margin-block-start: clamp(2rem, 4vw, 3rem); }

.card__media { border: 1px solid var(--rule); }
.product__frame { border: 1px solid var(--rule); }
.product__thumb { background: var(--card-bg); border-color: var(--rule); }
.empty { border-color: var(--rule); }
.message__code { color: var(--rule); }