:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(238,100%,62%,1);--primary-5:hsla(238,100%,62%,0.05);--primary-10:hsla(238,100%,62%,0.1);--primary-20:hsla(238,100%,62%,0.2);--primary-30:hsla(238,100%,62%,0.3);--primary-40:hsla(238,100%,62%,0.4);--primary-50:hsla(238,100%,62%,0.5);--primary-60:hsla(238,100%,62%,0.6);--primary-70:hsla(238,100%,62%,0.7);--primary-80:hsla(238,100%,62%,0.8);--primary-90:hsla(238,100%,62%,0.9);--primary-d-1:hsla(240,56%,50%,1);--primary-d-2:hsla(243,54%,37%,1);--primary-d-3:hsla(246,51%,25%,1);--primary-d-4:hsla(250,43%,13%,1);--primary-l-1:hsla(247,100%,70%,1);--primary-l-2:hsla(251,100%,77%,1);--primary-l-3:hsla(254,100%,85%,1);--primary-l-4:hsla(256,100%,92%,1);--secondary:hsla(0,94%,68%,1);--secondary-5:hsla(0,94%,68%,0.05);--secondary-10:hsla(0,94%,68%,0.1);--secondary-20:hsla(0,94%,68%,0.2);--secondary-30:hsla(0,94%,68%,0.3);--secondary-40:hsla(0,94%,68%,0.4);--secondary-50:hsla(0,94%,68%,0.5);--secondary-60:hsla(0,94%,68%,0.6);--secondary-70:hsla(0,94%,68%,0.7);--secondary-80:hsla(0,94%,68%,0.8);--secondary-90:hsla(0,94%,68%,0.9);--secondary-d-1:hsla(1,50%,53%,1);--secondary-d-2:hsla(1,42%,40%,1);--secondary-d-3:hsla(2,40%,26%,1);--secondary-d-4:hsla(4,35%,14%,1);--secondary-l-1:hsla(3,100%,75%,1);--secondary-l-2:hsla(5,100%,81%,1);--secondary-l-3:hsla(6,100%,87%,1);--secondary-l-4:hsla(7,100%,93%,1);--tertiary:hsla(198,74%,51%,1);--tertiary-5:hsla(198,74%,51%,0.05);--tertiary-10:hsla(198,74%,51%,0.1);--tertiary-20:hsla(198,74%,51%,0.2);--tertiary-30:hsla(198,74%,51%,0.3);--tertiary-40:hsla(198,74%,51%,0.4);--tertiary-50:hsla(198,74%,51%,0.5);--tertiary-60:hsla(198,74%,51%,0.6);--tertiary-70:hsla(198,74%,51%,0.7);--tertiary-80:hsla(198,74%,51%,0.8);--tertiary-90:hsla(198,74%,51%,0.9);--tertiary-d-1:hsla(199,63%,42%,1);--tertiary-d-2:hsla(200,55%,32%,1);--tertiary-d-3:hsla(201,46%,22%,1);--tertiary-d-4:hsla(203,35%,13%,1);--tertiary-l-1:hsla(202,71%,65%,1);--tertiary-l-2:hsla(203,70%,75%,1);--tertiary-l-3:hsla(204,70%,84%,1);--tertiary-l-4:hsla(205,70%,92%,1);--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: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);--success:hsla(136,95%,56%,1);--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:hsla(351,95%,56%,1);--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.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs:clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs:clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs:clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);--space-s:clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);--space-m:clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);--space-l:clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);--space-xl:clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);--space-2xl:clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);--space-3xl:clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);--space-4xl:clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);--text-xs:clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem);--text-s:clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem);--text-m:clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--text-l:clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);--text-xl:clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);--text-2xl:clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);--text-3xl:clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);--text-4xl:clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem);--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}