@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-Variable.woff2)format("woff2")}@font-face{font-family:Zalando Sans;font-style:normal;font-weight:200;font-display:block;src:url(/scene/ZalandoSans-ExtraLight.ttf)format("truetype")}:root{--c-bg:#dae6f7;--c-bg-deep:#c6d6f0;--c-white:#fff;--c-ink:#1c1f3a;--c-text:#3a3f5c;--c-muted:#6d7391;--c-line:#1c1f3a1a;--r-card:24px;--r-pill:999px;--font-display:"Zalando Sans", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ease:cubic-bezier(.32, .72, 0, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;font-size:16px;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.sr-only,.hero__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-track{height:300svh}.hero{--hp:0;z-index:1;background:var(--c-bg);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.works{z-index:2;margin-top:-100svh}.hero__scene{opacity:calc(1 - min(var(--hp) * 6, 1))}.hero__stage{aspect-ratio:1440/900;width:min(100vw,160svh);position:relative;container-type:inline-size}.hero__scene,.hero__fallback{position:absolute;inset:0}.hero__scene canvas{display:block;width:100%!important;height:100%!important}.hero__fallback{transition:opacity .6s;overflow:hidden}.hero__stage--live .hero__fallback{opacity:min(var(--hp) * 6, 1);pointer-events:none;transition:none}.hero__logo,.hero__logo-fallback{aspect-ratio:1024/884;width:69.4px;height:auto;position:absolute;top:7.865%;left:50%;transform:translate(-50%,-50%)}.hero__logo{z-index:2;border-radius:8px}.hero__logo,.hero__logo-fallback{opacity:calc(1 - min(var(--hp) * 40, 1))}.hero__word{--hw:min(var(--hp), .3);transform:translateY(-50%) scale(calc(1 - var(--hw) * .27));filter:blur(calc(var(--hw) * 33px));color:var(--c-white);font-family:var(--font-display);letter-spacing:-.07em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;font-size:19.6cqw;font-weight:200;line-height:1;position:absolute;top:50%;left:1.6%;right:1.6%}.hero--word-out .hero__word{opacity:0}.hero__face{--hf:max(var(--hp) - .7, 0);aspect-ratio:1;isolation:isolate;transform-origin:50% 100%;height:92.22%;transform:translate(-50%, calc(var(--hp) * -5%)) scale(calc(1 - var(--hp) * .06));opacity:calc(1 - var(--hf) * 4);filter:blur(calc(var(--hf) * 24px));will-change:transform, opacity, filter;-webkit-mask:url(/scene/remix_paste_1773155184290_nobg_1773155305467.png) center / 100% 100% no-repeat, linear-gradient(#000 calc(100% - var(--hp) * 42%), transparent calc(100% - var(--hp) * 12%));-webkit-mask-composite:source-in;-webkit-mask:url(/scene/remix_paste_1773155184290_nobg_1773155305467.png) center / 100% 100% no-repeat, linear-gradient(#000 calc(100% - var(--hp) * 42%), transparent calc(100% - var(--hp) * 12%));mask:url(/scene/remix_paste_1773155184290_nobg_1773155305467.png) center / 100% 100% no-repeat, linear-gradient(#000 calc(100% - var(--hp) * 42%), transparent calc(100% - var(--hp) * 12%));position:absolute;bottom:0;left:50%;-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=575px){.hero__face{height:95.5%}}.hero__face-img{width:100%;height:100%}.hero__light{opacity:.62;pointer-events:none;will-change:transform;position:absolute;inset:-8% 12%}.hero__light--beam{mix-blend-mode:screen;background:linear-gradient(104deg,#fff0 22%,#78cdff4d 31%,#ffeccdb3 40%,#fff2d6c7 50%,#ffe4beb3 60%,#ff96a052 69%,#fff0 78%);animation:12s ease-in-out infinite alternate light-beam}.hero__light--spectrum{opacity:.4;filter:blur(6px);mix-blend-mode:overlay;background:repeating-linear-gradient(172deg,#fff0 0,#78dcff4d 14px,#aa96ff3d 30px,#ff96b447 46px,#ffdc9657 62px,#fff0 84px 190px);animation:17s ease-in-out infinite alternate light-spectrum}.hero__light--warm{mix-blend-mode:screen;background:radial-gradient(40% 32%,#ffd6a073 0%,#ffc89633 50%,#ffc89600 100%);animation:9s ease-in-out infinite alternate light-warm}.hero__light--shade{mix-blend-mode:multiply;background:linear-gradient(#a0a0ff38 0%,#a0a0ff00 38%,#14143200 68%,#14143238 100%);inset:0}@keyframes light-beam{0%{transform:translate(-34%,-6%)rotate(-8deg)}30%{transform:translate(-8%,4%)rotate(2deg)}65%{transform:translate(14%,-4%)rotate(-3deg)}to{transform:translate(36%,6%)rotate(6deg)}}@keyframes light-spectrum{0%{transform:translateY(-18%)rotate(0)}50%{transform:translate(4%,6%)rotate(-3deg)}to{transform:translate(-3%,22%)rotate(2deg)}}@keyframes light-warm{0%{transform:translate(-16%,10%)scale(1)}to{transform:translate(16%,-14%)scale(1.25)}}@media (prefers-reduced-motion:reduce){.hero__light{animation:none}}@media (aspect-ratio<=1.15){.hero__stage{aspect-ratio:auto;width:100vw;height:min(100svh,160vw)}}.morph{z-index:3;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}.morph__word,.morph__hex,.morph__disc{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.morph__word{font-family:var(--font-display);letter-spacing:-.07em;white-space:nowrap;color:var(--c-white);visibility:hidden;margin:0;font-weight:200;line-height:1}.morph__word span{vertical-align:top;display:inline-block}.morph__bio{overflow:hidden}.hex,.morph__hex{background:var(--c-white);-webkit-mask:url(/img/logo.png) 50%/contain no-repeat;mask:url(/img/logo.png) 50%/contain no-repeat}.morph__disc{background:var(--c-white);opacity:0;border-radius:50%;box-shadow:0 10px 30px #1c1f3a1a}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--grid-margin:clamp(16px, 2.2vw, 30px);--works-progress:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.works{height:100svh;color:var(--c-ink);letter-spacing:-.02em;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;font-weight:500;position:relative;overflow:hidden}.works__grid{background-image:linear-gradient(var(--c-line) 1px, transparent 1px), linear-gradient(90deg, var(--c-line) 1px, transparent 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 100%);mask-image:radial-gradient(#000 40%,#0000 100%)}.works__canvas{width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.works__overlay{pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.works.is-active .works__overlay{opacity:1}.works__grid{opacity:calc(var(--works-progress) * .35)}.works__overlay>*{pointer-events:auto}.works:not(.is-active) .works__overlay{pointer-events:none}.works button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.works .works__logo{top:var(--grid-margin);left:var(--grid-margin);transform-origin:0 0;z-index:20;line-height:0;transition:transform .2s ease-out;display:block;position:absolute}.works__logo:hover{transform:scale(1.04)}.works__logo:active{transform:scale(.96)}.brand-word{font-family:var(--font-display);letter-spacing:-.07em;color:var(--c-ink);font-size:40px;font-weight:200;line-height:1;display:inline-block}.works__logo,.menu__head,.menu__bg{opacity:0}.works.is-active[data-settled] .works__logo,.works.is-active[data-settled] .menu__head,.works.is-active[data-settled] .menu__bg{opacity:1}.menu{pointer-events:none;position:absolute;inset:0}.menu__bg,.menu__head,.menu__panel{top:var(--grid-margin);right:var(--grid-margin);position:absolute}.menu__bg{background:var(--c-white);width:48px;height:48px;transition:width .9s var(--ease-spring), height 1s var(--ease-spring), border-radius .9s ease;z-index:15;border-radius:24px;box-shadow:0 10px 30px #1c1f3a1a}.menu__bg.is-open{width:min(calc(100vw - var(--grid-margin) * 2), 460px);height:calc(100svh - var(--grid-margin) * 2);border-radius:16px}.menu__head{z-index:30;pointer-events:auto}.menu__toggle{border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s ease-out;display:grid}.menu__toggle:hover .hex{transform:scale(1.1)}.menu__toggle.is-open{cursor:default}.menu__toggle .hex{background:var(--c-ink);width:26px;height:22px;transition:transform .25s var(--ease-spring), opacity .2s ease .35s}.menu__toggle.is-open .hex{opacity:0;transition-delay:0s}.menu__label{transform-origin:0;transition:opacity .2s .35s,transform .2s .35s;display:inline-flex}.menu__toggle.is-open .menu__label{opacity:0;transition-delay:0s;transform:translate(5px)}.menu__letter{display:inline-block}.menu__dot{background:var(--c-ink);border-radius:50%;width:6px;height:6px;transition:opacity .2s .35s}.menu__toggle.is-open .menu__dot{opacity:0;transition-delay:0s}.works .menu__close{background:var(--c-ink);width:48px;height:48px;color:var(--c-white);transform-origin:100% 0;transition:transform .8s var(--ease-spring), opacity .4s ease;border-radius:24px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.menu__close.is-closed{pointer-events:none;opacity:0;transform:scale(.125)}.menu__close svg{transition:transform .5s}.menu__close.is-closed svg{transform:rotate(-45deg)}.menu__close-text{color:var(--c-ink);font-size:18px;transition:opacity .3s .2s,transform .3s .2s;position:absolute;right:calc(100% + 12px)}.menu__close.is-closed .menu__close-text{opacity:0;transition-delay:0s;transform:translate(20px)}.menu__panel{width:min(calc(100vw - var(--grid-margin) * 2), 460px);height:calc(100svh - var(--grid-margin) * 2);z-index:40;pointer-events:none;flex-direction:column;justify-content:center;padding:20px 20px 20px 45px;display:flex}.menu__panel.is-open .menu__links,.menu__panel.is-open .menu__footer{pointer-events:auto}.menu__links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.menu__link{letter-spacing:-.05em;opacity:0;width:fit-content;transition:opacity .3s ease, transform .3s ease, padding-left .5s var(--ease-spring);font-size:clamp(48px,6vw,80px);line-height:1;position:relative;transform:translateY(-10px)translate(10px)}.menu__panel.is-open .menu__link{opacity:1;transition:opacity .5s ease, transform .5s ease, padding-left .5s var(--ease-spring);transform:none}.menu__link a{color:inherit;text-decoration:none}.menu__link:before{content:"";background:var(--c-ink);opacity:0;width:24px;height:24px;transition:transform .5s var(--ease-spring), opacity .5s var(--ease-spring);border-radius:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(0)}@media (hover:hover) and (pointer:fine){.menu__link:hover{padding-left:40px}.menu__link:hover:before{opacity:1;transform:translateY(-50%)scale(1)}}.menu__footer{opacity:0;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;font-size:16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:20px;left:45px;right:20px;transform:translateY(-10px)translate(10px)}.menu__panel.is-open .menu__footer{opacity:1;transition:opacity .5s .3s,transform .5s .3s;transform:none}.menu__footer a{color:inherit;text-decoration:none}.menu__tag{color:var(--c-muted)}.reel{left:var(--grid-margin);bottom:var(--grid-margin);z-index:10;position:absolute}.reel__card{aspect-ratio:16/9;width:280px;transition:transform .3s var(--ease-spring);border-radius:20px;position:absolute;top:-40px;left:-140px;transform:rotate(-15deg);box-shadow:0 4px 8px #1c1f3a33}.reel__card:hover{transform:rotate(-13deg)scale(1.05)}.reel__thumb{object-fit:cover;object-position:center 18%;background:var(--c-bg-deep);border-radius:20px;width:100%;height:100%;display:block}.reel__marquee{pointer-events:none;width:calc(100% + 200px);height:100%;position:absolute;top:-12px;left:-12px}.reel__char{offset-path:path("M29.5684 182H274.432C290.14 182 304 169 304 152.286V29.7143C304 13 291.064 0 274.432 0H29.5684C12.9362 0 0 13 0 29.7143V152.286C0 169 13.8602 182 29.5684 182Z");offset-rotate:auto 180deg;offset-anchor:bottom;font-size:18px;animation:12s linear infinite reel-move;position:absolute;top:0;left:0}@keyframes reel-move{0%{offset-distance:-100%}to{offset-distance:0}}.hover-card{left:50%;bottom:var(--grid-margin);background:var(--c-white);white-space:nowrap;opacity:0;transition:opacity .3s ease, transform .4s var(--ease-spring);border-radius:12px;align-items:center;gap:12px;padding:10px;font-size:18px;display:flex;position:absolute;transform:translate(-50%,8px)scale(.96);box-shadow:0 10px 30px #1c1f3a1a;pointer-events:none!important}.hover-card.is-visible{opacity:1;transform:translate(-50%)scale(1)}.hover-card__thumb{background-position:50% 18%;background-size:cover;border-radius:6px;width:56px;height:40px;display:block}.hover-card__title{margin:0;padding-right:6px}.sound-button{right:var(--grid-margin);bottom:var(--grid-margin);z-index:10;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute}.sound-button__bg{background:var(--c-white);border-radius:50%;transition:transform .15s ease-out;position:absolute;inset:0;box-shadow:0 10px 30px #1c1f3a1a}.sound-button:hover .sound-button__bg{transform:scale(.9)}.sound-button svg{width:16px;height:16px;position:relative}.panel__backdrop{z-index:45;pointer-events:none;position:fixed;inset:0}.panel__backdrop.is-on{pointer-events:auto;touch-action:none}.works.is-active.has-panel .menu__head,.works.is-active.has-panel .menu__bg,.works.is-active.has-panel .reel,.works.is-active.has-panel .sound-button{opacity:0;pointer-events:none;transition:opacity .3s}.panel{top:var(--grid-margin);right:var(--grid-margin);bottom:var(--grid-margin);background:var(--c-white);transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;z-index:50;will-change:transform;border-radius:24px;width:min(44vw,620px);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .4s,border-radius .85s;position:fixed;overflow:hidden;box-shadow:0 30px 80px #1c1f3a2e}.panel.is-shown{visibility:visible;opacity:1}.panel.is-open{pointer-events:auto}.panel__close{background:var(--c-ink);width:44px;height:44px;color:var(--c-white);z-index:2;opacity:0;transition:transform .6s var(--ease-spring), opacity .3s ease;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:scale(.6)rotate(-45deg)}.panel.is-open .panel__close{opacity:1;transition-delay:.35s;transform:none}.panel__scroll{scrollbar-width:none;overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.panel__scroll::-webkit-scrollbar{display:none}.panel__art{place-items:center;height:38%;min-height:220px;display:grid;position:relative}.panel__hex{background:var(--c-white);opacity:.9;width:64px;height:56px;-webkit-mask:url(/img/logo.png) 50%/contain no-repeat;mask:url(/img/logo.png) 50%/contain no-repeat}.panel__body{letter-spacing:-.01em;color:var(--c-text);-webkit-user-select:text;user-select:text;flex-direction:column;gap:18px;padding:36px 40px 44px;font-weight:400;display:flex}.panel__body>*{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.panel.is-open .panel__body>*{opacity:1;transform:none}.panel.is-open .panel__body>:first-child{transition-delay:.3s}.panel.is-open .panel__body>:nth-child(2){transition-delay:.36s}.panel.is-open .panel__body>:nth-child(3){transition-delay:.42s}.panel.is-open .panel__body>:nth-child(4){transition-delay:.48s}.panel.is-open .panel__body>:nth-child(5){transition-delay:.54s}.panel.is-open .panel__body>:nth-child(6){transition-delay:.6s}.panel.is-open .panel__body>:nth-child(7){transition-delay:.66s}.panel__label{letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);font-size:14px}.panel__title{font-family:var(--font-display);letter-spacing:-.05em;color:var(--c-ink);font-size:clamp(40px,4.4vw,64px);font-weight:200;line-height:1}.panel__summary{color:var(--c-ink);font-size:20px;line-height:1.4}.panel__text{font-size:16px;line-height:1.6}.panel__facts{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 0;padding:20px 0;display:grid}.panel__fact dt{letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted);font-size:12px}.panel__fact dd{color:var(--c-ink);margin:4px 0 0;font-size:15px}.panel__cta{border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-white);align-self:flex-start;padding:14px 24px;font-size:16px;transition:transform .2s ease-out}.panel__cta:hover{transform:scale(1.04)}@media (width<=900px){.brand-word{font-size:32px}.panel{width:min(70vw,620px)}.panel__body{padding:28px 24px 36px}.reel__card{width:200px;top:-30px;left:-100px}.reel__char{font-size:14px}.hover-card{font-size:16px}}@media (width<=600px){.reel__marquee{display:none}.reel__card{width:160px;top:-24px;left:-80px}.hover-card{bottom:calc(var(--grid-margin) + 72px)}.panel{width:calc(100vw - var(--grid-margin) * 2)}.panel__facts{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.reel__char{opacity:0;animation:none}.works__overlay,.menu__bg,.menu__link,.panel,.panel__body>*,.hover-card{transition-duration:10ms}}.loader{z-index:200;background-color:var(--c-bg);place-items:center;transition:background-color 1s;display:grid;position:fixed;inset:0}.loader.is-leaving{pointer-events:none;background-color:#0000}.loader__hex{transform-origin:0 0;will-change:transform, opacity;width:69.4px;height:auto;animation:2.6s ease-in-out infinite loader-pulse}.loader.is-leaving .loader__hex{opacity:1;animation:none}@keyframes loader-pulse{0%,to{opacity:.45;filter:drop-shadow(0 0 #fff0)}50%{opacity:1;filter:drop-shadow(0 0 18px #ffffffe6)}}@media (prefers-reduced-motion:reduce){.loader__hex{animation:none}}