@font-face {
    font-family: Helvetica-Neu-Bold;
    src: url('/assets/fonts/helveticaneue/Helvetica Neu Bold.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Medium;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue Medium.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Light;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue Light.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Regular;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue.ttf');
}

@font-face {
    font-family: Helvetica-Neu-Thin;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue Thin.ttf');
}

@font-face {
    font-family: Helvetica-Neu-CondensedBold;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue-CondensedBold.otf');
}

@font-face {
    font-family: Helvetica-Neu-BlackCond;
    src: url('/assets/fonts/helveticaneue/HelveticaNeue BlackCond.ttf');
}

@font-face {
    font-family: Avenir;
    src: url('/assets/fonts/avenir/Avenir.ttc');
}

@font-face {
    font-family: Avenir-Next;
    src: url('/assets/fonts/avenir/Avenir Next.ttc');
}

@font-face {
    font-family: Avenir-Next-Condensed;
    src: url('/assets/fonts/avenir/Avenir Next Condensed.ttc');
}

@font-face {
    font-family: Bradley-Hand-Bold;
    src: url('/assets/fonts/bradleyhand/Bradley Hand Bold.ttf');
}

@font-face {
    font-family: Lucida-Grande;
    src: url('/assets/fonts/lucidagrande/LucidaGrande.ttf');
}

@font-face {
    font-family: Lucida-Grande-Bold;
    src: url('/assets/fonts/lucidagrande/LucidaGrandeBold.ttf');
}

@font-face {
    font-family: Lucida-Grande-Bold;
    src: url('/assets/fonts/lucidagrande/LucidaGrandeBold.ttf');
}

@font-face {
    font-family: Ping-Fang-Regular;
    src: url('/assets/fonts/pingfang/PingFang SC Regular.ttf');
}

@font-face {
    font-family: Ping-Fang-Light;
    src: url('/assets/fonts/pingfang/PingFang SC Light.ttf');
}

@font-face {
    font-family: Ping-Fang-Semibold;
    src: url('/assets/fonts/pingfang/PingFang SC Semibold.ttf');
}

@font-face {
    font-family: Ping-Fang-Bold;
    src: url('/assets/fonts/pingfang/PingFang SC Bold.ttf');
}

@font-face {
    font-family: Noto-Sans-SC-Black;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Black.otf');
}

@font-face {
    font-family: Noto-Sans-SC-Bold;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Bold.otf');
}

@font-face {
    font-family: Noto-Sans-SC-Light;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Light.otf');
}

@font-face {
    font-family: Noto-Sans-SC-Medium;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Medium.otf');
}

@font-face {
    font-family: Noto-Sans-SC-Regular;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Regular.otf');
}

@font-face {
    font-family: Noto-Sans-SC-Thin;
    src: url('/assets/fonts/notosanssc/NotoSansSC-Thin.otf');
}

@font-face {
    font-family: Roboto-Slab-Black;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Black.ttf');
}

@font-face {
    font-family: Roboto-Slab-Bold;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Bold.ttf');
}

@font-face {
    font-family: Roboto-Slab-ExtraBold;
    src: url('/assets/fonts/robotoslab/RobotoSlab-ExtraBold.ttf');
}

@font-face {
    font-family: Roboto-Slab-ExtraLight;
    src: url('/assets/fonts/robotoslab/RobotoSlab-ExtraLight.ttf');
}

@font-face {
    font-family: Roboto-Slab-Light;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Light.ttf');
}

@font-face {
    font-family: Roboto-Slab-Medium;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Medium.ttf');
}

@font-face {
    font-family: Roboto-Slab-Regular;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Regular.ttf');
}

@font-face {
    font-family: Roboto-Slab-SemiBold;
    src: url('/assets/fonts/robotoslab/RobotoSlab-SemiBold.ttf');
}

