:root{--font-h1:clamp(calc(1rem * (53.75 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((76.29 - 53.75) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (53.75 / var(--base-font)))) + (((76.29 - 53.75) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (76.29 / var(--base-font))));--font-h2:clamp(calc(1rem * (44.79 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((61.04 - 44.79) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (44.79 / var(--base-font)))) + (((61.04 - 44.79) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (61.04 / var(--base-font))));--font-h3:clamp(calc(1rem * (37.32 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((48.83 - 37.32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (37.32 / var(--base-font)))) + (((48.83 - 37.32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (48.83 / var(--base-font))));--font-h4:clamp(calc(1rem * (31.1 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((39.06 - 31.1) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (31.1 / var(--base-font)))) + (((39.06 - 31.1) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (39.06 / var(--base-font))));--font-h5:clamp(calc(1rem * (25.92 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((31.25 - 25.92) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (25.92 / var(--base-font)))) + (((31.25 - 25.92) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (31.25 / var(--base-font))));--font-h6:clamp(calc(1rem * (21.6 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((25 - 21.6) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (21.6 / var(--base-font)))) + (((25 - 21.6) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (25 / var(--base-font))));--font-body:clamp(calc(1rem * (18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (18 / var(--base-font)))) + (((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (20 / var(--base-font))));--gap-3xs:clamp(calc(1rem * (5 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((5 - 5) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (5 / var(--base-font)))) + (((5 - 5) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (5 / var(--base-font))));--gap-2xs:clamp(calc(1rem * (9 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((10 - 9) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (9 / var(--base-font)))) + (((10 - 9) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (10 / var(--base-font))));--gap-xs:clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((15 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((15 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (15 / var(--base-font))));--gap-s:clamp(calc(1rem * (18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (18 / var(--base-font)))) + (((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (20 / var(--base-font))));--gap-m:clamp(calc(1rem * (27 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((30 - 27) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (27 / var(--base-font)))) + (((30 - 27) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (30 / var(--base-font))));--gap-l:clamp(calc(1rem * (36 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((40 - 36) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (36 / var(--base-font)))) + (((40 - 36) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (40 / var(--base-font))));--gap-xl:clamp(calc(1rem * (54 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((60 - 54) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (54 / var(--base-font)))) + (((60 - 54) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (60 / var(--base-font))));--gap-2xl:clamp(calc(1rem * (72 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((80 - 72) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (72 / var(--base-font)))) + (((80 - 72) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (80 / var(--base-font))));--gap-3xl:clamp(calc(1rem * (108 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((120 - 108) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (108 / var(--base-font)))) + (((120 - 108) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (120 / var(--base-font))));--radius-img:clamp(calc(1rem * (16 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((24 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (16 / var(--base-font)))) + (((24 - 16) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (24 / var(--base-font))));--radius-card:clamp(calc(1rem * (6 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((12 - 6) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (6 / var(--base-font)))) + (((12 - 6) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (12 / var(--base-font))));--radius-btn:clamp(calc(1rem * (4 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((8 - 4) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (4 / var(--base-font)))) + (((8 - 4) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (8 / var(--base-font))));--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(203,82%,13%,1);--primary-5:hsla(203,82%,13%,0.05);--primary-10:hsla(203,82%,13%,0.1);--primary-20:hsla(203,82%,13%,0.2);--primary-30:hsla(203,82%,13%,0.3);--primary-40:hsla(203,82%,13%,0.4);--primary-50:hsla(203,82%,13%,0.5);--primary-60:hsla(203,82%,13%,0.6);--primary-70:hsla(203,82%,13%,0.7);--primary-80:hsla(203,82%,13%,0.8);--primary-90:hsla(203,82%,13%,0.9);--primary-d-1:hsl(205,69%,12%);--primary-d-2:hsl(206,58%,10%);--primary-d-3:hsl(206,51%,9%);--primary-d-4:hsl(206,51%,6%);--primary-d-5:hsl(210,58%,4%);--primary-l-1:hsl(208,26%,30%);--primary-l-2:hsl(210,13%,46%);--primary-l-3:hsl(211,11%,63%);--primary-l-4:hsl(211,11%,81%);--secondary:hsla(186,69%,52%,1);--secondary-5:hsla(186,69%,52%,0.05);--secondary-10:hsla(186,69%,52%,0.1);--secondary-20:hsla(186,69%,52%,0.2);--secondary-30:hsla(186,69%,52%,0.3);--secondary-40:hsla(186,69%,52%,0.4);--secondary-50:hsla(186,69%,52%,0.5);--secondary-60:hsla(186,69%,52%,0.6);--secondary-70:hsla(186,69%,52%,0.7);--secondary-80:hsla(186,69%,52%,0.8);--secondary-90:hsla(186,69%,52%,0.9);--secondary-d-1:hsl(186,57%,42%);--secondary-d-2:hsl(187,50%,32%);--secondary-d-3:hsl(187,42%,22%);--secondary-d-4:hsl(187,31%,13%);--secondary-l-1:hsl(187,65%,66%);--secondary-l-2:hsl(187,64%,75%);--secondary-l-3:hsl(187,63%,84%);--secondary-l-4:hsl(187,62%,92%);--tertiary:hsla(210,57%,97%,1);--tertiary-5:hsla(210,57%,97%,0.05);--tertiary-10:hsla(210,57%,97%,0.1);--tertiary-20:hsla(210,57%,97%,0.2);--tertiary-30:hsla(210,57%,97%,0.3);--tertiary-40:hsla(210,57%,97%,0.4);--tertiary-50:hsla(210,57%,97%,0.5);--tertiary-60:hsla(210,57%,97%,0.6);--tertiary-70:hsla(210,57%,97%,0.7);--tertiary-80:hsla(210,57%,97%,0.8);--tertiary-90:hsla(210,57%,97%,0.9);--tertiary-d-1:hsl(213,6%,76%);--tertiary-d-2:hsl(213,2%,55%);--tertiary-d-3:hsl(213,2%,36%);--tertiary-d-4:hsl(213,1%,18%);--tertiary-l-1:hsl(213,60%,98%);--tertiary-l-2:hsl(213,60%,98%);--tertiary-l-3:hsl(213,60%,99%);--tertiary-l-4:hsl(214,60%,99%);--bg-body:hsla(0,0%,90%,1);--bg-surface:hsla(0,0%,100%,1);--text-body:hsla(0,0%,25%,1);--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsl(85,0%,100%);--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);--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-2xs:clamp(0.35rem,calc(0.73vw + 0.11rem),1.13rem);--space-xs:clamp(0.58rem,calc(0.95vw + 0.27rem),1.6rem);--space-s:clamp(0.96rem,calc(1.21vw + 0.57rem),2.26rem);--space-m:clamp(1.6rem,calc(1.48vw + 1.13rem),3.2rem);--space-l:clamp(2.67rem,calc(1.72vw + 2.12rem),4.53rem);--space-xl:clamp(4.45rem,calc(1.81vw + 3.87rem),6.4rem);--space-2xl:clamp(7.41rem,calc(1.51vw + 6.93rem),9.05rem);--text-xs:clamp(0.58rem,calc(0.72vw + 0.35rem),1.35rem);--text-s:clamp(0.96rem,calc(0.78vw + 0.71rem),1.8rem);--text-m:clamp(1.6rem,calc(0.74vw + 1.36rem),2.4rem);--text-l:clamp(2.67rem,calc(0.49vw + 2.51rem),3.2rem);--text-xl:clamp(4.45rem,calc(-0.17vw + 4.5rem),4.26rem);--text-2xl:clamp(7.41rem,calc(-1.6vw + 7.92rem),5.69rem);--text-3xl:clamp(12.36rem,calc(-4.42vw + 13.77rem),7.58rem);--text-4xl:clamp(20.6rem,calc(-9.72vw + 23.71rem),10.1rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--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);--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem);--radius-m:clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--radius-xl:clamp(2.6rem,calc(0.56vw + 2.42rem),3.2rem);--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary);--min-viewport:360;--max-viewport:1600;--base-font:10;--clamp-unit:1vw}