:root {
  --bg: #faf4ee;
  --bg-soft: #fffaf6;
  --surface: rgba(255, 251, 247, 0.88);
  --surface-strong: rgba(255,255,255,0.95);
  --surface-tint: rgba(255, 244, 236, 0.82);
  --ink: #211611;
  --ink-soft: #4e392f;
  --muted: #786156;
  --hairline: rgba(225, 96, 56, 0.16);
  --hairline-strong: rgba(225, 96, 56, 0.28);
  --accent: #e46339;
  --accent-strong: #cc4f2a;
  --accent-soft: rgba(228, 99, 57, 0.14);
  --accent-glow: rgba(255, 139, 92, 0.2);
  --gold: #ffb56d;
  --shadow-soft: 0 18px 44px rgba(76, 31, 11, 0.08);
  --shadow-lift: 0 28px 76px rgba(76, 31, 11, 0.12);
  --radius-xl: 34px;
  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 16px;
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 5% 0%, rgba(255, 193, 142, 0.16), transparent 28%),
    radial-gradient(circle at 100% 8%, rgba(228, 99, 57, 0.10), transparent 24%),
    linear-gradient(180deg, #fffdfa 0%, #fbf6f0 36%, #f7efe8 100%);
  line-height: 1.66;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.narrow { width: min(820px, calc(100% - 40px)); margin: 0 auto; }
.top-accent { height: 2px; background: linear-gradient(90deg, transparent 0%, rgba(228,99,57,.12) 14%, rgba(255,181,109,.62) 50%, rgba(228,99,57,.16) 86%, transparent 100%); }
.site-header { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(16px); background: rgba(250,244,238,0.82); border-bottom: 1px solid rgba(225,96,56,0.08); }
.nav-shell { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 760; letter-spacing: -0.03em; }
.brand img { width: 34px; height: 34px; border-radius: 11px; box-shadow: 0 10px 18px rgba(228,99,57,.16); }
.site-nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.nav-link { padding: 10px 14px; border-radius: 999px; border: 1px solid transparent; color: var(--ink-soft); font-size: 14px; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.nav-link:hover, .nav-link.is-active { background: rgba(255,255,255,.7); border-color: var(--hairline); color: var(--ink); transform: translateY(-1px); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.button { min-height: 48px; padding: 0 20px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 650; letter-spacing: -0.02em; transition: transform .24s ease, box-shadow .24s ease, background .24s ease, border-color .24s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: white; background: linear-gradient(135deg, var(--gold), #f18955 55%, var(--accent-strong)); box-shadow: 0 16px 34px rgba(228,99,57,.24); }
.button-ghost { background: rgba(255,255,255,.72); border: 1px solid var(--hairline); color: var(--ink); }
.menu-toggle { display: none; background: none; border: none; font-size: 26px; color: var(--ink); }
.mobile-panel { display: none; flex-direction: column; gap: 10px; padding: 0 20px 18px; border-top: 1px solid rgba(225,96,56,0.08); }
.mobile-app { width: 100%; }
main { overflow: hidden; }
.page-hero { padding: 84px 0 34px; }
.hero-split { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr); gap: 34px; align-items: center; }
.hero-copy { display: grid; gap: 16px; }
.hero-media { display: flex; justify-content: center; }
.eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: .18em; color: #a05236; font-weight: 760; }
h1,h2,h3,h4 { margin: 0; line-height: 1.08; letter-spacing: -0.04em; }
h1 { font-size: clamp(42px, 6vw, 72px); }
h2 { font-size: clamp(30px, 4vw, 50px); }
h3 { font-size: clamp(22px, 2.1vw, 30px); }
p { margin: 0; }
.lead { font-size: clamp(18px, 2.1vw, 22px); color: var(--ink-soft); max-width: 760px; }
.sublead { font-size: 17px; color: var(--muted); max-width: 740px; }
.pill-row { display: flex; gap: 10px; flex-wrap: wrap; }
.soft-pill { padding: 10px 14px; border-radius: 999px; border: 1px solid var(--hairline); background: rgba(255,255,255,.72); color: var(--ink-soft); font-size: 14px; }
.cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.story-block { padding: 32px 0 54px; }
.story-block.flush-top { padding-top: 8px; }
.alt-surface { background: rgba(255,255,255,.34); border-top: 1px solid rgba(225,96,56,.08); border-bottom: 1px solid rgba(225,96,56,.08); }
.section-intro { max-width: 860px; display: grid; gap: 10px; margin-bottom: 26px; }
.section-intro p, .story-copy p, .info-card p, .tour-card p, .faq-item p, .contact-card p, .mini-link-card span { color: var(--muted); }
.story-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .92fr); gap: 34px; align-items: center; padding: 28px; background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,251,247,.72)); border: 1px solid var(--hairline); border-radius: var(--radius-xl); box-shadow: var(--shadow-soft); }
.story-copy { display: grid; gap: 14px; }
.story-copy p { font-size: 17px; }
.story-media { display: flex; justify-content: center; }
.device-shot { position: relative; width: min(420px, 100%); background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,252,249,.88)); border: 1px solid rgba(255,255,255,.92); border-radius: 34px; padding: 12px; box-shadow: var(--shadow-lift); overflow: hidden; }
.device-shot::after { content: ''; position: absolute; inset: 0; border-radius: inherit; border: 1px solid var(--hairline); pointer-events: none; }
.device-shot img { width: 100%; border-radius: 24px; }
.hero-shot { width: min(430px, 100%); }
.info-grid, .mini-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.info-card, .mini-link-card { padding: 24px; border-radius: 24px; border: 1px solid var(--hairline); background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,251,247,.74)); box-shadow: var(--shadow-soft); }
.info-card h3, .mini-link-card strong { display: block; margin-bottom: 10px; font-size: 22px; }
.tour-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.tour-card { padding: 22px; border-radius: 24px; border: 1px solid var(--hairline); background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,251,247,.74)); box-shadow: var(--shadow-soft); display: grid; gap: 10px; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.tour-card:hover, .mini-link-card:hover, .info-card:hover, .faq-item:hover, .contact-card:hover { transform: translateY(-4px); border-color: var(--hairline-strong); box-shadow: var(--shadow-lift); }
.tour-card span { color: #a05236; font-weight: 640; }
.bullet-list { list-style: none; padding: 0; margin: 2px 0 0; display: grid; gap: 12px; }
.bullet-list li { position: relative; padding-left: 22px; }
.bullet-list li::before { content: ''; width: 8px; height: 8px; border-radius: 999px; position: absolute; left: 0; top: .72em; background: linear-gradient(135deg, var(--gold), var(--accent)); box-shadow: 0 0 0 4px rgba(228,99,57,.08); }
.faq-list, .contact-grid { display: grid; gap: 18px; }
.contact-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.faq-item, .contact-card { padding: 24px; border-radius: 24px; border: 1px solid var(--hairline); background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,251,247,.74)); box-shadow: var(--shadow-soft); }
.final-cta { padding-top: 18px; }
.site-footer { margin-top: 18px; padding: 54px 0 72px; border-top: 1px solid rgba(225,96,56,0.08); }
.footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 18px; }
.footer-brand { margin-bottom: 12px; }
.footer-grid p { color: var(--muted); }
.footer-links { display: grid; gap: 8px; }
.footer-links a { color: var(--ink-soft); }
.footer-links a:hover { color: var(--accent-strong); }
.reveal { opacity: 0; transform: translateY(24px) scale(.98); transition: opacity .72s ease, transform .72s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.floaty { animation: floaty 7.2s ease-in-out infinite; }
@keyframes floaty { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }

.reveal-delay-0 { transition-delay: 0ms; }
.reveal-delay-1 { transition-delay: 85ms; }
.reveal-delay-2 { transition-delay: 170ms; }
.reveal-delay-3 { transition-delay: 255ms; }
.reveal-delay-4 { transition-delay: 340ms; }

.section-intro-spaced-lg { margin-top: 42px; }
.section-intro-spaced-md { margin-top: 34px; }
@media (max-width: 1180px) {
  .site-nav, .nav-actions { display: none; }
  .menu-toggle { display: block; }
  .mobile-panel.is-open { display: flex; }
  .hero-split, .story-panel, .footer-grid, .contact-grid, .info-grid, .mini-link-grid, .tour-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .container, .narrow { width: min(100% - 24px, 100%); }
  .page-hero { padding-top: 54px; }
  h1 { font-size: 40px; }
  h2 { font-size: 31px; }
  .lead { font-size: 18px; }
  .story-panel { padding: 22px; gap: 22px; }
  .device-shot, .hero-shot { width: 100%; max-width: 380px; }
  .site-footer { padding-bottom: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, .floaty, .button, .nav-link, .tour-card, .mini-link-card, .info-card, .faq-item, .contact-card { transition: none !important; animation: none !important; }
}


/* v4 refinements */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 18% 12%, rgba(255, 168, 109, 0.10), transparent 26%), radial-gradient(circle at 82% 0%, rgba(228, 99, 57, 0.08), transparent 22%);
  z-index: -1;
}
.page-hero { padding-bottom: 26px; }
.story-panel { position: relative; overflow: hidden; }
.story-panel::before, .tour-card::before, .info-card::before, .mini-link-card::before, .faq-item::before, .contact-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 35%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .9s ease;
  pointer-events: none;
}
.story-panel:hover::before, .tour-card:hover::before, .info-card:hover::before, .mini-link-card:hover::before, .faq-item:hover::before, .contact-card:hover::before { transform: translateX(120%); }
.device-shot { border-color: rgba(255,255,255,.96); }
.device-shot::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,181,109,.18), transparent 32%, transparent 68%, rgba(228,99,57,.10));
  opacity: .9;
  pointer-events: none;
}
.hero-copy, .story-copy, .section-intro { max-width: 760px; }
.story-copy p + p { margin-top: -4px; }
.tour-card p, .info-card p, .mini-link-card span, .faq-item p, .contact-card p { font-size: 15px; }
.info-card h3, .tour-card h3 { font-size: clamp(21px, 2vw, 28px); }
.button-primary { background: linear-gradient(135deg, #ffbf79, #f27d49 58%, #ce522f); }
.nav-link:hover, .nav-link.is-active { background: rgba(255,255,255,.78); }
.cta-row .button-ghost { background: rgba(255, 250, 245, .92); }
@media (max-width: 1180px) {
  .story-panel .story-copy { order: 1; }
  .story-panel .story-media { order: 2; }
}
@media (max-width: 760px) {
  h1 { font-size: 36px; }
  h2 { font-size: 29px; }
  .sublead { font-size: 16px; }
  .story-copy p, .section-intro p { font-size: 16px; }
  .tour-grid, .info-grid, .mini-link-grid, .contact-grid { gap: 14px; }
  .story-block { padding: 26px 0 40px; }
  .story-panel { padding: 20px; }
}

/* v5 visual consistency patch: vivid orange header, white cards, black text */
:root {
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --surface-tint: #ffffff;
  --ink: #000000;
  --ink-soft: #000000;
  --muted: #000000;
  --hairline: #ff7a2f;
  --hairline-strong: #ff7a2f;
  --accent: #ff7a2f;
  --accent-strong: #ff7a2f;
  --accent-soft: rgba(255, 122, 47, 0.16);
  --accent-glow: rgba(255, 122, 47, 0.18);
  --gold: #ffb23f;
  --shadow-soft: 0 12px 30px rgba(255, 122, 47, 0.10);
  --shadow-lift: 0 18px 44px rgba(255, 122, 47, 0.14);
}

body,
p,
li,
h1,
h2,
h3,
h4,
.lead,
.sublead,
.lede,
.small-lede,
.section-intro p,
.story-copy p,
.info-card p,
.tour-card p,
.faq-item p,
.contact-card p,
.mini-link-card span,
.detail-card p,
.story-card p,
.section-card p,
.kpi span,
.footer-grid p,
.footer-links a {
  color: #000000;
}

.eyebrow,
.tour-card span {
  color: var(--accent);
}

.top-accent {
  background: var(--accent);
}

.site-header,
.topbar {
  background: var(--accent);
  border-bottom: 1px solid var(--accent);
  box-shadow: none;
  backdrop-filter: none;
}

.brand,
.brand span,
.brand strong,
.brand small,
.nav-link,
.nav a,
.menu-toggle {
  color: #000000;
}

.brand img {
  width: 42px;
  height: 42px;
  padding: 6px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid var(--accent);
  border-radius: 16px;
  box-shadow: none;
}

.site-header .nav-link,
.topbar .nav a {
  color: #000000;
}

.site-header .nav-link:hover,
.site-header .nav-link.is-active,
.topbar .nav a:hover,
.topbar .nav a.is-active {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

.mobile-panel {
  background: var(--accent);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.mobile-panel .nav-link {
  background: rgba(255, 255, 255, 0.26);
  border-color: rgba(255, 255, 255, 0.54);
  color: #000000;
}

.menu-toggle {
  background: transparent;
  color: #000000;
}

.button-primary,
.button-secondary {
  color: #000000;
  background: var(--accent);
  border: 1px solid var(--accent);
  box-shadow: 0 12px 28px rgba(255, 122, 47, 0.18);
}

.site-header .button-primary,
.topbar .button-secondary,
.button-ghost {
  color: #000000;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: none;
}

.story-panel,
.info-card,
.mini-link-card,
.tour-card,
.faq-item,
.contact-card,
.visual-card,
.detail-card,
.story-card,
.section-card,
.split-panel,
.cta-panel,
.kpi,
.soft-pill,
.device-shot {
  background: #ffffff;
  border: 1px solid var(--accent);
  box-shadow: var(--shadow-soft);
}

.story-panel:hover,
.tour-card:hover,
.mini-link-card:hover,
.info-card:hover,
.faq-item:hover,
.contact-card:hover,
.visual-card:hover,
.detail-card:hover,
.story-card:hover,
.section-card:hover,
.kpi:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-lift);
}

.story-panel::before,
.tour-card::before,
.info-card::before,
.mini-link-card::before,
.faq-item::before,
.contact-card::before,
.device-shot::before {
  display: none;
}

.device-shot::after {
  border-color: var(--accent);
}

.bullet-list li::before {
  background: var(--accent);
  box-shadow: 0 0 0 5px rgba(255, 122, 47, 0.14);
}

.soft-pill,
.cta-row .button-ghost {
  color: #000000;
  background: #ffffff;
  border-color: var(--accent);
}

.footer-links a:hover {
  color: var(--accent);
}

/* Match the two older pages to the same visual rules. */
.topbar-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.topbar .brand-text {
  display: grid;
  line-height: 1.08;
}

.topbar .brand-text small {
  font-size: 12px;
  letter-spacing: -0.01em;
}

.topbar .nav-shell {
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.topbar .nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.topbar .nav a {
  padding: 10px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
}

.page-hero-grid,
.story-split,
.split-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.92fr);
  gap: 34px;
  align-items: center;
}

.page-hero-copy,
.story-split .story-copy {
  display: grid;
  gap: 14px;
}

.lede,
.small-lede {
  max-width: 760px;
  font-size: clamp(17px, 2vw, 21px);
}

.section,
.section-tight {
  padding: 32px 0 54px;
}

.section-grid.three,
.kpi-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.kpi-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stack-two {
  display: grid;
  gap: 18px;
}

.visual-card,
.detail-card,
.story-card,
.section-card,
.cta-panel,
.kpi {
  padding: 24px;
  border-radius: 24px;
}

.kpi {
  display: grid;
  gap: 6px;
}

.kpi strong {
  color: #000000;
  font-size: 19px;
}

.device-shot figcaption {
  margin-top: 10px;
  color: #000000;
  font-weight: 650;
}

.device-shot figcaption small {
  display: block;
  color: #000000;
  font-weight: 400;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(24px) scale(.98);
  transition: opacity .72s ease, transform .72s ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (max-width: 1180px) {
  .topbar .nav-shell {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    padding: 0 0 18px;
  }

  .topbar .nav-shell.is-open {
    display: flex;
  }

  .topbar-inner {
    flex-wrap: wrap;
  }

  .topbar .nav {
    flex-direction: column;
    align-items: stretch;
  }

  .topbar .nav a,
  .topbar .button-secondary {
    width: 100%;
    background: rgba(255, 255, 255, 0.26);
    border-color: rgba(255, 255, 255, 0.54);
  }

  .page-hero-grid,
  .story-split,
  .split-panel,
  .section-grid.three,
  .kpi-strip {
    grid-template-columns: 1fr;
  }
}

/* v6 compact orange top bar and current-section pill */
.top-accent {
  height: 0;
}

.site-header,
.topbar {
  background: var(--accent);
  border-bottom: 1px solid var(--accent);
}

.nav-shell,
.topbar-inner {
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.brand {
  flex: 0 0 auto;
  gap: 9px;
}

.brand img {
  width: 38px;
  height: 38px;
  padding: 5px;
  background: #ffffff;
  border-color: #ffffff;
  border-radius: 14px;
}

.brand span,
.brand strong {
  font-size: 20px;
}

.topbar .brand-text small {
  display: none;
}

.section-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid #ffffff;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.site-header .button,
.topbar .button-secondary {
  min-height: 34px;
  padding: 0 14px;
  font-size: 14px;
}

.site-header .nav-link,
.topbar .nav a {
  padding: 7px 11px;
  font-size: 13px;
}

.menu-toggle {
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  line-height: 1;
}

.mobile-panel {
  padding-top: 10px;
}

.nutrient-summary-grid,
.nutrient-grid {
  display: grid;
  gap: 18px;
}

.nutrient-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
}

.nutrient-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nutrient-card,
.nutrition-note {
  padding: 24px;
  border: 1px solid var(--accent);
  border-radius: 24px;
  background: #ffffff;
  color: #000000;
  box-shadow: var(--shadow-soft);
}

.nutrient-card {
  display: grid;
  gap: 14px;
}

.nutrient-card h3 {
  font-size: clamp(22px, 2vw, 28px);
}

.nutrient-card p,
.nutrition-note p {
  color: #000000;
}

.nutrient-card strong,
.nutrition-note strong {
  color: #000000;
}

.nutrient-points {
  display: grid;
  gap: 10px;
}

.nutrition-note {
  margin-bottom: 22px;
}

.nutrition-note .eyebrow {
  margin-bottom: 8px;
}

.medical-note {
  margin-top: 22px;
  font-size: 14px;
}

@media (max-width: 1180px) {
  .nav-shell,
  .topbar-inner {
    min-height: 48px;
  }

  .section-pill {
    margin-left: auto;
  }

  .menu-toggle {
    margin-left: 0;
  }

  .nutrient-summary-grid,
  .nutrient-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .brand span,
  .brand strong {
    font-size: 18px;
  }

  .section-pill {
    min-height: 28px;
    padding: 0 11px;
    font-size: 12px;
  }

  .site-header .container,
  .topbar .container {
    width: min(100% - 18px, 100%);
  }

  .page-hero {
    padding-top: 44px;
  }

  .nutrient-card,
  .nutrition-note {
    padding: 20px;
  }
}

/* v7 global readability polish: calmer text, clearer hierarchy, easier mobile reading */
:root {
  --ink: #120f0d;
  --ink-soft: #2f2621;
  --muted: #5f4e45;
  --copy: #40332d;
  --copy-soft: #6d5a50;
  --soft-border: rgba(255, 122, 47, 0.42);
  --soft-border-strong: rgba(255, 122, 47, 0.62);
}

html {
  text-rendering: optimizeLegibility;
}

body {
  color: var(--ink);
  font-size: 16.5px;
  line-height: 1.72;
  letter-spacing: -0.006em;
}

h1,
h2,
h3,
h4 {
  color: var(--ink);
  max-width: 980px;
  text-wrap: balance;
}

h1 {
  line-height: 1.02;
  letter-spacing: -0.055em;
  max-width: 920px;
}

h2 {
  line-height: 1.06;
  letter-spacing: -0.048em;
}

h3 {
  line-height: 1.14;
  letter-spacing: -0.036em;
}

p,
li,
.lead,
.sublead,
.lede,
.small-lede,
.section-intro p,
.story-copy p,
.info-card p,
.tour-card p,
.faq-item p,
.contact-card p,
.mini-link-card span,
.detail-card p,
.story-card p,
.section-card p,
.nutrient-card p,
.nutrition-note p,
.medical-note,
.kpi span,
.footer-grid p,
.footer-links a,
.device-shot figcaption small {
  color: var(--copy);
}

.lead,
.lede {
  color: var(--ink-soft);
  font-size: clamp(18px, 2.05vw, 23px);
  line-height: 1.55;
  letter-spacing: -0.02em;
}

.sublead,
.small-lede,
.section-intro p {
  color: var(--copy-soft);
  line-height: 1.68;
}

.story-copy p,
.info-card p,
.tour-card p,
.faq-item p,
.contact-card p,
.detail-card p,
.story-card p,
.section-card p,
.nutrient-card p,
.nutrition-note p {
  font-size: 16px;
  line-height: 1.72;
}

.tour-card p,
.info-card p,
.mini-link-card span,
.faq-item p,
.contact-card p {
  font-size: 15.75px;
}

.eyebrow,
.tour-card span,
.nutrition-note .eyebrow {
  color: #b94820;
  line-height: 1.3;
}

.section-intro {
  gap: 12px;
  margin-bottom: 32px;
}

.hero-copy,
.story-copy,
.page-hero-copy,
.story-split .story-copy {
  gap: 18px;
}

.cta-row,
.button-row {
  margin-top: 10px;
}

.story-block,
.section,
.section-tight {
  padding-top: 40px;
  padding-bottom: 62px;
}

.story-block.flush-top {
  padding-top: 16px;
}

.story-panel,
.info-card,
.mini-link-card,
.tour-card,
.faq-item,
.contact-card,
.visual-card,
.detail-card,
.story-card,
.section-card,
.split-panel,
.cta-panel,
.kpi,
.soft-pill,
.device-shot,
.nutrient-card,
.nutrition-note {
  border-color: var(--soft-border);
}

.story-panel:hover,
.tour-card:hover,
.mini-link-card:hover,
.info-card:hover,
.faq-item:hover,
.contact-card:hover,
.visual-card:hover,
.detail-card:hover,
.story-card:hover,
.section-card:hover,
.kpi:hover,
.nutrient-card:hover,
.nutrition-note:hover {
  border-color: var(--soft-border-strong);
}

.info-card,
.mini-link-card,
.tour-card,
.faq-item,
.contact-card,
.visual-card,
.detail-card,
.story-card,
.section-card,
.cta-panel,
.nutrient-card,
.nutrition-note {
  padding: 26px;
}

.info-card h3,
.tour-card h3,
.nutrient-card h3,
.mini-link-card strong,
.faq-item h3,
.contact-card h3,
.detail-card h3,
.story-card h3,
.section-card h3 {
  margin-bottom: 12px;
  color: var(--ink);
}

.tour-card,
.info-card,
.mini-link-card,
.faq-item,
.contact-card,
.nutrient-card,
.nutrition-note,
.detail-card,
.story-card,
.section-card {
  gap: 12px;
}

.soft-pill {
  color: var(--ink-soft);
  line-height: 1.35;
}

.button,
.button-primary,
.button-secondary,
.button-ghost {
  line-height: 1.2;
}

.bullet-list {
  gap: 14px;
}

.bullet-list li {
  color: var(--copy);
  line-height: 1.65;
  padding-left: 26px;
}

.bullet-list li::before {
  top: 0.68em;
}

.faq-list,
.contact-grid,
.stack-two,
.nutrient-points {
  gap: 20px;
}

.nutrient-points strong,
.nutrient-card strong,
.nutrition-note strong,
.kpi strong,
.device-shot figcaption {
  color: var(--ink);
}

.footer-links {
  gap: 10px;
}

.footer-links a {
  line-height: 1.5;
}

@media (max-width: 760px) {
  body {
    font-size: 16px;
    line-height: 1.7;
  }

  .container,
  .narrow {
    width: min(100% - 28px, 100%);
  }

  .page-hero {
    padding-top: 42px;
    padding-bottom: 24px;
  }

  h1 {
    font-size: clamp(34px, 10.4vw, 43px);
    line-height: 1.04;
  }

  h2 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.08;
  }

  h3 {
    font-size: clamp(21px, 6vw, 27px);
    line-height: 1.14;
  }

  .lead,
  .lede {
    font-size: 18px;
    line-height: 1.58;
  }

  .sublead,
  .small-lede,
  .section-intro p,
  .story-copy p,
  .info-card p,
  .tour-card p,
  .faq-item p,
  .contact-card p,
  .detail-card p,
  .story-card p,
  .section-card p,
  .nutrient-card p,
  .nutrition-note p {
    font-size: 15.75px;
    line-height: 1.72;
  }

  .story-block,
  .section,
  .section-tight {
    padding-top: 30px;
    padding-bottom: 48px;
  }

  .section-intro {
    margin-bottom: 24px;
  }

  .story-panel,
  .info-card,
  .mini-link-card,
  .tour-card,
  .faq-item,
  .contact-card,
  .visual-card,
  .detail-card,
  .story-card,
  .section-card,
  .split-panel,
  .cta-panel,
  .nutrient-card,
  .nutrition-note {
    padding: 22px;
  }

  .pill-row,
  .cta-row,
  .button-row {
    gap: 10px;
  }

  .button,
  .button-primary,
  .button-secondary,
  .button-ghost {
    min-height: 46px;
    padding-left: 18px;
    padding-right: 18px;
  }
}


/* v6 navigation clarity patch: one simple top menu + one clear feature directory */
.section-pill { display: none !important; }

.nav-shell {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 18px;
}

.site-nav {
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.site-nav > .nav-link,
.nav-dropdown-trigger {
  font-weight: 700;
}

.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 16px;
  width: min(720px, calc(100vw - 36px));
  padding: 18px;
  border: 1px solid var(--accent);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(0,0,0,0.14);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 60;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.nav-menu-column {
  display: grid;
  gap: 6px;
  align-content: start;
}

.nav-menu-column strong,
.mobile-menu-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--accent);
  font-weight: 850;
  margin-bottom: 4px;
}

