/* ================================================================= Euclid Circular B — self-hosted @font-face (the project typeface) Files live in assets/fonts/ as TrueType (.ttf). Family name "euclid-circular-b" matches what style.css references. Linked from before style.css on every page. ================================================================= */ /* --- Upright weights --- */ @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* --- Italic weights (for , emphasis) --- */ @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "euclid-circular-b"; src: url("../fonts/EuclidCircularB-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } /* Bricolage Grotesque was declared here in the static build, but the woff2 was never added to the project and no rule referenced the family — the @font-face only produced a 404 on every page load, so it has been removed. Re-add it with the font file present if the hero display face is ever wanted. */ /* ================================================================= P22 Mackinac Pro — section headings and card titles (Figma: 700/800). ================================================================= */ @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-Book.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-ExtraBold.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap; } /* --- Italic cuts (pull quotes, taglines, .award__quote) --- */ @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-BookItalic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "p22-mackinac"; src: url("../fonts/P22Mackinac-BoldItalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }