:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1280px;--primary: #1c2121;--secondary: #cccfc4;--tertiary: #e8d9ce;--quaternary: #f4ede7;--quinary: #b8cbc9;--senary: #fbf6f2;--bg-body: #e6e6e6;--bg-surface: #ffffff;--text-body: #2C2C2C;--text-body-l: #FFFFFF;--text-title: #2C2C2C;--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--transparent: hsla(9,100%,64%,0);--light: #ffffff;--light-5: #ffffff0d;--light-10: #ffffff1a;--light-20: #ffffff33;--light-30: #ffffff4d;--light-40: #ffffff66;--light-50: #ffffff80;--light-60: #ffffff99;--light-70: #ffffffb3;--light-80: #ffffffcc;--light-90: #ffffffe6;--dark: #000000;--dark-5: #0000000d;--dark-10: #0000001a;--dark-20: #00000033;--dark-30: #0000004d;--dark-40: #00000066;--dark-50: #00000080;--dark-60: #00000099;--dark-70: #000000b3;--dark-80: #000000cc;--dark-90: #000000e6;--success: hsla(120,39%,54%,1);--error: hsla(0,100%,60%,1);--highlight-yellow: hsla(52,100%,62%,1);--highlight-orange: hsla(36,100%,57%,1);--highlight-green: hsla(157,99%,29%,1);--highlight-purple: hsla(258,100%,35%,1);--space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.05vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.18vw + 0.76rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.39vw + 0.9rem),1.4rem);--space-s: clamp(1.28rem,calc(0.73vw + 1.05rem),1.98rem);--space-m: clamp(1.6rem,calc(1.25vw + 1.2rem),2.8rem);--space-l: clamp(2rem,calc(2.04vw + 1.35rem),3.96rem);--space-xl: clamp(2.5rem,calc(3.23vw + 1.47rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.99vw + 1.53rem),7.92rem);--space-3xl: clamp(3.91rem,calc(7.59vw + 1.48rem),11.19rem);--space-4xl: clamp(4.88rem,calc(11.4vw + 1.23rem),15.83rem);--text-xs: clamp(1.26rem,calc(0vw + 1.26rem),1.26rem);--text-s: clamp(1.35rem,calc(0.08vw + 1.33rem),1.42rem);--text-m: clamp(1.6rem,calc(0.1vw + 1.57rem),1.7rem);--text-l: clamp(1.8rem,calc(0.49vw + 1.65rem),2.27rem);--text-xl: clamp(2.02rem,calc(1.04vw + 1.69rem),3.02rem);--text-2xl: clamp(2.28rem,calc(1.82vw + 1.69rem),4.03rem);--text-3xl: clamp(2.56rem,calc(2.92vw + 1.63rem),5.37rem);--text-4xl: clamp(2.88rem,calc(4.45vw + 1.46rem),7.15rem);--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;--icon-l: 30px;--icon-m: 24px;--icon-s: 16px;--letter-spacing-s: 0.5px;--letter-spacing-m: 1px;--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);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--ultra-screen-width: 1600px;--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.21vw + 0.53rem),0.8rem);--radius-m: clamp(1rem,calc(0.21vw + 0.93rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.42vw + 1.47rem),2rem);--radius-xl: clamp(2.6rem,calc(0.63vw + 2.4rem),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);--animation-base: all .4s ease-in-out;--animation-secondary: all .8s ease-in-out;}