body.winkel{--mobile-bar:calc(64px + env(safe-area-inset-bottom,0px));--shadow-card:0 1px 2px #0a06060a, 0 8px 24px -12px #0a06061f;--shadow-float:0 2px 6px #0a06060f, 0 18px 40px -18px #0a060647;--ease:cubic-bezier(.2, .7, .2, 1);min-height:100dvh;color:var(--color-inkt);font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}html:has(body.winkel){color:var(--color-inkt);background:#fff;scroll-padding-top:104px;overflow-x:clip}@layer base{.winkel h1,.winkel h2,.winkel h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-nacht);text-wrap:balance;font-weight:800;line-height:1.1}.winkel p{text-wrap:pretty}}.winkel ::selection{background:#ff9d0159}.winkel .hl{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 0 58%,#ff9d0199 58% 92%,#0000 92%);margin:0 -.04em;padding:0 .08em}.winkel .hl-light{background-image:linear-gradient(#0000 0 58%,#ffffff47 58% 92%,#0000 92%)}.winkel .eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-inkt-3);font-size:.75rem;font-weight:800}.winkel :focus-visible{outline:3px solid var(--color-nacht);outline-offset:2px}.winkel .sh-card{box-shadow:var(--shadow-card)}.winkel .sh-float{box-shadow:var(--shadow-float)}.winkel .no-scrollbar{scrollbar-width:none}.winkel .no-scrollbar::-webkit-scrollbar{display:none}.winkel .lift{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease)}.winkel .lift:hover{box-shadow:var(--shadow-float);border-color:#ff9d01b3;transform:translateY(-3px)}.winkel .lift .zoom{transition:transform .5s var(--ease)}.winkel .lift:hover .zoom{transform:scale(1.045)}.winkel .sheets{background:radial-gradient(120% 90% at 80% 0%, #ff9d012e, transparent 55%), var(--color-papier);place-items:center;display:grid;position:relative;overflow:hidden}.winkel .sheets:before,.winkel .sheets:after{content:"";aspect-ratio:.72;width:46%;transition:transform .5s var(--ease);border-radius:6px;position:absolute;box-shadow:0 10px 24px -10px #0a060659}.winkel .sheets:before{background:var(--color-navy);transform:translate(-14%,4%)rotate(-9deg)}.winkel .sheets:after{background:linear-gradient(160deg, #fff 0 58%, var(--color-oranje) 58% 100%);transform:translate(12%,-2%)rotate(6deg)}.winkel .lift:hover .sheets:before{transform:translate(-20%,5%)rotate(-14deg)}.winkel .lift:hover .sheets:after{transform:translate(17%,-4%)rotate(10deg)}.winkel details>summary{cursor:pointer;list-style:none}.winkel details>summary::-webkit-details-marker{display:none}.winkel .plus{transition:transform .25s var(--ease), background-color .25s var(--ease)}.winkel details[open]>summary .plus{background:var(--color-oranje);transform:rotate(45deg)}.fx .winkel [data-reveal]{opacity:0;transition:opacity .7s var(--ease) var(--d,0s), transform .8s var(--ease) var(--d,0s);will-change:opacity, transform;transform:translateY(26px)}.fx .winkel [data-reveal=left]{transform:translate(-34px)}.fx .winkel [data-reveal=right]{transform:translate(34px)}.fx .winkel [data-reveal=zoom]{transform:scale(.94)}.fx .winkel [data-reveal=fade]{transform:none}.fx .winkel [data-reveal].is-in{opacity:1;transform:none}.fx .winkel .hl{background-position:0;background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s cubic-bezier(.65,0,.35,1) .25s}.fx .winkel .hl.is-in{background-size:100% 100%}.fx .winkel .hero-in>*{opacity:0;animation:hero-in .9s var(--ease) forwards}.fx .winkel .hero-in>:first-child{animation-delay:.1s}.fx .winkel .hero-in>:nth-child(2){animation-delay:.25s}.fx .winkel .hero-in>:nth-child(3){animation-delay:.45s}.fx .winkel .hero-in>:nth-child(4){animation-delay:.6s}.fx .winkel .hero-in>:nth-child(5){animation-delay:.75s}.fx .winkel .hero-in>:nth-child(6){animation-delay:.9s}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.fx .winkel .float{animation:float var(--float,7s) ease-in-out var(--d,0s) infinite alternate}@keyframes float{0%{transform:translateY(0) rotate(var(--tilt,0deg))}to{transform:translateY(-14px) rotate(calc(var(--tilt,0deg) + 1.5deg))}}.winkel .float{transform:rotate(var(--tilt,0deg))}.winkel .scroll-progress{transform-origin:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.fx .winkel .scroll-progress{animation:linear both scroll-progress;animation-timeline:scroll(root)}.fx .winkel [data-parallax]{animation:linear both parallax;animation-timeline:view()}}}@keyframes scroll-progress{to{transform:scaleX(1)}}@keyframes parallax{0%{transform:translateY(-5%)scale(1.1)}to{transform:translateY(5%)scale(1.1)}}.winkel .stat-line{transform-origin:0;display:block;position:relative;overflow:hidden}.fx .winkel [data-reveal] .stat-line{transition:transform .9s cubic-bezier(.65, 0, .35, 1) calc(var(--d,0s) + .2s);transform:scaleX(0)}.fx .winkel [data-reveal].is-in .stat-line{transform:none}.winkel .stat-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);position:absolute;inset:0;transform:translate(-100%)}.fx .winkel [data-reveal].is-in .stat-line:after{animation:stat-shine 3.6s ease-in-out calc(var(--d,0s) + 1.2s) infinite}@keyframes stat-shine{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}.fx .winkel .wave-drift{animation:wave-drift var(--wave-speed,18s) linear infinite}@keyframes wave-drift{to{transform:translate(-50%)}}.fx .winkel .brand-sheet{animation:brand-sheet 9s var(--ease) 1.2s infinite}@keyframes brand-sheet{0%,62%,to{opacity:0;transform:translateY(0)}70%{opacity:1}78%,90%{opacity:1;transform:translateY(9px)}96%{opacity:0;transform:translateY(9px)}}.fx .winkel .pulse-dot{animation:2.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{box-shadow:0 0 0 7px #ff9d0100}0%,to{box-shadow:0 0 #ff9d018c}}.fx .winkel .hop{animation:hop .5s var(--ease)}@keyframes hop{40%{transform:translateY(-5px)scale(1.25)}}.fx .winkel .drop-in{animation:drop-in .22s var(--ease) both}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)}}.fx .winkel .slide-in{animation:slide-in .3s var(--ease) both}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.fx .winkel .fade-in{animation:.25s both fade-in}@keyframes fade-in{0%{opacity:0}}.fx .winkel .price-in{animation:price-in .45s var(--ease)}@keyframes price-in{0%{opacity:.2;transform:translateY(6px)}}.winkel .art *{transform-box:fill-box;transform-origin:50%}.fx .winkel .art-draw{stroke-dasharray:100;animation:4.5s ease-in-out infinite art-draw}@keyframes art-draw{0%{stroke-dashoffset:100px}45%,70%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.fx .winkel .art-pulse{animation:art-pulse 2.4s ease-in-out var(--d,0s) infinite}@keyframes art-pulse{50%{opacity:.3}}.fx .winkel .art-spin{animation:2.2s linear infinite art-spin}@keyframes art-spin{to{transform:rotate(360deg)}}.fx .winkel .art-wave{transform-origin:0;animation:2.6s ease-in-out infinite alternate art-wave}@keyframes art-wave{0%{transform:skewY(-5deg)scaleX(.96)}to{transform:skewY(5deg)scaleX(1)}}.fx .winkel .art-bob{animation:art-bob 2.8s ease-in-out var(--d,0s) infinite alternate}@keyframes art-bob{to{transform:translateY(-3px)}}.fx .winkel .art-drive{animation:3.2s ease-in-out infinite alternate art-drive}@keyframes art-drive{0%{transform:translate(-3px)}to{transform:translate(3px)}}.fx .winkel .art-grow{transform-origin:bottom;animation:art-grow 4s var(--ease) infinite}@keyframes art-grow{0%,10%{transform:scaleY(.15)}45%,85%{transform:scaleY(1)}to{transform:scaleY(.15)}}.winkel .art .on-hover{transition:transform .4s var(--ease), opacity .3s ease}.winkel .group:hover .art .fan-l{transform:rotate(-12deg)translate(-3px,1px)}.winkel .group:hover .art .fan-r{transform:rotate(12deg)translate(3px,1px)}.winkel .group:hover .art .lid{transform:rotate(-16deg)translate(-2px,-3px)}.winkel .group:hover .art .peek{transform:translateY(-6px)}.winkel .group:hover .art .peel{transform:rotate(-10deg)translate(-2px,-2px)}.winkel .art .show{opacity:.25}.winkel .group:hover .art .show{opacity:1}.winkel .paper-stage{perspective:1100px}.winkel .paper{transform-style:preserve-3d;transition:width .6s var(--ease), transform .9s var(--ease), box-shadow .6s var(--ease);position:relative}.winkel .paper-face{backface-visibility:hidden;background:#fff;border-radius:6px;position:absolute;inset:0;overflow:hidden}.winkel .paper-back{transform:rotateY(180deg)}.winkel .paper-sheen{opacity:0;background:linear-gradient(115deg,#0000 38%,#ffffffbf 50%,#0000 62%);transition:opacity .4s;position:absolute;inset:-20%;transform:translate(-80%)}.winkel .paper[data-finish=glans] .paper-sheen{opacity:1}.fx .winkel .paper[data-finish=glans] .paper-sheen{animation:3.2s ease-in-out infinite paper-sheen}@keyframes paper-sheen{0%,15%{transform:translate(-80%)}60%,to{transform:translate(80%)}}.fx .winkel .paper[data-weight=dun]{animation:3.4s ease-in-out infinite alternate paper-flutter}@keyframes paper-flutter{0%{rotate:x 4deg}to{rotate:x -5deg}}@media (prefers-reduced-motion:reduce){.winkel *{transition:none!important;animation:none!important}}