:root{--min-screen-width:360px;--max-screen-width:1320px;--primary:hsl(328,92%,58%);--primary-d-1:hsl(329,63%,48%);--primary-d-2:hsl(330,58%,39%);--primary-d-3:hsl(331,53%,30%);--primary-d-4:hsl(333,47%,21%);--primary-d-5:hsl(335,37%,12%);--primary-l-1:hsl(332,97%,70%);--primary-l-2:hsl(334,100%,79%);--primary-l-3:hsl(335,100%,86%);--primary-l-4:hsl(336,100%,93%);--secondary:#1d1d1d;--secondary-d-1:hsl(0,0%,10%);--secondary-d-2:hsl(0,0%,9%);--secondary-d-3:hsl(0,0%,7%);--secondary-d-4:hsl(0,0%,5%);--secondary-d-5:hsl(0,0%,3%);--secondary-l-1:hsl(0,0%,26%);--secondary-l-2:hsl(0,0%,43%);--secondary-l-3:hsl(0,0%,61%);--secondary-l-4:hsl(0,0%,80%);--bg-white:hsla(85,0%,100%,1);--bg-white-d-1:hsla(0,0%,84%,1);--bg-white-d-2:hsla(0,0%,69%,1);--bg-white-d-3:hsla(0,0%,54%,1);--bg-white-d-4:hsla(0,0%,40%,1);--bg-white-d-5:hsla(0,0%,26%,1);--bg-white-d-6:hsla(0,0%,14%,1);--bg:#d4c8b0;--bg-d-1:hsl(40,15%,62%);--bg-d-2:hsl(40,9%,49%);--bg-d-3:hsl(40,9%,36%);--bg-d-4:hsl(40,8%,24%);--bg-d-5:hsl(39,7%,13%);--bg-l-1:hsl(40,30%,81%);--bg-l-2:hsl(39,30%,86%);--bg-l-3:hsl(39,31%,90%);--bg-l-4:hsl(39,31%,95%);--text:hsl(0,0%,11.37%);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsla(85,0%,100%,1);--dark:hsla(0,0%,0%,1);--success:hsla(136,95%,56%,1);--error:hsla(351,95%,56%,1);--info:hsla(49,98%,53%,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-2xl);line-height:1.1;font-weight:bold;}H2{font-size:var(--text-xl);line-height:1.2;font-weight:bold;}H3{font-size:var(--text-l);line-height:1.3;font-weight:bold;}H4{font-size:var(--text-m);line-height:1.3;font-weight:bold;}H5{font-size:var(--text-m);line-height:1.3;font-weight:bold;}H6{font-size:var(--text-m);line-height:1.4;font-weight:bold;}/* 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;}