.nav-menu-link {
  display: block;
  padding: 8px 10px;
  border-radius: 12px;
  color: #000000;
  font-weight: 650;
  line-height: 1.2;
}

.nav-menu-link:hover,
.nav-menu-link.is-active {
  background: rgba(255, 122, 47, 0.13);
}

.menu-toggle {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #000000;
  font-size: 15px;
  font-weight: 800;
}

.feature-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.feature-directory-card {
  min-height: 220px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 26px;
  border: 1px solid var(--accent);
  border-radius: 26px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
  transition: transform .22s ease, box-shadow .22s ease;
}

.feature-directory-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
}

.feature-card-kicker {
  color: var(--accent);
  font-weight: 800;
  font-size: 13px;
}

.feature-directory-card p {
  color: #000000;
}

.feature-directory-card strong {
  color: var(--accent);
  margin-top: 4px;
}

.compact-hero {
  padding-bottom: 12px;
}

@media (max-width: 1180px) {
  .nav-shell {
    grid-template-columns: auto 1fr auto auto;
  }

  .site-nav {
    display: none;
  }

  .nav-actions {
    display: flex;
    justify-self: end;
  }

  .nav-actions .button {
    min-height: 42px;
    padding-inline: 15px;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-panel.is-open {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 20px 20px;
  }

  .mobile-menu-group {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.22);
    border: 1px solid rgba(255,255,255,.45);
  }

  .mobile-panel > .nav-link {
    background: #ffffff;
    border-color: #ffffff;
  }

  .mobile-app {
    grid-column: 1 / -1;
  }

  .feature-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .nav-shell {
    min-height: 66px;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
  }

  .brand span {
    font-size: 22px;
  }

  .nav-actions {
    display: none;
  }

  .menu-toggle {
    justify-self: end;
  }

  .mobile-panel.is-open,
  .feature-directory-grid {
    grid-template-columns: 1fr;
  }

  .mobile-panel {
    padding-inline: 12px;
  }

  .feature-directory-card {
    min-height: auto;
    padding: 22px;
  }
}

