:root {--min-screen-width: 320px;--max-screen-width: 1400px;--action: hsla(360,84%,38%,1);--action-5: hsla(0,84%,38%,0.05);--action-10: hsla(0,84%,38%,0.1);--action-20: hsla(0,84%,38%,0.2);--action-30: hsla(0,84%,38%,0.3);--action-40: hsla(0,84%,38%,0.4);--action-50: hsla(0,84%,38%,0.5);--action-60: hsla(0,84%,38%,0.6);--action-70: hsla(0,84%,38%,0.7);--action-80: hsla(0,84%,38%,0.8);--action-90: hsla(0,84%,38%,0.9);--action-d-1: hsla(3,80%,30%,1);--action-d-2: hsla(6,76%,23%,1);--action-d-3: hsla(10,73%,16%,1);--action-d-4: hsla(18,74%,9%,1);--accent: var(--action);--base: hsla(116.47000000000003,45.95%,29.02%,1);--base-5: hsla(116,46%,29%,0.05);--base-10: hsla(116,46%,29%,0.1);--base-20: hsla(116,46%,29%,0.2);--base-30: hsla(116,46%,29%,0.3);--base-40: hsla(116,46%,29%,0.4);--base-50: hsla(116,46%,29%,0.5);--base-60: hsla(116,46%,29%,0.6);--base-70: hsla(116,46%,29%,0.7);--base-80: hsla(116,46%,29%,0.8);--base-90: hsla(116,46%,29%,0.9);--base-d-1: hsla(115,43%,24%,1);--base-d-2: hsla(115,39%,18%,1);--base-d-3: hsla(115,34%,13%,1);--base-d-4: hsla(105,32%,8%,1);--base-l-1: hsla(112,26%,42%,1);--base-l-2: hsla(110,20%,56%,1);--base-l-3: hsla(109,20%,70%,1);--base-l-4: hsla(108,19%,85%,1);--bg-body: hsla(0,0%,90.2%,1);--bg-body-5: hsla(0,0%,90%,0.05);--bg-body-10: hsla(0,0%,90%,0.1);--bg-body-20: hsla(0,0%,90%,0.2);--bg-body-30: hsla(0,0%,90%,0.3);--bg-body-40: hsla(0,0%,90%,0.4);--bg-body-50: hsla(0,0%,90%,0.5);--bg-body-60: hsla(0,0%,90%,0.6);--bg-body-70: hsla(0,0%,90%,0.7);--bg-body-80: hsla(0,0%,90%,0.8);--bg-body-90: hsla(0,0%,90%,0.9);--bg-body-d-1: hsla(0,0%,79%,1);--bg-body-d-2: hsla(0,0%,68%,1);--bg-body-d-3: hsla(0,0%,58%,1);--bg-body-d-4: hsla(0,0%,47%,1);--bg-body-d-5: hsla(0,0%,37%,1);--bg-body-d-6: hsla(0,0%,28%,1);--bg-body-d-7: hsla(0,0%,19%,1);--bg-body-d-8: hsla(0,0%,11%,1);--bg-surface: hsla(0,0%,100%,1);--bg-surface-d-1: hsla(0,0%,88%,1);--bg-surface-d-2: hsla(0,0%,75%,1);--bg-surface-d-3: hsla(0,0%,64%,1);--bg-surface-d-4: hsla(0,0%,52%,1);--bg-surface-d-5: hsla(0,0%,41%,1);--bg-surface-d-6: hsla(0,0%,31%,1);--bg-surface-d-7: hsla(0,0%,21%,1);--bg-surface-d-8: hsla(0,0%,12%,1);--text-body: hsla(240,2.38%,16.47%,1);--text-body-5: hsla(240,2%,16%,0.05);--text-body-10: hsla(240,2%,16%,0.1);--text-body-20: hsla(240,2%,16%,0.2);--text-body-30: hsla(240,2%,16%,0.3);--text-body-40: hsla(240,2%,16%,0.4);--text-body-50: hsla(240,2%,16%,0.5);--text-body-60: hsla(240,2%,16%,0.6);--text-body-70: hsla(240,2%,16%,0.7);--text-body-80: hsla(240,2%,16%,0.8);--text-body-90: hsla(240,2%,16%,0.9);--text-title: hsla(225,9.52%,8.24%,1);--link: var(--action);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(240,2.38%,16.47%,1);--light: hsla(85,0%,100%,1);--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);--light-d-1: hsla(0,0%,88%,1);--light-d-2: hsla(0,0%,75%,1);--light-d-3: hsla(0,0%,64%,1);--light-d-4: hsla(0,0%,52%,1);--light-d-5: hsla(0,0%,41%,1);--light-d-6: hsla(0,0%,31%,1);--light-d-7: hsla(0,0%,21%,1);--light-d-8: hsla(0,0%,12%,1);--dark: hsla(225,9.52%,8.24%,1);--dark-5: hsla(225,10%,8%,0.05);--dark-10: hsla(225,10%,8%,0.1);--dark-20: hsla(225,10%,8%,0.2);--dark-30: hsla(225,10%,8%,0.3);--dark-40: hsla(225,10%,8%,0.4);--dark-50: hsla(225,10%,8%,0.5);--dark-60: hsla(225,10%,8%,0.6);--dark-70: hsla(225,10%,8%,0.7);--dark-80: hsla(225,10%,8%,0.8);--dark-90: hsla(225,10%,8%,0.9);--success: hsla(136,95%,56%,1);--success-5: hsla(136,95%,56%,0.05);--success-10: hsla(136,95%,56%,0.1);--success-20: hsla(136,95%,56%,0.2);--success-30: hsla(136,95%,56%,0.3);--success-40: hsla(136,95%,56%,0.4);--success-50: hsla(136,95%,56%,0.5);--success-60: hsla(136,95%,56%,0.6);--success-70: hsla(136,95%,56%,0.7);--success-80: hsla(136,95%,56%,0.8);--success-90: hsla(136,95%,56%,0.9);--error: hsla(351,95%,56%,1);--error-5: hsla(351,95%,56%,0.05);--error-10: hsla(351,95%,56%,0.1);--error-20: hsla(351,95%,56%,0.2);--error-30: hsla(351,95%,56%,0.3);--error-40: hsla(351,95%,56%,0.4);--error-50: hsla(351,95%,56%,0.5);--error-60: hsla(351,95%,56%,0.6);--error-70: hsla(351,95%,56%,0.7);--error-80: hsla(351,95%,56%,0.8);--error-90: hsla(351,95%,56%,0.9);--space-4xs: clamp(0.98rem,calc(-0.12vw + 1.02rem),0.85rem);--space-3xs: clamp(1.23rem,calc(-0.03vw + 1.24rem),1.2rem);--space-2xs: clamp(1.54rem,calc(0.15vw + 1.49rem),1.7rem);--space-xs: clamp(1.92rem,calc(0.45vw + 1.78rem),2.4rem);--space-s: clamp(2.4rem,calc(0.92vw + 2.1rem),3.4rem);--space-m: clamp(3rem,calc(1.67vw + 2.47rem),4.8rem);--space-l: clamp(3.75rem,calc(2.81vw + 2.85rem),6.79rem);--space-xl: clamp(4.69rem,calc(4.55vw + 3.23rem),9.6rem);--space-2xl: clamp(5.86rem,calc(7.14vw + 3.58rem),13.57rem);--space-3xl: clamp(7.32rem,calc(10.99vw + 3.81rem),19.19rem);--space-4xl: clamp(9.15rem,calc(16.65vw + 3.83rem),27.13rem);--text-xs: clamp(1.02rem,calc(-0.11vw + 1.06rem),0.9rem);--text-s: clamp(1.28rem,calc(-0.07vw + 1.3rem),1.2rem);--text-m: clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);--text-l: clamp(2rem,calc(0.12vw + 1.96rem),2.13rem);--text-xl: clamp(2.5rem,calc(0.32vw + 2.4rem),2.84rem);--text-2xl: clamp(3.13rem,calc(0.62vw + 2.93rem),3.79rem);--text-3xl: clamp(3.91rem,calc(1.06vw + 3.57rem),5.05rem);--text-4xl: clamp(4.88rem,calc(1.71vw + 4.33rem),6.73rem);--body-gradient: radial-gradient(color-mix(in oklab,var(--bg-body) 80%,white 20%),black);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--body-text-width: 80ch;--heading-text-width: 30ch;--letter-spacing: .2em;--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);--section-space-x: var(--space-xl);--section-space-y: var(--space-2xl);--section-space-y-s: var(--space-xl);--section-space-y-xs: var(--space-l);--section-space-y-2xs: var(--space-m);--gap: 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.19vw + 0.54rem),0.8rem);--radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),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);}