@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&display=swap");

@font-face { font-family: "Aileron"; src: url("/assets/fonts/aileron-400.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Aileron"; src: url("/assets/fonts/aileron-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Aileron"; src: url("/assets/fonts/aileron-700.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }

:root {
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Aileron", Arial, Helvetica, sans-serif;
}

body { font-family: var(--sans); font-weight: 400; }

h1, h2, h3, .brand-name, .manifesto-inner > p, .about-signature,
.about-footnote p, .hero-stamp, .quote-mark, .approach-step h3,
.testimonial-copy h2, .faq-list summary { font-family: var(--serif); font-weight: 500; font-synthesis: none; }

.brand-role, .about-signature span { font-family: var(--sans); text-transform: none; letter-spacing: .17em; }
.about-signature { font-weight: 400; }
.about-footnote p { font-weight: 500; }

.hero-note, .approach-image figcaption, .audience-note, .footer-inner > p { font-family: var(--sans); font-weight: 400; }