/* v7 mobile navigation and public-copy polish */
@media (max-width: 1180px) {
  .site-header { position: sticky; top: 0; z-index: 100; }
  .mobile-panel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 16px 20px calc(24px + env(safe-area-inset-bottom));
    background: var(--accent);
    box-shadow: 0 24px 42px rgba(0,0,0,0.16);
  }

  .mobile-panel.is-open {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .mobile-panel > .nav-link,
  .mobile-panel .button {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #ffffff;
    border-color: #ffffff;
    font-size: 16px;
    font-weight: 760;
  }

  .mobile-menu-group {
    display: grid;
    gap: 7px;
    padding: 13px;
    border-radius: 22px;
    background: rgba(255,255,255,.22);
    border: 1px solid rgba(255,255,255,.52);
  }

  .mobile-menu-label {
    color: #000000;
    opacity: .68;
    margin: 0 0 3px 4px;
  }

  .mobile-menu-group .nav-link {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.42);
    border: 1px solid rgba(255,255,255,.62);
    font-size: 15px;
    font-weight: 700;
  }

  .mobile-menu-group .nav-link.is-active,
  .mobile-panel > .nav-link.is-active {
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.08);
  }

  .mobile-app {
    grid-column: 1 / -1;
    position: sticky;
    bottom: 0;
  }
}

