:root {--min-screen-width: 478px;--max-screen-width: 1336px;--primary: hsl(148,100%,30%);--primary-5: hsla(148,100%,30%,0.05);--primary-10: hsla(148,100%,30%,0.1);--primary-20: hsla(148,100%,30%,0.2);--primary-30: hsla(148,100%,30%,0.3);--primary-40: hsla(148,100%,30%,0.4);--primary-50: hsla(148,100%,30%,0.5);--primary-60: hsla(148,100%,30%,0.6);--primary-70: hsla(148,100%,30%,0.7);--primary-80: hsla(148,100%,30%,0.8);--primary-90: hsla(148,100%,30%,0.9);--primary-d-1: hsl(144,76%,28%);--primary-d-2: hsl(141,63%,24%);--primary-d-3: hsl(138,53%,19%);--primary-d-4: hsl(135,43%,14%);--primary-d-5: hsl(130,30%,9%);--primary-l-1: hsl(136,39%,48%);--primary-l-2: hsl(133,35%,59%);--primary-l-3: hsl(131,35%,70%);--primary-l-4: hsl(129,35%,80%);--primary-l-5: hsl(128,35%,90%);--secondary: hsl(203,59%,28%);--secondary-d-1: hsl(204,54%,24%);--secondary-d-2: hsl(205,49%,20%);--secondary-d-3: hsl(206,43%,16%);--secondary-d-4: hsl(207,36%,12%);--secondary-d-5: hsl(206,32%,7%);--secondary-l-1: hsl(206,32%,41%);--secondary-l-2: hsl(208,21%,52%);--secondary-l-3: hsl(209,21%,64%);--secondary-l-4: hsl(209,21%,76%);--secondary-l-5: hsl(210,21%,88%);--bg-body: hsl(0,0%,100%);--bg-surface: hsl(0,0%,97%);--text-body: hsl(27,2%,25%);--text-title: hsl(27,1%,12%);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--light: hsl(0,0%,100%);--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: hsl(0,0%,0%);--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);--white: hsl(0,0%,100%);--black: hsl(0,0%,0%);--space-4xs: clamp(0.28rem,calc(-0.02vw + 0.29rem),0.27rem);--space-3xs: clamp(0.4rem,calc(0.03vw + 0.39rem),0.43rem);--space-2xs: clamp(0.57rem,calc(0.14vw + 0.5rem),0.68rem);--space-xs: clamp(0.8rem,calc(0.34vw + 0.64rem),1.09rem);--space-s: clamp(1.13rem,calc(0.72vw + 0.79rem),1.75rem);--space-m: clamp(1.6rem,calc(1.4vw + 0.93rem),2.8rem);--space-l: clamp(2.26rem,calc(2.58vw + 1.03rem),4.48rem);--space-xl: clamp(3.2rem,calc(4.63vw + 0.99rem),7.17rem);--space-2xl: clamp(4.52rem,calc(8.09vw + 0.65rem),11.47rem);--space-3xl: clamp(6.4rem,calc(13.93vw + -0.26rem),18.35rem);--space-4xl: clamp(9.04rem,calc(23.68vw + -2.27rem),29.36rem);--text-xs: clamp(0.9rem,calc(0.14vw + 0.83rem),1.01rem);--text-s: clamp(1.12rem,calc(0.27vw + 0.99rem),1.35rem);--text-m: clamp(1.4rem,calc(0.47vw + 1.18rem),1.8rem);--text-l: clamp(1.75rem,calc(0.76vw + 1.39rem),2.4rem);--text-xl: clamp(2.19rem,calc(1.18vw + 1.62rem),3.2rem);--text-2xl: clamp(2.73rem,calc(1.78vw + 1.88rem),4.26rem);--text-3xl: clamp(3.42rem,calc(2.64vw + 2.16rem),5.68rem);--text-4xl: clamp(4.27rem,calc(3.85vw + 2.43rem),7.58rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--h1: var(--text-3xl);--h2: var(--text-2xl);--h3: var(--text-xl);--h4: var(--text-l);--h5: var(--text-m);--h6: var(--text-s);--container-gap: var(--space-l);--content-gap: var(--space-s);--grid-gap: var(--space-m);--card-gap: var(--space-xs);--gallery-gap: var(--space-3xs);--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-2_1: minmax(0,2fr) minmax(0,1fr);--grid-1_2: minmax(0,1fr) minmax(0,2fr);--grid-min-5: repeat(auto-fit,minmax(5rem,1fr));--grid-min-10: repeat(auto-fit,minmax(10rem,1fr));--grid-min-20: repeat(auto-fit,minmax(20rem,1fr));--grid-min-30: repeat(auto-fit,minmax(30rem,1fr));--grid-min-40: repeat(auto-fit,minmax(40rem,1fr));--grid-min-50: repeat(auto-fit,minmax(50rem,1fr));--grid-min-60: repeat(auto-fit,minmax(60rem,1fr));--grid-min-70: repeat(auto-fit,minmax(70rem,1fr));--container-s: 940px;--container-m: var(--max-screen-width);--container-l: 1580px;--container-m--extended-xl: calc( var(--container-m) + 2*var(--space-xl) );--container-m--extended-2xl: calc( var(--container-m) + 2*var(--space-2xl) );--container-m--extended-3xl: calc( var(--container-m) + 2*var(--space-3xl) );--radius: 1.2rem;--radius-ui: var(--radius-m);--radius-xs: 0.25rem;--radius-s: clamp(0.6rem,calc(0.23vw + 0.49rem),0.8rem);--radius-m: clamp(1rem,calc(0.23vw + 0.89rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.47vw + 1.38rem),2rem);--radius-xl: clamp(2.6rem,calc(0.7vw + 2.27rem),3.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);--bricks-color-primary: var(--primary);--bricks-color-primary--light: var(--primary-l-2);}