:root { --escape: hsla(320, 100%, 8%, 1); --escape-t-1: hsla(320, 100%, 8%, 0); --escape-t-2: hsla(320, 100%, 8%, 0.1); --escape-t-3: hsla(320, 100%, 8%, 0.2); --escape-t-4: hsla(320, 100%, 8%, 0.36); --escape-t-5: hsla(320, 100%, 8%, 0.4); --escape-t-6: hsla(320, 100%, 8%, 0.5); --escape-t-7: hsla(320, 100%, 8%, 0.6); --escape-t-8: hsla(320, 100%, 8%, 0.7); --escape-t-9: hsla(320, 100%, 8%, 0.8); --escape-t-10: hsla(320, 100%, 8%, 0.9); --base: hsla(37, 68%, 94%, 1); --base-l-1: hsl(42, 63%, 99%); --base-d-1: hsl(39, 17%, 81%); --play: hsla(283, 100%, 86%, 1); --energize: hsla(57, 100%, 50%, 1); --dark-escape: hsla(320, 82%, 4%, 1); --white: hsla(0, 0%, 100%, 1); --black: hsla(0, 0%, 0%, 1); --base-ld: hsla(37, 68%, 94%, 1); --base-ld-l-0: hsl(0, 0%, 97%); --base-ld-d-0: hsl(0, 17%, 81%); --escape-ld: hsla(320, 100%, 8%, 1); --escape-ld-l-0: hsl(320, 100%, 17%); --escape-ld-d-0: hsl(320, 82%, 4%); --dark-escape-t-1: hsla(320, 82%, 4%, 0); --dark-escape-t-2: hsla(320, 82%, 4%, 0.1); --dark-escape-t-3: hsla(320, 82%, 4%, 0.2); --dark-escape-t-4: hsla(320, 82%, 4%, 0.3); --dark-escape-t-5: hsla(320, 82%, 4%, 0.4); --dark-escape-t-6: hsla(320, 82%, 4%, 0.5); --dark-escape-t-7: hsla(320, 82%, 4%, 0.6); --dark-escape-t-8: hsla(320, 82%, 4%, 0.7); --dark-escape-t-9: hsla(320, 82%, 4%, 0.8); --dark-escape-t-10: hsla(320, 82%, 4%, 0.9); --base-t-1: hsla(37, 68%, 94%, 0); --base-t-2: hsla(37, 68%, 94%, 0.1); --base-t-3: hsla(37, 68%, 94%, 0.2); --base-t-4: hsla(37, 68%, 94%, 0.3); --base-t-5: hsla(37, 68%, 94%, 0.4); --base-t-6: hsla(37, 68%, 94%, 0.5); --base-t-7: hsla(37, 68%, 94%, 0.6); --base-t-8: hsla(37, 68%, 94%, 0.7); --base-t-9: hsla(37, 68%, 94%, 0.8); --base-t-10: hsla(37, 68%, 94%, 0.9); --escape-l-1: hsl(320, 100%, 12%); --escape-l-2: hsl(320, 100%, 17%); --escape-d-1: hsl(320, 82%, 6%); --escape-d-2: hsl(320, 82%, 4%); --play-l-1: hsl(283, 100%, 89%); --play-l-2: hsl(283, 100%, 94%); --play-d-1: hsl(283, 100%, 82%); --play-d-2: hsl(283, 100%, 75%); --energize-l-1: hsl(57, 100%, 58%); --energize-l-2: hsl(57, 100%, 64%); --energize-d-1: hsl(57, 100%, 47%); --energize-d-2: hsl(57, 100%, 43%); --play-t-1: hsla(283, 100%, 86%, 0); --play-t-2: hsla(283, 100%, 86%, 0.1); --play-t-3: hsla(283, 100%, 86%, 0.2); --play-t-4: hsla(283, 100%, 86%, 0.3); --play-t-5: hsla(283, 100%, 86%, 0.4); --play-t-6: hsla(283, 100%, 86%, 0.5); --play-t-7: hsla(283, 100%, 86%, 0.6); --play-t-8: hsla(283, 100%, 86%, 0.7); --play-t-9: hsla(283, 100%, 86%, 0.8); --play-t-10: hsla(283, 100%, 86%, 0.9); --white-t-1: hsla(0, 0%, 100%, 0.1); --white-t-2: hsla(0, 0%, 100%, 0.2); --white-t-3: hsla(0, 0%, 100%, 0.3); --white-t-4: hsla(0, 0%, 100%, 0.4); --white-t-5: hsla(0, 0%, 100%, 0.5); --white-t-6: hsla(0, 0%, 100%, 0.6); --white-t-7: hsla(0, 0%, 100%, 0.7); --white-t-8: hsla(0, 0%, 100%, 0.8); --white-t-9: hsla(0, 0%, 100%, 0.9); --white-t-10: hsla(0, 0%, 100%, 0.95); --white-t-11: hsla(0, 0%, 100%, 0.98); --white-t-12: hsla(0, 0%, 100%, 0); --black-t-1: hsla(0, 0%, 0%, 0.1); --black-t-2: hsla(0, 0%, 0%, 0.2); --black-t-3: hsla(0, 0%, 0%, 0.3); --black-t-4: hsla(0, 0%, 0%, 0.4); --black-t-5: hsla(0, 0%, 0%, 0.5); --black-t-6: hsla(0, 0%, 0%, 0.6); --black-t-7: hsla(0, 0%, 0%, 0.7); --black-t-8: hsla(0, 0%, 0%, 0.8); --black-t-9: hsla(0, 0%, 0%, 0.9); --black-t-10: hsla(0, 0%, 0%, 0.95); --black-t-11: hsla(0, 0%, 0%, 0.98); --black-t-12: hsla(0, 0%, 0%, 0); --pad-2xs: clamp(0.61rem, calc(0.008425925925925927 * (100vw - 36rem) + 0.61rem), 1.52rem); --pad-xs: clamp(0.77rem, calc(0.011666666666666665 * (100vw - 36rem) + 0.77rem), 2.03rem); --pad-s: clamp(0.96rem, calc(0.016111111111111114 * (100vw - 36rem) + 0.96rem), 2.7rem); --pad-m: clamp(1.2rem, calc(0.022222222222222227 * (100vw - 36rem) + 1.2rem), 3.6rem); --pad-l: clamp(1.5rem, calc(0.030555555555555555 * (100vw - 36rem) + 1.5rem), 4.8rem); --pad-xl: clamp(1.88rem, calc(0.041851851851851855 * (100vw - 36rem) + 1.88rem), 6.4rem); --pad-2xl: clamp(2.34rem, calc(0.05731481481481481 * (100vw - 36rem) + 2.34rem), 8.53rem); --btn-text-s: clamp(1.4rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.4rem), 1.5rem); --btn-text-m: clamp(1.6rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.6rem), 1.9rem); --btn-text-l: clamp(1.6rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.6rem), 2.1rem); --btn-text-xl: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --text-2xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-xs: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.7rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.7rem), 2.1rem); --text-xl: clamp(1.9rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.9rem), 2.4rem); --text-2xl: clamp(2.1rem, calc(0.013888888888888888 * (100vw - 36rem) + 2.1rem), 3.6rem); --radius-s: clamp(0.3rem, calc(0.005555555555555557 * (100vw - 36rem) + 0.3rem), 0.9rem); --radius-m: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --radius-l: clamp(1rem, calc(0.005555555555555557 * (100vw - 36rem) + 1rem), 1.6rem); --header-height-logo-s: clamp(2.4rem, calc(0.029629629629629627 * (100vw - 36rem) + 2.4rem), 5.6rem); --header-height-wordmark-s: clamp(1.6rem, calc(0.024074074074074074 * (100vw - 36rem) + 1.6rem), 4.2rem); --header-height-s: clamp(3.8rem, calc(0.031481481481481485 * (100vw - 36rem) + 3.8rem), 7.2rem); --header-height-logo-m: clamp(10rem, calc(0 * (100vw - 36rem) + 10rem), 10rem); --header-height-m: clamp(12rem, calc(0 * (100vw - 36rem) + 12rem), 12rem); --btn-pad-s: clamp(0.2rem, calc(0.0037037037037037034 * (100vw - 36rem) + 0.2rem), 0.6rem); --btn-pad-m: clamp(0.3rem, calc(0.001851851851851852 * (100vw - 36rem) + 0.3rem), 0.5rem); --btn-pad-l: clamp(0.6rem, calc(0.00462962962962963 * (100vw - 36rem) + 0.6rem), 1.1rem); --heading-h7: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --heading-h6: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --heading-h5: clamp(1.9rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.9rem), 2.4rem); --heading-h4: clamp(2.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.4rem), 3.6rem); --heading-h3: clamp(2.6rem, calc(0.02037037037037037 * (100vw - 36rem) + 2.6rem), 4.8rem); --heading-h2: clamp(3.2rem, calc(0.02407407407407407 * (100vw - 36rem) + 3.2rem), 5.8rem); --heading-h1: clamp(3.6rem, calc(0.02592592592592593 * (100vw - 36rem) + 3.6rem), 6.4rem); --patterns-2xs: clamp(1.48rem, calc(0.02537037037037037 * (100vw - 36rem) + 1.48rem), 4.22rem); --patterns-xs: clamp(2.22rem, calc(0.031574074074074074 * (100vw - 36rem) + 2.22rem), 5.63rem); --patterns-s: clamp(3.33rem, calc(0.03861111111111111 * (100vw - 36rem) + 3.33rem), 7.5rem); --patterns-m: clamp(5rem, calc(0.046296296296296294 * (100vw - 36rem) + 5rem), 10rem); --patterns-l: clamp(7.5rem, calc(0.053981481481481484 * (100vw - 36rem) + 7.5rem), 13.33rem); --patterns-xl: clamp(11.25rem, calc(0.060370370370370366 * (100vw - 36rem) + 11.25rem), 17.77rem); --patterns-2xl: clamp(16.88rem, calc(0.06305555555555557 * (100vw - 36rem) + 16.88rem), 23.69rem); --card-text-xs: clamp(0.97rem, calc(0.0016666666666666661 * (100vw - 36rem) + 0.97rem), 1.15rem); --card-text-s: clamp(1.17rem, calc(0.0025 * (100vw - 36rem) + 1.17rem), 1.44rem); --card-text-m: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --card-text-l: clamp(1.68rem, calc(0.005277777777777778 * (100vw - 36rem) + 1.68rem), 2.25rem); --card-text-xl: clamp(2.02rem, calc(0.007314814814814815 * (100vw - 36rem) + 2.02rem), 2.81rem); --space-2xs: clamp(1.1rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.1rem), 1.4rem); --space-xs: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --space-s: clamp(1.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 1.4rem), 2.6rem); --space-m: clamp(1.6rem, calc(0.018518518518518517 * (100vw - 36rem) + 1.6rem), 3.6rem); --space-l: clamp(1.8rem, calc(0.027777777777777776 * (100vw - 36rem) + 1.8rem), 4.8rem); --space-xl: clamp(3.6rem, calc(0.040740740740740744 * (100vw - 36rem) + 3.6rem), 8rem); --space-2xl: clamp(6.4rem, calc(0.05185185185185185 * (100vw - 36rem) + 6.4rem), 12rem); --pill-text-m: clamp(1rem, calc(0.0005555555555555561 * (100vw - 36rem) + 1rem), 1.06rem); --pill-text-l: clamp(1.36rem, calc(0.00111111111111111 * (100vw - 36rem) + 1.36rem), 1.48rem);}.bg-escape { background-color: var(--escape); }.bg-escape-t-1 { background-color: var(--escape-t-1); }.bg-escape-t-2 { background-color: var(--escape-t-2); }.bg-escape-t-3 { background-color: var(--escape-t-3); }.bg-escape-t-4 { background-color: var(--escape-t-4); }.bg-escape-t-5 { background-color: var(--escape-t-5); }.bg-escape-t-6 { background-color: var(--escape-t-6); }.bg-escape-t-7 { background-color: var(--escape-t-7); }.bg-escape-t-8 { background-color: var(--escape-t-8); }.bg-escape-t-9 { background-color: var(--escape-t-9); }.bg-escape-t-10 { background-color: var(--escape-t-10); }.bg-escape-l-1 { background-color: var(--escape-l-1); }.bg-escape-l-2 { background-color: var(--escape-l-2); }.bg-escape-d-1 { background-color: var(--escape-d-1); }.bg-escape-d-2 { background-color: var(--escape-d-2); }.text-escape { color: var(--escape); }.text-escape-t-1 { color: var(--escape-t-1); }.text-escape-t-2 { color: var(--escape-t-2); }.text-escape-t-3 { color: var(--escape-t-3); }.text-escape-t-4 { color: var(--escape-t-4); }.text-escape-t-5 { color: var(--escape-t-5); }.text-escape-t-6 { color: var(--escape-t-6); }.text-escape-t-7 { color: var(--escape-t-7); }.text-escape-t-8 { color: var(--escape-t-8); }.text-escape-t-9 { color: var(--escape-t-9); }.text-escape-t-10 { color: var(--escape-t-10); }.text-escape-l-1 { color: var(--escape-l-1); }.text-escape-l-2 { color: var(--escape-l-2); }.text-escape-d-1 { color: var(--escape-d-1); }.text-escape-d-2 { color: var(--escape-d-2); }.bg-base { background-color: var(--base); }.bg-base-l-1 { background-color: var(--base-l-1); }.bg-base-d-1 { background-color: var(--base-d-1); }.bg-base-t-1 { background-color: var(--base-t-1); }.bg-base-t-2 { background-color: var(--base-t-2); }.bg-base-t-3 { background-color: var(--base-t-3); }.bg-base-t-4 { background-color: var(--base-t-4); }.bg-base-t-5 { background-color: var(--base-t-5); }.bg-base-t-6 { background-color: var(--base-t-6); }.bg-base-t-7 { background-color: var(--base-t-7); }.bg-base-t-8 { background-color: var(--base-t-8); }.bg-base-t-9 { background-color: var(--base-t-9); }.bg-base-t-10 { background-color: var(--base-t-10); }.text-base { color: var(--base); }.text-base-l-1 { color: var(--base-l-1); }.text-base-d-1 { color: var(--base-d-1); }.text-base-t-1 { color: var(--base-t-1); }.text-base-t-2 { color: var(--base-t-2); }.text-base-t-3 { color: var(--base-t-3); }.text-base-t-4 { color: var(--base-t-4); }.text-base-t-5 { color: var(--base-t-5); }.text-base-t-6 { color: var(--base-t-6); }.text-base-t-7 { color: var(--base-t-7); }.text-base-t-8 { color: var(--base-t-8); }.text-base-t-9 { color: var(--base-t-9); }.text-base-t-10 { color: var(--base-t-10); }