:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--vanno-color-bg: #fffdf9;--vanno-color-surface: #f5f5f2;--vanno-color-surface-soft: #d9d9d9;--vanno-color-heading: #333333;--vanno-color-text: #606060;--vanno-color-muted: #c7c7c7;--vanno-color-border: rgba(255,255,255,0.32);--vanno-color-primary: #006390;--vanno-color-secondary: #ffbd1c;--vanno-color-success: #85d8ff;--vanno-color-warning: #d00416;--vanno-color-danger: #ffafb6;--vanno-color-inverse: #ffffff;--vanno-color-accent: #f47c20;--vanno-color-ink: #010101;--vanno-color-white: #ffffff;--vanno-text-xs: clamp(0.79rem, 0.76rem + 0.12vw, 0.84rem);--vanno-text-sm: clamp(0.89rem, 0.85rem + 0.2vw, 1rem);--vanno-text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);--vanno-text-md: clamp(1.125rem, 1.04rem + 0.4vw, 1.35rem);--vanno-text-lg: clamp(1.35rem, 1.18rem + 0.8vw, 1.875rem);--vanno-text-xl: clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem);--vanno-text-2xl: clamp(2.25rem, 1.75rem + 2.4vw, 3.75rem);--vanno-text-h1: clamp(38px, 4.44vw, 64px);--vanno-text-h2: clamp(30px, 3.33vw, 48px);--vanno-text-h3: clamp(24px, 2.5vw, 36px);--vanno-text-h4: clamp(1.4rem, 1.25rem + 0.8vw, 2rem);--vanno-text-h5: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem);--vanno-text-h6: 1rem;--vanno-text-button: 12px;--vanno-text-button-lg: 1.125rem;--vanno-text-display: clamp(42px, 5vw, 72px);--vanno-text-body: 16px;--vanno-text-small: 13px;--vanno-text-nav: 13px;--vanno-leading-body: 1.55;--vanno-leading-heading: 1.04;--vanno-tracking-heading: 0;--vanno-space-2xs: clamp(0.5rem, 0.45rem + 0.2vw, 0.75rem);--vanno-space-xs: 8px;--vanno-space-sm: 16px;--vanno-space-md: 24px;--vanno-space-lg: clamp(32px, 4.44vw, 64px);--vanno-space-xl: clamp(56px, 6.67vw, 96px);--vanno-space-2xl: clamp(4rem, 2.8rem + 5vw, 8rem);--vanno-space-section-y: clamp(4rem, 3rem + 5vw, 9rem);--vanno-space-button-x: 1.25rem;--vanno-space-button-y: 0.875rem;--vanno-space-button-lg-x: 1.75rem;--vanno-space-button-lg-y: 1rem;--vanno-space-section: clamp(80px, 8.33vw, 120px);--vanno-radius-sm: 0.5rem;--vanno-radius-md: 0.75rem;--vanno-radius-lg: 1rem;--vanno-radius-xl: 1.5rem;--vanno-radius-pill: 999px;--vanno-radius-button: 999rem;--vanno-radius-card: 24px;--vanno-radius-soft: 12px;--vanno-shadow-sm: 0 2px 8px rgb(0 0 0 / 0.08);--vanno-shadow-md: 0 8px 30px rgb(0 0 0 / 0.14);--vanno-shadow-lg: 0 20px 70px rgb(0 0 0 / 0.2);--vanno-shadow-none: none;--vanno-shadow-soft: 0 24px 80px rgba(0,0,0,0.18);--vanno-container-page: 1200px;--vanno-container-wide: 1440px;--vanno-container-content: 780px;--vanno-container-gutter: clamp(1rem, 2vw, 2rem);--vanno-canvas: 1440;--vanno-container-max: 1280px;--vanno-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--vanno-duration: 220ms;--vanno-transition: all 220ms cubic-bezier(0.2, 0.8, 0.2, 1);--vanno-button-min-height: 36px;--vanno-button-border-width: 2px;}