@media (max-width: 760px) {
  .mobile-panel {
    max-height: calc(100dvh - 66px);
    padding: 14px 14px calc(28px + env(safe-area-inset-bottom));
  }

  .mobile-panel.is-open {
    grid-template-columns: 1fr;
  }

  .mobile-panel > .nav-link,
  .mobile-panel .button {
    min-height: 42px;
    font-size: 16px;
  }

  .mobile-menu-group {
    padding: 12px;
  }
}


/* v9 stable desktop feature menu patch */
@media (min-width: 1181px) {
  .nav-dropdown-trigger {
    cursor: pointer;
  }

  .nav-dropdown-trigger::after {
    content: "▾";
    display: inline-block;
    margin-left: 7px;
    font-size: 0.8em;
    line-height: 1;
    transform: translateY(-1px);
  }

  /*
    Important: the desktop feature menu is click-controlled now.
    Hover and focus alone must not open it, because that made the menu
    disappear unpredictably while moving the pointer.
  */
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) translateY(8px);
  }

  .nav-dropdown.is-open .nav-dropdown-menu,
  .nav-dropdown.is-open:hover .nav-dropdown-menu,
  .nav-dropdown.is-open:focus-within .nav-dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .nav-dropdown.is-open .nav-dropdown-trigger {
    background: rgba(255,255,255,.78);
    border-color: var(--hairline);
    color: var(--ink);
  }

  .nav-menu-overview {
    font-weight: 850;
    background: rgba(255, 122, 47, 0.12);
  }
}
/* v9 end stable desktop feature menu patch */


