:root{--color-bg: #f5f3f0;--color-surface: #ffffff;--color-surface-soft: #f8f6f1;--color-heading: #2d4a3b;--color-text: #5a6b65;--color-link: #3a5a40;--color-link-hover: #588157;--color-border: rgba(58, 90, 64, .08);--color-shadow: rgba(0, 0, 0, .06);--color-accent: #d4a373;--color-accent-hover: #c4956b;--color-hero-bg: #dad7cd;--color-input-bg: #ffffff;--color-input-text: #333333;--color-input-border: #e8e5dd;--color-variant-bg: #ffffff;--color-variant-text: #3a5a40;--color-variant-border: #e8e5dd;--color-variant-hover-bg: #f9f7f4;--color-variant-hover-text: #3a5a40;--color-variant-hover-border: #d4a373;--color-variant-selected-bg: #3a5a40;--color-variant-selected-text: #ffffff;--color-variant-selected-border: #3a5a40;--color-button-primary-text: #ffffff;--color-button-secondary-hover-bg: rgba(88, 129, 87, .08);--color-hero-body: #344e41;--color-image-placeholder-bg: #eee9e1;--color-price-compare: rgba(90, 107, 101, .85);--container-page: 1200px;--container-hero: 1440px;--hero-min-height: 82vh;--hero-content-max-width: 680px;--hero-text-max-width: 680px;--hero-subtitle-max-width: 430px;--hero-body-max-width: 390px;--usp-columns: minmax(320px, 420px) minmax(0, 1fr);--usp-max-width: 1120px;--usp-content-max-width: 760px;--usp-image-min-height: 620px;--usp-image-min-height-tablet: 480px;--usp-image-min-height-mobile: 380px;--story-columns: minmax(0, 1fr) minmax(320px, 520px);--story-gap: clamp(2rem, 4vw, 4rem);--story-content-max-width: 680px;--story-image-min-height: 520px;--story-image-min-height-tablet: 420px;--story-image-min-height-mobile: 320px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 8px;--radius-card: 16px;--radius-pill: 999px;--radius-button: 999px;--radius-button-soft: 6px;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: .85rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.4rem;--space-2xl: 1.8rem;--space-3xl: 2rem;--space-4xl: 2.4rem;--space-5xl: 3rem;--space-6xl: 4rem;--section-padding: clamp(2.4rem, 4vw, 3.2rem);--section-margin-top: 4rem;--section-margin-bottom: 2.4rem;--content-padding: clamp(1rem, 2vw, 2rem);--usp-padding: clamp(1.25rem, 2vw, 2rem);--usp-gap: clamp(2rem, 4vw, 4.5rem);--usp-grid-gap: 1rem 1.2rem;--card-padding: 1.35rem 1.25rem;--card-padding-mobile: 1.2rem 1.05rem;--button-padding: .9rem 1.2rem;--button-padding-hero: .9rem 1.4rem;--field-padding: .8rem 1rem;--space-eyebrow-bottom: .75rem;--space-heading-bottom: 1rem;--space-title-bottom: .6rem;--space-text-bottom: 1.2rem;--space-price-bottom: 1.25rem;--space-actions-top: 1.45rem;--space-actions-gap: .75rem;--space-grid-gap: 1.2rem;--space-price-gap: .55rem;--space-icon-bottom: .9rem;--space-divider-bottom: 1.4rem;--space-story-title-bottom: 2.25rem;--space-story-subtitle-bottom: 1.25rem;--space-quote-top: 1.4rem;--size-button-min-width: 128px;--size-button-min-height: 46px;--size-variant-min-height: 40px;--size-field-min-height: 44px;--size-card-min-height: 180px;--size-icon: 2.4rem;--size-icon-image: 18px;--size-divider-width: 72px;--size-divider-height: 2px;--font-size-section-h2: clamp(1.7rem, 3.1vw, 2.4rem);--font-size-section-h3: clamp(1.15rem, 1.8vw, 1.4rem);--font-size-hero-h1: clamp(3.8rem, 5.2vw, 5.8rem);--font-size-hero-h1-tablet: clamp(3rem, 10vw, 4.8rem);--font-size-hero-h1-mobile: clamp(3rem, 14vw, 4.2rem);--font-size-hero-h2: clamp(1.5rem, 2.8vw, 2.8rem);--font-size-hero-body: clamp(1rem, 1.05vw, 1.1rem);--font-size-lead: 1.02rem;--font-size-subtitle: 1.35rem;--font-size-card-title: 1.02rem;--font-size-product-title: 1.06rem;--font-size-product-price: 1.05rem;--font-size-product-price-compare: .95rem;--font-size-button: .82rem;--font-size-review: .98rem;--font-size-review-quote: 1rem;--font-size-eyebrow: .78rem;--font-size-story-subtitle: .92rem;--line-height-tight: 1.15;--line-height-title: 1.3;--line-height-base: 1.72;--line-height-copy: 1.65;--line-height-hero-body: 1.7;--line-height-review: 1.7;--line-height-eyebrow: 1.4;--line-height-story-subtitle: 1.5;--line-height-price: 1.2;--transition-fast: .22s ease;--transition-base: .24s ease;--transition-button: .25s ease;--transition-image: .3s ease;--motion-ease-soft: cubic-bezier(.22, 1, .36, 1);--motion-ease-press: cubic-bezier(.2, 0, .2, 1);--motion-duration-fast: .18s;--motion-duration-base: .26s;--motion-duration-slow: .8s;--motion-lift-sm: -2px;--motion-lift-md: -4px;--motion-press: .985;--motion-hero-distance: 14px;--motion-hero-distance-mobile: 8px;--motion-hero-delay-step: .16s;--motion-divider-start-width: 0px;--motion-image-zoom: 1.025;--motion-icon-lift: -2px;--motion-card-active-scale: .99;--motion-reveal-distance: 18px;--motion-reveal-distance-mobile: 8px;--motion-reveal-duration: .9s;--motion-reveal-delay: .12s;--shadow-section: 0 10px 28px var(--color-shadow);--shadow-image: 0 16px 36px rgba(0, 0, 0, .1);--shadow-story: 0 8px 20px rgba(0, 0, 0, .05);--shadow-review: 0 4px 12px rgba(0, 0, 0, .04);--shadow-button: 0 14px 30px rgba(0, 0, 0, .08);--shadow-card: 0 6px 18px rgba(0, 0, 0, .04);--shadow-card-hover: 0 12px 26px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(88, 129, 87, .08);--hero-overlay: linear-gradient( 90deg, rgba(218, 215, 205, .97) 0%, rgba(218, 215, 205, .92) 27%, rgba(218, 215, 205, .7) 43%, rgba(218, 215, 205, .35) 56%, rgba(218, 215, 205, .1) 66%, rgba(218, 215, 205, 0) 76% );--usp-card-bg: rgba(255, 255, 255, .72);--usp-card-border: rgba(58, 90, 64, .08);--usp-card-hover-border: rgba(212, 163, 115, .26);--usp-icon-bg: rgba(212, 163, 115, .12);--usp-icon-bg-hover: rgba(212, 163, 115, .16);--usp-icon-border: rgba(212, 163, 115, .16);--usp-icon-border-hover: rgba(212, 163, 115, .24);--card-bg: rgba(255, 255, 255, .72);--card-bg-hover: #ffffff;--card-border: rgba(58, 90, 64, .08);--card-border-hover: rgba(212, 163, 115, .26)}:root{--mobile-hero-overlay: linear-gradient( 90deg, rgba(246, 242, 232, .94) 0%, rgba(246, 242, 232, .82) 38%, rgba(246, 242, 232, .42) 66%, rgba(246, 242, 232, .08) 100% );--mobile-hero-content-width: 72%;--mobile-hero-content-offset: -8px;--mobile-hero-logo-width: 640px;--mobile-hero-logo-height: 124px;--mobile-hero-title-size: clamp(1.9rem, 8vw, 2.45rem);--mobile-hero-title-color: var(--color-link);--mobile-hero-title-shadow: 0 1px 0 rgba(246, 242, 232, .95), 0 2px 10px rgba(246, 242, 232, .95), 0 4px 22px rgba(246, 242, 232, .8);--mobile-hero-button-bg-soft: rgba(246, 242, 232, .62)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/janko-tokens.css.map */