:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 480px;--max-screen-width: 1245px;--primary: #2F699E;--secondary: #3A80C1;--tertiary: #525252;--quatarnary: #B3CDE0;--purple: #794c8d;--bg-body: #ffffff;--bg-surface: #eeeeee;--bg-hover: #153550;--text-body: #1B2D26;--text-body-2: #F4F6F8;--text-title: #153550;--text-menu-link: #525252;--text-link-hover: #666666;--text-menu-link-scroll: #CCCCCC;--text-breadcrumb: #999999;--border-primary: #ffffff26;--shadow-primary: hsla(0,0%,0%,0.15);--shadow-secondary: #00000080;--light: #ffffff;--dark: #000000;--space-5xs: clamp(0.4rem,calc(0.13vw + 0.34rem),0.5rem);--space-4xs: clamp(0.6rem,calc(0.26vw + 0.47rem),0.8rem);--space-3xs: clamp(0.7rem,calc(0.39vw + 0.51rem),1rem);--space-2xs: clamp(1rem,calc(0.26vw + 0.88rem),1.2rem);--space-xs: clamp(1.2rem,calc(0.52vw + 0.95rem),1.6rem);--space-s: clamp(1.6rem,calc(0.52vw + 1.35rem),2rem);--space-m: clamp(2rem,calc(0.52vw + 1.75rem),2.4rem);--space-l: clamp(2.4rem,calc(0.78vw + 2.02rem),3rem);--space-xl: clamp(3rem,calc(1.31vw + 2.37rem),4rem);--space-2xl: clamp(4rem,calc(1.31vw + 3.37rem),5rem);--space-3xl: clamp(4rem,calc(2.61vw + 2.75rem),6rem);--space-4xl: clamp(3rem,calc(6.54vw + -0.14rem),8rem);--space-5xl: clamp(6rem,calc(5.23vw + 3.49rem),10rem);--space-section-x: clamp(2rem,calc(1.31vw + 1.37rem),3rem);--space-section-y: clamp(8rem,calc(2.61vw + 6.75rem),10rem);--space-section-y-sm: clamp(4rem,calc(3.92vw + 2.12rem),7rem);--text-3xs: clamp(1rem,calc(0.13vw + 0.94rem),1.1rem);--text-2xs: clamp(1.3rem,calc(0.13vw + 1.24rem),1.4rem);--text-xs: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);--text-s: clamp(1.6rem,calc(0vw + 1.6rem),1.6rem);--text-m: clamp(1.7rem,calc(0.13vw + 1.64rem),1.8rem);--text-l: clamp(1.8rem,calc(0.26vw + 1.68rem),2rem);--text-xl: clamp(2.2rem,calc(0.78vw + 1.82rem),2.8rem);--text-2xl: clamp(2.6rem,calc(0.65vw + 2.29rem),3.1rem);--text-xxl: clamp(3rem,calc(0.78vw + 2.62rem),3.6rem);--text-3xl: clamp(3.1rem,calc(1.7vw + 2.28rem),4.4rem);--text-4xl: clamp(3.7rem,calc(2.75vw + 2.38rem),5.8rem);--text-5xl: clamp(4.5rem,calc(4.58vw + 2.3rem),8rem);--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));--max-screen-width-xs: 77.5rem;--max-screen-width-s: 93rem;--max-screen-width-m: 156rem;--max-screen-width-l: 186rem;--radius-xs: 0.2rem;--radius-s: 0.3rem;--radius-base: 0.8rem;--radius-m: 1.2rem;--radius-l: 1.6rem;--radius-xl: 4rem;--radius-full: 999rem;--text-shadow-m: 0 0 25px var(--shadow-secondary);--shadow-xs: 0 8px 16px var(--drop-shadow-2);--shadow-s: 0 4px 12px 0 var(--drop-shadow);--shadow-m: 0 0px 12px 0 var(--drop-shadow);--shadow-l: 0 6px 8px 0 var(--drop-shadow);--shadow-xl: 0 12px 20px 0 var(--drop-shadow);--shadow-header: 0 2px 12px 4px var(--drop-shadow);}