@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--kh-bg:#c4dbf3}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-glancyr);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-1{inset-inline:var(--spacing)}.top-0{top:0}.top-1\/2{top:50%}.top-\[76px\]{top:76px}.right-3{right:calc(var(--spacing) * 3)}.right-\[60px\]{right:60px}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[60px\]{left:60px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[35\]{z-index:35}.z-\[60\]{z-index:60}.z-\[101\]{z-index:101}.col-span-12{grid-column:span 12/span 12}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[3px\]{margin-top:3px}.mt-\[58px\]{margin-top:58px}.mt-auto{margin-top:auto}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.\!h-\[31px\]{height:31px!important}.\!h-auto{height:auto!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[21px\]{height:21px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[27px\]{height:27px}.h-\[37px\]{height:37px}.h-\[200px\]{height:200px}.h-full{height:100%}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[112px\]{min-height:112px}.min-h-\[150px\]{min-height:150px}.min-h-\[168px\]{min-height:168px}.min-h-\[240px\]{min-height:240px}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[14px\]{width:14px}.w-\[18px\]{width:18px}.w-\[20px\]{width:20px}.w-\[22px\]{width:22px}.w-\[37px\]{width:37px}.w-\[70px\]{width:70px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)}.w-\[min\(340px\,calc\(100vw-24px\)\)\]{width:min(340px,100vw - 24px)}.w-full{width:100%}.max-w-\[42vw\]{max-width:42vw}.max-w-\[380px\]{max-width:380px}.max-w-\[425px\]{max-width:425px}.max-w-\[760px\]{max-width:760px}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-2{min-width:calc(var(--spacing) * 2)}.min-w-\[15px\]{min-width:15px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-\[76px\]{scroll-margin-top:76px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[28px_minmax\(130px\,1fr\)_minmax\(170px\,1\.3fr\)_minmax\(140px\,1fr\)_110px_130px\]{grid-template-columns:28px minmax(130px,1fr) minmax(170px,1.3fr) minmax(140px,1fr) 110px 130px}.grid-cols-\[90px_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_50px_100px\]{grid-template-columns:90px minmax(0,1fr) minmax(0,1.2fr) 50px 100px}.grid-cols-\[minmax\(150px\,1\.2fr\)_minmax\(170px\,1\.3fr\)_90px_100px_110px_120px_100px\]{grid-template-columns:minmax(150px,1.2fr) minmax(170px,1.3fr) 90px 100px 110px 120px 100px}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[18px\]{gap:18px}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-\[18px\]{row-gap:18px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[4px\]{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-t-\[8px\]{border-top-left-radius:8px;border-top-right-radius:8px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-transparent{border-top-color:#0000}.\!bg-white{background-color:var(--color-white)!important}.bg-transparent{background-color:#0000}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[13px\]{padding-top:13px}.pt-\[19px\]{padding-top:19px}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-\[140px\]{padding-bottom:140px}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[9\.5px\]{font-size:9.5px}.text-\[10\.5px\]{font-size:10.5px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.\!whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(14\,5\,70\,0\.10\)\]{--tw-shadow:0 6px 20px var(--tw-shadow-color,#0e05461a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus-within\:opacity-100:focus-within{opacity:1}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[var\(--cc-accent-soft\)\]:hover{background-color:var(--cc-accent-soft)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-\[0\.97\]:hover{--tw-brightness:brightness(.97);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:mt-10{margin-top:calc(var(--spacing) * 10)}.sm\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.sm\:block{display:block}.sm\:contents{display:contents}.sm\:hidden{display:none}.sm\:h-\[29px\]{height:29px}.sm\:min-h-\[131px\]{min-height:131px}.sm\:max-w-\[220px\]{max-width:220px}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:text-\[24px\]{font-size:24px}}@media (min-width:48rem){.md\:right-auto{right:auto}.md\:left-1\/2{left:50%}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:w-\[calc\(50\%-18px\)\]{width:calc(50% - 18px)}.md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[260px_minmax\(0\,1fr\)\]{grid-template-columns:260px minmax(0,1fr)}.md\:justify-center{justify-content:center}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-4{top:calc(var(--spacing) * 4)}.lg\:top-\[76px\]{top:76px}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:max-h-\[calc\(100vh-260px\)\]{max-height:calc(100vh - 260px)}.lg\:w-\[calc\(25\%-18px\)\]{width:calc(25% - 18px)}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.lg\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(320px\,1fr\)_2fr\]{grid-template-columns:minmax(320px,1fr) 2fr}.lg\:gap-y-14{row-gap:calc(var(--spacing) * 14)}.lg\:overflow-y-auto{overflow-y:auto}.lg\:pb-0{padding-bottom:0}.lg\:pb-5{padding-bottom:calc(var(--spacing) * 5)}}@media (min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&_\.bs-emo\]\:w-auto .bs-emo{width:auto}.\[\&\>button\]\:\!h-11>button{height:calc(var(--spacing) * 11)!important}.\[\&\>button\]\:w-full>button{width:100%}.\[\&\>button\]\:\!text-\[13px\]>button{font-size:13px!important}.\[\&\>button\]\:\!font-semibold>button{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.\[\&\>span\]\:\!w-full>span{width:100%!important}@media (min-width:40rem){.sm\:\[\&\>span\]\:\!w-\[260px\]>span{width:260px!important}}}:root{--kumo-red:#4f1515;--kumo-red-light:#591a1a;--kumo-offwhite:#fffdf9;--shampoo-dark:#134485;--shampoo-mid:#5791cd;--shampoo-light:#c4dbf3;--conditioner-dark:#467d30;--conditioner-mid:#7cba59;--conditioner-light:#c9e0b4;--mask-dark:#d29703;--mask-mid:#fab90b;--mask-light:#fff4db;--gutter:clamp(1.25rem, 4vw, 3.5rem);--w-regular:550;--w-medium:700;--w-semibold:850;--tracking:.1em;--tekst-kapitalen:uppercase;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.65, 0, .35, 1);--glide:cubic-bezier(.7, 0, .2, 1);--logo-w:69px;--logo-top:28px;--tile-dash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.669 133.51'%3E%3Crect x='15.16' width='36.351' height='133.51' rx='8.243'/%3E%3C/svg%3E");--tile-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264.104 96.901'%3E%3Ccircle cx='66.026' cy='48.451' r='48.451'/%3E%3C/svg%3E");--tile-dot2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264.104 96.901'%3E%3Ccircle cx='198.078' cy='48.451' r='48.451'/%3E%3C/svg%3E");--tile-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210.4 135'%3E%3Cpath d='M0 135A105.2 105.2 0 0 1 210.4 135' fill='none' stroke='%23000' stroke-width='54'/%3E%3C/svg%3E");--tile-zigzag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 257.517 187.772'%3E%3Cpath d='M11.593,187.772h27.937c6.403,0,11.594-5.191,11.594-11.594L92.024,11.594C92.024,5.191,86.833,0,80.43,0h-27.937C46.09,0,40.899,5.191,40.899,11.594L0,176.178c0,6.403,5.191,11.594,11.594,11.594Z'/%3E%3Cpath d='M209.189,187.772h-27.937c-6.403,0-11.594-5.191-11.594-11.594L128.758,11.594c0-6.403,5.191-11.594,11.594-11.594h27.937c6.403,0,11.594,5.191,11.594,11.594l40.899,164.585c0,6.403-5.191,11.594-11.594,11.594Z'/%3E%3C/svg%3E")}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-glancyr), system-ui, sans-serif;font-stretch:75%;font-weight:var(--w-regular);background:var(--kumo-offwhite);-webkit-font-smoothing:antialiased;text-transform:var(--tekst-kapitalen);font-size:1.0625rem;line-height:1.5}:focus-visible{outline-offset:4px;outline:3px solid}.display{font-stretch:75%;font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--tracking);line-height:.95}.page{background:var(--page-bg);min-height:100vh;color:var(--page-fg);position:relative}.page--kumo{--page-bg:var(--kumo-offwhite);--page-fg:var(--kumo-red);--page-mid:var(--shampoo-light);--page-accent:var(--shampoo-mid);--header-tint:var(--shampoo-light)}.page--shampoo{--page-bg:var(--shampoo-light);--page-fg:var(--kumo-red);--page-mid:var(--shampoo-mid);--page-accent:var(--shampoo-dark);--header-tint:var(--shampoo-light);--header-vol:var(--shampoo-light)}.page--conditioner{--page-bg:var(--conditioner-light);--page-fg:var(--kumo-red);--page-mid:var(--conditioner-mid);--page-accent:var(--conditioner-dark);--header-tint:var(--conditioner-light);--header-vol:var(--conditioner-light)}.page--mask{--page-bg:var(--mask-light);--page-fg:var(--kumo-red);--page-mid:var(--mask-mid);--page-accent:var(--mask-dark);--header-tint:var(--mask-light);--header-vol:var(--mask-light)}.pattern{--strand:2rem;gap:calc(var(--strand) * .2);flex-direction:column;width:100%;display:flex}.pattern[data-kind=long]{gap:calc(var(--strand) * .36)}.strand{height:var(--strand);transform-origin:50% 100%;background:currentColor;display:block;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:round no-repeat;mask-repeat:round no-repeat}.strand--bar{height:calc(var(--strand) * .32);border-radius:calc(var(--strand) * .07)}.strand--dash{-webkit-mask-image:var(--tile-dash);-webkit-mask-image:var(--tile-dash);-webkit-mask-image:var(--tile-dash);-webkit-mask-image:var(--tile-dash);mask-image:var(--tile-dash)}.strand--wave{-webkit-mask-image:var(--tile-wave);-webkit-mask-image:var(--tile-wave);-webkit-mask-image:var(--tile-wave);-webkit-mask-image:var(--tile-wave);mask-image:var(--tile-wave)}.strand--dot,.strand--dot2{height:calc(var(--strand) * .73);-webkit-mask-image:var(--tile-dot);-webkit-mask-image:var(--tile-dot);-webkit-mask-image:var(--tile-dot);-webkit-mask-image:var(--tile-dot);mask-image:var(--tile-dot)}.strand--dot2{margin-top:calc(var(--strand) * -.93);-webkit-mask-image:var(--tile-dot2);-webkit-mask-image:var(--tile-dot2);-webkit-mask-image:var(--tile-dot2);-webkit-mask-image:var(--tile-dot2);mask-image:var(--tile-dot2)}.strand--zigzag{height:calc(var(--strand) * 1.25);-webkit-mask-image:var(--tile-zigzag);-webkit-mask-image:var(--tile-zigzag);-webkit-mask-image:var(--tile-zigzag);-webkit-mask-image:var(--tile-zigzag);mask-image:var(--tile-zigzag)}@media (prefers-reduced-motion:no-preference){.strand{transition:transform .5s var(--spring)}.pattern--draw .strand{clip-path:inset(0 100% 0 0);animation:draw 1s var(--ease) forwards}@keyframes draw{to{clip-path:inset(0)}}html[data-intro=play]:has(.intro) .pattern--draw .strand{animation-play-state:paused}.reveal .strand{transition:clip-path 1.1s var(--ease), transform .5s var(--spring)}.reveal[data-inview=false] .strand{clip-path:inset(0 100% 0 0)}.reveal[data-inview=true] .strand{clip-path:inset(0)}.reveal .pattern:nth-child(2) .strand{transition-delay:.1s,0s}.reveal .pattern:nth-child(3) .strand{transition-delay:.2s,0s}.reveal .pattern:nth-child(4) .strand{transition-delay:.3s,0s}.reveal .pattern:nth-child(5) .strand{transition-delay:.4s,0s}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--bar:first-child{transform-origin:0;transform:scaleX(.93)}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--bar:last-child{transform-origin:100%;transform:scaleX(.93)}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--dash{animation:hopjes calc(var(--stappen,24) * 24ms) steps(var(--stappen,24), start)}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--wave{animation:1s linear hopjes}@keyframes hopjes{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) :is(.strand--dot,.strand--dot2){animation:.9s cubic-bezier(.3,0,.5,1) stuiter}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--dot2{animation-delay:.16s}@keyframes stuiter{0%{transform:translateY(0)scaleY(1)}22%{transform:translateY(-62%)scaleY(1.06)}44%{transform:translateY(0)scaleY(.84)}62%{transform:translateY(-26%)scaleY(1)}80%{transform:translateY(0)scaleY(.93)}to{transform:translateY(0)scaleY(1)}}:is(.coat-row,.box-link,.stapkaart,.v-vacht-rij,.kh-vacht,.pmenu-tegel,.reeks-kolom,.pervacht-vacht):is(:hover,:focus-visible) .strand--zigzag{animation:hopjes calc(var(--stappen,12) * 75ms) steps(var(--stappen,12), start)}}.site-header{z-index:10;height:112px;color:var(--kumo-red);transition:color .35s var(--ease);pointer-events:none;position:fixed;top:0;left:0;right:0}.site-header>*{pointer-events:auto}.site-header:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--header-tint,var(--shampoo-light)) 22%, transparent 100%);transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.site-header[data-toon=donker]{color:var(--kumo-offwhite)}.site-header[data-toon=donker]:before{opacity:0}.site-header[data-toon=donker] .site-cart{background:var(--kumo-offwhite);color:var(--kumo-red)}.onder-kop{padding-top:112px}.site-logo{top:var(--logo-top);width:var(--logo-w);position:absolute;left:50%;translate:-50%}.site-logo svg{width:100%;height:auto;display:block}.site-menu{position:absolute;top:35px;right:76px}.site-nav{font-size:11.5px;line-height:17px;font-weight:var(--w-medium);letter-spacing:var(--tracking);text-transform:uppercase;white-space:nowrap;gap:24px;display:flex}.site-nav a{text-underline-offset:.3em;margin:-8px 0;padding:8px 0;display:inline-block}.site-nav a:hover,.site-nav [aria-current=page],.site-nav-knop[data-actief]{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1.5px}.site-cart{cursor:pointer;background:var(--kumo-red);width:20px;height:20px;color:var(--kumo-offwhite);font-family:inherit;font-size:11.5px;line-height:1;font-weight:var(--w-medium);transition:background-color .35s var(--ease), color .35s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:34px;right:34px}@media (max-width:960px){.site-header:before{background:linear-gradient(to bottom, var(--header-vol,var(--shampoo-light)) 70%, transparent 100%)}.site-menu{top:70px;left:0;right:0}.site-nav{justify-content:center;gap:clamp(9px,3.4vw,24px);font-size:clamp(10.5px,3.1vw,12.5px)}.site-cart{top:32px;right:var(--gutter)}}.intro{--uS:min(100cqw / 1000, 100cqh / 911);z-index:100;background:var(--kumo-red);color:var(--kumo-offwhite);clip-path:inset(0);display:none;position:fixed;inset:0;overflow:hidden;container-type:size}html[data-intro=play] .intro,.intro[data-phase="5"]{display:block}html[data-intro=play]:has(.intro){background:var(--kumo-red);overflow:hidden}.intro-letter{width:calc(var(--w) * var(--k));aspect-ratio:var(--w) / var(--h);transform-origin:50% 0;animation:intro-pop .6s var(--spring) var(--d,0s) both;position:absolute;top:0;left:0}.intro-letter svg{width:100%;height:100%;position:absolute;inset:0}.intro-letter--k{--d:0s}.intro-letter--u{--d:60ms}.intro-letter--m{--d:.12s}.intro-letter--o{--d:.18s}@keyframes intro-pop{0%{opacity:0;scale:.8}}.intro-letter--k{--w:715.73;--h:697.83;transform-origin:26.5% 0}.intro-letter--u{--w:343.64;--h:382.86}.intro-letter--m{--w:536.16;--h:464.32}.intro-letter--o{--w:387.62;--h:387.62}.intro-letter{--k:calc(.7585 * var(--uS))}.intro-letter--k{translate:calc(59 * var(--uS)) calc(50 * var(--uS))}.intro-letter--u{translate:calc(100cqw - 324 * var(--uS)) calc(50 * var(--uS))}.intro-letter--m{translate:calc(94 * var(--uS)) calc(100cqh - 397 * var(--uS))}.intro-letter--o{translate:calc(100cqw - 357 * var(--uS)) calc(100cqh - 368 * var(--uS))}.intro-k-lang{opacity:0;clip-path:circle(78% at 0 0)}.intro:is([data-phase="3"],[data-phase="4"],[data-phase="5"]) .intro-k-lang{opacity:1;clip-path:circle(142% at 0 0);transition:clip-path .5s var(--ease) .1s}.intro:is([data-phase="3"],[data-phase="4"],[data-phase="5"]) .intro-letter--k svg:first-child{opacity:0;transition:opacity 0s .62s}.intro[data-phase="5"]{pointer-events:none;clip-path:inset(0 0 100%);transition:clip-path .8s var(--glide)}.badges{flex-wrap:wrap;gap:.5rem;display:flex}.badges li{font-size:.875rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);border:1.5px solid;border-radius:999px;padding:.3rem .85rem}@supports (text-box:trim-both cap alphabetic){.badges li{padding:.72em .95em;padding-left:calc(.95em + var(--tracking));text-box:trim-both cap alphabetic;line-height:1}}.button{background:var(--kumo-offwhite);color:var(--kumo-red);font-weight:var(--w-semibold);letter-spacing:var(--tracking);border-radius:.5rem;padding:.9rem 1.4rem;display:inline-block}.button:hover{background:var(--shampoo-light)}.stappen{background:var(--kumo-red-light);height:100svh;min-height:34rem;color:var(--kumo-offwhite);touch-action:pan-y;position:relative;overflow:hidden}.stappen-labels li{font-family:var(--font-kumo), var(--font-glancyr), sans-serif;white-space:nowrap;font-size:clamp(.95rem,1.985vw,2.25rem);line-height:1;position:absolute;top:52.4%;translate:-50%}.stappen-labels li:first-child{left:12.06%}.stappen-labels li:nth-child(2){left:36.17%}.stappen-labels li:nth-child(3){left:60.24%}.stappen-labels span{font-family:var(--font-glancyr), sans-serif;font-weight:var(--w-semibold)}.stappen-bak{z-index:1;pointer-events:none;position:absolute;inset:0}.stappen-titel{left:var(--gutter);pointer-events:none;font-size:clamp(2.5rem,7.78vw,9rem);position:absolute;bottom:6.45%}.routine-titel{width:max-content;font-weight:var(--w-regular);letter-spacing:var(--tracking);padding-left:var(--tracking);text-align:center;font-size:clamp(2.6rem,min(6.15vw,9.9svh),7.5rem);line-height:1.21;position:absolute;top:52%;left:50%;translate:-50% -50%}.routine-knop,.routine-verder{white-space:nowrap;font-size:1.1875rem;line-height:1.5;position:absolute;left:50%;translate:-50%}.routine-knop{z-index:0;background:var(--shampoo-light);color:var(--kumo-red-light);transition:background-color .2s, scale .3s var(--spring);border-radius:999px;padding:.6rem 1.9rem;top:70.2%}.routine-knop:hover{background:var(--kumo-offwhite);scale:1.05}.routine-verder{z-index:2;color:var(--shampoo-light);bottom:4.6%}.routine-verder:hover{text-underline-offset:.3em;text-decoration:underline}.bol{--d:16.76vw;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);font-size:calc(var(--d) * .1347);text-align:center;visibility:hidden;will-change:transform;border-radius:50%;place-items:center;line-height:1.15;display:grid;position:absolute}.bol--klein{--d:11.5vw;font-size:calc(var(--d) * .1406)}.bol>span{flex-direction:column;display:flex}.bol--shampoo{background:var(--shampoo-mid)}.bol--conditioner{background:var(--conditioner-mid)}.bol--mask{background:var(--mask-mid)}.bol--klein.bol--shampoo{background:var(--shampoo-light);color:var(--shampoo-dark)}.bol--klein.bol--conditioner{background:var(--conditioner-light);color:var(--conditioner-dark)}.bol--klein.bol--mask{background:var(--mask-light);color:var(--mask-dark)}.stappen-bak[data-live] .bol{visibility:visible;top:0!important;left:0!important;rotate:none!important}.hero,.routine,.kit{scroll-margin-top:3rem}.hero{padding:clamp(2rem, 5vw, 4rem) var(--gutter) clamp(3.5rem, 7vw, 6rem)}.hero-title{max-width:13ch;font-size:clamp(2.75rem,8vw,7rem)}.hero-intro{max-width:34ch;margin-top:1.25rem;font-size:1.1875rem}.coats{margin-top:clamp(2.5rem,5vw,4rem)}.coat-row{--strand:clamp(1.5rem, 3.4vw, 2.75rem);border-top:1px solid;grid-template-columns:minmax(4.2em,auto) minmax(0,1fr) minmax(0,17rem);align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,2vw,1.6rem) 0;display:grid}@supports (color:color-mix(in lab, red, red)){.coat-row{border-top:1px solid color-mix(in srgb, currentColor 22%, transparent)}}.coat-row{font-size:clamp(2.5rem,6vw,5rem)}.coats li:last-child .coat-row{border-bottom:1px solid}@supports (color:color-mix(in lab, red, red)){.coats li:last-child .coat-row{border-bottom:1px solid color-mix(in srgb, currentColor 22%, transparent)}}.coat-word{font-family:var(--font-kumo), var(--font-glancyr), sans-serif;text-transform:none;font-size:1em;line-height:1}.coat-pattern{color:var(--shampoo-mid)}.coat-tag{text-align:right;letter-spacing:var(--tracking);font-size:1rem;line-height:1.3}@media (max-width:700px){.coat-row{grid-template-columns:1fr auto;row-gap:.9rem}.coat-pattern{grid-area:2/1/auto/-1}}.routine{padding:clamp(3.5rem, 7vw, 6rem) var(--gutter);background:var(--kumo-offwhite);color:var(--kumo-red)}.routine-title{font-size:clamp(2rem,5vw,4rem)}.bays{grid-template-columns:4fr 1.35fr 2.3fr;margin-top:clamp(2rem,4vw,3rem);display:grid}.bay{text-align:center;flex-direction:column;padding:clamp(1.25rem,2.2vw,2rem);display:flex}.bay--shampoo{background:var(--shampoo-mid)}.bay--conditioner{background:var(--conditioner-mid)}.bay--mask{background:var(--mask-mid)}.bay-step{font-size:1.5rem}.bay-title{font-size:1.1875rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin-top:.75rem}.bay-text{max-width:26ch;margin:.25rem auto 2rem;font-size:1rem;line-height:1.4}.bay-products{justify-content:center;align-items:flex-end;gap:clamp(.6rem,1.2vw,1.1rem);margin-top:auto;display:flex}.bay-products li{flex:1 1 0;max-width:10.5rem}.bay-part{font-stretch:75%;font-weight:var(--w-regular);letter-spacing:.1em;text-transform:uppercase;margin-top:1.25rem;font-size:.9375rem}@media (max-width:960px){.bays{grid-template-columns:1fr}.bay-products{flex-wrap:wrap}.bay-products li{flex:0 0 calc(50% - .6rem);max-width:9.5rem}}.box-link{display:block}.box{background:var(--box-dark);width:100%;color:var(--box-light);text-align:left;display:block;container-type:inline-size}.box--shampoo{--box-dark:var(--shampoo-dark);--box-mid:var(--shampoo-mid);--box-light:var(--shampoo-light)}.box--conditioner{--box-dark:var(--conditioner-dark);--box-mid:var(--conditioner-mid);--box-light:var(--conditioner-light)}.box--mask{--box-dark:var(--mask-dark);--box-mid:var(--mask-mid);--box-light:var(--mask-light)}.box-inner{flex-direction:column;height:100%;padding:9cqi 9cqi 10cqi;display:flex}.box-logo{align-self:center;width:34cqi;margin-bottom:9cqi}.box-name{font-stretch:75%;font-weight:var(--w-semibold);font-size:var(--name-size);letter-spacing:var(--tracking);text-transform:uppercase;flex-direction:column;line-height:1;display:flex}.box-name--target{align-items:flex-end}.box-for,.box-meta{font-stretch:75%;font-weight:var(--w-regular);letter-spacing:.1em;text-transform:uppercase;font-size:6.4cqi;line-height:1}.box-for{margin:6cqi 0 3cqi}.box-meta{flex-direction:column;gap:4cqi;margin-top:8cqi;display:flex}.box-pattern{--strand:9cqi;color:var(--box-mid);margin-top:auto}.box--mask .box-inner{padding:7cqi 9cqi 8cqi}.box--mask .box-logo{width:26cqi;margin-bottom:5cqi}.box--mask .box-meta{flex-direction:row;gap:6cqi;margin-top:5cqi}.box--mask .box-pattern{--strand:6.5cqi}.kit{padding:clamp(4rem, 9vw, 8rem) var(--gutter);background:var(--kumo-red);color:var(--kumo-offwhite);position:relative;overflow:hidden}.kit-patterns{color:var(--kumo-red-light);flex-direction:column;justify-content:space-between;padding:1.5rem 0;display:flex;position:absolute;inset:0}.kit-patterns .pattern{--strand:clamp(2.5rem, 7vw, 5.5rem)}.kit-text{max-width:30rem;position:relative}.kit-title{font-size:clamp(2.25rem,5.5vw,4.5rem);line-height:.95}.kit-word{font-family:var(--font-kumo), sans-serif;text-transform:none;font-size:1.15em}.kit-word span:first-child{color:var(--shampoo-mid)}.kit-word span:nth-child(2){color:var(--conditioner-mid)}.kit-word span:nth-child(3){color:var(--mask-mid)}.kit-text p{margin:1.25rem 0 1.75rem;font-size:1.1875rem}.product{padding:clamp(1rem, 3vw, 2.5rem) var(--gutter) clamp(3.5rem, 7vw, 6rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.product-visual{background:var(--page-mid);justify-content:center;padding:clamp(2rem,6vw,5rem) 1.5rem;display:flex}.product-visual .box{width:min(100%,17rem)}.product-info{max-width:36rem}.product-step{font-weight:var(--w-medium);color:var(--page-accent);letter-spacing:var(--tracking)}.product-name{margin-top:.5rem;font-size:clamp(2.25rem,5vw,4rem)}.product-tagline{font-size:1.375rem;font-weight:var(--w-regular);letter-spacing:var(--tracking);margin-top:1rem}.product-pattern{--strand:1.75rem;max-width:24rem;color:var(--page-accent);margin:1.75rem 0}.product-description{font-size:1.1875rem}.product-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:1rem 2.5rem;margin:2rem 0 1.5rem;display:grid}.product-facts dt{font-size:.875rem}.product-facts dd{font-size:1.1875rem;font-weight:var(--w-semibold)}@media (max-width:800px){.product{grid-template-columns:1fr}}.knop{color:var(--knop-fg,var(--kumo-red));align-items:center;gap:4px;font-size:1.0625rem;line-height:1.5;display:inline-flex}.knop-tekst,.knop-pijl{background:var(--knop-bg,var(--kumo-offwhite));transition:background-color .2s, translate .35s var(--spring), rotate .35s var(--spring)}.knop-tekst{border-radius:999px;padding:.55rem 1.45rem}.knop-pijl{border-radius:50%;flex:none;place-items:center;width:2.7rem;height:2.7rem;display:grid}.knop-pijl svg{width:.95rem;height:.95rem}.knop:is(:hover,:focus-visible) :is(.knop-tekst,.knop-pijl){background:var(--knop-hover,var(--shampoo-light))}.knop:is(:hover,:focus-visible) .knop-pijl{translate:5px -5px;rotate:8deg}.knop--licht{--knop-bg:var(--shampoo-light);--knop-hover:var(--kumo-offwhite)}.v-titel{font-size:clamp(2rem,4.45vw,4rem)}.v-titel--groot{font-size:clamp(2.5rem,7.78vw,8.5rem)}.letter-regel{display:block}.popbol{background:var(--tint,var(--shampoo-light));transition:scale .45s var(--spring);border-radius:50%;position:absolute;scale:0}.ticker{z-index:3;background:var(--shampoo-light);width:calc(100% + 2rem);color:var(--shampoo-dark);margin:-1.25rem -1rem -.75rem;padding:clamp(.9rem,1.5vw,1.35rem) 0;position:relative;overflow:hidden;rotate:-.7deg}.ticker-spoor{width:max-content;animation:108s linear infinite ticker;display:flex}.ticker:hover .ticker-spoor{animation-play-state:paused}.ticker-rij{flex:none;display:flex}.ticker-rij li{letter-spacing:.15em;white-space:nowrap;align-items:center;gap:clamp(1.25rem,2.2vw,2rem);padding-right:clamp(1.25rem,2.2vw,2rem);font-size:clamp(1.05rem,1.7vw,1.55rem);line-height:1;display:flex}.ticker-vet{font-weight:var(--w-semibold)}.ticker-rij li:after{content:"";background:currentColor;border-radius:50%;flex:none;width:.26em;height:.26em}@keyframes ticker{to{translate:-50%}}@media (prefers-reduced-motion:reduce){.ticker-spoor{animation:none}}.v-stappen{padding:clamp(3.5rem, 7vw, 6rem) var(--gutter) clamp(5rem, 9vw, 8rem);background:var(--kumo-offwhite);color:var(--kumo-red);scroll-margin-top:3rem;overflow-x:clip}.stapkaarten{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2rem,4vw,3.5rem);display:grid}.stapkaart{background:var(--mid);min-height:clamp(30rem,44vw,39.5rem);color:var(--kumo-offwhite);text-align:center;rotate:var(--r);transition:rotate .5s var(--spring), translate .5s var(--spring);flex-direction:column;align-items:center;padding:2rem 1.5rem 0;display:flex;position:relative;overflow:hidden}.stapkaart--shampoo{--r:-1.6deg;--mid:var(--shampoo-mid);--tint:var(--shampoo-light);--donker:var(--shampoo-dark)}.stapkaart--conditioner{--r:1.2deg;--mid:var(--conditioner-mid);--tint:var(--conditioner-light);--donker:var(--conditioner-dark);z-index:1}.stapkaart--mask{--r:-.9deg;--mid:var(--mask-mid);--tint:var(--mask-light);--donker:var(--mask-dark)}.stapkaart:is(:hover,:focus-within){z-index:2;translate:0 -.75rem;rotate:none}.stapkaart-deel{letter-spacing:var(--tracking);font-size:.9375rem}.stapkaart-naam{margin-top:.5rem;font-size:clamp(2rem,3.5vw,3.15rem)}.stapkaart-beeld{aspect-ratio:1;flex:none;place-items:center;width:min(62%,15rem);margin:1.25rem 0;display:grid;position:relative}.stapkaart-beeld .popbol{inset:4%}.stapkaart:is(:hover,:focus-within) .popbol{scale:1}.stapkaart-fles{width:auto;height:96%;color:var(--donker);transition:rotate .5s var(--spring);position:absolute;top:2%;left:50%;translate:-50%}.stapkaart:is(:hover,:focus-within) .stapkaart-fles{rotate:9deg}.stapkaart-tekst{max-width:22ch;margin-bottom:1.25rem;font-size:clamp(1.0625rem,1.56vw,1.4rem);line-height:1.4}.stapkaart-lijntje{--strand:1.6rem;width:auto;color:var(--donker);align-self:stretch;margin:auto -1.5rem 0;padding-top:2rem}@media (prefers-reduced-motion:no-preference){.stapkaarten.reveal[data-inview=false] .stapkaart{opacity:0}.stapkaarten.reveal[data-inview=true] .stapkaart{animation:kaart-in .75s var(--spring) backwards}.stapkaarten.reveal[data-inview=true] .stapkaart:nth-child(2){animation-delay:.1s}.stapkaarten.reveal[data-inview=true] .stapkaart:nth-child(3){animation-delay:.2s}@keyframes kaart-in{0%{opacity:0;translate:0 4rem;rotate:calc(var(--r) * 6)}}}@media (max-width:820px){.stapkaarten{grid-template-columns:1fr;gap:0}.stapkaart{min-height:0}.stapkaart-beeld{width:min(48%,12rem)}}.v-vacht,.v-kit,.afmaken{position:relative}.v-vacht:before,.v-vacht:after,.kit-pin:before,.v-kit:before,.afmaken:before,.afmaken:after,.poort:after{content:"";background:radial-gradient(circle at 50% 100%, var(--rand,var(--kumo-red)) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;pointer-events:none;height:1.25rem;position:absolute;left:0;right:0}.v-vacht:before,.kit-pin:before,.v-kit:before,.afmaken:before{bottom:calc(100% - 1px)}.v-vacht:after,.afmaken:after,.poort:after{background-image:radial-gradient(circle at 50% 0, var(--rand,var(--kumo-red)) 70%, transparent 71.5%);top:calc(100% - 1px)}.poort{z-index:1;background:var(--page-bg);position:relative}.poort:after{background-image:radial-gradient(circle at 50% 0, var(--poort-rand,var(--page-bg)) 70%, transparent 71.5%)}.poort--blauw{--poort-rand:var(--shampoo-light)}.v-vacht{--rand:var(--kumo-red);z-index:1;padding:clamp(4rem, 8vw, 7rem) var(--gutter) clamp(4.5rem, 9vw, 8rem);background:var(--kumo-red);color:var(--kumo-offwhite);scroll-margin-top:1rem}.v-vacht-intro{max-width:22rem;color:var(--shampoo-light);margin-top:1.25rem;font-size:1.1875rem}.v-vacht-lijst{margin-top:clamp(2.5rem,5vw,4rem);position:relative}.v-vacht-rij{--strand:clamp(1.5rem, 3.1vw, 2.75rem);border-top:1px solid;grid-template-columns:minmax(4.4em,auto) minmax(0,1fr) minmax(0,16rem);align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,1.9vw,1.6rem) 0;display:grid}@supports (color:color-mix(in lab, red, red)){.v-vacht-rij{border-top:1px solid color-mix(in srgb, currentColor 28%, transparent)}}.v-vacht-rij{transition:opacity .25s, padding .35s var(--spring);font-size:clamp(2.25rem,3.6vw,3.25rem)}.v-vacht-lijst li:last-child .v-vacht-rij{border-bottom:1px solid}@supports (color:color-mix(in lab, red, red)){.v-vacht-lijst li:last-child .v-vacht-rij{border-bottom:1px solid color-mix(in srgb, currentColor 28%, transparent)}}.v-vacht-woord{font-family:var(--font-kumo), var(--font-glancyr), sans-serif;text-transform:none;line-height:1}.v-vacht-lijntje{color:var(--shampoo-mid);transition:color .25s}.v-vacht-zin{letter-spacing:var(--tracking);text-align:right;font-size:1rem;line-height:1.3}@media (hover:hover){.v-vacht-lijst:has(.v-vacht-rij:hover) .v-vacht-rij:not(:hover){opacity:.4}.v-vacht-rij:hover{padding-left:1rem}.v-vacht-rij:hover .v-vacht-lijntje{color:var(--shampoo-light)}}.v-vacht-voorbeeld{z-index:3;top:var(--my,50%);left:var(--mx,62%);pointer-events:none;width:clamp(7.5rem,10.5vw,10rem);transition:top .18s ease-out,left .18s ease-out;position:absolute;translate:2.5rem -55%}.v-vacht-doos{opacity:0;width:100%;transition:opacity .15s, scale .4s var(--spring), rotate .4s var(--spring);position:absolute;top:0;left:0;rotate:-25deg;scale:.2}.v-vacht-doos[data-aan=true]{opacity:1;rotate:8deg;scale:1}.v-vacht-doos .popbol{aspect-ratio:1;width:156%;top:14%;left:-28%;scale:1}.v-vacht-doos .box{position:relative}@media (hover:none){.v-vacht-voorbeeld{display:none}}@media (max-width:700px){.v-vacht-rij{grid-template-columns:1fr auto;row-gap:.9rem}.v-vacht-lijntje{grid-area:2/1/auto/-1}.v-vacht-zin{max-width:11rem}}.reeks{background:var(--kumo-offwhite);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.25rem;padding:clamp(5rem,8.5vw,7.75rem) clamp(1.25rem,2.85vw,2.6rem) clamp(4rem,7vw,6rem);scroll-margin-top:1rem;display:grid}.reeks-kolom{text-align:center;color:var(--donker);flex-direction:column;align-items:center;display:flex;position:relative}.reeks-link{flex-direction:column;display:flex}.reeks-link:after{content:"";position:absolute;inset:0}.reeks-link:focus-visible{outline:none}.reeks-link:focus-visible:after{outline-offset:4px;border-radius:1rem;outline:2px solid}.reeks-kolom--shampoo{--mid:var(--shampoo-mid);--donker:var(--shampoo-dark);--licht:var(--shampoo-light)}.reeks-kolom--conditioner{--mid:var(--conditioner-mid);--donker:var(--conditioner-dark);--licht:var(--conditioner-light)}.reeks-kolom--mask{--mid:var(--mask-mid);--donker:var(--mask-dark);--licht:var(--mask-light)}.reeks-deel{letter-spacing:var(--tracking);color:var(--mid);font-size:.9375rem}.reeks-soort{color:var(--mid);margin-top:1.4rem;font-size:clamp(2rem,3.47vw,3.25rem)}.reeks-beeld{justify-content:space-between;align-self:stretch;align-items:center;height:clamp(13rem,19vw,17rem);margin:clamp(2.5rem,5vw,4.75rem) 0 clamp(2rem,3.4vw,3rem);display:flex;position:relative}.reeks-product{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 3.5rem}.reeks-lijntje{--strand:clamp(1.9rem, 2.9vw, 2.6rem);width:calc(clamp(13rem, 19vw, 17.5rem) * var(--lengte,1));color:var(--donker);translate:-50% -50%;rotate:var(--draai);transition:rotate .6s var(--spring), scale .6s var(--spring);position:absolute;top:50%;left:50%}.reeks-fles{--fles:#f3ede0;--fles-schaduw:#e2dac8;width:auto;height:88%;color:var(--mid);transition:rotate .5s var(--spring);position:relative}@media (hover:hover){.reeks-kolom:hover .reeks-fles{rotate:8deg}.reeks-kolom:hover .reeks-lijntje{rotate:calc(var(--draai) - 7deg);scale:1.07}}.rondknop{z-index:1;border:2px solid var(--donker);background:var(--kumo-offwhite);width:2.95rem;height:2.95rem;color:var(--donker);cursor:pointer;transition:background-color .2s, color .2s, scale .3s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.rondknop svg{width:1.25rem;height:1.25rem}.rondknop:hover{background:var(--donker);color:var(--kumo-offwhite);scale:1.08}.rondknop:active{scale:.94}.rondknop:focus-visible{outline-offset:3px;outline-width:2px}.reeks-naam{flex-direction:column;min-height:1.75em;font-size:clamp(2rem,3.33vw,3.1rem);line-height:.86;display:flex}.reeks-zin{letter-spacing:var(--tracking);margin-top:.9rem;font-size:.9375rem}.reeks-knoppen{z-index:1;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:1.5rem;display:flex;position:relative}.pil{border:1px solid var(--donker);min-width:8.4rem;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;cursor:pointer;transition:background-color .2s, color .2s, scale .3s var(--spring);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.42rem 1.1rem;font-size:.875rem;line-height:1.4;display:inline-flex}.pil svg{width:1.15rem;height:1.15rem;transition:translate .3s var(--spring)}.pil--licht{background:var(--licht);color:var(--donker)}.pil--donker{border-color:var(--donker);background:var(--donker);color:var(--licht)}.pil:hover{scale:1.05}.pil--licht:hover{background:var(--donker);color:var(--licht)}.pil--donker:hover svg{translate:4px}.pil:active{scale:.96}@media (prefers-reduced-motion:no-preference){.reeks-lijntje{animation:reeks-in .6s var(--spring)}.reeks-lijntje .pattern{animation:teken-in .55s var(--ease) 50ms backwards}@keyframes teken-in{0%{clip-path:inset(-60% 100% -60% 0)}to{clip-path:inset(-60% 0)}}.reeks-tekst{animation:reeks-tekst .4s var(--ease)}@keyframes reeks-in{0%{opacity:0;scale:.8;rotate:calc(var(--draai) + var(--richting) * 34deg)}}@keyframes reeks-tekst{0%{opacity:0;translate:0 .6rem}}}@media (max-width:860px){.reeks{grid-template-columns:1fr;gap:4.5rem 0}.reeks-kolom{width:min(100%,26rem);margin:0 auto}.reeks-beeld{height:15rem}.reeks-lijntje{width:calc(15rem * var(--lengte,1))}}@media (prefers-reduced-motion:no-preference){.site-cart[data-vol]{animation:cart-plop .5s var(--spring)}@keyframes cart-plop{0%{scale:1.7}}}.v-kit{--rand:var(--shampoo-light);z-index:1;padding:clamp(4.5rem, 9vw, 8rem) var(--gutter) clamp(5rem, 9vw, 8rem);background:var(--shampoo-light);color:var(--kumo-red);scroll-margin-top:1rem}.v-kit-binnen{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:84rem;margin:0 auto;display:grid}.v-kit-label{font-size:1.1875rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);align-items:baseline;gap:.5em;display:flex}.v-kit-label .kit-word{letter-spacing:0;font-size:2em;line-height:.8}.v-kit-label .kit-word span:first-child{color:var(--shampoo-dark)}.v-kit-label .kit-word span:nth-child(2){color:var(--conditioner-dark)}.v-kit-label .kit-word span:nth-child(3){color:var(--mask-dark)}.v-kit-vraag{margin-top:1.1rem;font-size:clamp(2.3rem,5.5vw,5.1rem);line-height:1.04}.v-kit-invul{white-space:nowrap;position:relative}.v-kit-invul input{max-width:100%;color:var(--shampoo-dark);font:inherit;letter-spacing:inherit;text-transform:uppercase;transition:width .25s var(--ease);background:0 0;border:0;border-radius:0;padding:0 .04em}.v-kit-invul input::placeholder{color:var(--shampoo-dark)}@supports (color:color-mix(in lab, red, red)){.v-kit-invul input::placeholder{color:color-mix(in srgb, var(--shampoo-dark) 30%, transparent)}}.v-kit-invul input::placeholder{opacity:1}.v-kit-invul input:focus-visible{outline:none}.v-kit-invul:has(input:placeholder-shown:not(:focus)):before{content:"";background:var(--shampoo-dark);pointer-events:none;width:.05em;height:.72em;animation:1.1s step-end infinite knipper;position:absolute;top:.16em;left:0}@keyframes knipper{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.v-kit-invul:has(input:placeholder-shown:not(:focus)):before{animation:none}}:is(.kh-groot-veld,.veld input,.veld select):focus-visible{border-bottom-color:var(--shampoo-mid);outline:none}.v-kit-uitleg{max-width:34rem;margin:1.6rem 0 2rem;font-size:1.1875rem}.v-kit-beeld{flex-direction:column;align-items:center;display:flex}.v-kit-beeld .penning{--d:clamp(10.5rem, 19vw, 17rem);--koord:clamp(5.5rem, 10vw, 9rem);margin-top:calc(-1*clamp(4.5rem,9vw,8rem) - .5rem)}.v-kit-bollen{justify-content:center;margin-top:1.25rem;display:flex}.bolletje{aspect-ratio:1;width:clamp(6.5rem,15vw,12.5rem);transition:translate 1s var(--spring), rotate 1s var(--spring);border-radius:50%;place-items:center;margin-inline:-1.1rem;font-size:clamp(.85rem,1.6vw,1.45rem);display:grid}.bolletje--shampoo{background:var(--shampoo-mid);rotate:-7deg}.bolletje--conditioner{z-index:1;background:var(--conditioner-mid);rotate:13deg}.bolletje--mask{background:var(--mask-mid);rotate:-9deg}@media (prefers-reduced-motion:no-preference){.reveal[data-inview=false] .bolletje--shampoo{translate:-9rem;rotate:-200deg}.reveal[data-inview=false] .bolletje--conditioner{translate:0 -3rem;rotate:60deg}.reveal[data-inview=false] .bolletje--mask{translate:9rem;rotate:190deg}}.v-kit .bolletje{width:clamp(4.75rem,9vw,8rem);color:var(--kumo-offwhite);margin-inline:-.5rem;font-size:clamp(.7rem,1.02vw,.95rem)}@media (max-width:820px){.v-kit-binnen{grid-template-columns:1fr}.v-kit-beeld{order:-1}.v-kit-beeld .penning{--d:10.5rem;--koord:4rem}}.grootpil{background:var(--kumo-red);color:var(--kumo-offwhite);font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;cursor:pointer;transition:scale .3s var(--spring), opacity .2s;border-radius:999px;align-items:center;gap:.7rem;padding:.7rem 1.7rem;font-size:1.1875rem;line-height:1.5;display:inline-flex}.grootpil svg{width:1.25rem;height:1.25rem;transition:translate .3s var(--spring)}.grootpil:hover{scale:1.05}.grootpil:hover svg{translate:4px}.grootpil:active{scale:.97}.grootpil:disabled{opacity:.35;cursor:not-allowed;scale:1}.penning{--d:14rem;--koord:5rem;justify-content:center;display:flex}.penning-hanger{transform-origin:50% 0;flex-direction:column;align-items:center;display:flex}.penning-koord{width:3px;height:var(--koord);background:var(--kumo-red)}.penning-ring{z-index:1;width:calc(var(--d) * .15);height:calc(var(--d) * .15);margin:-2px 0 calc(var(--d) * -.065);border:3px solid var(--kumo-red);border-radius:50%;position:relative}.penning-schijf{--amulet:var(--kumo-offwhite);--lijn:var(--shampoo-mid);--midden:50%;--breed:74%;--schaal:1;--haak:0;width:var(--d);height:var(--d);margin-top:calc(var(--d) * var(--haak) * -1);color:var(--kumo-red);position:relative}.penning-schijf[data-kleur=blauw]{--amulet:var(--shampoo-mid);--lijn:var(--shampoo-dark)}.penning-schijf[data-kleur=groen]{--amulet:var(--conditioner-mid);--lijn:var(--conditioner-dark)}.penning-schijf[data-kleur=geel]{--amulet:var(--mask-mid);--lijn:var(--mask-dark)}.penning-schijf[data-vorm=bloem]{--breed:62%;--schaal:.84;--haak:.035}.penning-schijf[data-vorm=botje]{--breed:60%;--schaal:.6;--haak:.3}.penning-schijf[data-vorm=hart]{--midden:53%;--breed:56%;--schaal:.66;--haak:.225}.penning-vorm{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.penning-vlak{fill:var(--amulet);transition:fill .3s}.penning-rand{fill:none;stroke:var(--kumo-red);stroke-width:3px;stroke-linejoin:round}.penning-rand>*{vector-effect:non-scaling-stroke}.penning-schijf[data-leeg] .penning-vlak{fill:#0000}.penning-schijf[data-leeg] .penning-rand{stroke-dasharray:5 6}.penning-schijf[data-leeg] .penning-naam{opacity:.45}.penning-inhoud{top:var(--midden);align-items:center;gap:calc(var(--d) * var(--schaal) * .035);width:var(--breed);text-align:center;flex-direction:column;display:flex;position:absolute;left:50%;translate:-50% -50%}.penning-naam{max-width:100%;font-weight:var(--w-semibold);font-size:calc(var(--d) * var(--schaal) * min(.2, 1.08 / var(--len)));letter-spacing:var(--tracking);white-space:nowrap;line-height:1}.penning-onder{font-size:calc(var(--d) * var(--schaal) * .068);letter-spacing:var(--tracking);line-height:1.1}.penning-lijntje{--strand:calc(var(--d) * var(--schaal) * .1);width:74%;margin-top:calc(var(--d) * var(--schaal) * .03);color:var(--lijn)}.penning-schijf:not([data-kleur=wit],[data-leeg],[data-foto]) .penning-inhoud{color:var(--kumo-offwhite)}.penning-schijf[data-foto] .penning-inhoud{width:max-content;max-width:150%;top:calc(100% + .9rem);translate:-50%}.penning-schijf[data-foto] .penning-naam{font-size:calc(var(--d) * min(.12, 1.3 / var(--len)))}.penning-schijf[data-foto] :is(.penning-onder,.penning-lijntje){display:none}.v-voet{z-index:0;--logo-w:min(44.6vw, calc((100svh - 5.5rem) * .908));background:var(--kumo-red);color:var(--kumo-offwhite);grid-template-columns:minmax(0,51.5%) minmax(0,1fr);padding:3.25rem 1.25rem 1.95rem 1.8rem;font-size:.9375rem;font-weight:400;line-height:1.5;display:grid;position:sticky;bottom:0}.voet-logo{color:var(--shampoo-light);place-self:start}.v-voet-logo{height:auto;display:block;overflow:visible}.voet-logo--gestapeld{width:var(--logo-w)}.v-voet-logo path{transform-box:fill-box;transform-origin:50% 100%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.voet-logo:hover .v-voet-logo path{animation:.8s cubic-bezier(.3,0,.5,1) backwards letter-sprong}.voet-logo:hover .v-voet-logo path:nth-child(4){animation-delay:0s}.voet-logo:hover .v-voet-logo path:first-child{animation-delay:90ms}.voet-logo:hover .v-voet-logo path:nth-child(3){animation-delay:.18s}.voet-logo:hover .v-voet-logo path:nth-child(2){animation-delay:.27s}@keyframes letter-sprong{0%{transform:translateY(0)rotate(0)scaleY(1)}28%{transform:translateY(-6%)rotate(-3deg)scaleY(1.03)}52%{transform:translateY(0)rotate(1.5deg)scaleY(.95)}72%{transform:translateY(-1.8%)rotate(0)scaleY(1)}to{transform:translateY(0)rotate(0)scaleY(1)}}}.voet-info{--kap:.52em;padding-top:max(1.4rem, calc(var(--logo-w) * .1066 - var(--kap)));flex-direction:column;display:flex}.voet-rij{flex:1 1 0;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.voet-rij--boven{min-height:calc(var(--logo-w) * .4752);flex:none;padding-bottom:1.5rem}.voet-lijst h2{font-weight:var(--w-semibold);margin-bottom:1.5em}.voet-link{font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:.25em;cursor:pointer;padding:0}.voet-link:hover,.voet-maker:hover{text-decoration:underline}.voet-link--volgt{cursor:default}.voet-gemaakt{font-weight:var(--w-semibold);margin-top:1.5rem}.voet-onder{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;margin-top:1.5rem;display:flex}.v-voet .badges{gap:.4rem}.v-voet .badges li{border-width:1.2px;font-size:.72rem}@supports not (text-box:trim-both cap alphabetic){.v-voet .badges li{padding:.22rem .7rem;line-height:1.5}}.voet-maker{text-underline-offset:.25em}.voet-copy{position:absolute;bottom:1.95rem;left:1.8rem}@media (max-width:820px){.v-voet{--logo-w:calc(100% - .6rem);grid-template-columns:minmax(0,1fr);gap:3rem;padding:3.4rem 1.125rem 1.75rem;font-size:clamp(.6875rem,3.1vw,.75rem)}.voet-logo{justify-self:stretch}.voet-logo--gestapeld{margin-left:.3rem}.voet-info{grid-template-columns:31fr 37fr 32fr;padding-top:0;display:grid}.voet-rij,.voet-onder{display:contents}.voet-lijst--contact{grid-area:1/1}.voet-lijst--legal{grid-area:1/2}.voet-lijst--socials{grid-area:1/3}.voet-lijst--links{display:none}.voet-lijst h2{margin-bottom:0}.v-voet .badges{grid-area:2/1/auto/-1;margin-top:3rem}.v-voet .badges li{font-size:clamp(.5rem,2.3vw,.72rem)}.voet-gemaakt{grid-area:3/1;margin-top:1rem;line-height:1}.voet-maker{white-space:nowrap;grid-area:3/2/auto/-1;place-self:end;font-size:.88em;line-height:1}.voet-copy{font-size:.88em;line-height:1;bottom:1.75rem;left:50%;translate:-50%}.site-header{transition:color .35s var(--ease), translate .4s var(--ease), opacity .3s, visibility 0s}.site-header[data-voet]:not([data-menu],[data-mand]){opacity:0;visibility:hidden;transition:color .35s var(--ease), translate .4s var(--ease), opacity .3s, visibility 0s .4s;translate:0 -100%}}@media (max-height:50rem) and (max-width:820px),(max-height:26rem){.v-voet{position:relative}}@media (min-height:50.01rem) and (max-width:820px){.v-voet{--logo-w:min(100% - .6rem, calc((100svh - 22.5rem) * .908))}}.reeks-prijs{background:var(--donker);min-width:4.1rem;height:4.1rem;color:var(--kumo-offwhite);font-size:1.3125rem;font-weight:var(--w-semibold);white-space:nowrap;transition:rotate .5s var(--spring);border-radius:999px;place-items:center;padding:0 .6rem;line-height:1;display:grid;position:absolute;top:2%;left:calc(50% + clamp(1.6rem,3.4vw,3.1rem));rotate:9deg}@media (hover:hover){.reeks-kolom:hover .reeks-prijs{rotate:-6deg}}.product-koop{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.product-prijs{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:var(--w-semibold);letter-spacing:.04em;line-height:1}.pmenu-prijs{margin-top:.15rem;font-size:.9375rem;display:block}.grootpil-prijs{border-left:1.5px solid;padding-left:.85rem}@supports (color:color-mix(in lab, red, red)){.grootpil-prijs{border-left:1.5px solid color-mix(in srgb, currentColor 45%, transparent)}}.site-nav-knop{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;align-items:center;gap:.45em;margin:-8px 0;padding:8px 0;display:inline-flex}.site-nav-knop:hover{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1.5px}.site-nav-knop svg{width:.62em;transition:rotate .35s var(--spring)}.site-header[data-menu=open]{color:var(--kumo-red)}.site-header[data-menu=open]:before{opacity:0}.site-header[data-menu=open] .site-cart{background:var(--kumo-red);color:var(--kumo-offwhite)}.site-header[data-menu=open] .site-nav-knop svg{rotate:180deg}.pmenu{z-index:-1;max-height:100dvh;padding:8rem var(--gutter) 2.25rem;background:var(--kumo-offwhite);color:var(--kumo-red);visibility:hidden;transition:translate .5s var(--glide), visibility 0s .5s;border-radius:0 0 1.75rem 1.75rem;grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);display:grid;position:fixed;top:0;left:0;right:0;overflow-y:auto;translate:0 -102%}.pmenu[data-open=true]{visibility:visible;transition:translate .5s var(--glide), visibility 0s;translate:0}.pmenu-achter{z-index:-2;background:var(--kumo-red);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.pmenu-achter{background:color-mix(in srgb, var(--kumo-red) 45%, transparent)}}.pmenu-achter{cursor:default;animation:.3s both pmenu-achter}@keyframes pmenu-achter{0%{opacity:0}}.pmenu-soorten{flex-direction:column;gap:.2rem;display:flex}.pmenu-soorten a.display{transition:translate .3s var(--spring);font-size:clamp(1.75rem,2.6vw,2.4rem);line-height:1.15;display:inline-block}.pmenu-soorten a.display:is(:hover,:focus-visible){translate:.5rem}.pmenu-alles{font-weight:var(--w-medium);letter-spacing:var(--tracking);margin-top:auto;padding-top:1.5rem}.pmenu-alles a{text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:1.5px}.pmenu-tegels{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;display:grid}.pmenu-tegels li{opacity:0;transition:opacity .2s,translate .2s;translate:0 1.5rem}.pmenu[data-open=true] .pmenu-tegels li{opacity:1;transition:opacity .3s, translate .55s var(--spring);transition-delay:calc(.2s + var(--i) * 45ms);translate:0}.pmenu-tegel{text-align:center;transition:opacity .25s;display:block}.pmenu-tegel[data-dof=true]{opacity:.3}.pmenu-tegel--shampoo{--mid:var(--shampoo-mid)}.pmenu-tegel--conditioner{--mid:var(--conditioner-mid)}.pmenu-tegel--mask{--mid:var(--mask-mid)}.pmenu-vlak{aspect-ratio:3/4;background:var(--mid);border-radius:.9rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pmenu-lijntje{--strand:clamp(2rem, 3.4vw, 3.4rem);width:160%;color:var(--kumo-offwhite);position:absolute;top:50%;left:-30%}@supports (color:color-mix(in lab, red, red)){.pmenu-lijntje{color:color-mix(in srgb, var(--kumo-offwhite) 26%, var(--mid))}}.pmenu-lijntje{translate:0 -50%;rotate:-14deg}.pmenu-vlak .box{width:44%;transition:rotate .45s var(--spring), scale .45s var(--spring);position:relative}.pmenu-tegel:is(:hover,:focus-visible) .box{rotate:8deg;scale:1.07}.pmenu-naam{font-size:.9375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);flex-direction:column;margin-top:.6rem;line-height:1.2;display:flex}.pmenu-soort{font-weight:var(--w-regular)}@media (max-width:960px){.pmenu{grid-template-columns:1fr;padding-top:8.5rem}.pmenu-soorten{flex-flow:wrap;gap:.7rem 1.5rem}.pmenu-alles{width:100%;margin-top:0;padding-top:1.1rem}.pmenu-tegels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:820px){.pmenu{grid-template-columns:minmax(0,1fr)}.pmenu-tegels{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:.6rem;display:flex;overflow-x:auto}.pmenu-tegels::-webkit-scrollbar{display:none}.pmenu-tegels li{scroll-snap-align:start;flex:0 0 clamp(8.5rem,40vw,11.5rem)}}.kaders{padding:clamp(1rem, 3vw, 2.5rem) var(--gutter) clamp(5rem, 9vw, 8rem);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-x:clip}.kader{min-height:clamp(24rem,33vw,29rem);rotate:var(--r);transition:rotate .5s var(--spring), translate .5s var(--spring);border-radius:2rem;flex-direction:column;padding:clamp(1.6rem,2.6vw,2.4rem);display:flex;position:relative}.kader:is(:hover,:focus-within){z-index:2;translate:0 -.6rem;rotate:none}.kader--gebruik{--r:-1.4deg;background:var(--kumo-offwhite)}.kader--ingredienten{--r:1.1deg;z-index:1;background:var(--page-mid);color:var(--kumo-offwhite);margin-inline:-.4rem}.kader--weten{--r:-.8deg;background:var(--page-accent);color:var(--page-bg)}.kader-titel{margin-bottom:1.5rem;font-size:clamp(1.5rem,2.3vw,2.1rem)}.kader-stappen{gap:.85rem;display:grid}.kader-stappen li{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;font-size:1.1875rem;line-height:1.3;display:grid}.kader-cijfer{background:var(--page-mid);width:2.4rem;height:2.4rem;font-size:1.25rem;font-weight:var(--w-semibold);border-radius:50%;place-items:center;line-height:1;display:grid}.kader-volgende{font-size:.9375rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);text-underline-offset:.35em;align-self:flex-start;margin-top:auto;padding-top:1.5rem;text-decoration:underline;text-decoration-thickness:1.5px}.kader-chips{flex-wrap:wrap;gap:.4rem;display:flex}.kader-chips li{letter-spacing:.04em;border:1.5px solid;border-radius:999px;padding:.26rem .8rem;font-size:.875rem;line-height:1.35}@supports (text-box:trim-both cap alphabetic){.kader-chips li{text-box:trim-both cap alphabetic;padding:.68em .95em;line-height:1}}.kader-slogan{flex-direction:column;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.02;display:flex}.keurbollen{--d:clamp(6.5rem, 9.2vw, 8.25rem);width:calc(var(--d) * 1.9);height:calc(var(--d) * 1.79);align-self:center;margin:1.5rem 0 1.25rem;position:relative}.keurbollen li{width:var(--d);height:var(--d);padding:calc(var(--d) * .1);color:var(--page-accent);font-size:calc(var(--d) * .125);font-weight:var(--w-semibold);text-align:center;transition:translate .5s var(--spring);border-radius:50%;place-items:center;line-height:1.12;display:grid;position:absolute}.keurbollen li:first-child{background:var(--page-mid);color:var(--keur-wit,var(--kumo-offwhite));top:0;left:17.5%}.keurbollen li:nth-child(2){z-index:2;background:var(--kumo-offwhite);top:44%;left:0}.keurbollen li:nth-child(3){z-index:1;background:var(--page-bg);top:36.4%;left:47.4%}.keurbollen li:first-child>span{rotate:4deg}.keurbollen li:nth-child(2)>span{rotate:12deg}.keurbollen li:nth-child(3)>span{rotate:-4deg}.keurbollen li>span{flex-direction:column;display:flex}.page--mask{--keur-wit:var(--kumo-red)}.page--mask .kader--weten,.page--mask .keurbollen li{color:var(--kumo-red)}.kader:hover .keurbollen li:first-child{translate:0 -8%}.kader:hover .keurbollen li:nth-child(2){translate:-7% 4%}.kader:hover .keurbollen li:nth-child(3){translate:7% 4%}.kader-klein{letter-spacing:var(--tracking);margin-top:auto;font-size:.9375rem;line-height:1.5}@media (max-width:900px){.kaders{grid-template-columns:1fr;gap:.75rem}.kader{min-height:0}.kader--ingredienten{margin-inline:0}.keurbollen{--d:7.5rem}}.afmaken{--rand:var(--kumo-offwhite);background:var(--kumo-offwhite);color:var(--kumo-red);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:3rem 1.25rem;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,2.85vw,2.6rem);scroll-margin-top:2rem;display:grid}.afmaken-titel{padding-left:calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem));font-size:clamp(2.5rem,5vw,4.75rem)}.afmaken-reeks{display:contents}@media (max-width:860px){.afmaken{grid-template-columns:1fr;gap:4rem 0}}:root{interpolate-size:allow-keywords}.faq{padding:clamp(5rem, 10vw, 8.5rem) var(--gutter) clamp(5rem, 9vw, 8rem);color:var(--kumo-red);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.faq-titel{font-size:clamp(2rem,4.2vw,3.9rem)}.faq-lijntje{--strand:clamp(1.9rem, 3.2vw, 2.75rem);max-width:22rem;color:var(--page-accent);margin-top:2rem}.faq-item{border-top:1.5px solid}.faq-item:last-child{border-bottom:1.5px solid}.faq-item summary{font-size:clamp(1.1875rem,1.7vw,1.5rem);font-weight:var(--w-semibold);letter-spacing:.04em;cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 0;line-height:1.2;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{width:1.15rem;height:1.15rem;transition:rotate .45s var(--spring);flex:none;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:currentColor;border-radius:2px;width:100%;height:2.5px;position:absolute;top:50%;left:0;translate:0 -50%}.faq-plus:after{rotate:90deg}.faq-item[open] .faq-plus{rotate:135deg}.faq-item p{max-width:40rem;padding:0 3rem 1.4rem 0;font-size:1.1875rem}@media (prefers-reduced-motion:no-preference){.faq-item::details-content{block-size:0;transition:block-size .4s var(--ease), content-visibility .4s allow-discrete;overflow:clip}.faq-item[open]::details-content{block-size:auto}}@media (max-width:800px){.faq{grid-template-columns:1fr}}@property --kh-bg{syntax:"<color>";inherits:true;initial-value:#c4dbf3}.page--keuzehulp{--header-tint:var(--shampoo-light);--header-vol:var(--shampoo-light)}.kh{--kh-bg:var(--shampoo-light);--poort-rand:var(--kh-bg);min-height:100svh;padding:7.5rem var(--gutter) clamp(4rem, 8vw, 6rem);background:var(--kh-bg);color:var(--kumo-red);transition:--kh-bg .6s var(--ease);flex-direction:column;display:flex}.kh[data-stap=vacht],.kh[data-stap=klaar]{--kh-bg:var(--kumo-offwhite)}.kh[data-stap=over]{--kh-bg:var(--conditioner-light)}.kh[data-stap=wens]{--kh-bg:var(--mask-light)}.kh-balk{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:84rem;min-height:2.5rem;margin:0 auto;display:flex}.kh-terug{font:inherit;letter-spacing:var(--tracking);text-transform:inherit;cursor:pointer;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9375rem;display:inline-flex}.kh-terug svg{width:1.15rem;height:1.15rem;transition:translate .3s var(--spring);rotate:180deg}.kh-terug:hover svg{translate:-4px}.kh-voortgang{align-items:center;gap:.65rem;display:flex}.kh-voortgang li{border:2px solid var(--kumo-red);width:.8rem;height:.8rem;transition:background-color .3s, scale .45s var(--spring);border-radius:50%}.kh-voortgang li[data-staat=klaar]{background:var(--kumo-red)}.kh-voortgang li[data-staat=nu]{background:var(--kumo-red);scale:1.55}.kh-podium{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;max-width:84rem;margin:0 auto;padding-top:clamp(1.5rem,3vw,2.5rem);display:grid}.kh[data-stap=klaar] .kh-podium{flex:none}.kh-titel{text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2rem,4.1vw,3.75rem);line-height:1}.kh-titel:focus{outline:none}.kh-intro{max-width:34rem;margin-top:1.1rem;font-size:1.0625rem}.kh-groot-veld{border:0;border-bottom:3px solid var(--kumo-red);width:100%;max-width:28rem;color:var(--kumo-red);font:inherit;font-size:1.125rem;font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:0;margin-top:1.75rem;padding:.35rem 0;display:block}.kh-groot-veld::placeholder{color:var(--kumo-red)}@supports (color:color-mix(in lab, red, red)){.kh-groot-veld::placeholder{color:color-mix(in srgb, var(--kumo-red) 36%, transparent)}}.kh-groot-veld::placeholder{opacity:1}.kh-knoppen{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.25rem;display:flex}.kh-knoppen--midden{justify-content:center;margin-top:3rem}.kh-hint{letter-spacing:var(--tracking);font-size:.9375rem}.kh-zonder{font:inherit;letter-spacing:var(--tracking);text-transform:inherit;text-underline-offset:.35em;cursor:pointer;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1.5px}.kh-vachten{margin-top:clamp(1.5rem,3vw,2.5rem)}.kh-vacht{--strand:clamp(1.25rem, 2.2vw, 1.9rem);border-top:1.5px solid;grid-template-columns:minmax(4.4em,auto) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2.5rem);width:100%;padding:clamp(.8rem,1.5vw,1.2rem) 0;display:grid}@supports (color:color-mix(in lab, red, red)){.kh-vacht{border-top:1.5px solid color-mix(in srgb, currentColor 30%, transparent)}}.kh-vacht{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:opacity .25s, padding .35s var(--spring);font-size:clamp(1.75rem,2.8vw,2.5rem)}.kh-vachten li:last-child .kh-vacht{border-bottom:1.5px solid}@supports (color:color-mix(in lab, red, red)){.kh-vachten li:last-child .kh-vacht{border-bottom:1.5px solid color-mix(in srgb, currentColor 30%, transparent)}}.kh-vacht-woord{font-family:var(--font-kumo), var(--font-glancyr), sans-serif;text-transform:none;line-height:1}.kh-vacht-lijntje{color:var(--shampoo-mid);transition:color .25s}.kh-vacht[aria-pressed=true] .kh-vacht-lijntje{color:var(--shampoo-dark)}@media (hover:hover){.kh-vachten:has(.kh-vacht:hover) .kh-vacht:not(:hover){opacity:.4}.kh-vacht:hover{padding-left:1rem}.kh-vacht:hover .kh-vacht-lijntje{color:var(--shampoo-dark)}}.kh-wensen{gap:.9rem;max-width:40rem;margin-top:2rem;display:grid}.kh-wens{background:var(--kumo-offwhite);width:100%;color:var(--kumo-red);font:inherit;text-align:left;text-transform:inherit;cursor:pointer;transition:background-color .2s, rotate .45s var(--spring), translate .45s var(--spring);border-radius:1.5rem;flex-direction:column;gap:.3rem;padding:1.1rem 1.6rem 1.2rem;font-size:1rem;display:flex}.kh-wens .display{font-size:1.125rem}.kh-wensen li:nth-child(odd) .kh-wens{rotate:-.7deg}.kh-wensen li:nth-child(2n) .kh-wens{rotate:.6deg}.kh-wens:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--mask-mid);translate:.6rem;rotate:none}.kh-kies{gap:1.75rem;margin-top:2rem;display:grid}.kh-kies .veld-kop{margin-bottom:.6rem}.kh-vormen,.kh-kleuren{flex-wrap:wrap;gap:.75rem;display:flex}.kh-vorm{background:var(--kumo-offwhite);border:2px solid #0000;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.55rem;width:6.25rem;padding:.95rem .5rem .7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.kh-vorm{background:color-mix(in srgb, var(--kumo-offwhite) 55%, transparent)}}.kh-vorm{color:var(--kumo-red);font:inherit;font-size:.875rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);text-transform:inherit;cursor:pointer;transition:background-color .2s, border-color .2s, rotate .4s var(--spring), translate .4s var(--spring)}@media (max-width:480px){.kh-vorm{width:calc(25% - .6rem);min-width:4.4rem}}.kh-vorm svg{fill:#0000;width:3.1rem;height:3.1rem;stroke:var(--kumo-red);stroke-width:9px;stroke-linejoin:round;transition:fill .2s;overflow:visible}.kh-vorm:hover{translate:0 -.25rem;rotate:-3deg}.kh-vorm[aria-pressed=true]{border-color:var(--kumo-red);background:var(--kumo-offwhite)}.kh-vorm[aria-pressed=true] svg{fill:var(--kumo-red)}.kh-kleur{border:2px solid var(--kumo-red);background:var(--kumo-offwhite);cursor:pointer;width:3rem;height:3rem;transition:scale .35s var(--spring);border-radius:50%}.kh-kleur[data-kleur=blauw]{background:var(--shampoo-mid)}.kh-kleur[data-kleur=groen]{background:var(--conditioner-mid)}.kh-kleur[data-kleur=geel]{background:var(--mask-mid)}.kh-kleur:hover{scale:1.1}.kh-kleur[aria-pressed=true]{outline:3px solid var(--kumo-red);outline-offset:3px;scale:1.1}.kh-account{max-width:40rem}.kh-vinkje{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;font-size:1rem;line-height:1.4;display:grid}.kh-vinkje input{appearance:none;border:2px solid var(--kumo-red);cursor:pointer;background:0 0;border-radius:50%;width:1.5rem;height:1.5rem;transition:background-color .15s}.kh-vinkje input:checked{background:var(--kumo-red);box-shadow:inset 0 0 0 4px var(--kh-bg)}@media (prefers-reduced-motion:no-preference){.kh-account{animation:kh-in .5s var(--spring)}}.kh-velden{gap:1.35rem;max-width:28rem;margin-top:1.75rem;display:grid}.veld{border:0;flex-direction:column;gap:.35rem;min-width:0;padding:0;display:flex}.veld :is(label,legend),.veld-kop{font-size:.875rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);padding:0}.veld :is(input[type=text],input[type=email],input[type=password],select,.keuzelijst-toon){border:0;border-bottom:3px solid var(--kumo-red);width:100%;color:var(--kumo-red);font:inherit;font-size:1.125rem;font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:0;padding:.35rem 0}select option{text-transform:none}.veld select option{letter-spacing:0;font-size:1rem;font-weight:400}.veld input::placeholder{color:var(--kumo-red)}@supports (color:color-mix(in lab, red, red)){.veld input::placeholder{color:color-mix(in srgb, var(--kumo-red) 36%, transparent)}}.veld input::placeholder{opacity:1}.veld--email input[type=email]{text-transform:none}.veld-rij{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.veld :is(select,.keuzelijst-toon){appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6Z' fill='%234f1515'/%3E%3C/svg%3E") right .2rem center/.7rem no-repeat;padding-right:1.5rem}.kh-foto{cursor:pointer;align-self:flex-start;margin-top:.25rem}.kh-foto input{opacity:0;width:1px;height:1px;position:absolute}.kh-foto input:focus-visible+.pil{outline-offset:4px;outline:3px solid}.pil--kader{border:2px solid var(--kumo-red);color:var(--kumo-red);background:0 0;padding:calc(.6rem - 2px) 1.45rem;font-size:1.0625rem;line-height:1.5}.kh-foto:hover .pil--kader{background:var(--kumo-red);color:var(--kumo-offwhite)}.kh-penning{justify-content:center;align-self:start;display:flex}.kh-penning .penning{--d:clamp(12rem, 22vw, 19rem);--koord:clamp(3rem, 9vh, 7rem)}.kh-penning .penning-koord{position:relative}.kh-penning .penning-koord:before{content:"";background:var(--kumo-red);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:-.45rem;left:50%;translate:-50%}.kh-uitkomst{width:100%;max-width:84rem;margin:clamp(2.5rem,5vw,4rem) auto 0}.kh-reeks{flex-wrap:wrap;justify-content:center;gap:4rem 1.25rem;display:flex}.kh-reeks .reeks-kolom{flex:17rem;max-width:27rem}@media (prefers-reduced-motion:no-preference){.kh-vraag{animation:kh-in .55s var(--spring)}@keyframes kh-in{0%{opacity:0;translate:calc(var(--richting) * 3rem) 0}}}@media (max-width:860px){.kh{padding-top:7rem}.kh-podium{grid-template-columns:1fr;align-items:start;gap:1.75rem;padding-top:.5rem}.kh-penning{order:-1}.kh-penning .penning{--d:8.5rem;--koord:1.75rem}}.kh .grootpil{padding:.6rem 1.45rem;font-size:1.0625rem}.site-cart:after{content:"";position:absolute;inset:-12px}.mandje{z-index:20;background:var(--kumo-offwhite);width:min(100% - 1.25rem,27rem);color:var(--kumo-red);visibility:hidden;transition:translate .5s var(--glide), visibility 0s .5s;flex-direction:column;padding:1.75rem 1.75rem 1.5rem 2rem;display:flex;position:fixed;top:0;bottom:0;right:0;translate:110%}.mandje[data-open=true]{visibility:visible;transition:translate .5s var(--glide), visibility 0s;translate:0}.mandje:focus{outline:none}.mandje:before{content:"";background:radial-gradient(circle at 100% 50%, var(--kumo-offwhite) 70%, transparent 71.5%) 0 50% / 1.25rem 2.5rem repeat-y;width:1.25rem;position:absolute;top:0;bottom:0;right:calc(100% - 1px)}.mandje-achter{z-index:19;background:var(--kumo-red);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.mandje-achter{background:color-mix(in srgb, var(--kumo-red) 45%, transparent)}}.mandje-achter{cursor:default;animation:.3s both pmenu-achter}.mandje-kop{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mandje-kop h2{font-size:1.75rem}.mandje-sluit{--donker:var(--kumo-red);background:0 0;width:2.5rem;height:2.5rem}.mandje-sluit:hover{color:var(--kumo-offwhite)}.mandje-leeg{justify-items:start;gap:1.5rem;margin-top:2.5rem;font-size:1.1875rem;display:grid}.mandje-lijst{flex:1;align-content:start;gap:1.25rem;margin:1.75rem -.5rem 1rem 0;padding-right:.5rem;display:grid;overflow-y:auto}.mandje-regel{grid-template-columns:4.25rem minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.mandje-regel--shampoo{--mid:var(--shampoo-mid);--donker:var(--shampoo-dark)}.mandje-regel--conditioner{--mid:var(--conditioner-mid);--donker:var(--conditioner-dark)}.mandje-regel--mask{--mid:var(--mask-mid);--donker:var(--mask-dark)}.mandje-bol{aspect-ratio:1;background:var(--mid);width:4.25rem;color:var(--donker);border-radius:50%;place-items:center;display:grid}.mandje-bol svg{width:auto;height:76%}.mandje-naam{font-weight:var(--w-semibold);letter-spacing:.04em;margin-bottom:.45rem;line-height:1.15;display:block}.mandje-soort{font-weight:var(--w-regular)}.mandje-naam:hover{text-underline-offset:.25em;text-decoration:underline}.teller{border:1.5px solid var(--kumo-red);font-weight:var(--w-medium);border-radius:999px;align-items:center;line-height:1;display:inline-flex}.teller button{width:2rem;height:1.9rem;font:inherit;cursor:pointer;border-radius:999px;font-size:1.125rem;transition:background-color .15s}.teller button:hover{background:var(--shampoo-light)}.teller span{text-align:center;min-width:1.4rem}.mandje-rechts{justify-items:end;gap:.35rem;display:grid}.mandje-prijs{font-size:1.1875rem;font-weight:var(--w-semibold)}.mandje-weg{font:inherit;letter-spacing:var(--tracking);text-transform:inherit;text-underline-offset:.3em;cursor:pointer;font-size:.8125rem;text-decoration:underline}.mandje-onder{border-top:1.5px solid var(--kumo-red);gap:.9rem;padding-top:1.1rem;display:grid}.mandje-totaal{font-size:1.5rem;font-weight:var(--w-semibold);letter-spacing:.04em;justify-content:space-between;align-items:baseline;display:flex}.mandje .grootpil{justify-content:center}.mandje-noot{letter-spacing:var(--tracking);font-size:.875rem}.kit-kop{min-height:min(100svh,54rem);padding:calc(112px + clamp(1rem, 3vw, 2.5rem)) var(--gutter) clamp(5rem, 9vw, 8rem);color:var(--kumo-red);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.kit-kop .v-titel--groot{margin-top:1.25rem;font-size:clamp(2.5rem,6.4vw,6.5rem)}.kit-kop-intro{max-width:30rem;margin:1.6rem 0 2rem;font-size:1.1875rem}.kitdoos{aspect-ratio:304/217;background:var(--kumo-red);transition:rotate .6s var(--spring);border-radius:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;padding:4.5%;display:grid;rotate:3deg}.kitdoos:hover{rotate:none}.kitdoos-vak{background:var(--mid);min-height:0;color:var(--kumo-offwhite);letter-spacing:var(--tracking);text-align:center;border-radius:.6rem;flex-direction:column;justify-content:space-between;align-items:center;padding:9% 4%;font-size:clamp(.7rem,1.05vw,1rem);line-height:1.2;display:flex}.kitdoos-vak--shampoo{--mid:var(--shampoo-mid);--donker:var(--shampoo-dark)}.kitdoos-vak--conditioner{--mid:var(--conditioner-mid);--donker:var(--conditioner-dark)}.kitdoos-vak--mask{--mid:var(--mask-mid);--donker:var(--mask-dark)}.kitdoos-stap{font-weight:var(--w-semibold)}.kitdoos-fles{width:auto;min-height:0;max-height:58%;color:var(--donker);transition:rotate .5s var(--spring), translate .5s var(--spring);flex:1}.kitdoos:hover .kitdoos-vak:first-child .kitdoos-fles{translate:0 -5%;rotate:-8deg}.kitdoos:hover .kitdoos-vak:nth-child(2) .kitdoos-fles{translate:0 -9%;rotate:6deg}.kitdoos:hover .kitdoos-vak:nth-child(3) .kitdoos-fles{translate:0 -5%;rotate:-5deg}.kit-pin{--rand:var(--kumo-red);z-index:1;background:var(--kumo-red);color:var(--kumo-offwhite);position:relative}.kit-pin-vast{text-align:center;place-items:center;height:100svh;display:grid;position:sticky;top:0}.kit-pin-titel{font-size:clamp(2.75rem,8.4vw,8.5rem)}.kit-kaarten{padding:0 var(--gutter) 46svh;pointer-events:none;flex-direction:column;gap:clamp(5rem,20svh,12rem);margin-top:-42svh;display:flex;position:relative}.kit-kaart{background:var(--vlak);width:min(100%,23rem);min-height:26rem;color:var(--kumo-red);rotate:var(--r);pointer-events:auto;transition:rotate .5s var(--spring);border-radius:2rem;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.kit-kaart:hover{rotate:none}.kit-kaart:nth-child(3n+1){--r:-3deg;align-self:flex-start}.kit-kaart:nth-child(3n+2){--r:2.5deg;align-self:flex-end}.kit-kaart:nth-child(3n){--r:-2deg;align-self:center}.kit-kaart--shampoo{--vlak:var(--shampoo-mid);color:var(--kumo-offwhite)}.kit-kaart--conditioner{--vlak:var(--conditioner-mid);color:var(--kumo-offwhite)}.kit-kaart--mask{--vlak:var(--mask-mid);color:var(--kumo-offwhite)}.kit-kaart--licht{--vlak:var(--shampoo-light)}.kit-kaart--wit{--vlak:var(--kumo-offwhite)}.kit-kaart h3{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1}.kit-kaart p{font-size:1.0625rem;line-height:1.35}.kit-kaart strong{font-size:.9375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin-bottom:.4rem;display:block}@media (max-width:820px){.kit-kop{grid-template-columns:1fr;min-height:0}.kitdoos{max-width:30rem}.kit-kaart{width:min(86%,21rem);min-height:21rem}}.contact{padding:calc(112px + clamp(1rem, 3vw, 2.5rem)) var(--gutter) clamp(5rem, 9vw, 8rem);color:var(--kumo-red)}.contact-vak{border-top:1.5px solid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem);margin-top:clamp(3rem,7vw,6rem);padding-top:2rem;display:grid}.contact-info h2{font-size:.9375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin-bottom:1.5rem}.contact-info li{font-size:clamp(1.375rem,2.2vw,1.9rem);font-weight:var(--w-semibold);line-height:1.3}.contact-lijntje{--strand:2.4rem;max-width:20rem;color:var(--conditioner-mid);margin-top:2.5rem}.contact-titel{font-size:clamp(2rem,4.4vw,4rem)}.contact-intro{max-width:32rem;margin:1rem 0 2rem;font-size:1.1875rem}.contact-form{gap:.9rem;max-width:46rem;display:grid}.contact-rij{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.pilveld :is(input,textarea){border:2px solid var(--kumo-red);width:100%;color:var(--kumo-red);font:inherit;font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:999px;padding:.95rem 1.6rem;transition:background-color .2s;display:block}.pilveld textarea{resize:vertical;border-radius:1.75rem;min-height:10rem}.pilveld :is(input,textarea)::placeholder{color:var(--kumo-red)}@supports (color:color-mix(in lab, red, red)){.pilveld :is(input,textarea)::placeholder{color:color-mix(in srgb, var(--kumo-red) 55%, transparent)}}.pilveld :is(input,textarea)::placeholder{opacity:1}.pilveld :is(input,textarea):focus-visible{background:var(--shampoo-light);outline:none}.pilveld input[type=email]:not(:placeholder-shown){text-transform:none}.contact-onder{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.5rem;display:flex}.contact-melding{letter-spacing:var(--tracking);font-size:.9375rem}@media (max-width:800px){.contact-vak,.contact-rij{grid-template-columns:1fr}}.shop{color:var(--kumo-red);padding:calc(112px + clamp(1rem,3vw,2.5rem)) clamp(1.25rem,2.85vw,2.6rem) clamp(5rem,9vw,8rem)}.shop .v-titel--groot{padding-left:calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem))}.shop-rooster{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.25rem;margin-top:clamp(3rem,6vw,5rem);display:grid}.shop-rooster .reeks-kolom{grid-row:span 4;grid-template-rows:subgrid;justify-items:center;padding-bottom:clamp(4rem,7vw,6rem);display:grid}.shop-rooster .reeks-kop{grid-row:1}.shop-rooster .reeks-beeld{grid-row:2;justify-self:stretch;margin-top:clamp(1.75rem,3.4vw,3rem)}.shop-rooster .reeks-tekst{grid-row:3}.shop-rooster .reeks-knoppen{grid-row:4;align-self:start}.shop-rooster .reeks-kolom:last-child:nth-child(3n+1){grid-column:2}@media (max-width:860px){.shop-rooster{grid-template-columns:minmax(0,1fr)}.shop-rooster .reeks-kolom:last-child:nth-child(3n+1){grid-column:auto}}.cookie-knop{z-index:9;cursor:pointer;width:2.25rem;height:2.25rem;transition:rotate .5s var(--spring), scale .3s var(--spring), opacity .25s, visibility 0s;position:fixed;bottom:1rem;left:1rem}.cookie-knop svg{width:100%;height:100%;overflow:visible}.cookie-deeg{fill:var(--mask-mid);stroke:var(--kumo-red);stroke-width:7px;stroke-linejoin:round}.cookie-stuk{fill:var(--kumo-red)}.cookie-knop:hover,.cookie-knop[aria-expanded=true]{rotate:28deg;scale:1.08}.cookie-knop:focus-visible{border-radius:50%}.cookie-knop[data-weg],html[data-intro=play] .cookie-knop{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s .25s}.cookie-hap{opacity:0}.cookie-knop[data-op]{visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){.cookie-knop[data-op]{animation:1.05s linear forwards cookie-op}.cookie-knop[data-op] .cookie-hap{animation:10ms linear forwards cookie-hap}.cookie-knop[data-op] .cookie-hap:first-of-type{animation-delay:.15s}.cookie-knop[data-op] .cookie-hap:nth-of-type(2){animation-delay:.5s}.cookie-knop[data-op] .cookie-hap:nth-of-type(3){animation-delay:.85s}@keyframes cookie-hap{to{opacity:1}}@keyframes cookie-op{0%,10%,26%,43%,59%,76%{visibility:visible;rotate:none;scale:1}15%{rotate:-9deg;scale:.86}48%{rotate:8deg;scale:.86}81%,99%{visibility:visible;scale:.86}to{visibility:hidden}}}.cookie-paneel{z-index:9;background:var(--kumo-red);width:min(22rem,100% - 2.2rem);color:var(--kumo-offwhite);border-radius:0 0 1.25rem 1.25rem;padding:.9rem 1.4rem 1.4rem;position:fixed;bottom:4.4rem;left:1rem}.cookie-paneel:before{content:"";background:radial-gradient(circle at 50% 100%, var(--kumo-red) 70%, transparent 71.5%) 0 0 / 2rem 1rem round;height:1rem;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.cookie-paneel h2{font-weight:var(--w-semibold);letter-spacing:var(--tracking)}.cookie-paneel p{margin:.5rem 0 1.1rem;font-size:.9375rem;line-height:1.45}.cookie-knoppen{flex-wrap:wrap;gap:.5rem;display:flex}.cookie-pil{border:1.5px solid var(--kumo-offwhite);min-width:0;color:var(--kumo-offwhite);background:0 0}.cookie-pil:hover,.cookie-pil[aria-pressed=true]{background:var(--kumo-offwhite);color:var(--kumo-red)}@media (prefers-reduced-motion:no-preference){.cookie-paneel{transform-origin:0 100%;animation:cookie-in .45s var(--spring)}@keyframes cookie-in{0%{opacity:0;translate:0 1rem;scale:.85}}}.tekstpagina{min-height:80svh;padding:calc(112px + clamp(1.5rem, 4vw, 3.5rem)) var(--gutter) clamp(5rem, 9vw, 8rem);color:var(--kumo-red)}.tekstpagina-tekst{max-width:44rem;margin-top:2rem;font-size:1.1875rem}.overgang{z-index:60;visibility:hidden;pointer-events:none;position:fixed;inset:0}.overgang[data-fase=op],.overgang[data-fase=weg]{visibility:visible;pointer-events:auto}.overgang-doek{background:var(--kumo-red);place-items:center;display:grid;position:absolute;inset:0;translate:0 calc(100% + 1.5rem)}.overgang[data-fase=op] .overgang-doek{transition:translate .55s var(--glide);translate:0}.overgang[data-fase=weg] .overgang-doek{transition:translate .6s var(--glide) .14s;translate:0 calc(-100% - 1.5rem)}.overgang-doek:before,.overgang-doek:after{content:"";background:radial-gradient(circle at 50% 100%, var(--kumo-red) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;height:1.25rem;position:absolute;left:0;right:0}.overgang-doek:before{bottom:calc(100% - 1px)}.overgang-doek:after{background-image:radial-gradient(circle at 50% 0, var(--kumo-red) 70%, transparent 71.5%);top:calc(100% - 1px)}.overgang-logo{width:clamp(8.5rem,15vw,13rem);height:auto;color:var(--kumo-offwhite);overflow:visible}.overgang-logo path{transform-box:fill-box;opacity:0;translate:0 85%}.overgang-logo path:nth-child(4){--n:0}.overgang-logo path:first-child{--n:1}.overgang-logo path:nth-child(3){--n:2}.overgang-logo path:nth-child(2){--n:3}.overgang[data-fase=op] .overgang-logo path{opacity:1;transition:translate .45s var(--spring) calc(.22s + var(--n) * 60ms), opacity .18s linear calc(.22s + var(--n) * 60ms);translate:0}.overgang[data-fase=weg] .overgang-logo path{opacity:0;transition:translate .36s cubic-bezier(.55, 0, .9, .55) calc(var(--n) * 50ms), opacity .12s linear calc(.24s + var(--n) * 50ms);translate:0 -230%}.tekstlink{font:inherit;font-weight:var(--w-semibold);letter-spacing:inherit;text-transform:inherit;text-underline-offset:.35em;cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px}.tekstlink:hover{text-decoration-thickness:2.5px}.voorlopig{font-size:.6875rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);vertical-align:middle;white-space:nowrap;opacity:.8;border:1.5px dashed;border-radius:999px;padding:.22rem .65rem;line-height:1.3;display:inline-block}.fotobol{--fotobol:4.25rem;width:var(--fotobol);aspect-ratio:1;background:var(--page-mid,var(--shampoo-mid));border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.fotobol img{object-fit:cover}.fotobol-lijntje{--strand:calc(var(--fotobol) * .2);width:130%;color:var(--page-accent,var(--shampoo-dark));opacity:.4;position:absolute;top:50%;left:-15%;translate:0 -50%;rotate:-18deg}.fotobol-volgt{max-width:80%;color:var(--keur-wit,var(--kumo-offwhite));font-size:max(.5625rem, calc(var(--fotobol) * .105));font-weight:var(--w-semibold);letter-spacing:var(--tracking);text-align:center;line-height:1.1;position:relative}.voorbeelden{margin-top:1.6rem}.voorbeelden-kop{font-size:.875rem}.voorbeelden-lijst{flex-wrap:wrap;gap:.9rem 1.75rem;margin-top:.6rem;display:flex}.voorbeelden-lijst li{font-size:1.1875rem;font-weight:var(--w-semibold);align-items:center;gap:.75rem;line-height:1.15;display:flex}.voorbeelden-zin{font-size:1.1875rem;font-weight:var(--w-semibold)}.product-quiz{max-width:30rem;margin-top:1.4rem;font-size:1rem}.waarom{padding:0 var(--gutter) clamp(5.5rem, 10vw, 9rem);color:var(--kumo-red);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.waarom-titel{margin-top:1rem;font-size:clamp(2rem,4.2vw,3.9rem)}.waarom-zin{max-width:26rem;letter-spacing:var(--tracking);margin-top:1.25rem;font-size:1.375rem;line-height:1.3}.waarom-makers{border-top:1.5px solid;align-items:flex-start;gap:1.25rem;max-width:32rem;margin-top:2rem;padding-top:1.75rem;font-size:1.0625rem;line-height:1.4;display:flex}.waarom-foto{--fotobol:5.5rem}.waarom-belofte{font-weight:var(--w-semibold);margin-top:.6rem}.waarom-makers .tekstlink{letter-spacing:var(--tracking);margin-top:.9rem;font-size:.9375rem;display:inline-block}.waarom-bollen{justify-content:center;display:flex}.waarom-bollen li{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:1rem;min-width:0;max-width:14rem;display:flex;container-type:inline-size}.waarom-bol{aspect-ratio:1;width:calc(100% + 1.4rem);font-size:clamp(.625rem,10cqi,1.55rem);font-weight:var(--w-semibold);letter-spacing:.06em;transition:translate .5s var(--spring);border-radius:50%;place-items:center;margin-inline:-.7rem;padding:8%;line-height:1.05;display:grid}.waarom-bollen li:first-child .waarom-bol{background:var(--page-mid);color:var(--keur-wit,var(--kumo-offwhite))}.waarom-bollen li:nth-child(2) .waarom-bol{z-index:1;background:var(--kumo-offwhite)}.waarom-bollen li:nth-child(3) .waarom-bol{background:var(--page-accent);color:var(--keur-wit,var(--kumo-offwhite))}.waarom-bollen li:first-child .waarom-bol>span{rotate:-7deg}.waarom-bollen li:nth-child(2) .waarom-bol>span{rotate:6deg}.waarom-bollen li:nth-child(3) .waarom-bol>span{rotate:-4deg}@media (hover:hover){.waarom-bollen:hover li:first-child .waarom-bol{translate:-.5rem .2rem}.waarom-bollen:hover li:nth-child(2) .waarom-bol{translate:0 -.6rem}.waarom-bollen:hover li:nth-child(3) .waarom-bol{translate:.5rem .2rem}}.waarom-inci{letter-spacing:.04em;max-width:10.5rem;font-size:.8125rem;line-height:1.3}.waarom-uitleg{max-width:11.5rem;font-size:1rem;line-height:1.35}.waarom-volgt{text-align:center;border:1.5px dashed;border-radius:1.5rem;width:fit-content;max-width:100%;margin:2rem auto 0;padding:.6rem 1.3rem;font-size:.9375rem}@media (max-width:900px){.waarom{grid-template-columns:1fr}}.afmaken-hint{max-width:19rem;padding-left:calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem));margin-top:1.25rem;font-size:1rem}.afmaken--puppy .afmaken-titel{font-size:clamp(2.25rem,4.2vw,4rem)}.nogniet{padding-right:calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem));grid-column:span 2;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.75rem,4vw,4rem);display:grid}.nogniet-bollen{align-items:center;display:flex}.nogniet-bol{aspect-ratio:1;border:2.5px dashed var(--donker);width:clamp(6.75rem,10.5vw,10rem);color:var(--donker);letter-spacing:var(--tracking);text-align:center;transition:rotate .6s var(--spring);border-radius:50%;place-content:center;margin-right:-.9rem;font-size:clamp(.8rem,1.1vw,1rem);line-height:1.25;display:grid}.nogniet-bol span:first-child{font-weight:var(--w-semibold)}.nogniet-bol--conditioner{--donker:var(--conditioner-dark);rotate:8deg}.nogniet-bol--mask{--donker:var(--mask-dark);rotate:-6deg}.nogniet-wanneer{z-index:1;aspect-ratio:1;background:var(--shampoo-mid);width:clamp(5.75rem,8.4vw,8rem);color:var(--kumo-offwhite);letter-spacing:var(--tracking);text-align:center;transition:rotate .6s var(--spring);border-radius:50%;place-content:center;font-size:clamp(.7rem,.95vw,.875rem);line-height:1.1;display:grid;rotate:-9deg}.nogniet-wanneer span:nth-child(2){font-size:1.9em;font-weight:var(--w-semibold);letter-spacing:.04em;margin:.12em 0 .08em;line-height:1}@media (hover:hover){.nogniet:hover .nogniet-bol--conditioner{rotate:-4deg}.nogniet:hover .nogniet-bol--mask{rotate:5deg}.nogniet:hover .nogniet-wanneer{rotate:6deg}}.nogniet-tekst p{max-width:30rem;margin-bottom:1.75rem;font-size:1.1875rem}@media (max-width:1100px){.nogniet{grid-template-columns:1fr}}@media (max-width:860px){.nogniet{padding-inline:calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem));grid-column:auto}}.pervacht{--rand:var(--mask-light);z-index:1;padding:clamp(4.5rem, 9vw, 8rem) var(--gutter) clamp(5rem, 9vw, 8rem);background:var(--mask-light);color:var(--kumo-red);scroll-margin-top:1rem;position:relative}.pervacht:before{content:"";background:radial-gradient(circle at 50% 100%, var(--rand) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;pointer-events:none;height:1.25rem;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.pervacht>*{max-width:84rem;margin-inline:auto}.pervacht-kop .v-titel--groot{margin-top:1.1rem;font-size:clamp(2.5rem,6.4vw,6.5rem)}.pervacht-intro{max-width:27rem;margin-top:1.4rem;font-size:1.1875rem}.pervacht-keuze{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:clamp(2.25rem,4.5vw,4rem);display:grid}.pervacht-vacht{--strand:clamp(.85rem, 1.45vw, 1.3rem);background:var(--kumo-offwhite);min-height:clamp(6.25rem,9.5vw,8.75rem);color:var(--kumo-red);font:inherit;text-align:left;cursor:pointer;transition:background-color .25s, color .25s, rotate .45s var(--spring), translate .45s var(--spring);border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.pervacht-woord{font-family:var(--font-kumo), var(--font-glancyr), sans-serif;text-transform:none;font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1}.pervacht-lijntje{color:var(--shampoo-mid)}.pervacht-vacht:hover{translate:0 -.3rem}.pervacht-vacht[aria-pressed=true]{background:var(--kumo-red);color:var(--kumo-offwhite);rotate:-1.2deg}.pervacht-keuze .pervacht-vacht:nth-child(2n)[aria-pressed=true]{rotate:1deg}.pervacht-kit{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5.5vw,5.5rem);margin-top:clamp(2.25rem,4.5vw,4rem);display:grid}.pervacht-doos{rotate:-2deg}.kitdoos-vak[data-leeg]{border:2.5px dashed var(--kumo-offwhite)}@supports (color:color-mix(in lab, red, red)){.kitdoos-vak[data-leeg]{border:2.5px dashed color-mix(in srgb, var(--kumo-offwhite) 55%, transparent)}}.kitdoos-vak[data-leeg]{background:0 0}.kitdoos-vak[data-leeg] .kitdoos-fles{opacity:.2}.kitdoos-vak[data-leeg] .kitdoos-stap{opacity:.6}@media (prefers-reduced-motion:no-preference){.pervacht-doos .kitdoos-fles{animation:doos-in .55s var(--spring) backwards}.pervacht-doos .kitdoos-vak:nth-child(2) .kitdoos-fles{animation-delay:80ms}.pervacht-doos .kitdoos-vak:nth-child(3) .kitdoos-fles{animation-delay:.16s}@keyframes doos-in{0%{opacity:0;translate:0 -22%;rotate:-9deg}}}.pervacht-naam{font-size:clamp(1.75rem,3vw,2.75rem)}.pervacht-stappen{margin-top:1.4rem}.pervacht-stap{border-top:1.5px solid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:.85rem 0;display:grid}@supports (color:color-mix(in lab, red, red)){.pervacht-stap{border-top:1.5px solid color-mix(in srgb, currentColor 28%, transparent)}}.pervacht-stap:last-child{border-bottom:1.5px solid}@supports (color:color-mix(in lab, red, red)){.pervacht-stap:last-child{border-bottom:1.5px solid color-mix(in srgb, currentColor 28%, transparent)}}.pervacht-stap--shampoo{--mid:var(--shampoo-mid)}.pervacht-stap--conditioner{--mid:var(--conditioner-mid)}.pervacht-stap--mask{--mid:var(--mask-mid);--cijfer:var(--kumo-red)}.pervacht-cijfer{background:var(--mid);width:2.4rem;height:2.4rem;color:var(--cijfer,var(--kumo-offwhite));font-size:1.25rem;font-weight:var(--w-semibold);border-radius:50%;place-items:center;line-height:1;display:grid}.pervacht-stap a{transition:translate .35s var(--spring);flex-direction:column;gap:.1rem;display:flex}.pervacht-stap a:hover{translate:.4rem}.pervacht-product{font-size:1.1875rem;font-weight:var(--w-semibold);letter-spacing:.04em;line-height:1.2}.pervacht-zin{letter-spacing:var(--tracking);font-size:.875rem}.pervacht-puppy{max-width:30rem;margin-top:1.1rem;font-size:1.0625rem}.pervacht-knoppen{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;display:flex}.pervacht-knoppen .tekstlink{font-size:.9375rem;font-weight:var(--w-regular);letter-spacing:var(--tracking)}@media (max-width:860px){.pervacht-keuze{grid-template-columns:repeat(2,minmax(0,1fr))}.pervacht-kit{grid-template-columns:1fr}.pervacht-doos{max-width:30rem}}.shop .pervacht{padding:0 calc(var(--gutter) - clamp(1.25rem, 2.85vw, 2.6rem)) clamp(4.5rem, 9vw, 8rem);background:0 0}.shop .pervacht:before{content:none}.shop .pervacht .v-titel--groot{padding-left:0}.shop .pervacht-vacht:not([aria-pressed=true]){background:var(--shampoo-light)}.shop-los{font-size:clamp(2.25rem,5vw,4.75rem)}.over{color:var(--kumo-red)}.over-label{font-size:.9375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.over-kop{padding:calc(112px + clamp(2rem, 5vw, 4rem)) var(--gutter) clamp(4rem, 7vw, 6.5rem)}.over-intro{max-width:40rem;margin-top:1.9rem;font-size:clamp(1.1875rem,1.7vw,1.5rem);line-height:1.4}.over-lijntje{--strand:clamp(1.6rem, 2.9vw, 2.6rem);max-width:34rem;color:var(--shampoo-mid);margin-top:clamp(2.25rem,4.5vw,4rem)}.over-naam,.over-makers{z-index:1;padding:clamp(4.5rem, 9vw, 8rem) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid;position:relative}.over-naam{padding-block:clamp(7rem,14vw,13rem)}.over-naam:before,.over-naam:after,.over-makers:before,.over-makers:after{content:"";background:radial-gradient(circle at 50% 100%, var(--rand) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;pointer-events:none;height:1.25rem;position:absolute;left:0;right:0}.over-naam:before,.over-makers:before{bottom:calc(100% - 1px)}.over-naam:after,.over-makers:after{background-image:radial-gradient(circle at 50% 0, var(--rand) 70%, transparent 71.5%);top:calc(100% - 1px)}.over-naam{--rand:var(--kumo-red);background:var(--kumo-red);color:var(--kumo-offwhite)}.over-naam .v-titel--groot{font-size:clamp(2.5rem,6.4vw,6.5rem)}.over-naam-tekst p{max-width:36rem;font-size:1.1875rem}.over-naam-tekst p+p{color:var(--shampoo-light);margin-top:1.1rem}.over-doel{padding:clamp(5.5rem, 10vw, 9rem) var(--gutter) clamp(4rem, 7vw, 6rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,6rem);display:grid}.over-doel-titel{text-wrap:balance;margin-bottom:1.25rem;font-size:clamp(1.75rem,3.3vw,3.1rem);line-height:1}.over-doel article>p:last-child{max-width:32rem;font-size:1.1875rem}.over-waarden{padding:clamp(1rem, 3vw, 2.5rem) var(--gutter) clamp(6rem, 11vw, 10rem);overflow-x:clip}.waarden{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(2rem,4vw,3.5rem);display:grid}.waarde{background:var(--vlak);min-height:clamp(22rem,30vw,27rem);rotate:var(--r);transition:rotate .5s var(--spring), translate .5s var(--spring);border-radius:2rem;flex-direction:column;padding:clamp(1.4rem,2.2vw,2rem);display:flex;position:relative}.waarde:hover{z-index:2;translate:0 -.6rem;rotate:none}.waarde:first-child{--r:-1.6deg}.waarde:nth-child(2){--r:1.2deg;z-index:1;margin-inline:-.35rem}.waarde:nth-child(3){--r:-.9deg}.waarde:nth-child(4){--r:1.5deg;z-index:1;margin-left:-.35rem}.waarde{color:var(--kumo-offwhite)}.waarde--shampoo{--vlak:var(--shampoo-mid)}.waarde--conditioner{--vlak:var(--conditioner-mid)}.waarde--mask{--vlak:var(--mask-mid)}.waarde--licht{--vlak:var(--shampoo-dark)}.waarde-cijfer{width:2.4rem;height:2.4rem;font-size:1.25rem;font-weight:var(--w-semibold);border:2px solid;border-radius:50%;place-items:center;margin-bottom:1.25rem;line-height:1;display:grid}.waarde h3{font-size:clamp(1.5rem,2.25vw,2.1rem);line-height:1}.waarde p{margin-top:auto;padding-top:1.5rem;font-size:1.0625rem;line-height:1.4}.over-makers{--rand:var(--conditioner-light);--page-mid:var(--conditioner-mid);--page-accent:var(--conditioner-dark);background:var(--conditioner-light)}.over-makers-beeld{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.over-foto{--fotobol:clamp(13rem, 27vw, 23rem);rotate:-3deg}.over-makers-namen{font-size:1.375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);flex-direction:column;align-items:center;line-height:1.2;display:flex}.over-makers-namen span{font-size:.875rem;font-weight:var(--w-regular)}.over-makers-tekst>p{max-width:38rem;margin-top:1.25rem;font-size:1.1875rem}.over-makers-tekst>.over-belofte{font-size:clamp(1.1875rem,1.7vw,1.5rem);font-weight:var(--w-semibold);letter-spacing:.04em;border-top:1.5px solid;margin-top:1.75rem;padding-top:1.5rem;line-height:1.25}.over-filosofie{padding:clamp(9rem, 17vw, 16rem) var(--gutter);text-align:center}.over-filosofie p{max-width:38rem;margin:1.9rem auto 0;font-size:1.1875rem}@media (max-width:1000px){.waarden{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.waarde{min-height:17rem}.waarde:nth-child(n){margin-inline:0}}@media (max-width:800px){.over-naam,.over-makers,.over-doel{grid-template-columns:1fr}}@media (max-width:560px){.waarden{grid-template-columns:1fr}.waarde{min-height:0}}.penning-greep{z-index:1;cursor:grab;touch-action:none;background:0 0;border-radius:50%;position:absolute;inset:0}.penning-greep[data-sleept]{cursor:grabbing}.penning-greep:focus-visible{outline:2px dashed var(--kumo-red);outline-offset:5px}.kh-penning:has(.penning-schijf[data-foto]){padding-bottom:3.75rem}.kh-fotostand{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem 1rem;margin-top:1.1rem;display:grid}.kh-fotostand .kh-hint{grid-column:1/-1}.kh-fotostand input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.5rem}.kh-fotostand input[type=range]::-webkit-slider-runnable-track{background:var(--kumo-red);height:3px}.kh-fotostand input[type=range]::-moz-range-track{background:var(--kumo-red);height:3px}.kh-fotostand input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--kumo-red);width:1.35rem;height:1.35rem;transition:scale .3s var(--spring);border:0;border-radius:50%;margin-top:calc(1.5px - .675rem)}.kh-fotostand input[type=range]::-moz-range-thumb{background:var(--kumo-red);border:0;border-radius:50%;width:1.35rem;height:1.35rem}.kh-fotostand input[type=range]:hover::-webkit-slider-thumb{scale:1.15}.kh-fotostand input[type=range]:focus-visible{outline:3px solid var(--kumo-red);outline-offset:2px;border-radius:999px}.kh-tip{background:var(--shampoo-light);border-radius:1.5rem;max-width:40rem;margin:clamp(2.5rem,5vw,4rem) auto 0;padding:1.35rem 1.75rem 1.5rem;font-size:1.0625rem;rotate:-.7deg}.kh-tip--puppy{background:var(--mask-light);rotate:.6deg}.kh-tip-kop{font-size:1.125rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.kh-tip p+p{margin-top:.6rem}.stappen-bak[data-live] .bol[data-geknapt]{visibility:hidden}.bolspat{pointer-events:none;width:0;height:0;position:absolute}.bolspat-vlak,.bolspat-ring{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;position:absolute}.bolspat-vlak{background:currentColor;animation:.16s ease-out forwards spat-vlak}@keyframes spat-vlak{to{opacity:0;scale:1.1}}.bolspat-ring{border:calc(var(--d) * .06) solid currentColor;animation:.55s cubic-bezier(.2,.7,.3,1) forwards spat-ring}@keyframes spat-ring{0%{scale:1.04}45%{opacity:1}to{opacity:0;border-width:1px;scale:1.3}}.bolspat-drup{width:calc(var(--d) * var(--maat));height:calc(var(--d) * var(--maat));margin:calc(var(--d) * var(--maat) / -2) 0 0 calc(var(--d) * var(--maat) / -2);background:currentColor;border-radius:50%;animation:.8s cubic-bezier(.15,.75,.3,1) forwards spat-drup;position:absolute}@keyframes spat-drup{0%{transform:rotate(var(--hoek)) translateY(calc(var(--d) * -.42)) scale(1)}55%{transform:rotate(var(--hoek)) translateY(calc(var(--d) * (.42 + (var(--ver) - .42) * .88) * -1)) scale(.9)}to{transform:rotate(var(--hoek)) translateY(calc(var(--d) * var(--ver) * -1)) scale(0)}}@media (max-width:820px) and (prefers-reduced-motion:no-preference){.reveal[data-inview=false] .bolletje--shampoo{translate:-2.75rem}.reveal[data-inview=false] .bolletje--mask{translate:2.75rem}}@media (max-width:860px){.kh[data-stap=over] .kh-penning:has(.penning-schijf[data-foto]) .penning{--d:12.5rem}}.kit-kop-knoppen{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.kit-kop-knoppen .tekstlink{font-size:.9375rem;font-weight:var(--w-regular);letter-spacing:var(--tracking)}.pervacht-kop>.reveal:first-child .v-titel--groot{margin-top:0}.lopers{--strand:clamp(1.5rem, 2.7vw, 2.4rem);height:calc(var(--strand) * 4.3);margin:clamp(2.5rem, 5vw, 4.5rem) calc(-1 * var(--gutter)) 0;position:relative;overflow:hidden}.loper--blauw{color:var(--shampoo-mid)}.loper--groen{color:var(--conditioner-mid)}.loper--geel{color:var(--mask-mid)}.loper--rood{color:var(--kumo-red)}.loper{width:var(--lang);animation:loper-voorbij var(--duur) linear forwards;will-change:translate;position:absolute;bottom:0;left:0}@keyframes loper-voorbij{0%{translate:-100%}to{translate:100vw}}.loper[data-soort=long],.lopers-stil [data-soort=long]{--lang:clamp(11rem, 20vw, 18rem)}.loper[data-soort=short],.lopers-stil [data-soort=short]{--lang:clamp(7rem, 12vw, 10.5rem)}.loper[data-soort=curly],.lopers-stil [data-soort=curly]{--lang:clamp(8rem, 14vw, 12.5rem)}.loper[data-soort=puppy],.lopers-stil [data-soort=puppy]{--lang:clamp(5rem, 8.5vw, 7.5rem);--strand:clamp(1.2rem, 2.1vw, 1.9rem)}.loper[data-soort=conditioner]{--lang:clamp(8.5rem, 15vw, 13rem)}.loper[data-soort=hydration]{--lang:clamp(9rem, 16vw, 14rem)}.loper[data-soort=revitalising]{--lang:clamp(7rem, 12vw, 10.5rem)}.loper-lijf{transform-origin:50% 100%;animation:.52s ease-in-out infinite loper-draf;display:block}.loper[data-soort=long] .loper-lijf{transform-origin:100% 100%;animation:.9s ease-in-out infinite loper-rek}.loper[data-soort=short] .loper-lijf{animation-duration:.3s}.loper[data-soort=curly] .loper-lijf{animation:.6s ease-in-out infinite loper-veer}.loper[data-soort=puppy] .loper-lijf{animation:.62s cubic-bezier(.3,0,.5,1) infinite loper-hup}.loper[data-soort=conditioner] .loper-lijf{animation-duration:.7s}.loper[data-soort=hydration] .loper-lijf{animation-duration:.64s}.loper[data-soort=revitalising] .loper-lijf{animation:.46s ease-in-out infinite loper-waggel}@keyframes loper-draf{0%,to{translate:0;rotate:-1.2deg}50%{translate:0 calc(var(--strand) * -.22);rotate:1.2deg}}@keyframes loper-rek{0%,to{translate:0;scale:.94 1}50%{scale:1.05 1;translate:0 calc(var(--strand) * -.1)}}@keyframes loper-veer{0%,to{translate:0;scale:1.03 .92}50%{translate:0 calc(var(--strand) * -.34);scale:.98 1.06}}@keyframes loper-hup{0%,to{translate:0;scale:1.05 .88}30%{translate:0 calc(var(--strand) * -1.1);scale:.97 1.06}58%{translate:0;scale:1.04 .9}78%{translate:0 calc(var(--strand) * -.3);scale:1}}@keyframes loper-waggel{0%,to{translate:0;rotate:-4deg}50%{rotate:4deg;translate:0 calc(var(--strand) * -.12)}}.lopers-stil{padding:0 var(--gutter);justify-content:space-between;align-items:flex-end;gap:2rem;display:none;position:absolute;inset:auto 0 0}.lopers-stil li{flex:0 1 var(--lang);min-width:0}@media (prefers-reduced-motion:reduce){.lopers-stil{display:flex}}.over-filosofie{position:relative}.over-filosofie>:not(.bellen){z-index:1;position:relative}.bellen{color:var(--shampoo-mid);pointer-events:none;position:absolute;inset:0;overflow:hidden}.bel{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);background:var(--shampoo-light);will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.bel:after{content:"";background:var(--kumo-offwhite);border-radius:50%;width:24%;height:24%;position:absolute;top:20%;left:22%}.bellen .bolspat-vlak{background:var(--shampoo-light)}.over .v-kit:after{content:"";background:radial-gradient(circle at 50% 0, var(--rand) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;pointer-events:none;height:1.25rem;position:absolute;top:calc(100% - 1px);left:0;right:0}.faq-knop{margin-top:2rem;padding:.6rem 1.45rem;font-size:1.0625rem}@media (min-width:821px){.v-voet{--logo-w:min(44.6vw, calc((90svh - 5.6em) * .908));padding-block:3.47em 2.08em;font-size:clamp(.5625rem,2.05svh,.9375rem)}.voet-info{padding-top:max(1.5em, calc(var(--logo-w) * .1066 - var(--kap)))}.voet-rij--boven{padding-bottom:1.6em}.voet-gemaakt,.voet-onder{margin-top:1.6em}.v-voet .badges li{font-size:.768em}.voet-copy{bottom:2.08em}}html{overflow-x:hidden}body{overflow-x:clip}@media (max-width:620px){.routine-titel{top:39%}.routine-knop{top:54.5%}.routine-verder{display:none}}a,button,summary,label,input,select,textarea{touch-action:manipulation}@media (hover:none){.rondknop:hover{background:var(--kumo-offwhite);color:var(--donker);scale:1}.rondknop:active{background:var(--donker);color:var(--kumo-offwhite);scale:.94}}@media (max-width:620px){.site-menu{left:var(--gutter);right:var(--gutter)}.site-nav{justify-content:space-between;gap:0}}.box--foto{box-shadow:none;background:0 0;display:block}.box--foto img{object-fit:contain;width:100%;height:100%;display:block}.galerij{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.galerij button{aspect-ratio:1;cursor:zoom-in;background:var(--kumo-offwhite);border:0;border-radius:1rem;width:100%;padding:0;display:block;overflow:hidden}.galerij img{object-fit:cover;width:100%;height:100%;display:block}.galerij-groot{z-index:90;padding:var(--gutter,1rem);cursor:zoom-out;background:#4f1515db;border:0;place-items:center;display:grid;position:fixed;inset:0}.galerij-groot img{border-radius:1.25rem;max-width:100%;max-height:100%}.product-visual:has(.galerij){flex-direction:column;align-items:center}.product-visual .galerij{width:min(100%,22rem)}.product-visual .box--foto{width:min(100%,26rem);aspect-ratio:4/5!important}html{scroll-padding-top:6rem}.binnenkort{background:var(--shampoo-light);min-height:100svh;color:var(--kumo-red);padding:0 var(--gutter);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.binnenkort-midden{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:clamp(3rem,8vh,6rem) 0 1rem;display:flex}.binnenkort-logo{width:clamp(120px,18vw,180px);height:auto}.binnenkort-label{font-weight:var(--w-medium);letter-spacing:var(--tracking);margin:0;font-size:.85rem}.binnenkort-titel{font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin:.5rem 0 0;font-size:clamp(2.6rem,8vw,6.5rem);line-height:.95}.binnenkort-tekst{max-width:34rem;margin:0}.binnenkort-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.binnenkort-pills li{border:1.5px solid var(--kumo-red);font-size:.8rem;font-weight:var(--w-medium);letter-spacing:var(--tracking);border-radius:999px;padding:.3em .95em}.binnenkort-mail{background:var(--kumo-red);color:var(--kumo-offwhite);font-weight:var(--w-semibold);letter-spacing:var(--tracking);transition:background .2s var(--ease);border-radius:999px;margin-top:.75rem;padding:.75em 1.6em;text-decoration:none}.binnenkort-mail:is(:hover,:focus-visible){background:var(--kumo-red-light)}.binnenkort .lopers{margin-top:0}.pilveld :is(select,.keuzelijst-toon){border:2px solid var(--kumo-red);width:100%;color:var(--kumo-red);font:inherit;font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6Z' fill='%234f1515'/%3E%3C/svg%3E") right 1.4rem center/.65rem no-repeat;border-radius:999px;padding:.95rem 1.6rem;display:block}.pilveld input[type=tel]{border:2px solid var(--kumo-red);width:100%;color:var(--kumo-red);font:inherit;font-weight:var(--w-semibold);letter-spacing:.04em;background:0 0;border-radius:999px;padding:.95rem 1.6rem;display:block}.pilveld input[type=tel]::placeholder{color:var(--kumo-red)}@supports (color:color-mix(in lab, red, red)){.pilveld input[type=tel]::placeholder{color:color-mix(in srgb, var(--kumo-red) 55%, transparent)}}.pilveld input[type=tel]::placeholder{text-transform:uppercase}.pilveld :is(select,input[type=tel]):focus-visible{background-color:var(--shampoo-light);outline:none}.klant-velden{gap:.9rem;display:grid}.klant-kop{font-size:.875rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin:.9rem 0 .1rem}.klant-kop:first-child{margin-top:0}.klant-rij3{grid-template-columns:1fr 1.6fr 1.2fr;gap:.9rem;display:grid}.kassa{border-top:1.5px solid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,5vw,3.5rem);padding-top:2rem;display:grid}.kassa-keuze{grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.75rem;display:grid}.kassa-keuze button{border:2px solid var(--kumo-red);color:var(--kumo-red);text-align:left;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border-radius:1.5rem;padding:1.1rem 1.4rem;transition:background-color .2s}.kassa-keuze button[aria-pressed=true]{background:var(--kumo-red);color:var(--kumo-offwhite)}.kassa-keuze b{font-weight:var(--w-semibold);letter-spacing:var(--tracking);display:block}.kassa-keuze span{margin-top:.2rem;font-size:.9375rem;line-height:1.35;display:block}.kassa-overzicht{background:var(--shampoo-light);border-radius:2rem;padding:1.6rem 1.8rem 1.8rem;position:sticky;top:7rem}.kassa-overzicht h2{font-size:.9375rem;font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin:0 0 1rem}.kassa-regel{justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.kassa-regel--totaal{border-top:2px solid var(--kumo-red);font-weight:var(--w-semibold);letter-spacing:var(--tracking);margin-top:.5rem;padding-top:.8rem}.kassa-noot{margin-top:1rem;font-size:.9375rem}.kassa-ingelogd{margin-bottom:1.5rem;font-size:1rem}.kassa-onder{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.kassa-fout{color:#b42318;font-size:.9375rem}.kassa-ok{background:var(--conditioner-light);border-radius:1.5rem;padding:1.4rem 1.6rem}.account-blok{border-top:1.5px solid;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem}.account-blok h2{margin:0 0 1.25rem;font-size:clamp(1.6rem,3vw,2.4rem)}.account-bestelling{border-bottom:1.5px dashed var(--kumo-red);grid-template-columns:7rem 1fr auto auto;align-items:baseline;gap:.5rem 1.25rem;padding:.8rem 0;display:grid}@supports (color:color-mix(in lab, red, red)){.account-bestelling{border-bottom:1.5px dashed color-mix(in srgb, var(--kumo-red) 35%, transparent)}}.account-honden-vak{--rand:var(--conditioner-light);margin:clamp(3.5rem, 6vw, 5rem) calc(-1 * var(--gutter));padding:clamp(2.5rem, 5vw, 4rem) var(--gutter);background:var(--rand);position:relative}.account-honden-vak:before,.account-honden-vak:after{content:"";background:radial-gradient(circle at 50% 100%, var(--rand) 70%, transparent 71.5%) 50% 0 / 2.5rem 1.25rem repeat-x;pointer-events:none;height:1.25rem;position:absolute;left:0;right:0}.account-honden-vak:before{bottom:calc(100% - 1px)}.account-honden-vak:after{background-image:radial-gradient(circle at 50% 0, var(--rand) 70%, transparent 71.5%);top:calc(100% - 1px)}.account-honden-vak h2{margin:0 0 1.5rem;font-size:clamp(1.6rem,3vw,2.4rem)}.account-honden{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.account-hond{background:var(--kumo-offwhite);border-radius:1.75rem;flex-direction:column;gap:.6rem;padding:1.25rem 1.4rem 1.4rem;display:flex}.account-hond[aria-busy=true]{opacity:.6}.account-hond-kop{align-items:center;gap:.75rem;display:flex}.account-hond-kop b{font-weight:var(--w-semibold);letter-spacing:var(--tracking);flex:1;font-size:1.25rem}.account-hond-x{width:1.9rem;height:1.9rem;color:var(--kumo-red);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .2s;display:grid}.account-hond-x:is(:hover,:focus-visible){background:var(--conditioner-light)}.account-hond-x svg{width:.95rem;height:.95rem}.account-hond-wis{font-size:.875rem}.account-hond-ras{opacity:.75;margin-top:-.5rem;font-size:.875rem}.account-hond-routine{margin:.2rem 0 0;padding:0;font-size:.9375rem;list-style:none}.account-hond-routine li{border-bottom:1.5px dashed var(--kumo-red);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}@supports (color:color-mix(in lab, red, red)){.account-hond-routine li{border-bottom:1.5px dashed color-mix(in srgb, var(--kumo-red) 30%, transparent)}}.account-hond-knop{align-self:flex-start;margin-top:.4rem;font-size:1rem}.tekstpagina .pilveld :is(input,select,textarea,.keuzelijst-toon){padding:.75rem 1.35rem;font-size:.9375rem}.tekstpagina .grootpil{padding:.55rem 1.4rem;font-size:1rem}.tekstpagina .klant-velden,.tekstpagina .contact-form{gap:.7rem}@media (max-width:760px){.kassa{grid-template-columns:1fr}.kassa-overzicht{order:-1;position:static}.kassa-keuze,.klant-rij3{grid-template-columns:1fr}.account-bestelling{grid-template-columns:1fr auto}.tekstpagina .pilveld :is(input,select,textarea,.keuzelijst-toon){padding:.6rem 1.1rem;font-size:.875rem}.tekstpagina .grootpil,.kassa-ingelogd,.tekstpagina p{font-size:.9375rem}.account-blok h2,.account-honden-vak h2{font-size:1.5rem}}.pilveld input[type=password]{border:2px solid var(--kumo-red);width:100%;color:var(--kumo-red);font:inherit;font-weight:var(--w-semibold);letter-spacing:.04em;background:0 0;border-radius:999px;padding:.95rem 1.6rem;display:block}.pilveld input[type=password]::placeholder{color:var(--kumo-red)}@supports (color:color-mix(in lab, red, red)){.pilveld input[type=password]::placeholder{color:color-mix(in srgb, var(--kumo-red) 55%, transparent)}}.pilveld input[type=password]::placeholder{text-transform:uppercase}.pilveld input[type=password]:focus-visible{background:var(--shampoo-light);outline:none}.inlog-tabs{gap:1.5rem;margin-bottom:.4rem;display:flex}.inlog-tabs button{color:var(--kumo-red);font:inherit;font-weight:var(--w-semibold);letter-spacing:var(--tracking);text-transform:inherit;opacity:.55;cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;padding:0 0 .3rem}.inlog-tabs button[aria-selected=true]{opacity:1;border-bottom-color:currentColor}.account-twee{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:0 clamp(2rem,4vw,4rem);display:grid}.account-uit{border-top:1.5px dashed var(--kumo-red);margin-top:2rem;padding-top:1.5rem}@supports (color:color-mix(in lab, red, red)){.account-uit{border-top:1.5px dashed color-mix(in srgb, var(--kumo-red) 35%, transparent)}}.account-uit .pil--kader:is(:hover,:focus-visible){background:var(--kumo-red);color:var(--kumo-offwhite)}@media (max-width:900px){.account-twee{grid-template-columns:1fr}}.keuzelijst{min-width:0;display:block;position:relative}.keuzelijst-toon{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.keuzelijst select{opacity:0;cursor:pointer;text-transform:none;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.keuzelijst:focus-within .keuzelijst-toon{outline:2px solid var(--kumo-red);outline-offset:3px}.pilveld .keuzelijst:focus-within .keuzelijst-toon{background-color:var(--shampoo-light);outline:none}.account-honden-vak+.account-blok{border-top:0;padding-top:0}.mandje-regel--kit{align-items:start}.mandje-bol--kit{background:var(--kumo-offwhite);border:1.5px solid var(--kumo-red);justify-content:center;align-items:center;gap:.2rem;display:flex}.mandje-kitbol{aspect-ratio:1;border-radius:50%;width:.95rem}.mandje-kitbol--shampoo{background:var(--shampoo-mid)}.mandje-kitbol--conditioner{background:var(--conditioner-mid)}.mandje-kitbol--mask{background:var(--mask-mid)}.mandje-kitlijst{margin:-.2rem 0 .6rem;padding:0;font-size:.8125rem;line-height:1.45;list-style:none}.mandje-kitlijst a:hover{text-decoration:underline}.kassa-regel--kit b{font-weight:var(--w-semibold);letter-spacing:.04em}.kassa-kitlijst{opacity:.8;font-size:.8125rem;line-height:1.45;display:block}.kassa-regel>span:last-child{white-space:nowrap}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}