/* v10 feature menu order fix */
@media (min-width: 1181px) {
  .nav-menu-overview-full {
    grid-column: 1 / -1;
    display: block;
    padding: 13px 18px;
    border-radius: 18px;
    font-weight: 900;
    background: rgba(255, 122, 47, 0.12);
    color: #000000;
  }

  .nav-menu-overview-full:hover,
  .nav-menu-overview-full:focus {
    background: rgba(255, 122, 47, 0.18);
  }

  .nav-menu-column .nav-menu-overview {
    display: none;
  }
}
/* v10 end feature menu order fix */


/* v11 Chick logo visibility fix */
.brand img {
  width: 50px;
  height: 50px;
  padding: 3px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 18px;
  box-shadow: none;
}

.nav-shell,
.topbar-inner {
  min-height: 68px;
}

@media (max-width: 760px) {
  .brand img {
    width: 58px;
    height: 58px;
    padding: 4px;
    border-radius: 20px;
  }

  .brand span,
  .brand strong {
    font-size: 26px;
  }

  .nav-shell,
  .topbar-inner {
    min-height: 86px;
  }
}
/* v11 end Chick logo visibility fix */


/* v12 slim mobile header and larger Chick mark */
@media (max-width: 760px) {
  .site-header,
  .topbar {
    min-height: 0;
  }

  .site-header .container,
  .topbar .container {
    width: min(100% - 20px, 100%);
  }

  .nav-shell,
  .topbar-inner {
    min-height: 68px;
    padding-top: 3px;
    padding-bottom: 3px;
    align-items: center;
  }

  .brand {
    gap: 10px;
  }

  .brand img {
    width: 58px;
    height: 58px;
    padding: 0;
    border-radius: 18px;
    object-fit: contain;
  }

  .brand span,
  .brand strong {
    font-size: 25px;
    line-height: 1;
  }

  .menu-toggle {
    min-height: 52px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 21px;
    line-height: 1;
  }

  .mobile-panel {
    top: 100%;
    max-height: calc(100dvh - 74px);
  }
}
/* v12 end slim mobile header and larger Chick mark */


