:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--grid-line-bg: repeating-linear-gradient(to bottom, #e9e8e6 0, #d5d5d5 1px, transparent 0px, transparent 270px);--min-screen-width: 478px;--max-screen-width: 1366px;--primary: #83736B;--secondary: #2E2621;--tertiary: #E7E2D8;--link-color: #ffe9be;--grey-text: #8E8E8E;--base: var(--off-white-bg);--bg-body: var(--off-white-bg);--off-white-bg: #e9e8e6;--dark-cream-bg: #D8D1C4;--dark-grey-bg: #222222;--text-body: var(--dark);--text-title: var(--dark);--success: #009D5D;--error: #DD0534;--error-l-1: #eb5656;--error-l-2: #f6847e;--error-l-3: #feb1aa;--error-l-4: #ffd6d1;--light: var(--off-white-bg);--dark: #000000;--outline-color: var(--link-color);--border-grey: #8B8B8B;--space-4xs: clamp(0.29rem,calc(0.21vw + 0.23rem),0.41rem);--space-3xs: clamp(0.42rem,calc(0.35vw + 0.32rem),0.62rem);--space-2xs: clamp(0.61rem,calc(0.56vw + 0.45rem),0.93rem);--space-xs: clamp(0.89rem,calc(0.9vw + 0.62rem),1.39rem);--space-s: clamp(1.29rem,calc(1.42vw + 0.87rem),2.08rem);--space-m: clamp(1.88rem,calc(2.25vw + 1.2rem),3.13rem);--space-l: clamp(2.72rem,calc(3.55vw + 1.66rem),4.69rem);--space-xl: clamp(3.94rem,calc(5.57vw + 2.28rem),7.03rem);--space-2xl: clamp(5.72rem,calc(8.7vw + 3.12rem),10.55rem);--space-3xl: clamp(8.29rem,calc(13.57vw + 4.23rem),15.82rem);--space-4xl: clamp(12.02rem,calc(21.1vw + 5.71rem),23.73rem);--text-xs: clamp(0.78rem,calc(-0.23vw + 0.85rem),0.66rem);--text-s: clamp(0.89rem,calc(-0.05vw + 0.9rem),0.86rem);--text-m: clamp(1rem,calc(0.23vw + 0.93rem),1.13rem);--text-l: clamp(1.13rem,calc(0.62vw + 0.94rem),1.47rem);--text-xl: clamp(1.28rem,calc(1.18vw + 0.93rem),1.93rem);--text-2xl: clamp(1.44rem,calc(1.96vw + 0.86rem),2.53rem);--text-3xl: clamp(1.63rem,calc(3.03vw + 0.72rem),3.31rem);--text-4xl: clamp(1.84rem,calc(4.5vw + 0.5rem),4.34rem);--text-5xl: clamp(2.08rem,calc(6.49vw + 0.14rem),5.69rem);--text-6xl: clamp(2.35rem,calc(9.18vw + -0.39rem),7.45rem);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--h1: var(--text-5xl);--h2: calc(var(--text-4xl) + 2px);--h3: calc(var(--text-xl) - 2px);--h4: calc(var(--text-l) - 2px);--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));--radius-xs: clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s: clamp(0.38rem,calc(0.23vw + 0.31rem),0.5rem);--radius-m: clamp(0.63rem,calc(0.23vw + 0.56rem),0.75rem);--radius-l: clamp(1rem,calc(0.45vw + 0.87rem),1.25rem);--radius-xl: clamp(1.63rem,calc(0.68vw + 1.42rem),2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-s: 0 1.5px 3px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-m: 0 2px 6px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-l: 0 3px 12px var(--shadow-primary,rgba(0,0,0,0.25));--shadow-xl: 0 6px 48px var(--shadow-primary,rgba(0,0,0,0.25));--transition-fast: 0.1s;--transition-base: 0.2s;--transition-slow: 0.4s;--easing: cubic-bezier(.1,.6,.4,1);}