:root{--min-screen-width:360px;--max-screen-width:1320px;--primary:hsl(240,99%,50%);--primary-5:hsla(240,99%,50%,0.05);--primary-10:hsla(240,99%,50%,0.1);--primary-20:hsla(240,99%,50%,0.2);--primary-30:hsla(240,99%,50%,0.3);--primary-40:hsla(240,99%,50%,0.4);--primary-50:hsla(240,99%,50%,0.5);--primary-60:hsla(240,99%,50%,0.6);--primary-70:hsla(240,99%,50%,0.7);--primary-80:hsla(240,99%,50%,0.8);--primary-90:hsla(240,99%,50%,0.9);--primary-d-1:hsl(245,90%,43%);--primary-d-2:hsl(248,83%,35%);--primary-d-3:hsl(251,76%,27%);--primary-d-4:hsl(253,68%,18%);--primary-d-5:hsl(263,61%,10%);--primary-l-1:hsl(253,100%,63%);--primary-l-2:hsl(257,100%,72%);--primary-l-3:hsl(260,100%,81%);--primary-l-4:hsl(263,100%,91%);--secondary:hsla(0,0%,0%,1);--secondary-5:hsla(0,0%,0%,0.05);--secondary-10:hsla(0,0%,0%,0.1);--secondary-20:hsla(0,0%,0%,0.2);--secondary-30:hsla(0,0%,0%,0.3);--secondary-40:hsla(0,0%,0%,0.4);--secondary-50:hsla(0,0%,0%,0.5);--secondary-60:hsla(0,0%,0%,0.6);--secondary-70:hsla(0,0%,0%,0.7);--secondary-80:hsla(0,0%,0%,0.8);--secondary-90:hsla(0,0%,0%,0.9);--secondary-d-1:hsl(0,0%,0%);--secondary-d-2:hsl(0,0%,0%);--secondary-d-3:hsl(0,0%,0%);--secondary-d-4:hsl(0,0%,0%);--secondary-d-5:hsl(0,0%,0%);--secondary-l-1:hsl(0,0%,19%);--secondary-l-2:hsl(0,0%,37%);--secondary-l-3:hsl(0,0%,57%);--secondary-l-4:hsl(0,0%,78%);--bg-light:hsl(0,0%,96.1%);--bg-main:hsl(0,0%,100%);--text-body:hsl(0,0%,10%);--text-title:hsla(0,0%,0%,1);--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.18vw + 0.47rem),0.62rem);--space-xs:clamp(0.64rem,calc(0.39vw + 0.55rem),0.88rem);--space-s:clamp(0.8rem,calc(0.73vw + 0.64rem),1.24rem);--space-m:clamp(1rem,calc(1.25vw + 0.72rem),1.75rem);--space-l:clamp(1.25rem,calc(2.04vw + 0.79rem),2.47rem);--space-xl:clamp(1.56rem,calc(3.23vw + 0.84rem),3.5rem);--space-2xl:clamp(1.95rem,calc(4.99vw + 0.83rem),4.95rem);--space-3xl:clamp(2.44rem,calc(7.59vw + 0.73rem),7rem);--space-4xl:clamp(3.05rem,calc(11.4vw + 0.49rem),9.89rem);--text-xs:clamp(0.79rem,calc(-0.38vw + 0.88rem),0.56rem);--text-s:clamp(0.89rem,calc(-0.23vw + 0.94rem),0.75rem);--text-m:clamp(1rem,calc(0vw + 1rem),1rem);--text-l:clamp(1.13rem,calc(0.35vw + 1.05rem),1.33rem);--text-xl:clamp(1.27rem,calc(0.85vw + 1.07rem),1.78rem);--text-2xl:clamp(1.42rem,calc(1.57vw + 1.07rem),2.37rem);--text-3xl:clamp(1.6rem,calc(2.59vw + 1.02rem),3.16rem);--text-4xl:clamp(1.8rem,calc(4.01vw + 0.9rem),4.21rem);--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);}/* Color System */ /* Fluid Spacing */ .padding-4xs{padding:var(--space-4xs);}.padding-3xs{padding:var(--space-3xs);}.padding-2xs{padding:var(--space-2xs);}.padding-xs{padding:var(--space-xs);}.padding-s{padding:var(--space-s);}.padding-m{padding:var(--space-m);}.padding-l{padding:var(--space-l);}.padding-xl{padding:var(--space-xl);}.padding-2xl{padding:var(--space-2xl);}.padding-3xl{padding:var(--space-3xl);}.padding-4xl{padding:var(--space-4xl);}.padding-left-4xs{padding-left:var(--space-4xs);}.padding-left-3xs{padding-left:var(--space-3xs);}.padding-left-2xs{padding-left:var(--space-2xs);}.padding-left-xs{padding-left:var(--space-xs);}.padding-left-s{padding-left:var(--space-s);}.padding-left-m{padding-left:var(--space-m);}.padding-left-l{padding-left:var(--space-l);}.padding-left-xl{padding-left:var(--space-xl);}.padding-left-2xl{padding-left:var(--space-2xl);}.padding-left-3xl{padding-left:var(--space-3xl);}.padding-left-4xl{padding-left:var(--space-4xl);}.padding-right-4xs{padding-right:var(--space-4xs);}.padding-right-3xs{padding-right:var(--space-3xs);}.padding-right-2xs{padding-right:var(--space-2xs);}.padding-right-xs{padding-right:var(--space-xs);}.padding-right-s{padding-right:var(--space-s);}.padding-right-m{padding-right:var(--space-m);}.padding-right-l{padding-right:var(--space-l);}.padding-right-xl{padding-right:var(--space-xl);}.padding-right-2xl{padding-right:var(--space-2xl);}.padding-right-3xl{padding-right:var(--space-3xl);}.padding-right-4xl{padding-right:var(--space-4xl);}.padding-top-4xs{padding-top:var(--space-4xs);}.padding-top-3xs{padding-top:var(--space-3xs);}.padding-top-2xs{padding-top:var(--space-2xs);}.padding-top-xs{padding-top:var(--space-xs);}.padding-top-s{padding-top:var(--space-s);}.padding-top-m{padding-top:var(--space-m);}.padding-top-l{padding-top:var(--space-l);}.padding-top-xl{padding-top:var(--space-xl);}.padding-top-2xl{padding-top:var(--space-2xl);}.padding-top-3xl{padding-top:var(--space-3xl);}.padding-top-4xl{padding-top:var(--space-4xl);}.padding-bottom-4xs{padding-bottom:var(--space-4xs);}.padding-bottom-3xs{padding-bottom:var(--space-3xs);}.padding-bottom-2xs{padding-bottom:var(--space-2xs);}.padding-bottom-xs{padding-bottom:var(--space-xs);}.padding-bottom-s{padding-bottom:var(--space-s);}.padding-bottom-m{padding-bottom:var(--space-m);}.padding-bottom-l{padding-bottom:var(--space-l);}.padding-bottom-xl{padding-bottom:var(--space-xl);}.padding-bottom-2xl{padding-bottom:var(--space-2xl);}.padding-bottom-3xl{padding-bottom:var(--space-3xl);}.padding-bottom-4xl{padding-bottom:var(--space-4xl);}.padding-horizontal-4xs{padding-left:var(--space-4xs);padding-right:var(--space-4xs);}.padding-horizontal-3xs{padding-left:var(--space-3xs);padding-right:var(--space-3xs);}.padding-horizontal-2xs{padding-left:var(--space-2xs);padding-right:var(--space-2xs);}.padding-horizontal-xs{padding-left:var(--space-xs);padding-right:var(--space-xs);}.padding-horizontal-s{padding-left:var(--space-s);padding-right:var(--space-s);}.padding-horizontal-m{padding-left:var(--space-m);padding-right:var(--space-m);}.padding-horizontal-l{padding-left:var(--space-l);padding-right:var(--space-l);}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl);}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl);}.padding-horizontal-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl);}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl);}.padding-vertical-4xs{padding-top:var(--space-4xs);padding-bottom:var(--space-4xs);}.padding-vertical-3xs{padding-top:var(--space-3xs);padding-bottom:var(--space-3xs);}.padding-vertical-2xs{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs);}.padding-vertical-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs);}.padding-vertical-s{padding-top:var(--space-s);padding-bottom:var(--space-s);}.padding-vertical-m{padding-top:var(--space-m);padding-bottom:var(--space-m);}.padding-vertical-l{padding-top:var(--space-l);padding-bottom:var(--space-l);}.padding-vertical-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}.padding-vertical-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}.padding-vertical-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);}.padding-vertical-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);}.margin-4xs{margin:var(--space-4xs);}.margin-3xs{margin:var(--space-3xs);}.margin-2xs{margin:var(--space-2xs);}.margin-xs{margin:var(--space-xs);}.margin-s{margin:var(--space-s);}.margin-m{margin:var(--space-m);}.margin-l{margin:var(--space-l);}.margin-xl{margin:var(--space-xl);}.margin-2xl{margin:var(--space-2xl);}.margin-3xl{margin:var(--space-3xl);}.margin-4xl{margin:var(--space-4xl);}.margin-left-4xs{margin-left:var(--space-4xs);}.margin-left-3xs{margin-left:var(--space-3xs);}.margin-left-2xs{margin-left:var(--space-2xs);}.margin-left-xs{margin-left:var(--space-xs);}.margin-left-s{margin-left:var(--space-s);}.margin-left-m{margin-left:var(--space-m);}.margin-left-l{margin-left:var(--space-l);}.margin-left-xl{margin-left:var(--space-xl);}.margin-left-2xl{margin-left:var(--space-2xl);}.margin-left-3xl{margin-left:var(--space-3xl);}.margin-left-4xl{margin-left:var(--space-4xl);}.margin-right-4xs{margin-right:var(--space-4xs);}.margin-right-3xs{margin-right:var(--space-3xs);}.margin-right-2xs{margin-right:var(--space-2xs);}.margin-right-xs{margin-right:var(--space-xs);}.margin-right-s{margin-right:var(--space-s);}.margin-right-m{margin-right:var(--space-m);}.margin-right-l{margin-right:var(--space-l);}.margin-right-xl{margin-right:var(--space-xl);}.margin-right-2xl{margin-right:var(--space-2xl);}.margin-right-3xl{margin-right:var(--space-3xl);}.margin-right-4xl{margin-right:var(--space-4xl);}.margin-top-4xs{margin-top:var(--space-4xs);}.margin-top-3xs{margin-top:var(--space-3xs);}.margin-top-2xs{margin-top:var(--space-2xs);}.margin-top-xs{margin-top:var(--space-xs);}.margin-top-s{margin-top:var(--space-s);}.margin-top-m{margin-top:var(--space-m);}.margin-top-l{margin-top:var(--space-l);}.margin-top-xl{margin-top:var(--space-xl);}.margin-top-2xl{margin-top:var(--space-2xl);}.margin-top-3xl{margin-top:var(--space-3xl);}.margin-top-4xl{margin-top:var(--space-4xl);}.margin-bottom-4xs{margin-bottom:var(--space-4xs);}.margin-bottom-3xs{margin-bottom:var(--space-3xs);}.margin-bottom-2xs{margin-bottom:var(--space-2xs);}.margin-bottom-xs{margin-bottom:var(--space-xs);}.margin-bottom-s{margin-bottom:var(--space-s);}.margin-bottom-m{margin-bottom:var(--space-m);}.margin-bottom-l{margin-bottom:var(--space-l);}.margin-bottom-xl{margin-bottom:var(--space-xl);}.margin-bottom-2xl{margin-bottom:var(--space-2xl);}.margin-bottom-3xl{margin-bottom:var(--space-3xl);}.margin-bottom-4xl{margin-bottom:var(--space-4xl);}.margin-horizontal-4xs{margin-left:var(--space-4xs);margin-right:var(--space-4xs);}.margin-horizontal-3xs{margin-left:var(--space-3xs);margin-right:var(--space-3xs);}.margin-horizontal-2xs{margin-left:var(--space-2xs);margin-right:var(--space-2xs);}.margin-horizontal-xs{margin-left:var(--space-xs);margin-right:var(--space-xs);}.margin-horizontal-s{margin-left:var(--space-s);margin-right:var(--space-s);}.margin-horizontal-m{margin-left:var(--space-m);margin-right:var(--space-m);}.margin-horizontal-l{margin-left:var(--space-l);margin-right:var(--space-l);}.margin-horizontal-xl{margin-left:var(--space-xl);margin-right:var(--space-xl);}.margin-horizontal-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl);}.margin-horizontal-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl);}.margin-horizontal-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl);}.margin-vertical-4xs{margin-top:var(--space-4xs);margin-bottom:var(--space-4xs);}.margin-vertical-3xs{margin-top:var(--space-3xs);margin-bottom:var(--space-3xs);}.margin-vertical-2xs{margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);}.margin-vertical-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs);}.margin-vertical-s{margin-top:var(--space-s);margin-bottom:var(--space-s);}.margin-vertical-m{margin-top:var(--space-m);margin-bottom:var(--space-m);}.margin-vertical-l{margin-top:var(--space-l);margin-bottom:var(--space-l);}.margin-vertical-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl);}.margin-vertical-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);}.margin-vertical-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);}.margin-vertical-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl);}.gap-4xs{gap:var(--space-4xs);}.gap-3xs{gap:var(--space-3xs);}.gap-2xs{gap:var(--space-2xs);}.gap-xs{gap:var(--space-xs);}.gap-s{gap:var(--space-s);}.gap-m{gap:var(--space-m);}.gap-l{gap:var(--space-l);}.gap-xl{gap:var(--space-xl);}.gap-2xl{gap:var(--space-2xl);}.gap-3xl{gap:var(--space-3xl);}.gap-4xl{gap:var(--space-4xl);}/* Fluid Typography */ .text-xs{font-size:var(--text-xs);}.text-s{font-size:var(--text-s);}.text-m{font-size:var(--text-m);}.text-l{font-size:var(--text-l);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}/* Headings */ H1{font-size:var(--text-m);line-height:1.1;}H2{font-size:var(--text-m);line-height:1.2;}H3{font-size:var(--text-m);line-height:1.3;}H4{font-size:var(--text-m);line-height:1.3;}H5{font-size:var(--text-m);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}/* Line heights */ .line-height-xs{line-height:1;}.line-height-s{line-height:1.2;}.line-height-m{line-height:1.3;}.line-height-l{line-height:1.4;}.line-height-xl{line-height:1.5;}/* Text Modifiers */ .italic{font-style:italic;}.bold{font-weight:bold;}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.underline{-webkit-text-decoration:underline;text-decoration:underline;}.font-100{font-weight:100;}.font-200{font-weight:200;}.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}/* Text Alignment */ .text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}/* Contextual variables */ /* Max Width */ .max-site-width{max-width:var(--max-screen-width);width:100%;}.max-width-140{max-width:140rem;}.max-width-130{max-width:130rem;}.max-width-120{max-width:120rem;}.max-width-110{max-width:110rem;}.max-width-100{max-width:100rem;}.max-width-90{max-width:90rem;}.max-width-80{max-width:80rem;}.max-width-70{max-width:70rem;}.max-width-60{max-width:60rem;}.max-width-50{max-width:50rem;}.max-width-40{max-width:40rem;}.max-width-30{max-width:30rem;}.max-width-20{max-width:20rem;}.max-width-10{max-width:10rem;}