/* Geologica self-hosted as TRUE static per-weight files (one distinct binary per weight, not a variable font reused across @font-face blocks). The previous approach here served the *same* variable-font file for every weight, each @font-face just declaring a different fixed font-weight and relying on the browser to interpolate that instance at render time. That is exactly how Google Fonts' css2 API serves this font to browsers it detects as variable-font-capable — but it is also exactly what desktop Safari (macOS) gets wrong: it never performs the interpolation and always renders the file's default named instance (Thin), regardless of which font-weight the @font-face declared. Chrome/Firefox/iOS Safari render the same file correctly, which is why the bug is easy to miss in testing. The fix is to stop asking any engine to interpolate at all: these files are genuine static instances (extracted per-weight from Google Fonts by requesting the css2 API with a pre-variable-font browser UA, which makes Google serve real distinct static woff2 files instead of the variable one). This is the same technique referenced sites like tensclinic.ru use (true static Geologica-Light/Regular/Medium/SemiBold files) — no engine has to guess an instance, so no engine (including the affected desktop Safari) can get it wrong. Family is named 'Geologica Web' (not 'Geologica') so it can't collide with a same-named font installed locally in Font Book. */ @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-300.woff2?v=20260721c') format('woff2');font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-300.woff2?v=20260721c') format('woff2');font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-400.woff2?v=20260721c') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-400.woff2?v=20260721c') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-500.woff2?v=20260721c') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-500.woff2?v=20260721c') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-600.woff2?v=20260721c') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-600.woff2?v=20260721c') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-700.woff2?v=20260721c') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-700.woff2?v=20260721c') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-800.woff2?v=20260721c') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-800.woff2?v=20260721c') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-ext-900.woff2?v=20260721c') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Geologica Web';src:url('fonts/geologica-latin-900.woff2?v=20260721c') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} /* ══════════════════════════════════════════════ DESIGN TOKENS ══════════════════════════════════════════════ */ :root { --bg-main: #f5f9f6; --bg-alt: #f9fcfa; --bg-card: #ffffff; --bg-dark: #1e2219; --bg-darker: #141710; /* Gold gradient tokens */ --gold-light: #d4ac3c; --gold: #c9a238; --gold-dark: #a07a18; --gold-gradient: linear-gradient(135deg, #c9a238 0%, #e8c056 50%, #b8860b 100%); --gold-gradient-h:linear-gradient(135deg, #d4b040 0%, #f0cc60 50%, #c49210 100%); --gold-border: rgba(201,162,56,0.28); --gold-glow: 0 0 28px rgba(201,162,56,0.55), 0 4px 16px rgba(184,134,11,0.4); --text-pri: #111111; --text-sec: #333333; --text-muted: #666666; --text-on-dark: #f0ece4; --text-muted-dark:#9a9690; --border: #d4d4d4; --border-card: rgba(212,212,212,0.8); --wa: #25D366; --radius-btn: 12px; --radius-card: 12px; --radius-img: 10px; --radius-input: 8px; --radius-hero: 16px; --shadow-card: 0 4px 24px rgba(0,0,0,0.06); --shadow-hover: 0 12px 40px rgba(0,0,0,0.12); --shadow-gold: 0 4px 20px rgba(201,162,56,0.35); --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94); --transition: 0.3s var(--ease); --container: 1200px; --container-narrow: 860px; --font-display: 'Geologica Web', -apple-system, sans-serif; --font-body: 'Geologica Web', -apple-system, sans-serif; }