:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1536px;--primary: #CEDBCC;--primary-5: #cedbcc0d;--primary-10: #cedbcc1a;--primary-20: #cedbcc33;--primary-30: #cedbcc4d;--primary-40: #cedbcc66;--primary-50: #cedbcc80;--primary-60: #cedbcc99;--primary-70: #cedbccb3;--primary-80: #cedbcccc;--primary-90: #cedbcce6;--primary-d-1: #969f95;--primary-d-2: #616660;--primary-d-3: #323531;--primary-l-1: #CEDBCC;--primary-l-2: #DCE6DB;--primary-l-3: #EEF2ED;--secondary: #545454;--secondary-5: #5454540d;--secondary-10: #5454541a;--secondary-20: #54545433;--secondary-30: #5454544d;--secondary-40: #54545466;--secondary-50: #54545480;--secondary-60: #54545499;--secondary-70: #545454b3;--secondary-80: #545454cc;--secondary-90: #545454e6;--secondary-d-1: #404040;--secondary-d-2: #2b2b2b;--secondary-d-3: #1a1a1a;--secondary-l-1: #7a7a7a;--secondary-l-2: #a6a6a6;--secondary-l-3: #d1d1d1;--quaternary: #ffecda;--quaternary-5: #ffecda0d;--quaternary-10: #ffecda1a;--quaternary-20: #ffecda33;--quaternary-30: #ffecda4d;--quaternary-40: #ffecda66;--quaternary-50: #ffecda80;--quaternary-60: #ffecda99;--quaternary-70: #ffecdab3;--quaternary-80: #ffecdacc;--quaternary-90: #ffecdae6;--quaternary-d-1: #277aa0;--quaternary-d-2: #224f68;--quaternary-d-3: #182a35;--quaternary-l-1: #66b7e5;--quaternary-l-2: #93caec;--quaternary-l-3: #badcf3;--quinary: #fef5f0;--quinary-5: #fef5f00d;--quinary-10: #fef5f01a;--quinary-20: #fef5f033;--quinary-30: #fef5f04d;--quinary-40: #fef5f066;--quinary-50: #fef5f080;--quinary-60: #fef5f099;--quinary-70: #fef5f0b3;--quinary-80: #fef5f0cc;--quinary-90: #fef5f0e6;--quinary-d-1: #dfd7d3;--quinary-d-2: #c0b8b5;--quinary-d-3: #a29d9a;--bg-body: hsla(0,0%,90%,1);--bg-surface: hsla(0,0%,100%,1);--text-body: hsla(0,0%,25%,1);--text-title: hsla(0,0%,0%,1);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--light: hsla(85,0%,100%,1);--dark: hsla(0,0%,0%,1);--success: hsla(136,95%,56%,1);--error: hsla(351,95%,56%,1);--space-4xs: clamp(0.52rem,calc(-0.02vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.14vw + 0.77rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.31vw + 0.93rem),1.4rem);--space-s: clamp(1.28rem,calc(0.58vw + 1.1rem),1.98rem);--space-m: clamp(1.6rem,calc(0.99vw + 1.28rem),2.8rem);--space-l: clamp(2rem,calc(1.61vw + 1.48rem),3.96rem);--space-xl: clamp(2.5rem,calc(2.55vw + 1.69rem),5.6rem);--space-2xl: clamp(3.13rem,calc(3.94vw + 1.86rem),7.92rem);--space-3xl: clamp(3.91rem,calc(5.99vw + 1.99rem),11.19rem);--space-4xl: clamp(4.88rem,calc(9vw + 2rem),15.83rem);--text-xs: clamp(1.02rem,calc(-0.01vw + 1.03rem),1.01rem);--text-s: clamp(1.28rem,calc(0.06vw + 1.26rem),1.35rem);--text-m: clamp(1.6rem,calc(0.16vw + 1.55rem),1.8rem);--text-l: clamp(2rem,calc(0.33vw + 1.9rem),2.4rem);--text-xl: clamp(2.5rem,calc(0.57vw + 2.32rem),3.2rem);--text-2xl: clamp(3.13rem,calc(0.94vw + 2.83rem),4.26rem);--text-3xl: clamp(3.91rem,calc(1.46vw + 3.44rem),5.68rem);--text-4xl: clamp(4.88rem,calc(2.21vw + 4.17rem),7.58rem);--text-5xl: clamp(6.1rem,calc(3.29vw + 5.05rem),10.1rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--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));--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.33vw + 1.49rem),2rem);--radius-xl: clamp(2.6rem,calc(0.49vw + 2.44rem),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);}