/* Intercompany typography system — neutral, precise and technology-led. */
body,
button,
input,
select,
textarea {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  font-weight: 400;
  letter-spacing: -0.012em;
}

.hero-slide h1,
.hero-slide h2,
.page-hero h1,
.section-heading h2,
.story-preview h2,
.diy h2,
.contact-cta h2,
.history h2,
.values-section h2,
.product-detail__copy h1,
.auth-visual h1,
.account-welcome h1 {
  font-weight: 575;
  letter-spacing: -0.048em;
}

.hero-slide h1,
.hero-slide h2 {
  max-width: 980px;
  font-size: clamp(3rem, 5.8vw, 5.9rem);
  line-height: 1.01;
}

.page-hero h1 {
  font-weight: 560;
  letter-spacing: -0.05em;
}

.section-heading h2,
.story-preview h2,
.diy h2,
.contact-cta h2,
.history h2,
.values-section h2 {
  letter-spacing: -0.045em;
}

.desktop-nav a,
.mobile-nav a,
.header-login,
.button,
.text-link,
.filter-button,
.product-details,
.kicker,
.hero-eyebrow,
.product-line,
.solution-card__body > span,
.solution-card strong,
.contact-form label,
.auth-card > label,
.drawer__header span,
.notify-dialog label,
.whatsapp-float span {
  font-weight: 600;
}

.hero-eyebrow,
.kicker {
  letter-spacing: 0.13em;
}

.hero-lead,
.section-heading p,
.story-preview__copy p,
.page-hero p,
.product-card p,
.solution-card p,
.contact-cta p,
.history__copy p,
.values-grid p {
  font-weight: 400;
  letter-spacing: -0.008em;
}

.trust-grid strong,
.hero-float-card strong,
.solution-card h3,
.product-card h3,
.history-timeline h3,
.values-grid h3,
.contact-option strong,
.account-card h2,
.auth-card h2,
.contact-form h2,
.dialog-product__body h2,
.notify-dialog h2 {
  font-weight: 600;
  letter-spacing: -0.03em;
}

.product-bottle::after,
.account-list .mini-bottle,
.cart-item__icon {
  font-weight: 700;
}

.diy__value strong,
.story-preview__year strong,
.page-hero__year strong {
  font-weight: 650;
  letter-spacing: -0.055em;
}

strong,
b {
  font-weight: 600;
}

@media (max-width: 780px) {
  .hero-slide h1,
  .hero-slide h2 {
    font-size: clamp(2.65rem, 11.2vw, 4.1rem);
    line-height: 1;
    letter-spacing: -0.047em;
  }
}

@media (max-width: 520px) {
  .hero-slide h1,
  .hero-slide h2 {
    font-size: 2.48rem;
  }
}