/* One locally supplied family for guest pages, coffee editor and team workspace. */
@font-face {
  font-family: PeachGeologica;
  src: url('../assets/fonts/geologica/font.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-body: PeachGeologica, Arial, sans-serif;
  --font-display: PeachGeologica, Arial, sans-serif;
  font-family: var(--font-body);
}
body { font-family: var(--font-body); }
h1, h2 { font-family: var(--font-display); font-weight: 600; }
h3, .product-name { font-family: var(--font-body); font-weight: 600; }
button, .button, .staff-entry { font-weight: 600; }
.hero-video .hero-copy h1 { font-size: clamp(48px, 6vw, 76px); line-height: 1.06; }
.menu-section h1 { font-size: clamp(36px, 4vw, 48px); line-height: 1.12; }
.product-name { font-size: 18px; line-height: 1.35; letter-spacing: 0; }
.peach-nav-item { font-family: var(--font-body); font-weight: 500; }
.peach-nav-item[aria-current='page'] { font-weight: 600; }
.category-options button { font-size: 14px; line-height: 1.4; }
.route-intro { max-width: 48ch; line-height: 1.6; }
body[data-app='team'] .greeting h1,
body[data-app='team'] .drawer-heading h2,
body[data-app='team'] .activity-heading h2 { font-weight: 600; }
body[data-app='team'] .stats { font-variant-numeric: tabular-nums; }
@media (max-width:560px) {
  .staff-entry { font-size: 13px; }
  .product-name { font-size: 17px; }
  body[data-app='studio'] .site-header {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body[data-app='studio'] .site-header .wordmark { grid-column: 1 / -1; }
  body[data-app='studio'] .site-header .button { padding: 10px; min-height: 44px; white-space: nowrap; }
}

/* Approved option 02 from the typography comparison. */
body[data-page] { font-size:16px; line-height:1.6; }
h1, h2 { line-height:1.12; letter-spacing:-.025em; }
.peach-nav-item { font-size:13px; }
.peach-sub-label { font-size:16px; font-weight:600; }
.result-status, .menu-footnote { font-size:14px; }