/* v13 smaller mobile Menu button */
@media (max-width: 760px) {
  .menu-toggle {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 18px;
    line-height: 1;
  }

  .nav-shell,
  .topbar-inner {
    min-height: 64px;
  }
}
/* v13 end smaller mobile Menu button */



/* Legal pages */
.legal-hero .narrow { display: grid; gap: 16px; }
.legal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.legal-document { padding: 30px; border-radius: 28px; border: 1px solid var(--hairline); background: rgba(255,255,255,.9); box-shadow: var(--shadow-soft); display: grid; gap: 28px; }
.legal-section { display: grid; gap: 12px; border-bottom: 1px solid rgba(255,122,47,.18); padding-bottom: 22px; }
.legal-section:last-child { border-bottom: 0; padding-bottom: 0; }
.legal-section h2 { font-size: clamp(24px, 2.8vw, 36px); }
.legal-section h3 { font-size: 20px; margin-top: 4px; }
.legal-section p, .legal-section li { font-size: 16px; color: #000; }
.legal-list { margin: 0; padding-left: 22px; display: grid; gap: 9px; }
.legal-note { padding: 14px 16px; border-radius: 18px; border: 1px solid var(--hairline); background: rgba(255,122,47,.08); }
.legal-side-card, .legal-summary-card { padding: 24px; border-radius: 24px; border: 1px solid var(--hairline); background: rgba(255,255,255,.92); box-shadow: var(--shadow-soft); display: grid; gap: 12px; }
.legal-side-card { position: sticky; top: 96px; }
.legal-side-links { margin-top: 8px; }
.legal-card-grid .mini-link-card.is-current { border-color: var(--accent); box-shadow: var(--shadow-lift); }
.footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; }
@media (max-width: 1180px) { .legal-layout, .footer-grid { grid-template-columns: 1fr; } .legal-side-card { position: static; } }


