:root { --primary-blue: #3858e9; --secondary-blue: #2f4ac4; --accent-yellow: #ffe449; --dark: #0c0c0c; --charcoal: #1e1e1e; --light-grey: #f0f0f0; --white: #f3f3f3; --secondary-blue-t-1: hsla(229, 61%, 48%, 0.33); --secondary-blue-t-2: hsla(229, 61%, 48%, 0.67); --primary-blue-t-1: hsla(229, 80%, 57%, 0.33); --primary-blue-t-2: hsla(229, 80%, 57%, 0.67); --accent-yellow-t-1: hsla(51, 100%, 64%, 0.33); --accent-yellow-t-2: hsla(51, 100%, 64%, 0.67); --dark-t-1: hsla(0, 0%, 5%, 0.33); --dark-t-2: hsla(0, 0%, 5%, 0.67); --charcoal-t-1: hsla(0, 0%, 12%, 0.33); --charcoal-t-2: hsla(0, 0%, 12%, 0.67); --light-grey-t-1: hsla(0, 0%, 94%, 0.33); --light-grey-t-2: hsla(0, 0%, 94%, 0.67); --auro-gold: #B8952E; --auro-gold-d-1: #7b631f; --auro-gold-d-2: #3d320f; --auro-gold-t-1: hsla(45, 60%, 45%, 0.33); --auro-gold-t-2: hsla(45, 60%, 45%, 0.67); --auro-gold-l-1: #d0b874; --auro-gold-l-2: #e7dcb9; --text-headings-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-headings-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-headings-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-headings-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-headings-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-headings-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-headings-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-body-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-body-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-body-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-body-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-body-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-body-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-body-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.bg-primary-blue { background-color: var(--primary-blue); }.bg-primary-blue-t-1 { background-color: var(--primary-blue-t-1); }.bg-primary-blue-t-2 { background-color: var(--primary-blue-t-2); }.text-primary-blue { color: var(--primary-blue); }.text-primary-blue-t-1 { color: var(--primary-blue-t-1); }.text-primary-blue-t-2 { color: var(--primary-blue-t-2); }.border-primary-blue { border-color: var(--primary-blue); }.border-primary-blue-t-1 { border-color: var(--primary-blue-t-1); }.border-primary-blue-t-2 { border-color: var(--primary-blue-t-2); }.outline-primary-blue { outline-color: var(--primary-blue); }.outline-primary-blue-t-1 { outline-color: var(--primary-blue-t-1); }.outline-primary-blue-t-2 { outline-color: var(--primary-blue-t-2); }.fill-primary-blue { fill: var(--primary-blue); }.fill-primary-blue-t-1 { fill: var(--primary-blue-t-1); }.fill-primary-blue-t-2 { fill: var(--primary-blue-t-2); }.stroke-primary-blue { stroke: var(--primary-blue); }.stroke-primary-blue-t-1 { stroke: var(--primary-blue-t-1); }.stroke-primary-blue-t-2 { stroke: var(--primary-blue-t-2); }.bg-secondary-blue { background-color: var(--secondary-blue); }.bg-secondary-blue-t-1 { background-color: var(--secondary-blue-t-1); }.bg-secondary-blue-t-2 { background-color: var(--secondary-blue-t-2); }.border-secondary-blue { border-color: var(--secondary-blue); }.border-secondary-blue-t-1 { border-color: var(--secondary-blue-t-1); }.border-secondary-blue-t-2 { border-color: var(--secondary-blue-t-2); }.text-secondary-blue { color: var(--secondary-blue); }.text-secondary-blue-t-1 { color: var(--secondary-blue-t-1); }.text-secondary-blue-t-2 { color: var(--secondary-blue-t-2); }.outline-secondary-blue { outline-color: var(--secondary-blue); }.outline-secondary-blue-t-1 { outline-color: var(--secondary-blue-t-1); }.outline-secondary-blue-t-2 { outline-color: var(--secondary-blue-t-2); }.stroke-secondary-blue { stroke: var(--secondary-blue); }.stroke-secondary-blue-t-1 { stroke: var(--secondary-blue-t-1); }.stroke-secondary-blue-t-2 { stroke: var(--secondary-blue-t-2); }.fill-secondary-blue { fill: var(--secondary-blue); }.fill-secondary-blue-t-1 { fill: var(--secondary-blue-t-1); }.fill-secondary-blue-t-2 { fill: var(--secondary-blue-t-2); }.bg-accent-yellow { background-color: var(--accent-yellow); }.bg-accent-yellow-t-1 { background-color: var(--accent-yellow-t-1); }.bg-accent-yellow-t-2 { background-color: var(--accent-yellow-t-2); }.border-accent-yellow { border-color: var(--accent-yellow); }.border-accent-yellow-t-1 { border-color: var(--accent-yellow-t-1); }.border-accent-yellow-t-2 { border-color: var(--accent-yellow-t-2); }.text-accent-yellow { color: var(--accent-yellow); }.text-accent-yellow-t-1 { color: var(--accent-yellow-t-1); }.text-accent-yellow-t-2 { color: var(--accent-yellow-t-2); }.outline-accent-yellow { outline-color: var(--accent-yellow); }.outline-accent-yellow-t-1 { outline-color: var(--accent-yellow-t-1); }.outline-accent-yellow-t-2 { outline-color: var(--accent-yellow-t-2); }.fill-accent-yellow { fill: var(--accent-yellow); }.fill-accent-yellow-t-1 { fill: var(--accent-yellow-t-1); }.fill-accent-yellow-t-2 { fill: var(--accent-yellow-t-2); }.stroke-accent-yellow { stroke: var(--accent-yellow); }.stroke-accent-yellow-t-1 { stroke: var(--accent-yellow-t-1); }.stroke-accent-yellow-t-2 { stroke: var(--accent-yellow-t-2); }.stroke-dark { stroke: var(--dark); }.stroke-dark-t-1 { stroke: var(--dark-t-1); }.stroke-dark-t-2 { stroke: var(--dark-t-2); }.fill-dark { fill: var(--dark); }.fill-dark-t-1 { fill: var(--dark-t-1); }.fill-dark-t-2 { fill: var(--dark-t-2); }.outline-dark { outline-color: var(--dark); }.outline-dark-t-1 { outline-color: var(--dark-t-1); }.outline-dark-t-2 { outline-color: var(--dark-t-2); }.border-dark { border-color: var(--dark); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.text-dark { color: var(--dark); }.text-dark-t-1 { color: var(--dark-t-1); }.text-dark-t-2 { color: var(--dark-t-2); }.bg-dark { background-color: var(--dark); }.bg-dark-t-1 { background-color: var(--dark-t-1); }.bg-dark-t-2 { background-color: var(--dark-t-2); }.bg-charcoal { background-color: var(--charcoal); }.bg-charcoal-t-1 { background-color: var(--charcoal-t-1); }.bg-charcoal-t-2 { background-color: var(--charcoal-t-2); }.text-charcoal { color: var(--charcoal); }.text-charcoal-t-1 { color: var(--charcoal-t-1); }.text-charcoal-t-2 { color: var(--charcoal-t-2); }.border-charcoal { border-color: var(--charcoal); }.border-charcoal-t-1 { border-color: var(--charcoal-t-1); }.border-charcoal-t-2 { border-color: var(--charcoal-t-2); }.outline-charcoal { outline-color: var(--charcoal); }.outline-charcoal-t-1 { outline-color: var(--charcoal-t-1); }.outline-charcoal-t-2 { outline-color: var(--charcoal-t-2); }.fill-charcoal { fill: var(--charcoal); }.fill-charcoal-t-1 { fill: var(--charcoal-t-1); }.fill-charcoal-t-2 { fill: var(--charcoal-t-2); }.stroke-charcoal { stroke: var(--charcoal); }.stroke-charcoal-t-1 { stroke: var(--charcoal-t-1); }.stroke-charcoal-t-2 { stroke: var(--charcoal-t-2); }.text-light-grey { color: var(--light-grey); }.text-light-grey-t-1 { color: var(--light-grey-t-1); }.text-light-grey-t-2 { color: var(--light-grey-t-2); }.bg-light-grey { background-color: var(--light-grey); }.bg-light-grey-t-1 { background-color: var(--light-grey-t-1); }.bg-light-grey-t-2 { background-color: var(--light-grey-t-2); }.border-light-grey { border-color: var(--light-grey); }.border-light-grey-t-1 { border-color: var(--light-grey-t-1); }.border-light-grey-t-2 { border-color: var(--light-grey-t-2); }.outline-light-grey { outline-color: var(--light-grey); }.outline-light-grey-t-1 { outline-color: var(--light-grey-t-1); }.outline-light-grey-t-2 { outline-color: var(--light-grey-t-2); }.fill-light-grey { fill: var(--light-grey); }.fill-light-grey-t-1 { fill: var(--light-grey-t-1); }.fill-light-grey-t-2 { fill: var(--light-grey-t-2); }.stroke-light-grey { stroke: var(--light-grey); }.stroke-light-grey-t-1 { stroke: var(--light-grey-t-1); }.stroke-light-grey-t-2 { stroke: var(--light-grey-t-2); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.border-white { border-color: var(--white); }.outline-white { outline-color: var(--white); }.fill-white { fill: var(--white); }.stroke-white { stroke: var(--white); }.bg-auro-gold { background-color: var(--auro-gold); }.bg-auro-gold-d-1 { background-color: var(--auro-gold-d-1); }.bg-auro-gold-d-2 { background-color: var(--auro-gold-d-2); }.bg-auro-gold-t-1 { background-color: var(--auro-gold-t-1); }.bg-auro-gold-t-2 { background-color: var(--auro-gold-t-2); }.bg-auro-gold-l-1 { background-color: var(--auro-gold-l-1); }.bg-auro-gold-l-2 { background-color: var(--auro-gold-l-2); }.text-auro-gold { color: var(--auro-gold); }.text-auro-gold-d-1 { color: var(--auro-gold-d-1); }.text-auro-gold-d-2 { color: var(--auro-gold-d-2); }.text-auro-gold-t-1 { color: var(--auro-gold-t-1); }.text-auro-gold-t-2 { color: var(--auro-gold-t-2); }.text-auro-gold-l-1 { color: var(--auro-gold-l-1); }.text-auro-gold-l-2 { color: var(--auro-gold-l-2); }.border-auro-gold { border-color: var(--auro-gold); }.border-auro-gold-d-1 { border-color: var(--auro-gold-d-1); }.border-auro-gold-d-2 { border-color: var(--auro-gold-d-2); }.border-auro-gold-t-1 { border-color: var(--auro-gold-t-1); }.border-auro-gold-t-2 { border-color: var(--auro-gold-t-2); }.border-auro-gold-l-1 { border-color: var(--auro-gold-l-1); }.border-auro-gold-l-2 { border-color: var(--auro-gold-l-2); }.outline-auro-gold { outline-color: var(--auro-gold); }.outline-auro-gold-d-1 { outline-color: var(--auro-gold-d-1); }.outline-auro-gold-d-2 { outline-color: var(--auro-gold-d-2); }.outline-auro-gold-t-1 { outline-color: var(--auro-gold-t-1); }.outline-auro-gold-t-2 { outline-color: var(--auro-gold-t-2); }.outline-auro-gold-l-1 { outline-color: var(--auro-gold-l-1); }.outline-auro-gold-l-2 { outline-color: var(--auro-gold-l-2); }.fill-auro-gold { fill: var(--auro-gold); }.fill-auro-gold-d-1 { fill: var(--auro-gold-d-1); }.fill-auro-gold-d-2 { fill: var(--auro-gold-d-2); }.fill-auro-gold-t-1 { fill: var(--auro-gold-t-1); }.fill-auro-gold-t-2 { fill: var(--auro-gold-t-2); }.fill-auro-gold-l-1 { fill: var(--auro-gold-l-1); }.fill-auro-gold-l-2 { fill: var(--auro-gold-l-2); }.stroke-auro-gold { stroke: var(--auro-gold); }.stroke-auro-gold-d-1 { stroke: var(--auro-gold-d-1); }.stroke-auro-gold-d-2 { stroke: var(--auro-gold-d-2); }.stroke-auro-gold-t-1 { stroke: var(--auro-gold-t-1); }.stroke-auro-gold-t-2 { stroke: var(--auro-gold-t-2); }.stroke-auro-gold-l-1 { stroke: var(--auro-gold-l-1); }.stroke-auro-gold-l-2 { stroke: var(--auro-gold-l-2); }