:root{--min-screen-width:320px;--max-screen-width:1440px;--primary:rgb(0,0,0);--bg-body:#ffffff;--bg-surface:#F7F7F7;--text-body:hsla(0,0%,25%,1);--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:#E0E0E0;--light:hsl(85,0%,100%);--dark:hsla(0,0%,0%,1);--transparent:rgba(255,255,255,0);--success:hsl(136,95%,56%);--error:hsl(351,95%,56%);--space-4xs:clamp(0.33rem,calc(-0.03vw + 0.33rem),0.31rem);--space-3xs:clamp(0.41rem,calc(0.04vw + 0.4rem),0.44rem);--space-2xs:clamp(0.51rem,calc(0.15vw + 0.48rem),0.62rem);--space-xs:clamp(0.64rem,calc(0.34vw + 0.57rem),0.88rem);--space-s:clamp(0.8rem,calc(0.63vw + 0.68rem),1.24rem);--space-m:clamp(1rem,calc(1.07vw + 0.79rem),1.75rem);--space-l:clamp(1.25rem,calc(1.75vw + 0.9rem),2.47rem);--space-xl:clamp(1.56rem,calc(2.77vw + 1.01rem),3.5rem);--space-2xl:clamp(1.95rem,calc(4.28vw + 1.1rem),4.95rem);--space-3xl:clamp(2.44rem,calc(6.51vw + 1.14rem),7rem);--space-4xl:clamp(3.05rem,calc(9.77vw + 1.1rem),9.89rem);--text-xs:clamp(0.79rem,calc(-0.1vw + 0.81rem),0.72rem);--text-s:clamp(0.89rem,calc(0.02vw + 0.89rem),0.9rem);--text-m:clamp(1rem,calc(0.18vw + 0.96rem),1.13rem);--text-l:clamp(1.13rem,calc(0.4vw + 1.04rem),1.41rem);--text-xl:clamp(1.27rem,calc(0.7vw + 1.13rem),1.76rem);--text-2xl:clamp(1.42rem,calc(1.1vw + 1.2rem),2.2rem);--text-3xl:clamp(1.6rem,calc(1.64vw + 1.27rem),2.75rem);--text-4xl:clamp(1.8rem,calc(2.33vw + 1.34rem),3.43rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--line-height-xs:1;--line-height-s:1.2;--line-height-m:1.3;--line-height-l:1.4;--line-height-xl:1.5;--radius-xs:clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.18vw + 0.34rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.18vw + 0.59rem),0.75rem);--radius-l:clamp(1rem,calc(0.36vw + 0.93rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.54vw + 1.52rem),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);}H1{font-size:var(--text-4xl);line-height:1.1;}H2{font-size:var(--text-3xl);line-height:1.2;}H3{font-size:var(--text-2xl);line-height:1.3;}H4{font-size:var(--text-xl);line-height:1.3;}H5{font-size:var(--text-l);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.shadow-xs{box-shadow:var(--shadow-xs);}.shadow-s{box-shadow:var(--shadow-s);}.shadow-m{box-shadow:var(--shadow-m);}.shadow-l{box-shadow:var(--shadow-l);}.shadow-xl{box-shadow:var(--shadow-xl);}