:root{--min-screen-width:320px;--max-screen-width:1400px;--primary:hsla(218.3,100%,27.65%,1);--primary-5:hsla(218,100%,28%,0.05);--primary-10:hsla(218,100%,28%,0.1);--primary-20:hsla(218,100%,28%,0.2);--primary-30:hsla(218,100%,28%,0.3);--primary-40:hsla(218,100%,28%,0.4);--primary-50:hsla(218,100%,28%,0.5);--primary-60:hsla(218,100%,28%,0.6);--primary-70:hsla(218,100%,28%,0.7);--primary-80:hsla(218,100%,28%,0.8);--primary-90:hsla(218,100%,28%,0.9);--primary-d-1:hsla(225,72%,24%,1);--primary-d-2:hsla(230,55%,18%,1);--primary-d-3:hsla(238,38%,11%,1);--primary-l-1:hsla(233,37%,47%,1);--primary-l-2:hsla(237,32%,61%,1);--primary-l-3:hsla(240,32%,74%,1);--primary-l-4:hsla(228,29%,97%,1);--secondary:#820024;--secondary-5:hsla(343,100%,25%,0.05);--secondary-10:hsla(343,100%,25%,0.1);--secondary-20:hsla(343,100%,25%,0.2);--secondary-30:hsla(343,100%,25%,0.3);--secondary-40:hsla(343,100%,25%,0.4);--secondary-50:hsla(343,100%,25%,0.5);--secondary-60:hsla(343,100%,25%,0.6);--secondary-70:hsla(343,100%,25%,0.7);--secondary-80:hsla(343,100%,25%,0.8);--secondary-90:hsla(343,100%,25%,0.9);--secondary-d-1:hsla(349,76%,22%,1);--secondary-d-2:hsla(353,61%,16%,1);--secondary-d-3:hsla(3,50%,10%,1);--secondary-l-1:hsla(357,36%,48%,1);--secondary-l-2:hsla(0,36%,66%,1);--secondary-l-3:hsla(1,40%,83%,1);--bg-body:hsla(0,0%,100%,1);--bg-surface:hsla(0,0%,100%,1);--text-body:hsla(0,0%,20%,1);--text-title:hsla(0,0%,10%,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);--white:hsla(0,0%,100%,1);--black:#000000;--light-grey:#eeeeee;--transparent:#ffffff00;--space-4xs:clamp(0.33rem,calc(0.13vw + 0.3rem),0.42rem);--space-3xs:clamp(0.41rem,calc(0.21vw + 0.37rem),0.55rem);--space-2xs:clamp(0.51rem,calc(0.34vw + 0.45rem),0.74rem);--space-xs:clamp(0.64rem,calc(0.51vw + 0.54rem),0.98rem);--space-s:clamp(0.8rem,calc(0.76vw + 0.65rem),1.31rem);--space-m:clamp(1rem,calc(1.11vw + 0.78rem),1.75rem);--space-l:clamp(1.25rem,calc(1.6vw + 0.93rem),2.33rem);--space-xl:clamp(1.56rem,calc(2.29vw + 1.1rem),3.11rem);--space-2xl:clamp(1.95rem,calc(3.25vw + 1.3rem),4.14rem);--space-3xl:clamp(2.44rem,calc(4.57vw + 1.53rem),5.53rem);--space-4xl:clamp(3.05rem,calc(6.39vw + 1.77rem),7.37rem);--text-xs:clamp(0.69rem,calc(0.13vw + 0.67rem),0.78rem);--text-s:clamp(0.83rem,calc(0.15vw + 0.8rem),0.94rem);--text-m:clamp(1rem,calc(0.19vw + 0.96rem),1.13rem);--text-l:clamp(1.2rem,calc(0.22vw + 1.16rem),1.35rem);--text-xl:clamp(1.44rem,calc(0.27vw + 1.39rem),1.62rem);--text-2xl:clamp(1.73rem,calc(0.32vw + 1.66rem),1.94rem);--text-3xl:clamp(2.07rem,calc(0.38vw + 2rem),2.33rem);--text-4xl:clamp(2.49rem,calc(0.46vw + 2.4rem),2.8rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--default-line-height:calc(8px + 2ex);--default-line-height-headings:calc(4px + 2ex);--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);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--gutter:var(--space-m,1rem);--content-width:var(--max-screen-width);--feature-width:var(--space-xl,3rem);--feature-max-width:calc(var(--feature-width) * 2);--full:minmax(var(--gutter),1fr);--grid-gap:var(--space-m);--full-right:calc((min(50vw - var(--gutter),var(--content-width) / 2))) minmax(0,1fr);--full-left:minmax(0,1fr) calc((min(50vw - var(--gutter),var(--content-width) / 2)));--radius-xs:clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.19vw + 0.34rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.19vw + 0.59rem),0.75rem);--radius-l:clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.56vw + 1.51rem),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);--shadow-subtle:0 6px 16px -6px var(--shadow-primary);--focus-offset:0.25rem;--focus-width:0.2rem;--focus-color:var(--primary-l-1)}