:root {
  --ink: #211d1c;
  --muted: #68635f;
  --olive: #315f59;
  --champagne: #c7a86b;
  --champagne-dark: #76531f;
  --surface: #f4f2ee;
  --line: #dedbd4;
  --focus: #7a4b57;
  --max: 1320px;
  --radius: 2px;
}

body {
  color: var(--ink);
  background: #fff;
}

.site-header {
  min-height: 76px;
  padding-inline: max(28px, calc((100% - var(--max))/2));
  box-shadow: 0 1px 0 rgba(33, 29, 28, .04);
}

.brand-logo { width: 120px; height: 76px; }
.site-nav { gap: clamp(14px, 2.2vw, 32px); }
.site-nav a { font-size: 13px; }
.nav-cta { border-color: var(--champagne); }

.hero {
  min-height: 470px;
  height: min(590px, 66svh);
  padding-inline: max(28px, calc((100% - var(--max))/2));
  background-color: #393232;
}

.hero-image { object-position: center 48%; }
.hero-shade { background: rgba(24, 19, 20, .48); }
.hero-content { max-width: 620px; }
.hero .eyebrow { color: #e5c98e; letter-spacing: .08em; }
.hero h1 { font-size: 72px; line-height: 1.02; }
.hero-text { max-width: 480px; line-height: 1.6; }
.hero .primary-action {
  background: #f3eee5;
  border-color: #f3eee5;
  color: #211d1c;
}
.hero .primary-action:hover { background: #dfc992; border-color: #dfc992; }
.hero-caption { color: #f4eee4; font-size: 21px; }

.category-section { padding-block: 38px 54px; }
.category-section h2, .catalog-section h2 { color: #282321; }
.category-tiles { gap: 18px; }
.category-tile { background: #f3f1ec; }
.category-tile img { height: 148px; }
.category-tile span { min-height: 48px; font-size: 13px; letter-spacing: .02em; }
.category-tile:hover span, .category-tile[aria-pressed="true"] span { background: #315f59; }

.catalog-section { padding-block: 26px 86px; }
.catalog-heading { margin-bottom: 30px; }
.catalog-heading h2 { font-size: 36px; }
.section-description { max-width: 520px; line-height: 1.55; }
.search-box { width: 330px; border-radius: 2px; background: #fbfaf8; }
.catalog-toolbar { padding-bottom: 18px; margin-bottom: 34px; border-color: #d8d4cc; }
.filter-chip { border-radius: 2px; background: #fff; }
.filter-chip[aria-pressed="true"] { background: #315f59; border-color: #315f59; }
.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 52px 30px; }
.product-card { border-bottom: 1px solid #e5e1d9; padding-bottom: 20px; }
.media-frame {
  aspect-ratio: 1 / 1.08;
  background: #f4f2ee;
  border-radius: 2px;
}
.media-frame img { object-fit: contain; padding: 8px; }
.product-body { padding-top: 18px; }
.product-meta { color: #315f59; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.product-card h3 { font-size: 17px; line-height: 1.38; }
.product-card p { line-height: 1.55; }
.card-footer { gap: 10px; }
.marketplace-link, .product-page-link { min-height: 46px; border-radius: 2px; }
.marketplace-link { background: #315f59; border-color: #315f59; }
.marketplace-link:hover { background: #214641; border-color: #214641; }
.product-page-link { background: #fff; }
.card-source { font-size: 11px; }

.curation { background: #f1f4f1; border-block: 1px solid #e0e7e1; }
.curation-inner { padding-block: 44px; }
.curation article { border-color: #d8e0d9; }
.feature-number { color: #8d6c34; }
.curation h2 { font-size: 23px; }
.transparency { padding-block: 72px; }
.transparency h2 { max-width: 430px; font-size: 34px; }
.transparency p { max-width: 600px; line-height: 1.7; }
.site-footer { border-color: #dedbd4; }

@media (max-width: 800px) {
  .site-header { padding-inline: 20px; }
  .hero { padding-inline: 28px; }
  .category-tiles { gap: 12px; }
  .category-tile img { height: 124px; }
  .catalog-heading h2 { font-size: 32px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 18px; }
}

@media (max-width: 480px) {
  .site-header { min-height: 68px; padding-inline: 16px; }
  .brand-logo { height: 68px; width: 96px; }
  .hero { min-height: 390px; padding: 28px 20px; }
  .hero h1 { font-size: 46px; }
  .hero-text { max-width: 340px; font-size: 16px; }
  .hero-caption { display: none; }
  .category-section, .catalog-section, .transparency, .site-footer { width: calc(100% - 32px); }
  .category-section { padding-block: 28px 40px; }
  .category-tile img { height: 104px; }
  .catalog-section { padding-bottom: 54px; }
  .catalog-heading h2 { font-size: 29px; }
  .catalog-toolbar { gap: 12px; }
  .product-grid { column-gap: 14px; row-gap: 30px; }
  .media-frame { aspect-ratio: 1 / 1.12; }
  .product-card { padding-bottom: 14px; }
  .product-card h3 { font-size: 15px; }
  .marketplace-link, .product-page-link { min-height: 44px; }
  .marketplace-link { font-size: 12px; }
  .marketplace-link .icon { display: inline-block; }
  .curation-inner { grid-template-columns: 1fr; padding: 14px 20px; }
  .curation article { padding: 22px 0; border-right: 0; border-bottom: 1px solid #d8e0d9; }
  .curation article:last-child { border-bottom: 0; }
  .transparency { grid-template-columns: 1fr; gap: 16px; padding-block: 42px; }
  .transparency h2 { font-size: 29px; }
}