:root { --primary: #b8a55a; --base: #1c1b18; --primary-l-1: #c6b77b; --primary-l-2: #d4c99c; --primary-l-3: #e3dbbd; --primary-l-4: #f1edde; --primary-d-1: #938448; --primary-d-2: #6e6336; --primary-d-3: #4a4224; --primary-d-4: #252112; --accent: hsl(46, 46%, 81%); --accent-l-1: hsl(45, 46%, 83%); --accent-l-2: hsl(45, 46%, 84%); --accent-l-3: hsl(45, 46%, 86%); --accent-l-4: hsl(45, 46%, 88%); --accent-l-5: hsl(45, 46%, 90%); --accent-l-6: hsl(45, 46%, 91%); --accent-l-7: hsl(45, 46%, 93%); --accent-l-8: hsl(45, 46%, 95%); --accent-l-9: hsl(45, 46%, 97%); --accent-l-10: hsl(45, 46%, 98%); --accent-d-1: hsl(45, 30%, 74%); --accent-d-2: hsl(45, 21%, 66%); --accent-d-3: hsl(45, 16%, 59%); --accent-d-4: hsl(45, 12%, 52%); --accent-d-5: hsl(45, 11%, 44%); --accent-d-6: hsl(45, 11%, 37%); --accent-d-7: hsl(45, 11%, 29%); --accent-d-8: hsl(45, 11%, 22%); --accent-d-9: hsl(45, 11%, 15%); --accent-d-10: hsl(45, 11%, 7%); --accent-t-1: hsla(45, 46%, 98%, 0.09); --accent-t-2: hsla(45, 46%, 97%, 0.18); --accent-t-3: hsla(45, 46%, 95%, 0.27); --accent-t-4: hsla(45, 46%, 93%, 0.36); --accent-t-5: hsla(45, 46%, 91%, 0.45); --accent-t-6: hsla(45, 46%, 90%, 0.55); --accent-t-7: hsla(45, 46%, 88%, 0.64); --accent-t-8: hsla(45, 46%, 86%, 0.73); --accent-t-9: hsla(45, 46%, 84%, 0.82); --accent-t-10: hsla(45, 46%, 83%, 0.91); --base-l-1: #2b2a27; --base-l-2: #3a3937; --base-l-3: #494946; --base-l-4: #595856; --base-l-5: #686765; --base-l-6: #777674; --base-l-7: #868584; --base-l-8: #959593; --base-l-9: #a4a4a3; --base-l-10: #b3b3b2; --base-l-11: #c2c2c1; --base-l-12: #d2d1d1; --base-l-13: #e1e1e0; --base-l-14: #f0f0f0; --base-d-1: #161613; --base-d-2: #11100e; --base-d-3: #0b0b0a; --base-d-4: #060505; --body-color-dark: var(--black-t-2); --heading-color-dark: var(--base-d-3); --body-color-light: var(--accent-d-2); --heading-color-light: var(--accent); --border-color-dark: var(--black-t-8); --border-color-light: var(--white-t-8); --box-shadow-color-dark: var(--black-t-8); --box-shadow-color-light: var(--white-t-8); --white: hsl(0 0% 100%); --black: hsl(0 0% 0%); --neutral: hsl(0 0% 50%); --transparent: hsla(0, 0%, 0%, 0); --neutral-t-1: rgba(140, 140, 140, 0.91); --neutral-t-2: rgba(151, 151, 151, 0.82); --neutral-t-3: rgba(163, 163, 163, 0.73); --neutral-t-4: rgba(174, 174, 174, 0.64); --neutral-t-5: rgba(186, 186, 186, 0.55); --neutral-t-6: rgba(197, 197, 197, 0.45); --neutral-t-7: rgba(209, 209, 209, 0.36); --neutral-t-8: rgba(220, 220, 220, 0.27); --neutral-t-9: rgba(232, 232, 232, 0.18); --neutral-t-10: rgba(243, 243, 243, 0.09); --neutral-l-1: rgb(153, 153, 153); --neutral-l-2: rgb(179, 179, 179); --neutral-l-3: rgb(204, 204, 204); --neutral-l-4: rgb(230, 230, 230); --neutral-d-1: rgb(102, 102, 102); --neutral-d-2: rgb(77, 77, 77); --neutral-d-3: rgb(51, 51, 51); --neutral-d-4: rgb(26, 26, 26); --white-t-1: rgba(255, 255, 255, 0.89); --white-t-2: rgba(255, 255, 255, 0.78); --white-t-3: rgba(255, 255, 255, 0.67); --white-t-4: rgba(255, 255, 255, 0.56); --white-t-5: rgba(255, 255, 255, 0.44); --white-t-6: rgba(255, 255, 255, 0.33); --white-t-7: rgba(255, 255, 255, 0.22); --white-t-8: rgba(255, 255, 255, 0.11); --black-t-1: rgba(0, 0, 0, 0.89); --black-t-2: rgba(0, 0, 0, 0.78); --black-t-3: rgba(0, 0, 0, 0.67); --black-t-4: rgba(0, 0, 0, 0.56); --black-t-5: rgba(0, 0, 0, 0.44); --black-t-6: rgba(0, 0, 0, 0.33); --black-t-7: rgba(0, 0, 0, 0.22); --black-t-8: rgba(0, 0, 0, 0.11); --notice: hsl(197, 100%, 42%); --warning: hsl(46, 100%, 42%); --error: hsl(0, 100%, 44%); --error-d-1: rgb(179, 0, 0); --error-d-2: rgb(134, 0, 0); --error-d-3: rgb(90, 0, 0); --error-d-4: rgb(45, 0, 0); --error-l-1: rgb(230, 51, 51); --error-l-2: rgb(236, 102, 102); --error-l-3: rgb(243, 153, 153); --error-l-4: rgb(249, 204, 204); --success: hsl(134, 100%, 37%); --success-l-1: rgb(51, 202, 86); --success-l-2: rgb(102, 215, 128); --success-l-3: rgb(153, 229, 171); --success-l-4: rgb(204, 242, 213); --success-d-1: rgb(0, 151, 35); --success-d-2: rgb(0, 113, 26); --success-d-3: rgb(0, 76, 18); --success-d-4: rgb(0, 38, 9); --notice-l-1: rgb(51, 174, 222); --notice-l-2: rgb(102, 194, 230); --notice-l-3: rgb(153, 215, 239); --notice-l-4: rgb(204, 235, 247); --notice-d-1: rgb(0, 123, 171); --notice-d-2: rgb(0, 92, 128); --notice-d-3: rgb(0, 62, 86); --notice-d-4: rgb(0, 31, 43); --warning-l-1: rgb(222, 182, 51); --warning-l-2: rgb(230, 200, 102); --warning-l-3: rgb(239, 219, 153); --warning-l-4: rgb(247, 237, 204); --warning-d-1: rgb(171, 131, 0); --warning-d-2: rgb(128, 98, 0); --warning-d-3: rgb(86, 66, 0); --warning-d-4: rgb(43, 33, 0); --text-xxs: clamp(1.04rem, calc(-0.0010185185185185184 * (100vw - 36rem) + 1.04rem), 0.93rem); --text-xs: clamp(1.25rem, calc(-0.0012962962962962954 * (100vw - 36rem) + 1.25rem), 1.11rem); --text-s: clamp(1.5rem, calc(-0.0015740740740740734 * (100vw - 36rem) + 1.5rem), 1.33rem); --text-m: clamp(1.8rem, calc(-0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 1.6rem); --text-l: clamp(2.16rem, calc(-0.0022222222222222244 * (100vw - 36rem) + 2.16rem), 1.92rem); --text-xl: clamp(2.59rem, calc(-0.0026851851851851854 * (100vw - 36rem) + 2.59rem), 2.3rem); --text-xxl: clamp(3.11rem, calc(-0.0032407407407407415 * (100vw - 36rem) + 3.11rem), 2.76rem); --h6: clamp(1.28rem, calc(-0.0007407407407407414 * (100vw - 36rem) + 1.28rem), 1.2rem); --h5: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --h4: clamp(2rem, calc(0.0012037037037037027 * (100vw - 36rem) + 2rem), 2.13rem); --h3: clamp(2.5rem, calc(0.003148148148148147 * (100vw - 36rem) + 2.5rem), 2.84rem); --h2: clamp(3.13rem, calc(0.006111111111111112 * (100vw - 36rem) + 3.13rem), 3.79rem); --h1: clamp(3.91rem, calc(0.010555555555555552 * (100vw - 36rem) + 3.91rem), 5.05rem); --radius-s: clamp(0rem, calc(NaN * (100vw - 36rem) + 0rem), NaNrem); --radius-m: clamp(0rem, calc(NaN * (100vw - 36rem) + 0rem), NaNrem); --radius-l: clamp(0rem, calc(NaN * (100vw - 36rem) + 0rem), NaNrem); --section-xxs: clamp(1.84rem, calc(0.0017592592592592566 * (100vw - 36rem) + 1.84rem), 2.03rem); --section-xs: clamp(2.3rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.3rem), 2.7rem); --section-s: clamp(2.88rem, calc(0.006666666666666669 * (100vw - 36rem) + 2.88rem), 3.6rem); --section-m: clamp(3.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 3.6rem), 4.8rem); --section-l: clamp(4.5rem, calc(0.017592592592592597 * (100vw - 36rem) + 4.5rem), 6.4rem); --section-xl: clamp(5.63rem, calc(0.026851851851851846 * (100vw - 36rem) + 5.63rem), 8.53rem); --section-xxl: clamp(7.03rem, calc(0.04018518518518518 * (100vw - 36rem) + 7.03rem), 11.37rem); --space-xxs: 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-xxl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --content-gap: var(--space-l); --gutter: var(--space-l); --grid-gap: calc(var(--content-gap) * 3);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.bg-base { background-color: var(--base); }.bg-base-l-1 { background-color: var(--base-l-1); }.bg-base-l-2 { background-color: var(--base-l-2); }.bg-base-l-3 { background-color: var(--base-l-3); }.bg-base-l-4 { background-color: var(--base-l-4); }.bg-base-l-5 { background-color: var(--base-l-5); }.bg-base-l-6 { background-color: var(--base-l-6); }.bg-base-l-7 { background-color: var(--base-l-7); }.bg-base-l-8 { background-color: var(--base-l-8); }.bg-base-l-9 { background-color: var(--base-l-9); }.bg-base-l-10 { background-color: var(--base-l-10); }.bg-base-l-11 { background-color: var(--base-l-11); }.bg-base-l-12 { background-color: var(--base-l-12); }.bg-base-l-13 { background-color: var(--base-l-13); }.bg-base-l-14 { background-color: var(--base-l-14); }.bg-base-d-1 { background-color: var(--base-d-1); }.bg-base-d-2 { background-color: var(--base-d-2); }.bg-base-d-3 { background-color: var(--base-d-3); }.bg-base-d-4 { background-color: var(--base-d-4); }.text-base { color: var(--base); }.text-base-l-1 { color: var(--base-l-1); }.text-base-l-2 { color: var(--base-l-2); }.text-base-l-3 { color: var(--base-l-3); }.text-base-l-4 { color: var(--base-l-4); }.text-base-l-5 { color: var(--base-l-5); }.text-base-l-6 { color: var(--base-l-6); }.text-base-l-7 { color: var(--base-l-7); }.text-base-l-8 { color: var(--base-l-8); }.text-base-l-9 { color: var(--base-l-9); }.text-base-l-10 { color: var(--base-l-10); }.text-base-l-11 { color: var(--base-l-11); }.text-base-l-12 { color: var(--base-l-12); }.text-base-l-13 { color: var(--base-l-13); }.text-base-l-14 { color: var(--base-l-14); }.text-base-d-1 { color: var(--base-d-1); }.text-base-d-2 { color: var(--base-d-2); }.text-base-d-3 { color: var(--base-d-3); }.text-base-d-4 { color: var(--base-d-4); }.border-base { border-color: var(--base); }.border-base-l-1 { border-color: var(--base-l-1); }.border-base-l-2 { border-color: var(--base-l-2); }.border-base-l-3 { border-color: var(--base-l-3); }.border-base-l-4 { border-color: var(--base-l-4); }.border-base-l-5 { border-color: var(--base-l-5); }.border-base-l-6 { border-color: var(--base-l-6); }.border-base-l-7 { border-color: var(--base-l-7); }.border-base-l-8 { border-color: var(--base-l-8); }.border-base-l-9 { border-color: var(--base-l-9); }.border-base-l-10 { border-color: var(--base-l-10); }.border-base-l-11 { border-color: var(--base-l-11); }.border-base-l-12 { border-color: var(--base-l-12); }.border-base-l-13 { border-color: var(--base-l-13); }.border-base-l-14 { border-color: var(--base-l-14); }.border-base-d-1 { border-color: var(--base-d-1); }.border-base-d-2 { border-color: var(--base-d-2); }.border-base-d-3 { border-color: var(--base-d-3); }.border-base-d-4 { border-color: var(--base-d-4); }.outline-base { outline-color: var(--base); }.outline-base-l-1 { outline-color: var(--base-l-1); }.outline-base-l-2 { outline-color: var(--base-l-2); }.outline-base-l-3 { outline-color: var(--base-l-3); }.outline-base-l-4 { outline-color: var(--base-l-4); }.outline-base-l-5 { outline-color: var(--base-l-5); }.outline-base-l-6 { outline-color: var(--base-l-6); }.outline-base-l-7 { outline-color: var(--base-l-7); }.outline-base-l-8 { outline-color: var(--base-l-8); }.outline-base-l-9 { outline-color: var(--base-l-9); }.outline-base-l-10 { outline-color: var(--base-l-10); }.outline-base-l-11 { outline-color: var(--base-l-11); }.outline-base-l-12 { outline-color: var(--base-l-12); }.outline-base-l-13 { outline-color: var(--base-l-13); }.outline-base-l-14 { outline-color: var(--base-l-14); }.outline-base-d-1 { outline-color: var(--base-d-1); }.outline-base-d-2 { outline-color: var(--base-d-2); }.outline-base-d-3 { outline-color: var(--base-d-3); }.outline-base-d-4 { outline-color: var(--base-d-4); }.fill-base { fill: var(--base); }.fill-base-l-1 { fill: var(--base-l-1); }.fill-base-l-2 { fill: var(--base-l-2); }.fill-base-l-3 { fill: var(--base-l-3); }.fill-base-l-4 { fill: var(--base-l-4); }.fill-base-l-5 { fill: var(--base-l-5); }.fill-base-l-6 { fill: var(--base-l-6); }.fill-base-l-7 { fill: var(--base-l-7); }.fill-base-l-8 { fill: var(--base-l-8); }.fill-base-l-9 { fill: var(--base-l-9); }.fill-base-l-10 { fill: var(--base-l-10); }.fill-base-l-11 { fill: var(--base-l-11); }.fill-base-l-12 { fill: var(--base-l-12); }.fill-base-l-13 { fill: var(--base-l-13); }.fill-base-l-14 { fill: var(--base-l-14); }.fill-base-d-1 { fill: var(--base-d-1); }.fill-base-d-2 { fill: var(--base-d-2); }.fill-base-d-3 { fill: var(--base-d-3); }.fill-base-d-4 { fill: var(--base-d-4); }.stroke-base { stroke: var(--base); }.stroke-base-l-1 { stroke: var(--base-l-1); }.stroke-base-l-2 { stroke: var(--base-l-2); }.stroke-base-l-3 { stroke: var(--base-l-3); }.stroke-base-l-4 { stroke: var(--base-l-4); }.stroke-base-l-5 { stroke: var(--base-l-5); }.stroke-base-l-6 { stroke: var(--base-l-6); }.stroke-base-l-7 { stroke: var(--base-l-7); }.stroke-base-l-8 { stroke: var(--base-l-8); }.stroke-base-l-9 { stroke: var(--base-l-9); }.stroke-base-l-10 { stroke: var(--base-l-10); }.stroke-base-l-11 { stroke: var(--base-l-11); }.stroke-base-l-12 { stroke: var(--base-l-12); }.stroke-base-l-13 { stroke: var(--base-l-13); }.stroke-base-l-14 { stroke: var(--base-l-14); }.stroke-base-d-1 { stroke: var(--base-d-1); }.stroke-base-d-2 { stroke: var(--base-d-2); }.stroke-base-d-3 { stroke: var(--base-d-3); }.stroke-base-d-4 { stroke: var(--base-d-4); }