:root {
  --bg:#faf8f3;
  --surface:#f0ebe1;
  --ink:#332d26;
  --muted:#6b5e50;
  --line:#ddd3c2;
  --accent:#8b642e;
  --on-accent:#ffffff;
  --radius:0px;
  --photo-bg:#efeeeb;
  --badge-bg:#8b642e;
  --badge-ink:#ffffff;
  --utility-bg:#332d26;
  --utility-ink:#faf8f3;
}

html[data-theme=dark] {
  --bg:#201d19;
  --surface:#2d2924;
  --ink:#f8f2e6;
  --muted:#c6bcad;
  --line:#4a4135;
  --accent:#e3bb78;
  --on-accent:#30281d;
  --radius:0px;
  --photo-bg:#efeeeb;
  --badge-bg:#e3bb78;
  --badge-ink:#30281d;
  --utility-bg:#f8f2e6;
  --utility-ink:#201d19;
}

.brand-name,h1,h2 {
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}

.brand-name {
  font-size:43px;
  letter-spacing:-.06em;
}

.brand-mark {
  display:none;
}

.main-nav {
  justify-content:center;
  gap:34px;
}

.main-nav .nav-category,.main-nav .last-link {
  margin:0;
}

.main-nav .nav-category .icon {
  display:none;
}

.hero {
  grid-template-columns:.9fr 1.1fr;
  border:0;
}

.hero-copy h1 {
  font-size:clamp(3rem,4.9vw,5rem);
  line-height:1.05;
}

.hero-art {
  margin:24px;
  border-radius:180px 180px 0 0;
  min-height:520px;
}

.hero-art img {
  object-position:73% center;
}

.hero-copy .button {
  font-weight:400;
  letter-spacing:.06em;
}

.categories {
  gap:0;
  border-block:1px solid var(--line);
}

.category {
  background:transparent;
  border:0;
  border-right:1px solid var(--line);
}

.category:last-child {
  border-right:0;
}

.product-info {
  text-align:center;
}

.product-bottom {
  justify-content:center;
  gap:20px;
}

.badge {
  font-weight:400;
  letter-spacing:.08em;
}

@media(max-width:760px) {
  .hero {
    grid-template-columns:1fr;
  }
  .hero-art {
    margin:0 20px 20px;
    min-height:310px;
  }
  .main-nav {
    gap:0;
  }
  .categories {
    gap:10px;
  }
  .category {
    border:1px solid var(--line);
  }
  .brand-name {
    font-size:35px;
  }
}