/* Self-hosted fonts (DSGVO compliant). WOFF2 first (97%+ browser support, 5-7× smaller), * TTF fallback for ancient browsers. */ /* Cormorant Garamond — elegant serif for hero headlines. * font-display:optional (not swap): if the font hasn't loaded by first paint, * use the Georgia fallback permanently — guarantees zero CLS from font swap. * Returning visitors get the served font instantly from cache; first-time * slow-connection visitors keep Georgia (acceptable typography compromise * vs the 0.95+ CLS PageSpeed measured with swap). Preload links in * push these fonts onto the critical path so they usually arrive in time. */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300; font-display: optional; src: url(CormorantGaramond-300.woff2) format('woff2'), url(CormorantGaramond-300.ttf) format('truetype'); } @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: optional; src: url(CormorantGaramond-400.woff2) format('woff2'), url(CormorantGaramond-400.ttf) format('truetype'); } /* Jost — geometric sans-serif for hero subtitle/description. * Same font-display:optional rationale as Cormorant Garamond above. */ @font-face { font-family: 'Jost'; font-style: normal; font-weight: 300; font-display: optional; src: url(Jost-300.woff2) format('woff2'), url(Jost-300.ttf) format('truetype'); } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: optional; src: url(Jost-400.woff2) format('woff2'), url(Jost-400.ttf) format('truetype'); } @font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: optional; src: url(Jost-500.woff2) format('woff2'), url(Jost-500.ttf) format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.woff2) format('woff2'), url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.woff2) format('woff2'), url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.woff2) format('woff2'), url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.woff2) format('woff2'), url(UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-display: swap; src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.woff2) format('woff2'), url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; font-display: swap; src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.woff2) format('woff2'), url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 600; font-display: swap; src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.woff2) format('woff2'), url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype'); } @font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; font-display: swap; src: url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.woff2) format('woff2'), url(QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype'); }