/* ============================================================ Condor Research — Global stylesheet entry point. Consumers link THIS file only. It is a manifest of @imports; never add rules here directly. ============================================================ */ /* Condor Research — Webfonts Display & body: Inter Tight (tight, modern grotesque — Apple-adjacent) UI / numerics: Inter Technical data: JetBrains Mono (CAS, batch, purity, COA codes) NOTE: substitute fonts pending delivery of the brand's licensed files. The canonical site loads Inter Tight + Inter from Google Fonts. */ /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_01.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_02.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_03.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_04.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_05.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_06.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_07.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_01.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_02.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_03.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_04.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_05.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_06.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_07.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_01.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_02.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_03.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_04.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_05.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_06.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_07.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_08.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_09.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_10.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_11.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_12.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_13.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_14.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_08.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_09.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_10.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_11.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_12.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_13.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_14.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_08.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_09.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_10.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_11.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_12.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_13.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font_14.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_08.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_09.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_10.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_11.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_12.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_13.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_14.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_15.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_16.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_17.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_18.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_19.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font_20.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_15.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_16.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_17.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_18.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_19.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font_20.woff2") format('woff2'); 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; } /* cyrillic-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_15.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_16.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_17.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_18.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_19.woff2") format('woff2'); 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; } /* latin */ @font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/font_20.woff2") format('woff2'); 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; } /* ============================================================ Condor Research — Colour System Ultrapremium, monochrome, Apple-clean. Warm-neutral greys on pure white & a warm "bone" surface. Colour is earned, not decorated: the catalogue, the lab and the packshots are all black-on-white. A single reserved terracotta accent exists for the rarest moments of emphasis — use it almost never. ============================================================ */ :root { /* — Base ink / neutral ramp (warm-neutral, slightly taupe) — */ --ink: #0A0A0A; /* brand black — wordmark, headlines, primary text */ --grey-900: #1E1E1E; /* near-black surfaces (dark mode, vial caps) */ --grey-700: #54544E; /* soft ink — secondary text */ --grey-500: #8A8A86; /* muted — captions, meta */ --grey-400: #AEAEA8; /* faint — disabled, hairline labels */ --grey-300: #C9C9C3; /* dividers on bone, placeholder text */ --grey-200: #E9E9E4; /* hairline borders */ --grey-100: #F0EFEB; /* sunken surface */ /* — Whites & warm bone — */ --white: #FFFFFF; /* page */ --bone: #F5F4F1; /* primary warm surface — cards, sections */ --mist: #FAFAF8; /* between white and bone — subtle fills */ --bone-deep: #EEEDE8; /* raised-on-bone, RUO capsule strip */ /* — Reserved accent (terracotta). Single, rare emphasis. — */ --terra: #C84B1F; --terra-deep: #A8341A; /* — Functional status (kept desaturated & quiet) — */ --positive: #2F6F4F; /* in stock, COA verified */ --warning: #8A6D1F; /* geo-restricted, low stock */ --critical: #A8341A; /* out of stock, errors */ /* ---------- Semantic aliases ---------- */ --text-primary: var(--ink); --text-secondary: var(--grey-700); --text-muted: var(--grey-500); --text-faint: var(--grey-400); --text-on-dark: var(--white); --text-on-dark-soft: rgba(255, 255, 255, 0.66); --surface-page: var(--white); --surface-raised: var(--bone); --surface-sunken: var(--grey-100); --surface-inverse: var(--ink); --surface-capsule: var(--bone-deep); --surface-mist: var(--mist); --border-hairline: var(--grey-200); --border-strong: var(--ink); --border-on-bone: #E3E2DC; --divider: var(--grey-300); --accent: var(--terra); --accent-hover: var(--terra-deep); --focus-ring: rgba(10, 10, 10, 0.10); } /* ============================================================ Condor Research — Typography Inter Tight for display & body (set tight, negative tracking). Inter for UI / numerics. JetBrains Mono for technical data — CAS numbers, batch codes, purity, COA references — the "instrument readout" voice that recurs on every vial label. ============================================================ */ :root { /* Apple-first. -apple-system / BlinkMacSystemFont resolve to genuine SF Pro on Apple devices; elsewhere they fall back to Inter Tight / Inter (the closest webfont match). */ --font-display: -apple-system, BlinkMacSystemFont, "Inter Tight", "Helvetica Neue", sans-serif; --font-body: -apple-system, BlinkMacSystemFont, "Inter Tight", "Helvetica Neue", sans-serif; --font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", sans-serif; --font-mono: ui-monospace, "JetBrains Mono", Menlo, monospace; /* Type scale (16px root) — modular, generous at the top */ --fs-micro: 0.6875rem; /* 11px — eyebrows, RUO microcopy */ --fs-caption: 0.8125rem; /* 13px — meta, captions */ --fs-small: 0.875rem; /* 14px — UI, nav, labels */ --fs-body: 1rem; /* 16px — base body */ --fs-body-lg: 1.125rem; /* 18px — lead paragraphs */ --fs-h6: 1.3125rem; /* 21px */ --fs-h5: 1.5rem; /* 24px */ --fs-h4: 1.75rem; /* 28px */ --fs-h3: 2.25rem; /* 36px */ --fs-h2: 3rem; /* 48px */ --fs-h1: 4rem; /* 64px */ --fs-display: 5.25rem; /* 84px — hero */ /* Weights */ --fw-regular: 400; /* @kind other */ --fw-medium: 500; /* @kind other */ --fw-semibold: 600; /* @kind other */ --fw-bold: 700; /* @kind other */ --fw-display: 550; /* @kind other */ /* Line heights */ --lh-tight: 1.0; /* @kind other */ --lh-snug: 1.12; /* @kind other */ --lh-heading: 1.18; /* @kind other */ --lh-body: 1.62; /* @kind other */ --lh-relaxed: 1.7; /* @kind other */ /* Letter spacing — display is set tight, eyebrows wide */ --ls-display: -0.05em; /* @kind other */ --ls-heading: -0.025em; /* @kind other */ --ls-body: -0.01em; /* @kind other */ --ls-ui: -0.005em; /* @kind other */ --ls-eyebrow: 0.2em; /* @kind other */ --ls-mono: 0.01em; /* @kind other */ } /* ============================================================ Condor Research — Spacing, Radii, Shadow & Motion Restraint over decoration. Generous whitespace, hairline borders, near-invisible shadows. Corners are gently soft on controls (pills) and crisp on surfaces. Motion is calm and precise — long eases, no bounce. ============================================================ */ :root { /* — Spacing scale (4px base) — */ --space-0: 0; --space-1: 0.25rem; /* 4 */ --space-2: 0.5rem; /* 8 */ --space-3: 0.75rem; /* 12 */ --space-4: 1rem; /* 16 */ --space-5: 1.5rem; /* 24 */ --space-6: 2rem; /* 32 */ --space-7: 2.5rem; /* 40 */ --space-8: 3rem; /* 48 */ --space-9: 4rem; /* 64 */ --space-10: 5.5rem; /* 88 */ --space-11: 7.5rem; /* 120 */ /* — Layout — */ --container: 1340px; /* canonical max content width */ --container-text: 720px; /* prose measure */ --gutter: 48px; /* desktop page gutter */ --gutter-sm: 24px; --section-y: clamp(72px, 9vw, 140px); /* @kind spacing */ /* — Radii — */ --radius-xs: 4px; /* inputs on dense UI, tags */ --radius-sm: 8px; /* small cards, images */ --radius-md: 14px; /* cards, surfaces */ --radius-lg: 22px; /* large panels */ --radius-pill: 100px; /* buttons, chips, the brand pill */ --radius-circle: 50%; /* — Borders — */ --bw-hair: 1px; --bw-strong: 1.5px; /* — Shadows — barely-there, warm, diffuse — */ --shadow-none: none; --shadow-xs: 0 1px 2px rgba(10, 10, 10, 0.04); --shadow-sm: 0 4px 16px -8px rgba(10, 10, 10, 0.12); --shadow-md: 0 14px 34px -22px rgba(10, 10, 10, 0.40); --shadow-lg: 0 28px 56px -24px rgba(10, 10, 10, 0.52); --shadow-focus: 0 0 0 4px var(--focus-ring); /* — Motion — calm, precise, no overshoot — */ --ease: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */ --ease-soft: cubic-bezier(0.33, 0, 0.2, 1); /* @kind other */ --dur-fast: 0.3s; /* @kind other */ --dur-base: 0.55s; /* @kind other */ --dur-slow: 1s; /* @kind other */ --dur-reveal: 1.2s; /* @kind other */ } /* ============================================================ Condor Research — Base element styling & primitives. Light-touch resets and the recurring brand text patterns (eyebrow, lockup, mono data, hairline rules). ============================================================ */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; } body { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); letter-spacing: var(--ls-body); color: var(--text-primary); background: var(--surface-page); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "ss01", "cv05"; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: var(--fw-display); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); color: var(--text-primary); text-wrap: balance; } h1 { font-size: var(--fs-h1); line-height: var(--lh-snug); letter-spacing: var(--ls-display); } h2 { font-size: var(--fs-h2); letter-spacing: var(--ls-display); } h3 { font-size: var(--fs-h3); } h4 { font-size: var(--fs-h4); } h5 { font-size: var(--fs-h5); } h6 { font-size: var(--fs-h6); } p { text-wrap: pretty; } a { color: inherit; text-decoration: none; } ::selection { background: var(--ink); color: var(--white); } :focus-visible { outline: none; box-shadow: var(--shadow-focus); border-radius: var(--radius-xs); } /* — Recurring brand text patterns — */ .cdr-eyebrow { font-family: var(--font-ui); font-size: var(--fs-micro); font-weight: var(--fw-semibold); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--text-muted); } .cdr-mono { font-family: var(--font-mono); font-size: var(--fs-caption); letter-spacing: var(--ls-mono); font-feature-settings: "tnum"; } .cdr-rule { height: 1px; background: var(--border-hairline); border: 0; } /* The wordmark lockup, as text (image lockup preferred for headers). */ .cdr-lockup { font-family: var(--font-display); font-weight: var(--fw-semibold); letter-spacing: -0.02em; display: inline-flex; align-items: center; gap: 0.5em; } .cdr-lockup .research { font-family: var(--font-ui); font-weight: var(--fw-medium); font-size: 0.5em; letter-spacing: 0.2em; text-transform: uppercase; padding-left: 0.6em; border-left: 1px solid var(--divider); color: var(--text-secondary); } /* ====== STYLE BLOCK BREAK ====== */ html, body { background: var(--white); } :root { --accent-live: var(--ink); } [data-accent="terra"] { --accent-live: #C84B1F; --btn-primary-bg: #C84B1F; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { background: var(--grey-300); border-radius: 10px; border: 3px solid var(--white); } /* entrance reveals */ @keyframes cdrUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: no-preference) { .reveal { animation: cdrUp 0.9s var(--ease) both; } .reveal-1 { animation-delay: 0.06s; } .reveal-2 { animation-delay: 0.12s; } .reveal-3 { animation-delay: 0.18s; } .reveal-4 { animation-delay: 0.24s; } .reveal-5 { animation-delay: 0.30s; } } /* hero choreography */ @keyframes cdrRise { from { opacity: 0; transform: translateY(54px) scale(0.965); } to { opacity: 1; transform: none; } } @keyframes cdrHalo { from { opacity: 0; } to { opacity: 1; } } @keyframes cdrDrawX { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes cdrAnno { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } @keyframes cdrMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .h-marquee { animation: cdrMarquee 46s linear infinite; } @media (prefers-reduced-motion: no-preference) { .h-rise { animation: cdrRise 1.25s var(--ease) 0.34s both; } .h-halo { animation: cdrHalo 1.8s var(--ease) 0.3s both; } .h-anno { opacity: 0; animation: cdrAnno 0.8s var(--ease) both; } .h-line { animation: cdrDrawX 0.7s var(--ease) both; } } /* ===== Tablet & mobile (desktop ≥1120px unchanged) ===== */ @media (max-width: 1120px) { .cdr-nav { display: none !important; } .cdr-burger { display: flex !important; } .cdr-mobile-menu { display: block !important; } } @media (max-width: 1100px) { .cdr-rel-grid { grid-template-columns: repeat(2, 1fr) !important; } } /* catalogue (Apple v7) */ .cdr-hscroll::-webkit-scrollbar { display: none; } @keyframes cdrFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: no-preference) { .cdr-fade { animation: cdrFade 0.34s var(--ease) both; } } .cdr-subtiles { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } @media (max-width: 760px) { .cdr-subtiles { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 460px) { .cdr-subtiles { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 900px) { .cdr-linecards { grid-template-columns: 1fr !important; } } @media (max-width: 1180px) { .cdr-cat-grid { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 1080px) { .cdr-quality { grid-template-columns: 1fr !important; } .cdr-fmt-head { grid-template-columns: 1fr !important; } } @media (max-width: 960px) { .cdr-cat-layout, .cdr-pdp-layout, .cdr-co-layout { grid-template-columns: 1fr !important; } .cdr-cat-aside, .cdr-pdp-aside, .cdr-co-aside { position: static !important; } } @media (max-width: 920px) { [style*="repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; } .cdr-fmt-grid { grid-template-columns: 1fr !important; } } @media (max-width: 900px) { .h-cols { grid-template-columns: 1fr !important; } .h-right { min-height: 54vh; border-top: 1px solid var(--border-hairline); padding: 28px 0; } .h-left { justify-content: flex-start !important; padding-top: clamp(40px,7vw,64px) !important; } .cdr-coabar { flex-direction: column !important; align-items: flex-start !important; } .cdr-pdp { grid-template-columns: 1fr !important; } .cdr-pdp-img { position: static !important; } .cdr-b2b { grid-template-columns: 1fr !important; } } @media (max-width: 760px) { .cdr-cat-grid, .cdr-rel-grid { grid-template-columns: repeat(2, 1fr) !important; } .cdr-rail { grid-template-columns: 1fr !important; } .cdr-rail-side { position: static !important; } .cdr-spec-cols { grid-template-columns: 1fr !important; gap: 0 !important; } .cdr-rel-btns { flex-direction: column !important; } .cdr-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 34px 24px !important; } .cdr-footer-grid > div:first-child { grid-column: 1 / -1; } .cdr-instcta { grid-template-columns: 1fr !important; } .cdr-inst-layout { grid-template-columns: 1fr !important; } .cdr-inst-layout > div:last-child { position: static !important; } .cdr-contact-layout { grid-template-columns: 1fr !important; } .cdr-chan-grid { grid-template-columns: 1fr !important; } .cdr-journal-grid { grid-template-columns: 1fr 1fr !important; } .cdr-feat { grid-template-columns: 1fr !important; } .cdr-acct-stats { grid-template-columns: 1fr !important; } .cdr-acct-recs { grid-template-columns: 1fr !important; } .cdr-acct-details { grid-template-columns: 1fr !important; } .cdr-pts-hero { grid-template-columns: 1fr !important; } .cdr-refer-row { flex-direction: column !important; } .cdr-tiers-grid { grid-template-columns: 1fr !important; } .cdr-stacks-grid { grid-template-columns: 1fr !important; } .cdr-stack-vis { min-height: 200px !important; } .cdr-sub-row { grid-template-columns: 1fr !important; } .cdr-about-princ { grid-template-columns: 1fr !important; } .cdr-about-tl { grid-template-columns: 90px 1fr !important; } .cdr-about-metrics { grid-template-columns: 1fr 1fr !important; gap: 36px 0 !important; } } @media (max-width: 720px) { .cdr-search { display: none !important; } } @media (max-width: 640px) { :root { --gutter: 22px; } .cdr-statbar { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 24px 0 !important; padding: 26px 20px !important; } .cdr-statcell { border-left: none !important; align-items: flex-start !important; text-align: left !important; padding: 0 16px !important; } .cdr-statcell:nth-child(even) { border-left: 1px solid var(--border-on-bone) !important; } .h-headline { font-size: clamp(40px, 12.5vw, 66px) !important; } .cdr-cta { display: none !important; } .acc-switch { bottom: 16px; right: 16px; padding: 6px 8px 6px 13px; } } @media (max-width: 460px) { .cdr-cat-grid, .cdr-rel-grid { grid-template-columns: 1fr !important; } .cdr-rel-btns { flex-direction: row !important; } } /* accent switcher */ .acc-switch { position: fixed; bottom: 24px; right: 24px; z-index: 80; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.82); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border: 1px solid var(--border-hairline); border-radius: var(--radius-pill); padding: 8px 10px 8px 16px; box-shadow: var(--shadow-md); } .acc-switch span.lbl { font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); } .acc-switch button { width: 26px; height: 26px; border-radius: 50%; cursor: pointer; padding: 0; transition: transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft); } .acc-switch button:hover { transform: scale(1.08); } @keyframes cdrPing { 0% { transform: scale(1); opacity:0.5; } 100% { transform: scale(2.6); opacity:0; } } .cdr-ping { animation: cdrPing 1.8s var(--ease) infinite; } /* ============================================================ Condor Storefront — FLUIDITY LAYER (added 2026-06-30) View Transitions (cross-doc) + scroll-reveal + smooth scroll. ============================================================ */ html { scroll-behavior: smooth; } /* Cross-document page transitions (Chrome/Edge/Safari) */ @view-transition { navigation: auto; } @media (prefers-reduced-motion: no-preference) { ::view-transition-old(root) { animation: cdrVtOut .26s var(--ease) both; } ::view-transition-new(root) { animation: cdrVtIn .40s var(--ease) both; } @keyframes cdrVtOut { to { opacity: 0; } } @keyframes cdrVtIn { from { opacity: 0; transform: translateY(8px); } } } /* Scroll-reveal (only when JS present, so no-JS shows everything) */ @media (prefers-reduced-motion: no-preference) { html.cdr-js [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .85s var(--ease), transform .85s var(--ease); } html.cdr-js [data-reveal].cdr-vis { opacity: 1; transform: none; } /* staggered children (e.g. product grid) */ html.cdr-js [data-reveal-stagger] > * { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease), transform .7s var(--ease); } html.cdr-js [data-reveal-stagger].cdr-vis > * { opacity: 1; transform: none; } html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(1){transition-delay:.00s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(2){transition-delay:.05s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(3){transition-delay:.10s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(4){transition-delay:.15s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(5){transition-delay:.20s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(6){transition-delay:.25s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(7){transition-delay:.30s} html.cdr-js [data-reveal-stagger].cdr-vis > *:nth-child(8){transition-delay:.35s} } /* ============================================================ Condor Storefront — HOVER INTERACTIONS (added 2026-07-01) The design primed transitions on cards/buttons (box-shadow on the card image-frame, transform on the image) but never shipped the :hover triggers — and inline `box-shadow:none` / `transform:none` plus the reveal-stagger `transform:none` outranked the few rules that did exist, so product cards & buttons didn't react to hover. This layer activates them (lift + shadow + image-zoom on cards, lift/feedback on nav & buttons). Respects reduced-motion and only fires on hover-capable pointers; !important beats the inline styles and the reveal-stagger transform. ============================================================ */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { /* ---- Product cards (.cdr-card): lift + frame shadow + image zoom ---- */ .cdr-sf .cdr-card { transition: transform .3s var(--ease), box-shadow .3s var(--ease); } .cdr-sf .cdr-card:hover { transform: translateY(-5px) !important; /* beats reveal-stagger transform:none */ transition: transform .3s var(--ease), box-shadow .3s var(--ease) !important; } .cdr-sf .cdr-card:hover > div:first-child { box-shadow: var(--shadow-md) !important; } /* beats inline box-shadow:none on the image frame */ .cdr-sf .cdr-card:hover img { transform: scale(1.05) !important; } /* beats inline transform:none on the image */ /* Home "Three formats" cards: the coordinated "spotlight" hover is driven by a tiny JS controller in template-storefront-home.php (mirrors the React `active` state with inline styles), so it is intentionally NOT handled here. */ /* ---- Primary nav links ---- */ .cdr-sf .cdr-nav a { transition: color .2s var(--ease-soft); } .cdr-sf .cdr-nav a:hover { color: var(--ink) !important; } /* ---- Header CTA buttons (Account / Log in / Register) ---- */ .cdr-sf .cdr-cta a { transition: transform .2s var(--ease-soft), box-shadow .2s var(--ease-soft), background .2s var(--ease-soft); } .cdr-sf .cdr-cta a:hover { transform: translateY(-1px); } /* ---- Pill buttons / CTAs across the storefront (add-to-cart, Apply, stack add, hero CTAs, cart 'Add', size pills, etc.) ---- */ .cdr-sf a[style*="radius-pill"], .cdr-sf button[style*="radius-pill"] { transition: transform .18s var(--ease-soft), box-shadow .18s var(--ease-soft), background .18s var(--ease-soft); } .cdr-sf a[style*="radius-pill"]:hover, .cdr-sf button[style*="radius-pill"]:hover { transform: translateY(-1px); } /* filled/primary pill buttons deepen their shadow on hover */ .cdr-sf a[style*="btn-primary-bg"]:hover, .cdr-sf a[style*="background:var(--ink)"][style*="radius-pill"]:hover, .cdr-sf button[style*="background:var(--ink)"][style*="radius-pill"]:hover { box-shadow: var(--shadow-lg) !important; } }