:root {----font-display: 'Inter', -apple-system, system-ui, sans-serif;----font-body: 'Inter', -apple-system, system-ui, sans-serif;----font-mono: ui-monospace, 'JetBrains Mono', monospace;----type-micro: clamp(8.192px, 0.0225vw + 8.1201px, 8.4438px);----type-caption: clamp(10.24px, 0.0907vw + 9.9498px, 11.2556px);----type-body: clamp(16px, 0.3571vw + 14.8571px, 20px);----type-md: clamp(20px, 0.5946vw + 18.0971px, 26.66px);----type-lg: clamp(25px, 0.9409vw + 21.9892px, 35.5378px);----type-xl: clamp(31.25px, 1.4395vw + 26.6437px, 47.3719px);----type-2xl: clamp(39.0625px, 2.1504vw + 32.1813px, 63.1467px);----type-3xl: clamp(48.8281px, 3.1559vw + 38.7291px, 84.1745px);----type-4xl: clamp(61.0352px, 4.5687vw + 46.4153px, 112.2047px);----type-5xl: clamp(76.2939px, 6.5424vw + 55.3582px, 149.5688px);----type-6xl: clamp(95.3674px, 9.2864vw + 65.6509px, 199.3752px);----lh-tight: 1.1;----lh-snug: 1.2;----lh-normal: 1.45;----lh-relaxed: 1.65;----tracking-normal: 0;----tracking-tight: 0;----tracking-wide: 0.04em;----tracking-caps: 0.08em;----space-xxs: clamp(4px, 0.3571vw + 2.8571px, 8px);----space-xs: clamp(8px, 0.7143vw + 5.7143px, 16px);----space-sm: clamp(16px, 1.4286vw + 11.4286px, 32px);----space-md: clamp(32px, 2.8571vw + 22.8571px, 64px);----space-lg: clamp(64px, 5.7143vw + 45.7143px, 128px);----space-xl: clamp(128px, 11.4286vw + 91.4286px, 256px);----radius-xs: 2px;----radius-sm: 4px;----radius-md: 8px;----radius-lg: 12px;----radius-xl: 16px;----radius-full: 9999px;----shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);----shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);----shadow-lg: 0 12px 36px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);----motion-fast: 150ms;----motion-normal: 300ms;----motion-slow: 600ms;----ease-standard: cubic-bezier(0.4, 0, 0.2, 1);----ease-enter: cubic-bezier(0, 0, 0.2, 1);----ease-exit: cubic-bezier(0.4, 0, 1, 1);----ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);----content-padding-inline: var(--space-sm);----content-width: 1200px;----content-width-narrow: 768px;----content-width-wide: 1360px;----grid-min-col: 280px;----grid-gap: var(--space-sm);----sidebar-width: 320px;----sidebar-main-min: 512px;----reel-item-width: 320px;----reel-scroll-padding: var(--space-sm);----cover-min-height: 80svh;----card-padding: var(--space-sm);----card-gap: var(--space-xs);----card-radius: var(--radius-lg);----card-border-width: 1px;----button-font-size: var(--type-caption);----button-padding-x: var(--space-sm);----button-padding-y: var(--space-xs);----button-radius: var(--radius-sm);----input-font-size: var(--type-body);----input-padding-x: var(--space-sm);----input-padding-y: var(--space-xs);----input-radius: var(--radius-sm);----section-padding-y: var(--space-lg);----section-gap: var(--space-md);----modal-padding: var(--space-md);----modal-radius: var(--radius-xl);----drawer-width: 360px;----drawer-width-mobile: 100vw;----tooltip-max-width: 240px;----tooltip-padding-x: var(--space-xs);----tooltip-padding-y: var(--space-xxs);----toast-max-width: 420px;----avatar-sm: 24px;----avatar-md: 40px;----avatar-lg: 64px;----avatar-xl: 96px;----progress-height: 8px;----progress-radius: 9999px;----z-base: 0;----z-raised: 10;----z-sticky: 100;----z-overlay: 1000;----z-modal: 1100;----z-toast: 1200;----focus-ring-width: 2px;----focus-ring-offset: 2px;--bg: oklch(97% 0.018 70);--surface: oklch(99% 0.008 70);--fg: oklch(22% 0.02 50);--muted: oklch(50% 0.018 50);--border: oklch(90% 0.014 70);--accent: oklch(60% 0.22 25);--font-display: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif;--font-body: 'Inter-Variable', Helvetica, Arial, sans-serif;--shopify-color-white: #FFFFFF;--shopify-color-black: #000000;--shopify-color-void: #000000;--shopify-color-deep-teal: #02090A;--shopify-color-dark-forest: #061A1C;--shopify-color-forest: #102620;--shopify-color-dark-card-border: #1E2C31;--shopify-color-muted-text: #A1A1AA;--shopify-color-shade-70: #3F3F46;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 28px;--space-7: 32px;--space-8: 36px;--space-9: 40px;--space-10: 64px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-20: 20px;--radius-full: 9999px;--brand: var(--color-brand, #0A7E8B);--color-surface: #E0F2F4;--color-surface-raised: #C4C5B8;--color-text: #1A1A1A;--color-brand: #0A7E8B;--color-accent: #ED1F23;--color-neutral: #7D8687;--color-success: #D69818;--color-warning: #DBC586;--color-danger: #ED1F23;--color-footer: #1A1A1A;--color-shadow: #0A2B2F;--font-mono: ui-monospace, monospace;--type-micro: clamp(9.72px, 0.05vw + 9.57px, 10.24px);--type-caption: clamp(11.67px, 0.1vw + 11.34px, 12.8px);--type-sm: clamp(12.8px, 0.14vw + 12.4px, 14px);--type-body: clamp(14px, 0.18vw + 13.43px, 16px);--type-md: clamp(15.5px, 0.22vw + 14.9px, 17px);--type-lg: clamp(20.16px, 0.43vw + 18.78px, 25px);--type-xl: clamp(24.19px, 0.63vw + 22.18px, 31.25px);--type-2xl: clamp(29.03px, 0.9vw + 26.16px, 39.06px);--type-3xl: clamp(34.84px, 1.25vw + 30.84px, 48.83px);--type-4xl: clamp(41.8px, 1.72vw + 36.31px, 61.04px);--space-xxs: clamp(4px, 0.36vw + 2.86px, 8px);--space-xs: clamp(6px, 0.54vw + 4.29px, 12px);--space-sm: clamp(9px, 0.8vw + 6.43px, 18px);--space-md: clamp(13.5px, 1.21vw + 9.64px, 27px);--space-lg: clamp(20.25px, 1.81vw + 14.46px, 40.5px);--radius-base: 10px;--radius-xs: 2.5px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 15px;--radius-xl: 20px;--motion-fast: 150ms;--motion-normal: 300ms;--motion-slow: 600ms;--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);--ease-enter: cubic-bezier(0, 0, 0.2, 1);--ease-exit: cubic-bezier(0.4, 0, 1, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;}