/* FlyBeena — brand webfonts. Aktiv Grotesk (Dalton Maag) is the licensed brand face. It activates automatically when: 1) an Adobe Fonts kit serving "aktiv-grotesk" is pasted into each page ; or 2) the viewer has Aktiv Grotesk installed (local() sources below); or 3) licensed woff2 files are dropped into assets/fonts/ and the url() sources are uncommented. Until then, everything falls back to Hanken Grotesk (loaded by ds/tokens/fonts.css). */ @font-face { font-family: "Aktiv Grotesk"; font-weight: 300; font-style: normal; font-display: swap; src: local("Aktiv Grotesk Light"), local("AktivGrotesk-Light"); /* , url("assets/fonts/AktivGrotesk-Light.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 400; font-style: normal; font-display: swap; src: local("Aktiv Grotesk"), local("Aktiv Grotesk Regular"), local("AktivGrotesk-Regular"); /* , url("assets/fonts/AktivGrotesk-Regular.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 400; font-style: italic; font-display: swap; src: local("Aktiv Grotesk Italic"), local("AktivGrotesk-Italic"); /* , url("assets/fonts/AktivGrotesk-Italic.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 500; font-style: normal; font-display: swap; src: local("Aktiv Grotesk Medium"), local("AktivGrotesk-Medium"); /* , url("assets/fonts/AktivGrotesk-Medium.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: local("Aktiv Grotesk SemiBold"), local("AktivGrotesk-SemiBold"); /* , url("assets/fonts/AktivGrotesk-SemiBold.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 700; font-style: normal; font-display: swap; src: local("Aktiv Grotesk Bold"), local("AktivGrotesk-Bold"); /* , url("assets/fonts/AktivGrotesk-Bold.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 800; font-style: normal; font-display: swap; src: local("Aktiv Grotesk XBold"), local("AktivGrotesk-XBold"); /* , url("assets/fonts/AktivGrotesk-XBold.woff2") format("woff2") */ } @font-face { font-family: "Aktiv Grotesk"; font-weight: 800; font-style: italic; font-display: swap; src: local("Aktiv Grotesk XBold Italic"), local("AktivGrotesk-XBoldItalic"); /* , url("assets/fonts/AktivGrotesk-XBoldItalic.woff2") format("woff2") */ } :root { --font-sans: "aktiv-grotesk", "Aktiv Grotesk", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-display: var(--font-sans); --fs-body: 16px; --lh-body: 1.5; }