:root {
  --bg:#fbfaf3;
  --surface:#f1efdf;
  --ink:#233b2d;
  --muted:#566451;
  --line:#d5dbc6;
  --accent:#28613a;
  --on-accent:#ffffff;
  --radius:14px;
  --photo-bg:#f5f2e9;
  --badge-bg:#b94534;
  --badge-ink:#ffffff;
  --utility-bg:#28613a;
  --utility-ink:#ffffff;
  --tomato:#b94534;
}
html[data-theme=dark] {
  --bg:#15281f;
  --surface:#243b2c;
  --ink:#f7f8eb;
  --muted:#cad8c3;
  --line:#4c6750;
  --accent:#a9d6a1;
  --on-accent:#173821;
  --radius:14px;
  --photo-bg:#f5f2e9;
  --badge-bg:#f3aa9a;
  --badge-ink:#231512;
  --utility-bg:#a9d6a1;
  --utility-ink:#173821;
  --tomato:#f3aa9a;
}
.brand-name { font-size:41px; font-weight:800; letter-spacing:-.075em; }
.brand-mark { border-radius:9px 9px 15px 15px; background:var(--accent); color:var(--on-accent); }
.hero { grid-template-columns:1fr 1.08fr; background:var(--surface); border:0; border-top:5px solid var(--accent); }
.hero-copy h1 { font-weight:800; letter-spacing:-.06em; }
.hero-copy h1 em { color:var(--tomato); font-style:normal; }
.hero-art { margin:18px 18px 18px 0; border-radius:8px; }
.hero-art:after { border:0; }
.hero-meta { border:0; border-left:4px solid var(--tomato); border-radius:5px; }
.hero-serial { font-family:Consolas,monospace; letter-spacing:.04em; }
.hero-serial:before { width:12px; height:12px; border-radius:3px; background:var(--tomato); }
.category { border-radius:8px; border:1px solid var(--line); border-top:3px solid var(--accent); background:var(--bg); }
.category .icon { color:var(--accent); }
.category:nth-child(2n) { border-top-color:var(--tomato); }
.product-picture { border-radius:10px; border:1px solid var(--line); }
.product-note { font-family:Consolas,monospace; font-size:.77rem; }
.price { font-weight:800; }
.collection { border-radius:12px; border-top:4px solid var(--tomato); }
.collection-copy h2 { font-weight:800; letter-spacing:-.04em; }
.guide { border-top:2px solid var(--line); }
@media(max-width:760px) {
  .hero { grid-template-columns:minmax(0,1fr); }
  .hero-art { margin:0 16px 16px; }
  .hero-copy h1 { font-size:clamp(2.4rem,9.8vw,3.6rem); }
  .brand-name { font-size:34px; }
}