/* Licensed webfonts (Klim order 26090324, Die Grotesk web license). IvyOra Text (Medium / Medium Italic) is served from Adobe Fonts kit lgz3pga, set in Settings > Pretty Damn Good. */
@font-face { font-family: "Die Grotesk A"; src: url("../fonts/die-grotesk-a-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk A"; src: url("../fonts/die-grotesk-a-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk A"; src: url("../fonts/die-grotesk-a-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk A"; src: url("../fonts/die-grotesk-a-black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk B"; src: url("../fonts/die-grotesk-b-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk B"; src: url("../fonts/die-grotesk-b-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk B"; src: url("../fonts/die-grotesk-b-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk B"; src: url("../fonts/die-grotesk-b-black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk C"; src: url("../fonts/die-grotesk-c-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk C"; src: url("../fonts/die-grotesk-c-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk C"; src: url("../fonts/die-grotesk-c-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk C"; src: url("../fonts/die-grotesk-c-black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk D"; src: url("../fonts/die-grotesk-d-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk D"; src: url("../fonts/die-grotesk-d-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk D"; src: url("../fonts/die-grotesk-d-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Die Grotesk D"; src: url("../fonts/die-grotesk-d-black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

/* The Figma file uses the trial VF, which draws the display cut at every size; body copy uses D with +0.01em tracking to match it (measured: Figma 702px, D 683px, C 731px, A 825px for the same 20px line). */
:root {
	--pdg-grotesk-a: "Die Grotesk A", "Helvetica Neue", Arial, sans-serif;
	--pdg-grotesk-b: "Die Grotesk B", "Die Grotesk A", "Helvetica Neue", Arial, sans-serif;
	--pdg-grotesk-c: "Die Grotesk C", "Die Grotesk A", "Helvetica Neue", Arial, sans-serif;
	--pdg-grotesk-d: "Die Grotesk D", "Die Grotesk A", "Helvetica Neue", Arial, sans-serif;
}
/* Body copy in the text-optimised cut (C) with no synthetic tracking. Was cut D (display, tight) + 0.01em to match the Figma trial VF — trial for review 2026-09-15. */
body, .pdg-cta p { font-family: var(--pdg-grotesk-c); letter-spacing: 0; }
.pdg-h5, .pdg-faq summary, .pdg-feature h3, .pdg-person h3, .pdg-work-card__title { font-family: var(--pdg-grotesk-d); letter-spacing: 0.01em; }
h1, h2, h3, h4, .pdg-btn, .wp-block-button__link, .pdg-eyebrow { letter-spacing: 0; }
h3, .pdg-h4, .pdg-accordion summary, .wp-block-quote, .pdg-quote { font-family: var(--pdg-grotesk-b); }
h1, h2, .pdg-h2, .pdg-h3 { font-family: var(--pdg-grotesk-c); }
.pdg-h1, .pdg-banner h2 { font-family: var(--pdg-grotesk-d); }
@media (max-width: 900px) { .pdg-h1 { font-family: var(--pdg-grotesk-c); } h1, h2, .pdg-h2, .pdg-h3 { font-family: var(--pdg-grotesk-b); } }