:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--border-thin: 1px;--wbdc-meadow: #7ca688;--wbdc-meadow-deep: #5c8569;--wbdc-meadow-soft: #e5efe7;--wbdc-meadow-ink: #2f4a38;--wbdc-meadow-pitch: #182c1e;--wbdc-slate: #476589;--wbdc-slate-deep: #2f4763;--wbdc-slate-soft: #e1e8ef;--wbdc-slate-ink: #1f3349;--wbdc-papaya: #db5846;--wbdc-papaya-deep: #b8412f;--wbdc-papaya-soft: #f6d7cf;--wbdc-mustard: #ebaf66;--wbdc-mustard-soft: #f8e3c4;--wbdc-beige: #f9f4ec;--wbdc-beige-dark: #efe7da;--wbdc-white: #ffffff;--wbdc-black: #000000;--bg-page: var(--wbdc-beige);--bg-surface: var(--wbdc-white);--bg-surface-alt: var(--wbdc-beige-dark);--bg-section-dark: var(--wbdc-slate-ink);--bg-section-green: var(--wbdc-meadow-ink);--bg-section-light: var(--wbdc-slate-soft);--fg-1: #1a1f1b;--fg-2: #4a524c;--fg-3: #7a8079;--fg-on-dark: var(--wbdc-white);--fg-on-dark-muted: rgba(255,255,255,0.78);--border: #e2d9c8;--border-strong: #c9bea9;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-pill: 999px;--min-screen-width: 320px;--max-screen-width: 1280px;--wbdc-meadow: hsla(133,19%,57%,1);--wbdc-meadow-soft: hsla(133,19%,92%,1);--wbdc-meadow-deep: hsla(133,19%,38%,1);--wbdc-meadow-ink: hsla(133,23%,24%,1);--wbdc-meadow-pitch: hsla(133,19%,14%,1);--wbdc-slate: hsla(213,32%,41%,1);--wbdc-slate-soft: hsla(213,32%,91%,1);--wbdc-slate-deep: hsla(213,32%,29%,1);--wbdc-slate-ink: hsla(213,40%,21%,1);--wbdc-papaya: hsla(6,62%,57%,1);--wbdc-papaya-soft: hsla(6,62%,89%,1);--wbdc-papaya-deep: hsla(6,62%,45%,1);--wbdc-mustard: hsla(33,77%,66%,1);--wbdc-mustard-deep: hsla(33,65%,56%,1);--wbdc-mustard-soft: hsla(33,77%,87%,1);--wbdc-beige: hsla(37,52%,95%,1);--wbdc-beige-dark: hsla(37,42%,89%,1);--border-primary: hsla(35,25%,82%,1);--shadow-primary: hsla(0,0%,0%,0.15);--color-bg-body: hsla(37,52%,95%,1);--color-bg-surface: hsla(37,42%,89%,1);--color-bg-dark: hsla(213,40%,21%,1);--color-bg-dark-alt: hsla(133,23%,24%,1);--color-text-body: hsla(0,0%,11%,1);--color-text-heading: hsla(0,0%,0%,1);--color-text-muted: hsla(0,0%,17%,1);--color-text-on-dark: hsla(0,0%,100%,1);--color-text-muted-on-dark: hsla(0,0%,78%,1);--wbdc-light: hsla(0,0%,100%,1);--wbdc-light-5: hsla(0,0%,100%,0.05);--wbdc-light-10: hsla(0,0%,100%,0.1);--wbdc-light-20: hsla(0,0%,100%,0.2);--wbdc-light-30: hsla(0,0%,100%,0.3);--wbdc-light-40: hsla(0,0%,100%,0.4);--wbdc-light-50: hsla(0,0%,100%,0.5);--wbdc-light-60: hsla(0,0%,100%,0.6);--wbdc-light-70: hsla(0,0%,100%,0.7);--wbdc-light-80: hsla(0,0%,100%,0.8);--wbdc-light-90: hsla(0,0%,100%,0.9);--wbdc-dark: hsla(0,0%,0%,1);--wbdc-dark-5: hsla(0,0%,0%,0.05);--wbdc-dark-10: hsla(0,0%,0%,0.1);--wbdc-dark-20: hsla(0,0%,0%,0.2);--wbdc-dark-30: hsla(0,0%,0%,0.3);--wbdc-dark-40: hsla(0,0%,0%,0.4);--wbdc-dark-50: hsla(0,0%,0%,0.5);--wbdc-dark-60: hsla(0,0%,0%,0.6);--wbdc-dark-70: hsla(0,0%,0%,0.7);--wbdc-dark-80: hsla(0,0%,0%,0.8);--wbdc-dark-90: hsla(0,0%,0%,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);--color-action: hsla(6,62%,57%,1);--space-6xs: clamp(0.28rem,calc(0.35vw + 0.21rem),0.49rem);--space-5xs: clamp(0.34rem,calc(0.42vw + 0.25rem),0.59rem);--space-4xs: clamp(0.4rem,calc(0.5vw + 0.3rem),0.7rem);--space-3xs: clamp(0.48rem,calc(0.6vw + 0.36rem),0.84rem);--space-2xs: clamp(0.58rem,calc(0.72vw + 0.43rem),1.01rem);--space-xs: clamp(0.69rem,calc(0.87vw + 0.52rem),1.22rem);--space-s: clamp(0.83rem,calc(1.04vw + 0.63rem),1.46rem);--space-m: clamp(1rem,calc(1.25vw + 0.75rem),1.75rem);--space-l: clamp(1.2rem,calc(1.5vw + 0.9rem),2.1rem);--space-xl: clamp(1.44rem,calc(1.8vw + 1.08rem),2.52rem);--space-2xl: clamp(1.73rem,calc(2.16vw + 1.3rem),3.02rem);--space-3xl: clamp(2.07rem,calc(2.59vw + 1.55rem),3.63rem);--space-4xl: clamp(2.49rem,calc(3.11vw + 1.87rem),4.35rem);--space-5xl: clamp(2.99rem,calc(3.73vw + 2.24rem),5.23rem);--space-6xl: clamp(3.58rem,calc(4.48vw + 2.69rem),6.27rem);--text-xs: clamp(0.69rem,calc(0.14vw + 0.67rem),0.78rem);--text-s: clamp(0.83rem,calc(0.17vw + 0.8rem),0.94rem);--text-m: clamp(1rem,calc(0.21vw + 0.96rem),1.13rem);--text-l: clamp(1.2rem,calc(0.25vw + 1.15rem),1.35rem);--text-xl: clamp(1.44rem,calc(0.3vw + 1.38rem),1.62rem);--text-2xl: clamp(1.73rem,calc(0.36vw + 1.66rem),1.94rem);--text-3xl: clamp(2.07rem,calc(0.43vw + 1.99rem),2.33rem);--text-4xl: clamp(2.49rem,calc(0.52vw + 2.38rem),2.8rem);--text-5xl: clamp(2.99rem,calc(0.62vw + 2.86rem),3.36rem);--text-6xl: clamp(3.58rem,calc(0.75vw + 3.43rem),4.03rem);--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;--line-height-2xl: 1.6;--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);--letter-spacing-tight: -0.01em;--letter-spacing-wide: 0.08em;--motion-nudge: 3px;--menu-vert-space: clamp(0.6rem,calc(0.31vw + 0.49rem),1rem);--tag-space: clamp(0.8rem,calc(0.47vw + 0.63rem),1.4rem);--item-space: clamp(1rem,calc(0.63vw + 0.77rem),1.8rem);--content-short: 50%;--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));--radius-xs: clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s: clamp(0.38rem,calc(0.21vw + 0.33rem),0.5rem);--radius-m: clamp(0.63rem,calc(0.21vw + 0.58rem),0.75rem);--radius-l: clamp(1rem,calc(0.42vw + 0.92rem),1.25rem);--radius-xl: clamp(1.63rem,calc(0.63vw + 1.5rem),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);--transition-smooth: all 0.3s ease-in-out;--transition-quick: all 0.1s ease-in-out;--icon-size-m: 24px;}