:root {--min-screen-width: 478px;--max-screen-width: 1336px;--primary: hsl(54,16%,35%);--primary-5: hsla(54,16%,35%,0.05);--primary-10: hsla(54,16%,35%,0.1);--primary-20: hsla(54,16%,35%,0.2);--primary-30: hsla(54,16%,35%,0.3);--primary-40: hsla(54,16%,35%,0.4);--primary-50: hsla(54,16%,35%,0.5);--primary-60: hsla(54,16%,35%,0.6);--primary-70: hsla(54,16%,35%,0.7);--primary-80: hsla(54,16%,35%,0.8);--primary-90: hsla(54,16%,35%,0.9);--primary-d-1: hsl(54,16%,31%);--primary-d-2: hsl(54,16%,27%);--primary-d-3: hsl(54,15%,24%);--primary-d-4: hsl(53,14%,20%);--primary-d-5: hsl(53,14%,16%);--primary-d-6: hsl(53,13%,13%);--primary-d-7: hsl(53,11%,10%);--primary-d-8: hsl(52,13%,6%);--primary-l-1: hsl(53,13%,42%);--primary-l-2: hsl(53,10%,49%);--primary-l-3: hsl(53,9%,55%);--primary-l-4: hsl(52,9%,63%);--primary-l-5: hsl(52,10%,70%);--primary-l-6: hsl(52,10%,77%);--primary-l-7: hsl(52,10%,85%);--primary-l-8: hsl(51,10%,92%);--bg-body: hsl(0,0%,100%);--bg-surface: hsl(0,0%,97%);--text-body: hsl(53,2%,25%);--text-title: hsl(54,16%,35%);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.25);--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%);--transparent: hsla(0,0%,0%,0);--status-success: hsl(170,68%,46%);--status-error: hsl(337,87%,48%);--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(1.11rem,calc(0.17vw + 1.03rem),1.25rem);--text-s: clamp(1.24rem,calc(0.3vw + 1.1rem),1.5rem);--text-m: clamp(1.4rem,calc(0.47vw + 1.18rem),1.8rem);--text-l: clamp(1.57rem,calc(0.68vw + 1.25rem),2.16rem);--text-xl: clamp(1.77rem,calc(0.96vw + 1.31rem),2.59rem);--text-2xl: clamp(1.99rem,calc(1.3vw + 1.37rem),3.11rem);--text-3xl: clamp(2.24rem,calc(1.74vw + 1.41rem),3.73rem);--text-4xl: clamp(2.52rem,calc(2.28vw + 1.43rem),4.48rem);--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-xl);--content-gap: var(--space-m);--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: calc(var(--container-m) - var(--space-4xl));--container-m: var(--max-screen-width);--container-l: calc(var(--container-m) + var(--space-4xl));--radius: 0.7rem;--radius-ui: var(--radius-s);--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);--bricks-border-radius: var(--radius-ui);}