/* Public site type. Logo lockup keeps Bodoni Moda and Outfit. */

body {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
.font-display {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.022em;
  line-height: 1.12;
}

.eyebrow,
.type-kicker,
.type-nav,
.type-body,
.type-lead,
button,
input,
textarea,
select {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1rem;
}

.eyebrow,
.type-kicker {
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.4;
  text-transform: uppercase;
}

.type-nav {
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.type-hero,
.type-page,
.type-section,
.type-card,
.type-note,
.type-menu,
.type-stat {
  font-family: "Cormorant Garamond", Georgia, serif;
}

.type-stat {
  font-size: 3.25rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 0.9;
}

.type-hero {
  font-size: 2.65rem;
  font-weight: 500;
  letter-spacing: -0.028em;
  line-height: 1.06;
}

.type-page {
  font-size: 2.45rem;
  font-weight: 500;
  letter-spacing: -0.024em;
  line-height: 1.08;
}

.type-section {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.14;
}

.type-card {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: -0.018em;
  line-height: 1.18;
}

.type-note {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.type-menu {
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.type-body,
.type-lead {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}

.type-lead {
  font-size: 1.0625rem;
}

.btn-primary,
.btn-ghost,
.btn-outline {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}

.section-pad {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}

@media (min-width: 768px) {
  body {
    font-size: 1.0625rem;
  }

  .type-hero {
    font-size: 4.5rem;
    line-height: 1.02;
  }

  .type-page {
    font-size: 3.75rem;
    line-height: 1.05;
  }

  .type-section {
    font-size: 2.85rem;
    line-height: 1.1;
  }

  .type-card {
    font-size: 2.05rem;
  }

  .type-note {
    font-size: 1.65rem;
  }

  .type-stat {
    font-size: 4.5rem;
  }

  .type-body {
    font-size: 1.0625rem;
  }

  .type-lead {
    font-size: 1.125rem;
  }

  .section-pad {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}