@font-face {
    font-family: Roboto-Slab-Thin;
    src: url('/assets/fonts/robotoslab/RobotoSlab-Thin.ttf');
}
@font-face {
    font-family: Roboto-Regular;
    src: url('/assets/fonts/robotoslab/Roboto-Regular.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-Bold;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-Bold.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-BoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-BoldItalic.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-ExtraBold;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-ExtraBold.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-ExtraBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-Italic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-Italic.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-Light;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-Light.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-LightItalic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-LightItalic.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-Medium;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-Medium.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-MediumItalic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-MediumItalic.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-Regular;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-Regular.ttf');
}
@font-face {
    font-family: OpenSans_Condensed-SemiBold;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-SemiBold.ttf');
}@font-face {
    font-family: OpenSans_Condensed-SemiBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_Condensed-SemiBoldItalic.ttf');
}@font-face {
    font-family: OpenSans_SemiCondensed-Bold;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-Bold.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-BoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-BoldItalic.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-ExtraBold;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-ExtraBold.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-ExtraBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-Italic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-Italic.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-Light;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-Light.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-LightItalic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-LightItalic.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-Medium;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-Medium.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-MediumItalic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-MediumItalic.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-Regular;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-Regular.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-SemiBold;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-SemiBold.ttf');
}
@font-face {
    font-family: OpenSans_SemiCondensed-SemiBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans_SemiCondensed-SemiBoldItalic.ttf');
}
@font-face {
    font-family: OpenSans-Bold;
    src: url('/assets/fonts/opensans/OpenSans-Bold.ttf');
}
@font-face {
    font-family: OpenSans-BoldItalic;
    src: url('/assets/fonts/opensans/OpenSans-BoldItalic.ttf');
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url('/assets/fonts/opensans/OpenSans-ExtraBold.ttf');
}
@font-face {
    font-family: OpenSans-ExtraBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: OpenSans-Italic;
    src: url('/assets/fonts/opensans/OpenSans-Italic.ttf');
}
@font-face {
    font-family: OpenSans-Light;
    src: url('/assets/fonts/opensans/OpenSans-Light.ttf');
}
@font-face {
    font-family: OpenSans-LightItalic;
    src: url('/assets/fonts/opensans/OpenSans-LightItalic.ttf');
}
@font-face {
    font-family: OpenSans-Medium;
    src: url('/assets/fonts/opensans/OpenSans-Medium.ttf');
}
@font-face {
    font-family: OpenSans-MediumItalic;
    src: url('/assets/fonts/opensans/OpenSans-MediumItalic.ttf');
}
@font-face {
    font-family: OpenSans-Regular;
    src: url('/assets/fonts/opensans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: OpenSans-SemiBold;
    src: url('/assets/fonts/opensans/OpenSans-SemiBold.ttf');
}
@font-face {
    font-family: OpenSans-SemiBoldItalic;
    src: url('/assets/fonts/opensans/OpenSans-SemiBoldItalic.ttf');
}

@font-face {
    font-family: SFPro-Bold;
    src: url('/assets/fonts/sfpro/SFPRODISPLAYBOLD.OTF');
}

@font-face {
    font-family: SFPro-Regular;
    src: url('/assets/fonts/sfpro/SFPRODISPLAYREGULAR.OTF');
}

@font-face {
    font-family: SFPro-Medium;
    src: url('/assets/fonts/sfpro/SFPRODISPLAYMEDIUM.OTF');
}

@font-face {
    font-family: SFPro-Light;
    src: url('/assets/fonts/sfpro/SFPRODISPLAYLIGHT.otf');
}

@font-face {
    font-family: SFPro-SemiBold;
    src: url('/assets/fonts/sfpro/SFPROSEMIBOLD.otf');
}

@font-face {
    font-family: SF-Pro;
    src: url('/assets/fonts/sfpro/SFPRODISPLAYREGULAR.OTF')
}

@font-face {
    font-family: SFPro-Heavy;
    src: url('/assets/fonts/sfpro/SFPROHEAVY.otf');
}

/* "SF Pro Web" — the full VARIABLE SF Pro font (weight + width + optical-size axes),
   subset to Latin + punctuation/currency. Used as a fallback (after -apple-system)
   so non-Apple platforms (Windows/Linux/Android) render the SAME SF Pro as macOS —
   including the design's `font-variation-settings: 'wdth' 60'` compression, which
   only works because the width axis is preserved here. Apple devices keep using the
   system/installed SF Pro (earlier in the stack), so their rendering is unchanged. */
/* Discrete weight faces (all reference the SAME cached woff2 — one download).
   Single-value font-weight descriptors pin the wght axis to standard steps so CSS
   font-weight SNAPS to the nearest step, matching how macOS matches the installed
   SF Pro (e.g. 650 → 700, 590 → 600). The width axis stays free, driven by the
   design's `font-variation-settings: 'wdth' 60'`. */
@font-face { font-family:"SF Pro Web"; font-weight:300; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }
@font-face { font-family:"SF Pro Web"; font-weight:400; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }
@font-face { font-family:"SF Pro Web"; font-weight:500; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }
@font-face { font-family:"SF Pro Web"; font-weight:600; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }
@font-face { font-family:"SF Pro Web"; font-weight:700; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }
@font-face { font-family:"SF Pro Web"; font-weight:900; font-style:normal; font-display:swap; src:url('/assets/fonts/SFPro/SF-Pro.woff2?v=4') format('woff2'); }

/*FONT CLASSES*/

.helvetica-neue-light {
    font-family: Helvetica-Neu-Light;
}

.helvetica-neue-medium {
    font-family: Helvetica-Neu-Medium;
}

.helvetica-neue-bold {
    font-family: Helvetica-Neu-Bold;
}

.helvetica-neue-thin {
    font-family: Helvetica-Neu-Thin;
}

.helvetica-neue-regular {
    font-family: Helvetica-Neu-Regular;
}

.helvetica-neue-condensedBold {
    font-family: Helvetica-Neu-CondensedBold;
}

.helvetica-neue-condensedBlack {
    font-family: Helvetica-Neu-BlackCond;
}

.avenir {
    font-family: Avenir;
}

.avenir-next {
    font-family: Avenir-Next;
}

.avenir-next-condensed {
    font-family: Avenir-Next-Condensed;
}

.bradley-hand-bold {
    font-family: Bradley-Hand-Bold;
}

.lucida-grande {
    font-family: Lucida-Grande;
}

.lucida-grande-bold {
    font-family: Lucida-Grande-Bold;
}

.ping-fang-regular {
    font-family: Ping-Fang-Regular;
}

.ping-fang-semibold {
    font-family: Ping-Fang-Semibold;
}

.noto-sans-sc-black {
    font-family: Noto-Sans-SC-Black !important;
    letter-spacing: 0px;
}

.noto-sans-sc-bold {
    font-family: Noto-Sans-SC-Bold !important;
    letter-spacing: 0px;
}

.noto-sans-sc-light {
    font-family: Noto-Sans-SC-Light !important;
    letter-spacing: 0px;
}

.noto-sans-sc-medium {
    font-family: Noto-Sans-SC-Medium !important;
    letter-spacing: 0px;
}

.noto-sans-sc-regular {
    font-family: Noto-Sans-SC-Regular !important;
    letter-spacing: 0px;
}

.noto-sans-sc-thin {
    font-family: Noto-Sans-SC-Thin !important;
    letter-spacing: 0px;
}

.roboto-slab-black {
    font-family: Roboto-Slab-Black !important;
    letter-spacing: 0px;
}

.roboto-slab-bold {
    font-family: Roboto-Slab-Bold !important;
    letter-spacing: 0px;
}

.roboto-slab-extrabold {
    font-family: Roboto-Slab-ExtraBold !important;
    letter-spacing: 0px;
}

.roboto-slab-extralight {
    font-family: Roboto-Slab-ExtraLight !important;
    letter-spacing: 0px;
}

.roboto-slab-light {
    font-family: Roboto-Slab-Light !important;
    letter-spacing: 0px;
}

.roboto-slab-medium {
    font-family: Roboto-Slab-Medium !important;
    letter-spacing: 0px;
}

.roboto-slab-regular {
    font-family: Roboto-Slab-Regular !important;
    letter-spacing: 0px;
}

.roboto-slab-semibold {
    font-family: Roboto-Slab-SemiBold !important;
    letter-spacing: 0px;
}

.roboto-slab-thin {
    font-family: Roboto-Slab-Thin !important;
    letter-spacing: 0px;
}