:root {--text-ratio: 1.25;--text-max-px: 20;--text-min-px: 16;--viewport-min-px: 320;--heading-min-px: 60;--viewport-max-px: 1440;--root-size: 10;--heading-max-px: 80;--heading-ratio: 1.333;--space-min-px: 16;--space-max-px: 32;--space-ratio: 1.5;--radius-min-px: 4;--radius-max-px: 16;--radius-ratio: 1.5;--gap-min-px: 16;--gap-max-px: 32;--gap-ratio: 1.5;--border-width: 1px;--status-lighter: 15%;--status-darker: 15%;--h-muted: 215;--s-muted: 30%;--l-muted: 55%;--h-success: 145;--s-success: 65%;--l-success: 45%;--h-warning: 45;--s-warning: 90%;--l-warning: 55%;--h-danger: 0;--s-danger: 85%;--l-danger: 50%;--h-info: 190;--s-info: 80%;--l-info: 50%;--muted-l1: hsl(var(--h-muted), var(--s-muted), calc(var(--l-muted) + var(--lighter-status)));--muted: hsl(var(--h-muted), var(--s-muted), var(--l-muted));--muted-d1: hsl(var(--h-muted), var(--s-muted), calc(var(--l-muted) - var(--darker-status)));--success-l1: hsl(var(--h-success), var(--s-success), calc(var(--l-success) + var(--lighter-status)));--success-d1: hsl(var(--h-success), var(--s-success), calc(var(--l-success) - var(--darker-status)));--warning-l1: hsl(var(--h-warning), var(--s-warning), calc(var(--l-warning) + var(--lighter-status)));--warning: hsl(var(--h-warning), var(--s-warning), var(--l-warning));--warning-d1: hsl(var(--h-warning), var(--s-warning), calc(var(--l-warning) - var(--darker-status)));--danger-l1: hsl(var(--h-danger), var(--s-danger), calc(var(--l-danger) + var(--lighter-status)));--danger: hsl(var(--h-danger), var(--s-danger), var(--l-danger));--danger-d1: hsl(var(--h-danger), var(--s-danger), calc(var(--l-danger) - var(--darker-status)));--info-l1: hsl(var(--h-info), var(--s-info), calc(var(--l-info) + var(--lighter-status)));--info: hsl(var(--h-info), var(--s-info), var(--l-info));--info-d1: hsl(var(--h-info), var(--s-info), calc(var(--l-info) - var(--darker-status)));--heading-color-1: var(--neutral-d2);--heading-color-2: var(--neutral-d1);--text-color-1: var(--neutral-d1);--text-color-2: var(--neutral);--text-invert: var(--light);--heading-invert: var(--light);--border-color: var(--neutral-l-1);--text-base-size: clamp( calc(var(--text-min-px) / var(--root-size) * 1rem), calc( (var(--text-min-px) / var(--root-size) * 1rem) + (var(--text-max-px) - var(--text-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--text-max-px) / var(--root-size) * 1rem) );--heading-base-size: clamp( calc(var(--heading-min-px) / var(--root-size) * 1rem), calc( (var(--heading-min-px) / var(--root-size) * 1rem) + (var(--heading-max-px) - var(--heading-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--heading-max-px) / var(--root-size) * 1rem) );--space-base-unit: clamp( calc(var(--space-min-px) / var(--root-size) * 1rem), calc( (var(--space-min-px) / var(--root-size) * 1rem) + (var(--space-max-px) - var(--space-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--space-max-px) / var(--root-size) * 1rem) );--radius-base-unit: clamp( calc(var(--radius-min-px) / var(--root-size) * 1rem), calc( (var(--radius-min-px) / var(--root-size) * 1rem) + (var(--radius-max-px) - var(--radius-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--radius-max-px) / var(--root-size) * 1rem) );--gap-base-unit: clamp( calc(var(--gap-min-px) / var(--root-size) * 1rem), calc( (var(--gap-min-px) / var(--root-size) * 1rem) + (var(--gap-max-px) - var(--gap-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--gap-max-px) / var(--root-size) * 1rem) );--heading-m: var(--heading-base-size);--heading-s: calc(var(--heading-m) / var(--heading-ratio));--heading-xs: calc(var(--heading-s) / var(--heading-ratio));--heading-l: calc(var(--heading-m) * var(--heading-ratio));--heading-xl: calc(var(--heading-l) * var(--heading-ratio));--line-height-text-xs: calc(var(--text-xs) * 1.5);--line-height-text-s: calc(var(--text-s) * 1.5);--line-height-text-m: calc(var(--text-m) * 1.6);--line-height-text-l: calc(var(--text-l) * 1.5);--line-height-text-xl: calc(var(--text-xl) * 1.4);--line-height-heading-xs: calc(var(--heading-xs) * 1.3);--line-height-heading-s: calc(var(--heading-s) * 1.3);--line-height-heading-m: calc(var(--heading-m) * 1.2);--line-height-heading-l: calc(var(--heading-l) * 1.2);--line-height-heading-xl: calc(var(--heading-xl) * 1.15);--gap-m: var(--gap-base-unit);--gap-s: calc(var(--gap-m) / var(--gap-ratio));--gap-xs: calc(var(--gap-s) / var(--gap-ratio));--gap-2xs: calc(var(--gap-xs) / var(--gap-ratio));--gap-l: calc(var(--gap-m) * var(--gap-ratio));--gap-xl: calc(var(--gap-l) * var(--gap-ratio));--gap-2xl: calc(var(--gap-xl) * var(--gap-ratio));--gap-section: var(--gap-xl);--gap-container: var(--gap-2xl);--container-xs: 40rem;--container-s: 50rem;--container-m: 64rem;--container-l: 72rem;--container-xl: 80rem;--container-2xl: 90rem;--min-screen-width: 320px;--max-screen-width: 1366px;--space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.36vw + 0.91rem),1.4rem);--space-s: clamp(1.28rem,calc(0.67vw + 1.07rem),1.98rem);--space-m: clamp(1.6rem,calc(1.15vw + 1.23rem),2.8rem);--space-l: clamp(2rem,calc(1.87vw + 1.4rem),3.96rem);--space-xl: clamp(2.5rem,calc(2.96vw + 1.55rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.58vw + 1.66rem),7.92rem);--space-3xl: clamp(3.91rem,calc(6.97vw + 1.68rem),11.19rem);--space-4xl: clamp(4.88rem,calc(10.46vw + 1.53rem),15.83rem);--text-xs: clamp(1.15rem,calc(-0.03vw + 1.16rem),1.13rem);--text-s: clamp(1.44rem,calc(0.06vw + 1.42rem),1.5rem);--text-m: clamp(1.8rem,calc(0.19vw + 1.74rem),2rem);--text-l: clamp(2.25rem,calc(0.4vw + 2.12rem),2.67rem);--text-xl: clamp(2.81rem,calc(0.71vw + 2.59rem),3.55rem);--text-2xl: clamp(3.52rem,calc(1.17vw + 3.14rem),4.74rem);--text-3xl: clamp(4.4rem,calc(1.84vw + 3.81rem),6.31rem);--text-4xl: clamp(5.49rem,calc(2.8vw + 4.6rem),8.42rem);--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.19vw + 0.54rem),0.8rem);--radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.38vw + 1.48rem),2rem);--radius-xl: clamp(2.6rem,calc(0.57vw + 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);--text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem);--text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem);--text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem);--text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem);--text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem);--text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem);--text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}