:root {
  color-scheme: dark;
  --paper: #090806;
  --ink: #fff4db;
  --lime: #e7b452;
  --line: #44311c;
  --muted: #cdbb9d;
}
.notice, .ticker { background: #e7b452; color: #130d06; }
header, footer { border-color: var(--line); }
header > a img, footer img { width: 130px; height: auto; border-radius: 0; display: block; }
nav { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.hero { gap: 4%; background: radial-gradient(ellipse at 77% 48%, #34200d 0%, transparent 62%); }
h1 { font-size: clamp(56px, 8vw, 118px); text-transform: uppercase; }
h1 em, .eyebrow, .card small { color: var(--lime); }
.button { background: var(--lime); color: #130d06; border-color: var(--lime); }
.button:hover { background: #ffe2a0; }
.brand-art { margin: 0; position: relative; border: 1px solid #6b4825; padding: 10px; background: #000; }
.brand-art img { border-radius: 0; box-shadow: none; }
.brand-art figcaption { padding: 10px; font: 11px monospace; letter-spacing: .15em; color: var(--lime); }
.about { background: #1e150c; border-block: 1px solid var(--line); }
.card p, .note, .product-mockup figcaption { color: var(--muted); }
.card { border: 1px solid var(--line); padding: 14px; background: #15100b; }
.card:hover { border-color: var(--lime); }
.art.real-product, .catalogue-photo { background: #fff; }
.shop-filters button, .bag-button, .bag-row button { background: #251a0e; color: var(--ink); border-color: #9d6f34; }
.shop-filters button[aria-pressed=true] { background: var(--lime); color: #130d06; }
dialog { background: #15100b; border-color: #9d6f34; color: var(--ink); }
dialog input:not([type=checkbox]), dialog select { background: #22180e; color: var(--ink); }
@media (max-width: 700px) {
  header > a img { width: 90px; }
  .hero { padding-block: 40px; }
  .brand-art { margin-inline: auto; }
  nav a:nth-of-type(2), nav a:nth-of-type(3) { display: none; }
}