/* Chick cookie consent banner v3 */
.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;max-width:1120px;margin:0 auto;padding:18px;border:1px solid rgba(255,122,47,.32);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 80px rgba(49,24,8,.18);backdrop-filter:blur(14px)}
.cookie-consent__copy strong{display:block;margin-bottom:4px;font-size:18px;letter-spacing:-.02em}.cookie-consent__copy p{margin:0 0 6px;color:var(--muted);font-size:14px;line-height:1.45}.cookie-consent__copy a{color:var(--burnt);font-weight:750}.cookie-consent__settings{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 18px;padding:12px 14px;border-radius:16px;background:var(--cream);border:1px solid var(--border)}.cookie-consent__settings label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.cookie-consent__settings input{width:18px;height:18px;accent-color:var(--orange)}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cookie-button{padding:11px 15px;font-size:14px;white-space:nowrap}@media(max-width:760px){.cookie-consent{grid-template-columns:1fr;bottom:10px;left:10px;right:10px;padding:14px;border-radius:20px}.cookie-consent__actions{justify-content:stretch}.cookie-button{width:100%;justify-content:center}}

/* Legal compliance tables and cookie choice controls */
.legal-table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}
.legal-table th,.legal-table td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);font-size:14px;line-height:1.5}
.legal-table th{background:var(--cream);color:var(--ink);font-weight:850}
.legal-table tr:last-child td{border-bottom:0}
.cookie-settings-inline{margin-top:8px}
.footer-cookie-button{appearance:none;border:0;background:transparent;padding:0;text-align:left;font:inherit;color:var(--muted);cursor:pointer}
.footer-cookie-button:hover,.footer-cookie-button:focus{color:var(--burnt);text-decoration:underline}

