html{font-size:62.5%;}:root{--min-screen-width:325px;--max-screen-width:1600px;--background:hsla(0,0%,98%,1);--foreground:#e8e7eb;--text:hsla(0,0%,0%,1);--text-5:hsla(0,0%,0%,0.05);--text-10:hsla(0,0%,0%,0.1);--text-20:hsla(0,0%,0%,0.2);--text-30:hsla(0,0%,0%,0.3);--text-40:hsla(0,0%,0%,0.4);--text-50:hsla(0,0%,0%,0.5);--text-60:hsla(0,0%,0%,0.6);--text-70:hsla(0,0%,0%,0.7);--text-80:hsla(0,0%,0%,0.8);--text-90:hsla(0,0%,0%,0.9);--border:hsla(0,0%,80%,1);--input:hsla(0,0%,100%,1);--accent:hsla(347,100%,43.5%,1);--accent-5:hsla(347,100%,44%,0.05);--accent-10:hsla(347,100%,44%,0.1);--accent-20:hsla(347,100%,44%,0.2);--accent-30:hsla(347,100%,44%,0.3);--accent-40:hsla(347,100%,44%,0.4);--accent-50:hsla(347,100%,44%,0.5);--accent-60:hsla(347,100%,44%,0.6);--accent-70:hsla(347,100%,44%,0.7);--accent-80:hsla(347,100%,44%,0.8);--accent-90:hsla(347,100%,44%,0.9);--accent-d-1:hsla(353,79%,38%,1);--accent-d-2:hsla(356,68%,30%,1);--accent-d-3:hsla(0,57%,21%,1);--accent-d-4:hsla(6,53%,12%,1);--accent-l-1:hsla(1,80%,63%,1);--accent-l-2:hsla(4,89%,73%,1);--accent-l-3:hsla(6,99%,82%,1);--accent-l-4:hsla(7,100%,91%,1);--cs1-background:hsla(209,32.6%,17.5%,1);--cs1-foreground:hsla(209,32.6%,22%,1);--cs1-text:hsla(0,0%,100%,1);--cs1-text-5:hsla(0,0%,100%,0.05);--cs1-text-10:hsla(0,0%,100%,0.1);--cs1-text-20:hsla(0,0%,100%,0.2);--cs1-text-30:hsla(0,0%,100%,0.3);--cs1-text-40:hsla(0,0%,100%,0.4);--cs1-text-50:hsla(0,0%,100%,0.5);--cs1-text-60:hsla(0,0%,100%,0.6);--cs1-text-70:hsla(0,0%,100%,0.7);--cs1-text-80:hsla(0,0%,100%,0.8);--cs1-text-90:hsla(0,0%,100%,0.9);--cs1-border:hsla(168,19%,89%,0.25);--cs1-input:hsla(0,0%,100%,0.2);--cs1-accent:hsla(0,0%,100%,1);--cs1-accent-d-1:hsla(0,0%,78%,1);--cs1-accent-d-2:hsla(0,0%,57%,1);--cs1-accent-d-3:hsla(0,0%,37%,1);--cs1-accent-d-4:hsla(0,0%,19%,1);--cs1-accent-l-1:hsla(0,0%,100%,1);--cs1-accent-l-2:hsla(0,0%,100%,1);--cs1-accent-l-3:hsla(0,0%,100%,1);--cs1-accent-l-4:hsla(0,0%,100%,1);--cs2-background:hsla(24,6%,17%,1);--cs2-foreground:hsla(40,5%,12%,1);--cs2-text:hsla(0,0%,100%,1);--cs2-text-5:hsla(0,0%,100%,0.05);--cs2-text-10:hsla(0,0%,100%,0.1);--cs2-text-20:hsla(0,0%,100%,0.2);--cs2-text-30:hsla(0,0%,100%,0.3);--cs2-text-40:hsla(0,0%,100%,0.4);--cs2-text-50:hsla(0,0%,100%,0.5);--cs2-text-60:hsla(0,0%,100%,0.6);--cs2-text-70:hsla(0,0%,100%,0.7);--cs2-text-80:hsla(0,0%,100%,0.8);--cs2-text-90:hsla(0,0%,100%,0.9);--cs2-border:hsla(0,0%,20%,1);--cs2-input:hsla(24,6%,22%,1);--cs2-accent:hsla(250,46%,59%,1);--cs2-accent-d-1:hsla(250,31%,46%,1);--cs2-accent-d-2:hsla(251,30%,34%,1);--cs2-accent-d-3:hsla(252,28%,23%,1);--cs2-accent-d-4:hsla(253,23%,13%,1);--cs2-accent-l-1:hsla(252,47%,67%,1);--cs2-accent-l-2:hsla(254,48%,75%,1);--cs2-accent-l-3:hsla(255,49%,83%,1);--cs2-accent-l-4:hsla(256,50%,92%,1);--shadow:hsla(0,0%,0%,0.05);--transparent:hsla(0,0%,0%,0);--light:hsla(0,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);--grey:hsla(0,0%,50%,1);--grey-5:hsla(0,0%,50%,0.05);--grey-10:hsla(0,0%,50%,0.1);--grey-20:hsla(0,0%,50%,0.2);--grey-30:hsla(0,0%,50%,0.3);--grey-40:hsla(0,0%,50%,0.4);--grey-50:hsla(0,0%,50%,0.5);--grey-60:hsla(0,0%,50%,0.6);--grey-70:hsla(0,0%,50%,0.7);--grey-80:hsla(0,0%,50%,0.8);--grey-90:hsla(0,0%,50%,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.68rem,calc(-0.06vw + 0.7rem),0.6rem);--space-3xs:clamp(0.89rem,calc(-0.06vw + 0.91rem),0.81rem);--space-2xs:clamp(1.17rem,calc(-0.05vw + 1.18rem),1.1rem);--space-xs:clamp(1.53rem,calc(-0.04vw + 1.54rem),1.48rem);--space-s:clamp(2rem,calc(0vw + 2rem),2rem);--space-m:clamp(2.62rem,calc(0.06vw + 2.6rem),2.7rem);--space-l:clamp(3.43rem,calc(0.17vw + 3.38rem),3.65rem);--space-xl:clamp(4.5rem,calc(0.33vw + 4.39rem),4.92rem);--space-2xl:clamp(5.89rem,calc(0.59vw + 5.7rem),6.64rem);--space-3xl:clamp(7.72rem,calc(0.98vw + 7.4rem),8.97rem);--space-4xl:clamp(10.11rem,calc(1.57vw + 9.6rem),12.11rem);--text-xs:clamp(1.11rem,calc(-0.13vw + 1.15rem),0.95rem);--text-s:clamp(1.33rem,calc(-0.08vw + 1.36rem),1.23rem);--text-m:clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);--text-l:clamp(1.92rem,calc(0.13vw + 1.88rem),2.08rem);--text-xl:clamp(2.3rem,calc(0.31vw + 2.2rem),2.7rem);--text-2xl:clamp(2.76rem,calc(0.59vw + 2.57rem),3.51rem);--text-3xl:clamp(3.32rem,calc(0.98vw + 3rem),4.57rem);--text-4xl:clamp(3.98rem,calc(1.54vw + 3.48rem),5.94rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--header-height:0rem;--container-gap:var(--space-xl);--card-gap:var(--space-s);--section-padding:var(--space-2xl);--container-padding:min(8vw,4rem);--container-padding-min:min(5vw,1.5rem);--container-padding-small:var(--text-xl);--container-padding-offset:calc(var(--container-padding) - var(--container-padding-small));--grid-1:repeat(1,minmax(0,1fr));--grid-2:repeat(2,minmax(0,1fr));--grid-3:repeat(3,minmax(0,1fr));--grid-4:repeat(4,minmax(0,1fr));--grid-5:repeat(5,minmax(0,1fr));--grid-6:repeat(6,minmax(0,1fr));--grid-7:repeat(7,minmax(0,1fr));--grid-8:repeat(8,minmax(0,1fr));--grid-9:repeat(9,minmax(0,1fr));--grid-10:repeat(10,minmax(0,1fr));--grid-11:repeat(11,minmax(0,1fr));--grid-12:repeat(12,minmax(0,1fr));--grid-1-2:minmax(0,1fr) minmax(0,2fr);--grid-2-1:minmax(0,2fr) minmax(0,1fr);--grid-1-3:minmax(0,1fr) minmax(0,3fr);--grid-3-1:minmax(0,3fr) minmax(0,1fr);--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.16vw + 0.55rem),0.8rem);--radius-m:clamp(1rem,calc(0.16vw + 0.95rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.31vw + 1.5rem),2rem);--radius-xl:clamp(2.6rem,calc(0.47vw + 2.45rem),3.2rem);--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow);--shadow-s:0 1.5px 3px var(--shadow);--shadow-m:var(--shadow) 0px -8px 24px 0px;--shadow-l:0 3px 12px var(--shadow);--shadow-xl:0 6px 48px var(--shadow);--timing-s:200ms cubic-bezier(.1,.6,.4,1);--timing-m:400ms cubic-bezier(.1,.6,.4,1);--timing-l:800ms cubic-bezier(.1,.6,.4,1);--timing-xl:1200ms cubic-bezier(.1,.6,.4,1);--bounce-s:200ms cubic-bezier(0.35,1.5,0.6,1);--bounce-m:400ms cubic-bezier(0.35,1.5,0.6,1);--bounce-l:800ms cubic-bezier(0.35,1.5,0.6,1);--bounce-xl:1200ms cubic-bezier(0.35,1.5,0.6,1);}.text-accent{color:var(--accent);}.text-accent-5{color:var(--accent-5);}.text-accent-10{color:var(--accent-10);}.text-accent-20{color:var(--accent-20);}.text-accent-30{color:var(--accent-30);}.text-accent-40{color:var(--accent-40);}.text-accent-50{color:var(--accent-50);}.text-accent-60{color:var(--accent-60);}.text-accent-70{color:var(--accent-70);}.text-accent-80{color:var(--accent-80);}.text-accent-90{color:var(--accent-90);}.text-accent-d-1{color:var(--accent-d-1);}.text-accent-d-2{color:var(--accent-d-2);}.text-accent-d-3{color:var(--accent-d-3);}.text-accent-d-4{color:var(--accent-d-4);}.text-accent-l-1{color:var(--accent-l-1);}.text-accent-l-2{color:var(--accent-l-2);}.text-accent-l-3{color:var(--accent-l-3);}.text-accent-l-4{color:var(--accent-l-4);}.text-light{color:var(--light);}.text-light-5{color:var(--light-5);}.text-light-10{color:var(--light-10);}.text-light-20{color:var(--light-20);}.text-light-30{color:var(--light-30);}.text-light-40{color:var(--light-40);}.text-light-50{color:var(--light-50);}.text-light-60{color:var(--light-60);}.text-light-70{color:var(--light-70);}.text-light-80{color:var(--light-80);}.text-light-90{color:var(--light-90);}.text-dark{color:var(--dark);}.text-dark-5{color:var(--dark-5);}.text-dark-10{color:var(--dark-10);}.text-dark-20{color:var(--dark-20);}.text-dark-30{color:var(--dark-30);}.text-dark-40{color:var(--dark-40);}.text-dark-50{color:var(--dark-50);}.text-dark-60{color:var(--dark-60);}.text-dark-70{color:var(--dark-70);}.text-dark-80{color:var(--dark-80);}.text-dark-90{color:var(--dark-90);}H1{font-size:var(--text-4xl);line-height:1.1;font-weight:600;}H2{font-size:var(--text-3xl);line-height:1.2;font-weight:600;}H3{font-size:var(--text-2xl);line-height:1.3;font-weight:600;}H4{font-size:var(--text-xl);line-height:1.3;font-weight:600;}H5{font-size:var(--text-l);line-height:1.3;font-weight:600;}H6{font-size:var(--text-m);line-height:1.4;font-weight:600;}