:root {--min-screen-width: 320px;--max-screen-width: 1300px;--primary: #0F8B8D;--primary-5: #0f8b8d0d;--primary-10: #0f8b8d1a;--primary-20: #0f8b8d33;--primary-30: #0f8b8d4d;--primary-40: #0f8b8d66;--primary-50: #0f8b8d80;--primary-60: #0f8b8d99;--primary-70: #0f8b8db3;--primary-80: #0f8b8dcc;--primary-90: #0f8b8de6;--primary-d-1: #157c7e;--primary-d-2: #186e6f;--primary-d-3: #196061;--primary-d-4: #195253;--primary-d-5: #184445;--primary-d-6: #173738;--primary-d-7: #142b2b;--primary-d-8: #111f1f;--primary-d-9: #0a1313;--primary-l-1: #399698;--primary-l-2: #54a2a3;--primary-l-3: #6cadae;--primary-l-4: #82b9b9;--primary-l-5: #97c4c4;--primary-l-6: #acd0d0;--primary-l-7: #c1dcdb;--primary-l-8: #d5e7e7;--primary-l-9: #eaf3f3;--secondary: #58355E;--secondary-5: #58355e0d;--secondary-10: #58355e1a;--secondary-20: #58355e33;--secondary-30: #58355e4d;--secondary-40: #58355e66;--secondary-50: #58355e80;--secondary-60: #58355e99;--secondary-70: #58355eb3;--secondary-80: #58355ecc;--secondary-90: #58355ee6;--secondary-d-1: #4f3054;--secondary-d-2: #472c4b;--secondary-d-3: #3e2742;--secondary-d-4: #362239;--secondary-d-5: #2e1e30;--secondary-d-6: #261a28;--secondary-d-7: #1e1520;--secondary-d-8: #171018;--secondary-d-9: #0e090e;--secondary-l-1: #68476d;--secondary-l-2: #785a7c;--secondary-l-3: #886d8c;--secondary-l-4: #98819b;--secondary-l-5: #a995ab;--secondary-l-6: #baa9bc;--secondary-l-7: #cbbecc;--secondary-l-8: #dcd3dd;--secondary-l-9: #ede9ee;--tertiary: #83B692;--tertiary-5: #83b6920d;--tertiary-10: #83b6921a;--tertiary-20: #83b69233;--tertiary-30: #83b6924d;--tertiary-40: #83b69266;--tertiary-50: #83b69280;--tertiary-60: #83b69299;--tertiary-70: #83b692b3;--tertiary-80: #83b692cc;--tertiary-90: #83b692e6;--tertiary-d-1: #75a282;--tertiary-d-2: #688f73;--tertiary-d-3: #5a7c64;--tertiary-d-4: #4e6955;--tertiary-d-5: #415747;--tertiary-d-6: #35463a;--tertiary-d-7: #29352c;--tertiary-d-8: #1e2520;--tertiary-d-9: #121613;--tertiary-l-1: #8fbd9c;--tertiary-l-2: #9cc4a7;--tertiary-l-3: #a8ccb2;--tertiary-l-4: #b4d3bc;--tertiary-l-5: #c1dac7;--tertiary-l-6: #cde2d2;--tertiary-l-7: #d9e9dd;--tertiary-l-8: #e6f0e8;--tertiary-l-9: #f2f8f4;--bg-body: hsl(0,0%,97%);--bg-body-d-1: hsl(144,0%,85%);--bg-body-d-2: hsl(144,0%,73%);--bg-body-d-3: hsl(144,0%,62%);--bg-body-d-4: hsl(144,0%,51%);--bg-body-d-5: hsl(145,0%,40%);--bg-body-d-6: hsl(145,0%,30%);--bg-body-d-7: hsl(145,0%,20%);--bg-body-d-8: hsl(146,0%,11%);--bg-body-l-1: hsl(144,0%,97%);--bg-body-l-2: hsl(144,0%,98%);--bg-body-l-3: hsl(144,0%,98%);--bg-body-l-4: hsl(144,0%,98%);--bg-body-l-5: hsl(145,0%,99%);--bg-body-l-6: hsl(145,0%,99%);--bg-body-l-7: hsl(145,0%,99%);--bg-body-l-8: hsl(145,0%,100%);--bg-body-reverse: hsl(0,0%,3%);--bg-surface: hsl(132,25%,92%);--text-body: hsla(0,0%,12%,1);--text-body-reverse: hsla(0,0%,100%,1);--text-title: hsla(0,0%,12%,1);--text-title-reverse: hsla(0,0%,100%,1);--border-primary: hsla(0,0%,58%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--light: hsla(85,0%,100%,1);--light-5: hsla(0,0%,100%,0.05);--light-10: hsla(0,0%,100%,0.1);--light-20: hsla(0,0%,100%,0.2);--light-30: hsla(0,0%,100%,0.3);--light-40: hsla(0,0%,100%,0.4);--light-50: hsla(0,0%,100%,0.5);--light-60: hsla(0,0%,100%,0.6);--light-70: hsla(0,0%,100%,0.7);--light-80: hsla(0,0%,100%,0.8);--light-90: hsla(0,0%,100%,0.9);--dark: hsla(0,0%,0%,1);--dark-5: hsla(0,0%,0%,0.05);--dark-10: hsla(0,0%,0%,0.1);--dark-20: hsla(0,0%,0%,0.2);--dark-30: hsla(0,0%,0%,0.3);--dark-40: hsla(0,0%,0%,0.4);--dark-50: hsla(0,0%,0%,0.5);--dark-60: hsla(0,0%,0%,0.6);--dark-70: hsla(0,0%,0%,0.7);--dark-80: hsla(0,0%,0%,0.8);--dark-90: hsla(0,0%,0%,0.9);--dark-d-1: hsl(0,0%,0%);--dark-d-2: hsl(0,0%,0%);--dark-d-3: hsl(0,0%,0%);--dark-d-4: hsl(0,0%,0%);--dark-d-5: hsl(0,0%,0%);--dark-d-6: hsl(0,0%,0%);--dark-d-7: hsl(0,0%,0%);--dark-d-8: hsl(0,0%,0%);--dark-d-9: hsl(0,0%,0%);--dark-l-1: hsl(147,0%,11%);--dark-l-2: hsl(146,0%,19%);--dark-l-3: hsl(146,0%,28%);--dark-l-4: hsl(145,0%,37%);--dark-l-5: hsl(145,0%,47%);--dark-l-6: hsl(145,0%,57%);--dark-l-7: hsl(145,0%,67%);--dark-l-8: hsl(145,0%,78%);--dark-l-9: hsl(145,0%,89%);--success: hsl(136,95%,56%);--success-5: hsla(136,95%,56%,0.05);--success-10: hsla(136,95%,56%,0.1);--success-20: hsla(136,95%,56%,0.2);--success-30: hsla(136,95%,56%,0.3);--success-40: hsla(136,95%,56%,0.4);--success-50: hsla(136,95%,56%,0.5);--success-60: hsla(136,95%,56%,0.6);--success-70: hsla(136,95%,56%,0.7);--success-80: hsla(136,95%,56%,0.8);--success-90: hsla(136,95%,56%,0.9);--error: hsl(351,95%,56%);--error-5: hsla(351,95%,56%,0.05);--error-10: hsla(351,95%,56%,0.1);--error-20: hsla(351,95%,56%,0.2);--error-30: hsla(351,95%,56%,0.3);--error-40: hsla(351,95%,56%,0.4);--error-50: hsla(351,95%,56%,0.5);--error-60: hsla(351,95%,56%,0.6);--error-70: hsla(351,95%,56%,0.7);--error-80: hsla(351,95%,56%,0.8);--error-90: hsla(351,95%,56%,0.9);--space-4xs: clamp(0.33rem,calc(-0.03vw + 0.33rem),0.31rem);--space-3xs: clamp(0.41rem,calc(0.05vw + 0.4rem),0.44rem);--space-2xs: clamp(0.51rem,calc(0.17vw + 0.48rem),0.62rem);--space-xs: clamp(0.64rem,calc(0.38vw + 0.56rem),0.88rem);--space-s: clamp(0.8rem,calc(0.71vw + 0.66rem),1.24rem);--space-m: clamp(1rem,calc(1.22vw + 0.76rem),1.75rem);--space-l: clamp(1.25rem,calc(2vw + 0.85rem),2.47rem);--space-xl: clamp(1.56rem,calc(3.16vw + 0.93rem),3.5rem);--space-2xl: clamp(1.95rem,calc(4.89vw + 0.98rem),4.95rem);--space-3xl: clamp(2.44rem,calc(7.44vw + 0.95rem),7rem);--space-4xl: clamp(3.05rem,calc(11.17vw + 0.82rem),9.89rem);--text-xs: clamp(0.68rem,calc(0.13vw + 0.65rem),0.76rem);--text-s: clamp(0.85rem,calc(0.16vw + 0.82rem),0.95rem);--text-m: clamp(1.06rem,calc(0.2vw + 1.02rem),1.19rem);--text-l: clamp(1.33rem,calc(0.26vw + 1.28rem),1.48rem);--text-xl: clamp(1.66rem,calc(0.32vw + 1.6rem),1.86rem);--text-2xl: clamp(2.08rem,calc(0.4vw + 2rem),2.32rem);--text-3xl: clamp(2.59rem,calc(0.5vw + 2.49rem),2.9rem);--text-4xl: clamp(3.24rem,calc(0.62vw + 3.12rem),3.62rem);--serif-font: "junge";--sans-serif-font: "julius sans one";--header-height: 100px;--c-height-50: calc(50vh - var(--header-height));--c-height-66: calc(66vh - var(--header-height));--c-height-100: calc(100vh - var(--header-height));--radius-xs: clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s: clamp(0.38rem,calc(0.2vw + 0.33rem),0.5rem);--radius-m: clamp(0.63rem,calc(0.2vw + 0.58rem),0.75rem);--radius-l: clamp(1rem,calc(0.41vw + 0.92rem),1.25rem);--radius-xl: clamp(1.63rem,calc(0.61vw + 1.5rem),2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-s: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-m: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-l: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-xl: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-2xl: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--inner-shadow-highlight: inset 0 -.5px 0 0 rgba(255,255,255,.13333),inset 0 .5px 0 0 rgba(0,0,0,.46667);--inner-shadow-xs: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-s: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-m: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-l: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-xl: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--header-space: var(--space-s);--btn-space: var(--space-xs) var(--space-s);--card-space: var(--space-s);--footer-space: var(--space-s) var(--space-m);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--min-viewport: 360;--max-viewport: 1600;--base-font: 16;--clamp-unit: 1vw;}