:root {
  --font-display: "Aptos Display", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Aptos", "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
  font-weight: 400;
  letter-spacing: 0;
}

h1,
h2,
h3,
.section-title h2,
.category-band h2,
.about-copy h2,
.news-strip h2,
.contact-band h2 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0;
}

.main-nav,
.announcement,
.kicker,
.section-label,
.section-title p,
.product-filters button,
.all-product-card span,
.slide-button,
.contact-button {
  font-family: var(--font-ui);
  letter-spacing: .08em;
}

.slide-copy h1 {
  font-family: var(--font-display);
  font-size: clamp(46px, 3.65vw, 60px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: 0;
  text-wrap: balance;
}

.slide-copy p:not(.kicker) {
  font-family: var(--font-ui);
  font-weight: 400;
  letter-spacing: 0;
}

.all-product-card h3 {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.08;
}

.all-product-card > a {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
}

.all-product-card > span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
}