.system-section {
  padding-top: 46px;
}

.system-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.system-card {
  min-height: 238px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 26px;
  border: 1px solid var(--soft-border);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.system-card:hover {
  transform: translateY(-4px);
  border-color: var(--soft-border-strong);
  box-shadow: var(--shadow-lift);
}

.system-card span {
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

.system-card h3 {
  font-size: clamp(22px, 2vw, 28px);
}

.system-card p {
  color: var(--copy);
  font-size: 15.75px;
  line-height: 1.68;
}

.premium-section {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 122, 47, 0.10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,250,245,.72));
}

.premium-panel {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(360px, 1.12fr);
  gap: 26px;
  align-items: stretch;
  padding: 34px;
  border: 1px solid var(--soft-border-strong);
  border-radius: 34px;
  background: #ffffff;
  box-shadow: var(--shadow-lift);
}

.premium-copy {
  display: grid;
  align-content: center;
  gap: 16px;
}

.premium-copy h2 {
  font-size: clamp(48px, 7vw, 84px);
  letter-spacing: -0.07em;
}

.premium-lede {
  color: var(--ink-soft);
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.45;
  letter-spacing: -0.025em;
}

.premium-contents {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 26px;
  border: 1px solid var(--soft-border);
  border-radius: 28px;
  background: linear-gradient(180deg, #fffaf6, #ffffff);
}

.premium-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.premium-feature-grid span {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 122, 47, 0.28);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ink);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.2;
}

@media (max-width: 1180px) {
  .system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .system-card:last-child {
    grid-column: 1 / -1;
  }

  .premium-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .system-section {
    padding-top: 30px;
  }

  .system-grid,
  .premium-feature-grid {
    grid-template-columns: 1fr;
  }

  .system-card,
  .premium-panel,
  .premium-contents {
    padding: 22px;
  }

  .premium-copy h2 {
    font-size: clamp(48px, 17vw, 70px);
  }

  .premium-feature-grid span {
    min-height: 40px;
  }
}
/* v14 end premium product architecture patch */

/* Temporary launch pause: hide app-entry CTA buttons until the product app is ready. */
[data-app-link] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* v8 readability polish: reduce over-tight letter spacing across the marketing site */
body,
p,
li,
.lead,
.lede,
.sublead,
.small-lede,
.premium-lede,
.button,
.brand,
.footer-links a,
.cookie-consent__copy strong {
  letter-spacing: normal;
  font-kerning: normal;
}

h1,
h2,
h3,
h4 {
  letter-spacing: -0.018em;
}

h1,
.premium-copy h2 {
  letter-spacing: -0.024em;
}

h2 {
  letter-spacing: -0.018em;
}

h3,
h4 {
  letter-spacing: -0.012em;
}