@font-face{font-family:Satoshi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/Satoshi-400.2oultpqxb_gh9.woff2)format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;font-display:swap;src:url(../media/Satoshi-500.2gbh8zsgu5xby.woff2)format("woff2")}
:root{--kyvo-white:#fff;--kyvo-mist:#eaebea;--kyvo-onyx:#0e0e0f;--kyvo-stone:#9a968f;--kyvo-graphite:#2b2b2d;--kyvo-sand:#c8b9a6;--product-heat:#c47a5a;--product-ice:#8fa9b6;--kyvo-onyx-80:#0e0e0fcc;--kyvo-onyx-40:#0e0e0f66;--kyvo-onyx-06:#0e0e0f0f;--kyvo-onyx-04:#0e0e0f0a;--kyvo-stone-40:#9a968f66;--kyvo-stone-30:#9a968f4d;--kyvo-white-72:#ffffffb8;--kyvo-white-16:#ffffff29;--surface-page:var(--kyvo-white);--surface-muted:var(--kyvo-mist);--surface-dark:var(--kyvo-graphite);--surface-inverse:var(--kyvo-onyx);--surface-hover:var(--kyvo-onyx-04);--surface-scrim:#0e0e0f66;--text-primary:var(--kyvo-onyx);--text-body:var(--kyvo-onyx-80);--text-secondary:var(--kyvo-stone);--text-on-dark:var(--kyvo-white);--text-on-dark-secondary:var(--kyvo-white-72);--text-disabled:var(--kyvo-onyx-40);--border-divider:var(--kyvo-stone-30);--border-field:var(--kyvo-stone-40);--border-field-focus:var(--kyvo-onyx);--border-on-dark:var(--kyvo-white-16)}
:root{--font-sans:"Satoshi","DM Sans",system-ui,sans-serif;--weight-regular:400;--weight-medium:500;--size-eyebrow:13px;--size-eyebrow-mobile:12px;--size-h1:64px;--size-h1-mobile:40px;--size-h2:36px;--size-h2-mobile:28px;--size-h3:22px;--size-body:18px;--size-body-mobile:16px;--size-small:14px;--size-caption:12px;--size-button:16px;--size-h1-fluid:clamp(40px,calc(30px + 2.65vw),64px);--size-h2-fluid:clamp(28px,calc(24.7px + .88vw),36px);--size-body-fluid:clamp(16px,calc(15.2px + .22vw),18px);--size-eyebrow-fluid:clamp(12px,calc(11.6px + .11vw),13px);--leading-h1:1.05;--leading-h2:1.15;--leading-body:1.55;--leading-ui:1.2;--tracking-eyebrow:.2em;--tracking-heading:-.01em;--tracking-body:0;--type-h1:var(--weight-medium) var(--size-h1-fluid)/var(--leading-h1) var(--font-sans);--type-h2:var(--weight-medium) var(--size-h2-fluid)/var(--leading-h2) var(--font-sans);--type-h3:var(--weight-medium) var(--size-h3)/1.3 var(--font-sans);--type-body:var(--weight-regular) var(--size-body-fluid)/var(--leading-body) var(--font-sans);--type-small:var(--weight-regular) var(--size-small)/1.5 var(--font-sans);--type-caption:var(--weight-regular) var(--size-caption)/1.4 var(--font-sans);--type-button:var(--weight-medium) var(--size-button)/1 var(--font-sans);--type-label:var(--weight-medium) var(--size-small)/1.3 var(--font-sans);--type-eyebrow:var(--weight-medium) var(--size-eyebrow-fluid)/1.2 var(--font-sans)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:72px;--space-10:96px;--space-11:120px;--space-12:160px;--section-gap:120px;--section-gap-mobile:72px;--section-gap-fluid:clamp(72px,calc(52px + 5.3vw),120px);--page-margin:clamp(20px,4vw,64px);--gutter:24px;--content-max:1280px;--text-max:52ch;--radius-none:0;--radius-xs:0;--radius-s:0;--radius-control:0;--radius-card:0;--radius-pill:999px;--control-height:52px;--control-height-s:40px}
:root{--shadow-none:none;--shadow-still-life:0 40px 80px -24px #0e0e0f24;--shadow-overlay:0 24px 64px -16px #0e0e0f2e;--focus-ring:0 0 0 2px var(--kyvo-white),0 0 0 3px var(--kyvo-onyx);--icon-stroke:1.5px}
:root{--ease-calm:cubic-bezier(.22,.61,.36,1);--ease-settle:cubic-bezier(.16,1,.3,1);--dur-quick:.2s;--dur-base:.4s;--dur-slow:.8s}@keyframes kyvo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root{--dur-quick:0s;--dur-base:0s;--dur-slow:0s}}
html{background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font:var(--type-body);color:var(--text-body);margin:0}a{color:var(--text-primary);transition:opacity var(--dur-quick) var(--ease-calm);text-decoration:none}a:hover{opacity:.64}::selection{background:var(--kyvo-mist);color:var(--kyvo-onyx)}:focus-visible{box-shadow:var(--focus-ring);outline:none}

@font-face{font-family:KYVO Condensed;font-weight:700;src:local(HelveticaNeue-CondensedBold),local(Helvetica Neue Condensed Bold)}:root[data-typo=kartong]{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-condensed:"KYVO Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--type-h1:700 clamp(48px, calc(32px + 4vw), 88px)/.92 var(--font-condensed);--type-h2:700 clamp(32px, calc(26px + 1.2vw), 44px)/.95 var(--font-condensed);--type-h3:700 24px/1.1 var(--font-condensed);--type-body:400 var(--size-body-fluid)/1.5 var(--font-sans);--type-small:400 14px/1.45 var(--font-sans);--type-caption:400 12px/1.4 var(--font-sans);--type-label:700 13px/1.3 var(--font-sans);--type-button:700 14px/1 var(--font-sans);--type-eyebrow:700 12px/1.25 var(--font-sans);--tracking-eyebrow:.02em;--tracking-heading:0}:root[data-typo=kartong] h1,:root[data-typo=kartong] h2{text-transform:uppercase}:root[data-typo=kartong] [data-role=field-label]{text-transform:uppercase;letter-spacing:.02em}:root[data-typo=kartong] button{text-transform:uppercase;letter-spacing:.04em;font-size:14px!important}:root[data-typo=kartong] [data-role=choice]{font-weight:400!important}:root[data-typo=kartong] header p{font-weight:300}
@font-face{font-family:KYVO Banner Condensed;font-weight:700;src:local(HelveticaNeue-CondensedBold),local(Helvetica Neue Condensed Bold)}@font-face{font-family:KYVO Banner Light;font-weight:300;src:local(HelveticaNeue-Light),local(Helvetica Neue Light)}:root[data-banner=kartong] header{background:var(--kyvo-onyx)}:root[data-banner=kartong] header [data-part=logo] svg{fill:var(--kyvo-white-72)!important}:root[data-banner=kartong] header [data-part=copy]>div:first-child{letter-spacing:.02em!important;color:var(--kyvo-white-72)!important;font:700 13px/1.25 KYVO Banner Condensed,Arial Narrow,Arial,sans-serif!important}:root[data-banner=kartong] header [data-part=title]{text-transform:uppercase;letter-spacing:0;color:var(--kyvo-white-72);font:700 clamp(30px,24px + 1.6vw,44px)/1 KYVO Banner Condensed,Arial Narrow,Arial,sans-serif}:root[data-banner=kartong] header [data-part=lead]{color:var(--kyvo-white-72);font-family:KYVO Banner Light,Helvetica Neue,Arial,sans-serif;font-weight:300}:root[data-banner=kartong] header button{text-transform:uppercase;letter-spacing:.04em;font-family:Helvetica Neue,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important}