:root{--bg:#fff;--canvas:#f7f7f5;--ink:#0e0e0e;--body:#4b4b48;--mute:#8b8b86;--line:#ebebe7;--line-2:#dcdcd7;--red:#ff3d17;--night:#0e0e0e;--coral:#ff8a66;--rose:#ff8bd1;--blue:#6f7dff;--sun:#ffd84d;--mint:#3ddc97;--sans:"Geist Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--logo:"Figtree Variable", "Geist Variable", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--pad:32px;--nav-h:64px;--shadow-card:0 1px 2px #0e0e0e0d, 0 8px 24px -14px #0e0e0e29;--shadow-float:0 2px 6px #0e0e0e0d, 0 22px 44px -22px #0e0e0e47, 0 34px 70px -40px #0e0e0e38}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);scroll-padding-top:84px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,ol,ul,figure,fieldset{margin:0}ol,ul{padding:0;list-style:none}fieldset{border:0;min-width:0;padding:0}::selection{color:var(--ink);background:#ffd9cf}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;font-size:14px;transition:top .2s;position:fixed;top:-60px;left:16px}.skip:focus{top:12px}.frame{border-inline:1px solid var(--line);width:100%;max-width:1232px;margin-inline:auto;position:relative}.inner{padding:104px var(--pad)}.band{border-top:1px solid var(--line);position:relative}.band:first-child{border-top:0}.band--canvas{background:var(--canvas)}.band--night{background:var(--night);color:#fff;border-top-color:var(--night)}.band--night .frame{border-color:#ffffff14}.eyebrow{color:var(--mute);align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px}.h1,.h2{color:var(--ink);text-wrap:balance;font-weight:500}.h1 span,.h2 span{color:var(--mute)}.h1{letter-spacing:-.042em;font-size:clamp(36px,4.3vw,58px);line-height:1.06}.h2{letter-spacing:-.036em;max-width:24ch;font-size:clamp(30px,3.2vw,44px);line-height:1.1}.band--night .h2{color:#fff}.band--night .h2 span{color:#8d8d88}.lead{color:var(--body);max-width:44ch;font-size:18px;line-height:1.55}.head{margin-bottom:56px}.head--row{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.btn{height:46px;font:500 15px/1 var(--sans);letter-spacing:-.01em;white-space:nowrap;transition:background .25s, color .25s, border-color .25s, box-shadow .3s, transform .3s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn i{transition:transform .35s var(--ease);font-style:normal;display:inline-block}.btn:hover i{transform:translate(3px)}.btn:active{transform:scale(.98)}.btn--sm{border-radius:9px;height:36px;padding:0 13px;font-size:14px}.btn--ink{background:var(--ink);color:#fff;box-shadow:0 1px 2px #0e0e0e33,inset 0 1px #ffffff1f}.btn--ink:hover{background:#262624}.btn--line{color:var(--ink);border:1px solid var(--line-2);background:#fff;box-shadow:0 1px 2px #0e0e0e0a}.btn--line:hover{border-color:#c4c4be}.btn--white{color:var(--ink);background:#fff}.btn--white:hover{background:#ececea}.btn--ghost{color:#fff;border:1px solid #ffffff2e}.btn--ghost:hover{border-color:#ffffff73}.link{white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.link i{transition:transform .35s var(--ease);font-style:normal}.link:hover i{transform:translate(3px)}.pill{border:1px solid var(--line-2);background:#fff;border-radius:99px;align-items:center;gap:10px;margin-bottom:26px;padding:6px 12px 6px 10px;font-size:13px;font-weight:500;transition:border-color .25s,box-shadow .3s;display:inline-flex}.pill:hover{box-shadow:var(--shadow-card);border-color:#c4c4be}.pill i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3ddc9733}.pill span{color:var(--mute)}.pill b{transition:transform .35s var(--ease);font-weight:500}.pill:hover b{transform:translate(3px)}.seg{background:#f0f0ed;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg--wrap{flex-wrap:wrap}.seg button{height:32px;color:var(--body);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0e0e0e14,0 2px 8px -4px #0e0e0e1f}.seg button span{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.nav{z-index:50;height:var(--nav-h);-webkit-backdrop-filter:saturate(1.6)blur(14px);background:#ffffffd1;border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.is-scrolled .nav{border-bottom-color:var(--line)}.nav__in{height:100%;padding:0 var(--pad);border-color:#0000;align-items:center;gap:36px;display:flex}.logo{font:800 24px/1 var(--logo);letter-spacing:-.045em}.logo span{color:var(--red);transition:transform .6s var(--ease);transform-origin:50% 90%;display:inline-block}.logo:hover span{transform:rotate(18deg)}.nav__links{color:var(--body);gap:26px;font-size:15px;font-weight:500;display:flex}.nav__links a{transition:color .2s;position:relative}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--ink)}.nav__links a[aria-current=page]:after{content:"";background:var(--ink);border-radius:2px;height:1.5px;position:absolute;bottom:-6px;left:0;right:0}.nav__tools{align-items:center;gap:12px;margin-left:auto;display:flex}.nav__menu{border:1px solid var(--line-2);border-radius:9px;width:36px;height:36px;display:none;position:relative}.nav__menu span{background:var(--ink);height:1.5px;transition:transform .4s var(--ease);border-radius:2px;position:absolute;left:10px;right:10px}.nav__menu span:first-child{top:14px}.nav__menu span:last-child{top:20px}.menu-open .nav__menu span:first-child{transform:translateY(3px)rotate(45deg)}.menu-open .nav__menu span:last-child{transform:translateY(-3px)rotate(-45deg)}.mode{background:#f0f0ed;border-radius:10px;padding:3px;display:inline-flex;position:relative}.mode:before{content:"";width:calc(50% - 3px);transform:translateX(var(--x,0%));transition:transform .5s var(--ease);background:#fff;border-radius:7px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #0e0e0e14,0 2px 8px -4px #0e0e0e24}.mode:has([data-mode=chaotic][aria-pressed=true]):before{--x:100%}.mode button{z-index:1;height:30px;color:var(--body);flex:1;padding:0 12px;font-size:13px;font-weight:500;transition:color .25s;position:relative}.mode button[aria-pressed=true]{color:var(--ink)}.mode button[data-mode=chaotic]:hover{color:var(--red)}.menu{inset:var(--nav-h) 0 0;z-index:49;clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .6s var(--ease), visibility 0s .6s;background:#fff;flex-direction:column;justify-content:space-between;padding:28px 20px;display:flex;position:fixed}.menu-open .menu{clip-path:inset(0);visibility:visible;transition:clip-path .6s var(--ease)}.menu__links{display:grid}.menu__links a{border-bottom:1px solid var(--line);letter-spacing:-.04em;padding:10px 0;font-size:34px;font-weight:500}.menu__foot{color:var(--mute);gap:14px;font-size:15px;display:grid}.menu__foot .mode{justify-self:start}.hero__in{min-height:min(calc(100svh - var(--nav-h)), 860px);grid-template-columns:1.02fr 1fr;align-items:center;gap:56px;padding-top:88px;padding-bottom:88px;display:grid}.hero__copy .h1{margin-bottom:34px}.hero__note{color:var(--mute);margin-top:22px;font-size:14px}.dots{gap:14px;display:grid;position:relative}.dots__canvas{aspect-ratio:1.12;border:1px solid var(--line);touch-action:pan-y;background:radial-gradient(60% 50% at 70% 25%,#ff8a661a,#0000 70%),radial-gradient(50% 45% at 25% 80%,#6f7dff1a,#0000 70%),#fbfbfa;border-radius:18px;width:100%;display:block}.dots__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.dots__say{color:var(--mute);min-height:1.5em;font-size:14px;transition:opacity .3s}.dots__say.is-out{opacity:0}.sw{border-radius:50%;width:10px;height:10px;display:inline-block}.sw--calm{background:var(--ink)}.sw--balanced{background:conic-gradient(var(--ink) 0 75%, var(--red) 0)}.sw--chaos{background:conic-gradient(var(--coral), var(--rose), var(--blue), var(--sun), var(--mint), var(--coral))}.facts{grid-template-columns:repeat(3,1fr);display:grid}.fact{padding:30px var(--pad);color:var(--body);gap:14px;font-size:15px;display:flex}.fact+.fact{border-left:1px solid var(--line)}.fact b{color:var(--ink);font-weight:500}.fact svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}.idea{padding-top:120px;padding-bottom:120px}.idea__text{letter-spacing:-.035em;max-width:30ch;font-size:clamp(28px,3.3vw,46px);font-weight:500;line-height:1.16}.idea__text .w{color:var(--ink);opacity:.16;transition:opacity .35s}.dial{border:1px solid var(--line);background:radial-gradient(80% 90% at 0 0,#ff8a6638,#0000 60%),radial-gradient(70% 80% at 100% 100%,#6f7dff33,#0000 60%),radial-gradient(60% 60% at 80% 10%,#ff8bd12e,#0000 60%),#fff;border-radius:22px;grid-template-columns:340px 1fr;gap:20px;padding:20px;display:grid}.dial__panel{box-shadow:var(--shadow-card);border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:22px;padding:22px;display:grid}.dial__top{justify-content:space-between;align-items:baseline;display:flex}.dial__title{font-weight:500}.dial__word{color:var(--red);font-size:14px;font-weight:500}.dial__presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dial__presets button{border:1px solid var(--line-2);border-radius:8px;height:34px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s}.dial__presets button:hover{background:var(--canvas);border-color:#c4c4be}.dial__toggles{border-top:1px solid var(--line);gap:4px;padding-top:14px;display:grid}.dial__stage{place-items:center;min-width:0;min-height:460px;display:grid}.slider{gap:10px;display:grid}.slider__row{justify-content:space-between;font-size:14px;font-weight:500;display:flex}.slider__row output{font-variant-numeric:tabular-nums;color:var(--mute)}.slider__ends{color:var(--mute);justify-content:space-between;font-size:12px;display:flex}.slider input{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--p), #e7e7e3 var(--p));border-radius:99px;height:6px}.slider input::-moz-range-track{background:#e7e7e3;border-radius:99px;height:6px}.slider input::-moz-range-progress{background:var(--ink);border-radius:99px;height:6px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--line-2);width:20px;height:20px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;margin-top:-7px;box-shadow:0 2px 8px #0e0e0e2e}.slider input::-moz-range-thumb{border:1px solid var(--line-2);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0e0e0e2e}.slider input:active::-webkit-slider-thumb{transform:scale(1.15)}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.toggle span{font-size:14px;display:grid}.toggle b{font-weight:500}.toggle small{color:var(--mute);font-size:13px}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle i{background:#dcdcd7;border-radius:99px;flex:none;width:36px;height:22px;transition:background .3s;position:relative}.toggle i:after{content:"";width:16px;height:16px;transition:transform .35s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0e0e0e40}.toggle input:checked+i{background:var(--ink)}.toggle input:checked+i:after{transform:translate(14px)}.toggle input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}.mock-fit{position:relative}.mock{--c:.18;--motion:1;--colour:1;--depth:1;--s:1;--b:clamp(0, calc((var(--c) - .25) * 2.4), 1);--k:clamp(0, calc((var(--c) - .64) * 3.2), 1);--bc:calc(var(--b) * var(--colour));--kc:calc(var(--k) * var(--colour));--bm:calc(var(--b) * var(--motion));--km:calc(var(--k) * var(--motion));--ink:#2a1f1a;--body:#6e5d50;--cream:#fbf8f3;--line:#ece4d9;--caramel:#b4632f;--red:#ff3d17;--blue:#2b4bff;transform-origin:0 0;width:720px;height:500px;transform:scale(var(--s)) perspective(1600px) rotateX(calc(var(--c) * var(--depth) * 7deg)) rotateY(calc(var(--c) * var(--depth) * -12deg)) rotateZ(calc(var(--k) * var(--depth) * 1.2deg));color:var(--ink);letter-spacing:-.005em;text-align:left;background:#fff;border-radius:14px;font-family:Geist Variable,system-ui,sans-serif;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #140e0a14,0 30px 70px -20px #3c231452,0 10px 24px -12px #3c231433}.mock__bar{background:#f3f1ed;border-bottom:1px solid #e6e2db;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.mock__bar i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.mock__bar i:nth-child(2){background:#febc2e}.mock__bar i:nth-child(3){background:#28c840}.mock__bar span{color:#6f6a64;background:#fff;border-radius:7px;align-items:center;gap:6px;margin:0 auto;padding:4px 64px;font-size:11.5px;display:inline-flex;transform:translate(-24px);box-shadow:0 0 0 1px #e6e2db}.mock__bar span svg{fill:none;stroke:#8b857e;stroke-width:1.2px;width:10px;height:10px}.mock__page{background:color-mix(in srgb, color-mix(in srgb, var(--cream) calc(100% - var(--bc) * 100%), #fff0dc) calc(100% - var(--kc) * 100%), #efebe4);height:466px;position:relative;overflow:hidden}.mk-blob{filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute}.mk-blob--a{width:340px;height:340px;opacity:calc(var(--bc) * .55 + var(--kc) * .2);background:#ffb38f;animation:8s ease-in-out infinite alternate lt-drift;top:-60px;right:-90px}.mk-blob--b{width:300px;height:300px;opacity:calc(var(--kc) * .35);background:#ff3d17;animation:9s ease-in-out infinite alternate-reverse lt-drift;bottom:-120px;left:-90px}.mk-ann{background:color-mix(in srgb, #2a1f1a calc(100% - var(--kc) * 100%), var(--red));color:#f6efe5;height:28px;transform:rotate(calc(var(--k) * -1.6deg)) scale(calc(1 + var(--k) * .06));z-index:2;position:relative;overflow:hidden}.mk-ann__calm{opacity:calc(1 - var(--k) * 1.6);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.mk-ann__loud{opacity:var(--k);align-items:center;display:flex;position:absolute;inset:0}.mk-marq{white-space:nowrap;gap:22px;padding-left:22px;animation:9s linear infinite lt-marq;display:flex}.mk-marq b{letter-spacing:-.02em;font:800 15px/1 Figtree Variable,sans-serif}.mk-nav{border-bottom:1px solid rgb(42 31 26/calc(.08 - var(--k) * .08));z-index:1;align-items:center;gap:30px;height:58px;padding:0 28px;display:flex;position:relative}.mk-logo{letter-spacing:-.035em;transform:rotate(calc(var(--k) * -6deg)) scale(calc(1 + var(--k) * .12));align-items:center;gap:8px;font:750 19px/1 Figtree Variable,sans-serif;display:inline-flex}.mk-logo svg{width:22px;height:22px}.mk-logo circle{fill:color-mix(in srgb, var(--ink) calc(100% - var(--kc) * 100%), var(--red))}.mk-logo path{fill:none;stroke:#fbf6ec;stroke-width:2.2px;stroke-linecap:round}.mk-links{color:#4f4038;gap:22px;font-size:13px;font-weight:500;display:flex}.mk-links span{padding:calc(var(--k) * 4px) calc(var(--k) * 9px);background:color-mix(in srgb, transparent calc(100% - var(--kc) * 100%), var(--h));color:var(--ink);transform:rotate(calc(var(--r) * var(--k) * 9deg)) translateY(calc(var(--r) * var(--k) * 2px));animation:1.1s ease-in-out infinite alternate lt-jig;animation-delay:calc(var(--r) * -.4s);border-radius:99px}.mk-tools{align-items:center;gap:16px;margin-left:auto;display:flex}.mk-ico{fill:none;width:17px;height:17px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.mk-bagbtn{height:32px;transform:rotate(calc(var(--k) * 8deg));background:color-mix(in srgb, transparent calc(100% - var(--kc) * 100%), #ffd84d);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #2a1f1a29}.mk-bagbtn b{background:var(--ink);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:10.5px;display:grid}.mk-hero{grid-template-columns:1.08fr .92fr;gap:10px;height:262px;padding:24px 28px 0 30px;display:grid;position:relative}.mk-copy{z-index:1;position:relative}.mk-kicker{color:color-mix(in srgb, var(--caramel) calc(100% - var(--kc) * 100%), var(--ink));padding:calc(var(--k) * 3px) calc(var(--k) * 8px);background:color-mix(in srgb, transparent calc(100% - var(--kc) * 100%), #ffd84d);transform:rotate(calc(var(--k) * -3deg));border-radius:6px;font-size:11.5px;font-weight:600;display:inline-block}.mk-h{font:calc(640 + var(--k) * 200) calc(37px + var(--b) * 1px)/calc(1.02 + var(--k) * .08) "Figtree Variable", sans-serif;letter-spacing:calc(-.045em - var(--k) * .01em);white-space:nowrap;margin-top:10px}.mk-h span{transform:rotate(calc(var(--r) * var(--k) * 5deg));animation:1.6s ease-in-out infinite alternate lt-bob;animation-delay:calc(var(--r) * -.5s);display:inline-block}.mk-hl{color:color-mix(in srgb, var(--caramel) calc(100% - var(--kc) * 100%), var(--red))}.mk-hl2{color:color-mix(in srgb, var(--ink) calc(100% - var(--kc) * 100%), var(--blue))}.mk-sub{max-width:40ch;color:var(--body);margin-top:12px;font-size:13px;line-height:1.5}.mk-btns{gap:10px;margin-top:16px;display:flex}.mk-btn{border-radius:calc(8px + var(--k) * 12px);color:#fff;background:color-mix(in srgb, #3b2a22 calc(100% - var(--kc) * 100%), var(--red));height:36px;box-shadow:calc(var(--k) * 4px) calc(var(--k) * 4px) 0 var(--ink);transform:rotate(calc(var(--k) * -4deg)) scale(calc(1 + var(--k) * .08));align-items:center;padding:0 16px;font-size:12.5px;font-weight:600;display:inline-flex}.mk-btn--ghost{color:var(--ink);background:color-mix(in srgb, transparent calc(100% - var(--kc) * 100%), #3ddc97);box-shadow:inset 0 0 0 1px #2a1f1a33, calc(var(--k) * 4px) calc(var(--k) * 4px) 0 var(--ink);transform:rotate(calc(var(--k) * 3deg))}.mk-rate{color:var(--body);margin-top:12px;font-size:11.5px}.mk-stars{color:#e0a33a;letter-spacing:1px;margin-right:4px}.mk-art{position:relative}.mk-disc{width:226px;height:226px;transform:scale(calc(1 + var(--b) * .04 + var(--k) * .1));background:radial-gradient(circle at 40% 35%,#f6ece0,#ead9c5);border-radius:50%;position:absolute;top:4px;left:34px}.mk-disc:after{content:"";opacity:calc(var(--kc) * .9);background:conic-gradient(#ff3d17,#ffd84d,#3ddc97,#2b4bff,#ff8bd1,#ff3d17);border-radius:50%;animation:7s linear infinite lt-spin;position:absolute;inset:0}.mk-bigbag{width:140px;transform:rotate(calc(-6deg - var(--k) * 16deg));transform-origin:50% 90%;animation:2.2s ease-in-out infinite alternate lt-bob;position:absolute;top:6px;left:70px}.mk-bigbag .bag{filter:drop-shadow(0 10px 14px #3c23142e);width:100%;height:auto;display:block}.mk-cup{width:120px;transform:rotate(calc(var(--k) * 14deg));animation:1.8s ease-in-out infinite alternate-reverse lt-bob;position:absolute;top:128px;left:168px}.mk-cup .cup{width:100%;height:auto;display:block;overflow:visible}.steam{fill:none;stroke:#78645552;stroke-width:2.2px;stroke-linecap:round;animation:3s ease-in-out infinite lt-steam}.steam--b{animation-delay:-1.5s}.mk-products{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 28px 0;display:grid;position:relative}.mk-card{border-radius:calc(12px + var(--k) * 10px);box-shadow:0 0 0 1px var(--line), 0 6px 16px -10px #3c231440, calc(var(--k) * 5px) calc(var(--k) * 5px) 0 color-mix(in srgb, transparent calc(100% - var(--kc) * 100%), var(--ink));transform:rotate(calc(var(--r) * (var(--b) * 2deg + var(--k) * 8deg)));animation:2.4s ease-in-out infinite alternate lt-float;animation-delay:calc(var(--r) * -.8s);background:#fff;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.mk-card .bag{width:48px;height:auto;transform:rotate(calc(var(--r) * var(--k) * 12deg));display:block}.mk-card div{gap:2px;min-width:0;display:grid}.mk-card b{letter-spacing:-.02em;font:650 12.5px/1.2 Figtree Variable,sans-serif}.mk-card small{color:var(--body);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.mk-buy{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.mk-buy b{font-size:13px}.mk-buy i{background:color-mix(in srgb, #f3ece2 calc(100% - var(--kc) * 100%), var(--red));color:color-mix(in srgb, var(--ink) calc(100% - var(--kc) * 100%), #fff);border-radius:99px;padding:4px 10px;font-size:11px;font-style:normal;font-weight:600}.mk-st{z-index:6;pointer-events:none;letter-spacing:-.02em;text-align:center;place-items:center;font:850 14px/1 Figtree Variable,sans-serif;display:grid;position:absolute}.mk-st--fresh{width:84px;height:84px;color:var(--ink);clip-path:polygon(50% 0,61% 18%,82% 9%,82% 31%,100% 38%,88% 55%,100% 72%,79% 76%,75% 98%,56% 86%,38% 100%,30% 79%,8% 80%,14% 59%,0 44%,18% 33%,15% 12%,36% 18%);opacity:clamp(0, calc((var(--b) - .5) * 3), 1);transform:rotate(-14deg) scale(clamp(0, calc((var(--b) - .4) * 2), 1.05));background:#ffd84d;animation:.9s ease-in-out infinite alternate lt-wob;top:0;right:-4px}.mk-st--ring{width:92px;height:92px;color:var(--ink);opacity:var(--k);transform:scale(calc(.4 + var(--k) * .6));top:118px;left:0}.mk-st--ring svg{width:100%;height:100%;animation:8s linear infinite lt-spin;position:absolute;inset:0}.mk-st--ring text{fill:var(--ink)}.mk-st--ring i{font-size:26px;font-style:normal}.mk-st--off{color:#fff;background:var(--red);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);opacity:var(--k);transform:rotate(12deg) scale(calc(var(--k) * 1.05));border-radius:50%;animation:.7s ease-in-out infinite alternate-reverse lt-wob;top:318px;right:22px}.mk-st--new{color:#fff;background:var(--blue);box-shadow:3px 3px 0 var(--ink);opacity:var(--k);transform:rotate(-10deg) scale(calc(var(--k) * 1));border-radius:10px;padding:7px 12px;animation:.8s ease-in-out infinite alternate lt-wob;top:76px;left:302px}.mk-st--wink{width:44px;height:44px;color:var(--ink);opacity:var(--k);transform:scale(var(--k));background:#3ddc97;border-radius:50%;font-size:30px;animation:4s linear infinite lt-spin;top:330px;left:14px}.mk-hint{z-index:7;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:600;transition:opacity .4s,transform .4s;position:absolute;bottom:10px;left:50%;transform:translate(-50%,6px)}.mock.is-wild .mk-hint{opacity:.9;transition-delay:1.4s;transform:translate(-50%)}.mock__chaos{z-index:5;pointer-events:none;display:block;position:absolute;inset:0}.mock.is-wild .mock__page{cursor:pointer}.mk-h span,.mk-bigbag,.mk-cup,.mk-card{--amp:calc(var(--bm) * 4px + var(--km) * 12px)}.mk-links span{--amp:calc(var(--km) * 4px)}.mock.is-still .mk-marq,.mock.is-still .mk-st,.mock.is-still .mk-st--ring svg,.mock.is-still .mk-disc:after,.mock.is-still .steam{animation-play-state:paused}@keyframes lt-bob{to{translate:0 calc(var(--amp) * -1)}}@keyframes lt-float{to{translate:0 calc(var(--amp) * -.8)}}@keyframes lt-jig{to{translate:0 calc(var(--amp) * -1)}}@keyframes lt-spin{to{rotate:360deg}}@keyframes lt-wob{0%{rotate:-6deg}to{rotate:6deg}}@keyframes lt-marq{to{transform:translate(-50%)}}@keyframes lt-drift{to{translate:-40px 30px}}@keyframes lt-steam{0%{opacity:0;translate:0 6px}40%{opacity:1}to{opacity:0;translate:0 -8px}}.cards{gap:40px 28px;display:grid}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--2{grid-template-columns:repeat(2,1fr);gap:56px 32px}.card{text-align:left;perspective:1200px;gap:14px;display:grid}.card__shot{border:1px solid var(--line);background:var(--canvas);box-shadow:var(--shadow-card);transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:14px;display:block;position:relative;overflow:hidden}.card__shot:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,50%), #ffffff47, transparent 60%);transition:opacity .4s;position:absolute;inset:0}.card img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .9s var(--ease)}.card:hover .card__shot{box-shadow:var(--shadow-float)}.card:hover .card__shot:after{opacity:1}.card:hover img{transform:scale(1.035)}.card__meta{align-items:baseline;gap:10px;font-size:15px;display:flex}.card__meta b{letter-spacing:-.02em;font-size:17px;font-weight:500}.card__meta span{color:var(--mute)}.card__meta i{color:var(--mute);transition:transform .4s var(--ease), color .3s;margin-left:auto;font-style:normal}.card:hover .card__meta i{color:var(--ink);transform:translate(2px,-2px)}.card__blurb{max-width:52ch;color:var(--body);margin-top:-6px;font-size:15px}.card.is-out{display:none}.filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px;display:flex}.filter__say{color:var(--mute);font-size:14px}.page-head{padding-top:96px;padding-bottom:72px}.page-head .h1{max-width:22ch}.band:has(.page-head)+.band{border-top:0}.band:has(.page-head)+.band>.inner{padding-top:8px}.bento{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tile{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:18px;align-content:start;gap:6px;padding:14px 14px 22px;display:grid}.tile--wide{grid-column:span 2}.tile h3{letter-spacing:-.02em;margin-top:12px;padding:0 8px;font-size:17px;font-weight:500}.tile p{color:var(--mute);padding:0 8px;font-size:15px}.tile__art{border-radius:12px;place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.art{background-size:200% 200%;animation:14s ease-in-out infinite alternate mesh}.art--a{background-image:radial-gradient(at 20% 20%,#ffb199 0,#0000 50%),radial-gradient(at 80% 30%,#c3b8ff 0,#0000 50%),radial-gradient(at 50% 90%,#ff9fd6 0,#0000 55%),linear-gradient(#ffe9e0,#ffe9e0)}.art--b{background-image:radial-gradient(at 30% 30%,#e8e8e4 0,#0000 50%),radial-gradient(at 80% 80%,#f4f4f1 0,#0000 50%),linear-gradient(#fafaf8,#fafaf8)}.art--c{background-image:radial-gradient(at 20% 80%,#9fe8c8 0,#0000 55%),radial-gradient(at 80% 20%,#b9c3ff 0,#0000 55%),linear-gradient(#eaf6ff,#eaf6ff)}.art--d{background-image:radial-gradient(at 70% 20%,#ffe48a 0,#0000 50%),radial-gradient(at 20% 70%,#ffb199 0,#0000 55%),linear-gradient(#fff6dc,#fff6dc)}.art--e{cursor:pointer;background-image:radial-gradient(at 30% 20%,#ff9fd6 0,#0000 55%),radial-gradient(at 75% 75%,#8fa0ff 0,#0000 55%),linear-gradient(#f3ecff,#f3ecff)}@keyframes mesh{0%{background-position:0 0}to{background-position:100% 100%}}.cube{width:84px;height:84px;transform-style:preserve-3d;animation:9s linear infinite cube;position:relative}.cube i{background:#ffffff47;border:1.5px solid #0e0e0ebf;border-radius:10px;position:absolute;inset:0}.cube i:first-child{transform:translateZ(42px)}.cube i:nth-child(2){transform:rotateY(180deg)translateZ(42px)}.cube i:nth-child(3){transform:rotateY(90deg)translateZ(42px)}.cube i:nth-child(4){transform:rotateY(-90deg)translateZ(42px)}.cube i:nth-child(5){transform:rotateX(90deg)translateZ(42px)}.cube i:nth-child(6){transform:rotateX(-90deg)translateZ(42px)}.tile:hover .cube{animation-duration:3s}@keyframes cube{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}.squiggle{fill:none;width:70%;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;transition:stroke-dashoffset 1.6s var(--ease)}.tile:hover .squiggle,.squiggle.is-in{stroke-dashoffset:0}.tile__art .count{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;padding:0;font-size:40px;font-weight:500}.tile__art .aa{color:var(--ink);letter-spacing:-.05em;padding:0;font-size:104px;line-height:1;animation:3.2s ease-in-out infinite alternate weight}@keyframes weight{0%{font-weight:200}to{font-weight:900}}.ball{background:var(--ink);border-radius:50%;width:38px;height:38px;margin-left:-19px;position:absolute;bottom:22px;left:50%;box-shadow:inset -6px -6px #ffffff1f}.tile__hint{color:#0e0e0e8c;font-size:12px;position:absolute;bottom:10px;left:12px}.rules{border-top:1px solid var(--line-2);display:grid}.rule{border-bottom:1px solid var(--line-2);grid-template-columns:64px 1fr 1fr;align-items:baseline;gap:24px;padding:30px 0;display:grid}.rule__n{color:var(--mute);font-variant-numeric:tabular-nums;font-size:14px}.rule s,.rule b{letter-spacing:-.03em;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.2}.rule s{color:var(--mute);justify-self:start;text-decoration:none;position:relative}.rule s:after{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .9s var(--ease) .25s;position:absolute;top:55%;left:0;right:0;transform:scaleX(0)}.rule.is-in s:after{transform:scaleX(1)}.rule b{opacity:0;transition:opacity .7s .7s, transform .9s var(--ease) .7s;transform:translate(-12px)}.rule.is-in b{opacity:1;transform:none}.steps{grid-template-columns:repeat(4,1fr);gap:24px;padding-top:30px;display:grid;position:relative}.steps:before,.steps:after{content:"";background:var(--line);border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0}.steps:after{background:var(--ink);transform:scaleX(var(--p,0));transform-origin:0}.step{align-content:start;gap:10px;display:grid}.step__n{border:1px solid var(--line-2);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:-48px;margin-bottom:18px;font-size:13px;font-weight:500;transition:background .4s,color .4s,border-color .4s;display:grid}.step.is-on .step__n{background:var(--ink);color:#fff;border-color:var(--ink)}.step h3{letter-spacing:-.02em;font-size:19px;font-weight:500}.step p{color:var(--body);font-size:15px}.contact{grid-template-columns:1fr 1.15fr;align-items:start;gap:64px;padding-top:96px;display:grid}.contact__side{gap:26px;display:grid;position:sticky;top:112px}.contact__side .eyebrow{margin-bottom:-8px}.mailcard{border:1px solid var(--line);box-shadow:var(--shadow-card);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.mailcard__icon{background:var(--canvas);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.mailcard__icon svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.mailcard__text{flex:1;min-width:0;display:grid}.mailcard__text small{color:var(--mute);font-size:13px}.mailcard__text a{text-overflow:ellipsis;font-weight:500;overflow:hidden}.next{gap:14px;display:grid}.next li{color:var(--body);gap:14px;font-size:15px;display:flex}.next li>span{border:1px solid var(--line-2);width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:500;display:grid}.next b{color:var(--ink);font-weight:500}.brief{border:1px solid var(--line);box-shadow:var(--shadow-float);background:#fff;border-radius:20px;gap:30px;padding:32px;display:grid}.q{gap:14px;display:grid}.q legend{letter-spacing:-.015em;align-items:baseline;gap:10px;margin-bottom:14px;font-size:17px;font-weight:500;display:flex}.q legend span,.field span b{color:var(--mute);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.q--row{grid-template-columns:1fr 1fr;gap:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips label{cursor:pointer;position:relative}.chips input{opacity:0;pointer-events:none;position:absolute}.chips span{border:1px solid var(--line-2);height:38px;color:var(--body);transition:all .25s var(--ease);border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chips label:hover span{color:var(--ink);border-color:#c4c4be}.chips input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.chips input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.field{gap:8px;display:grid}.field>span{gap:8px;font-size:14px;font-weight:500;display:flex}.field input,.field textarea{border:1px solid var(--line-2);width:100%;font:400 15px/1.4 var(--sans);color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #0e0e0e0f}.brief__send{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.brief__status{color:var(--body);font-size:14px}.cta__in{grid-template-columns:1fr auto;align-items:end;gap:28px 48px;padding-top:112px;padding-bottom:112px;display:grid}.cta__sub{color:#a3a39e;margin-top:16px;font-size:17px}.cta__actions{flex-wrap:wrap;gap:12px;display:flex}.cta__loud{color:#c9c9c4;text-align:left;border:1px solid #ffffff1f;border-radius:14px;grid-column:1/-1;justify-self:start;align-items:center;gap:16px;margin-top:28px;padding:12px 18px 12px 12px;font-size:15px;transition:border-color .3s,background .3s;display:flex}.cta__loud b{color:#fff;font-weight:500}.cta__loud i{transition:transform .35s var(--ease);font-style:normal;display:inline-block}.cta__loud:hover{border-color:var(--red);background:#ff3d1714}.cta__loud:hover>span>i{transform:translate(3px)}.cta__loud-art{background:var(--red);border-radius:10px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.cta__loud-art i{background:var(--ink);width:14px;height:14px;animation:2.4s ease-in-out infinite alternate tumble2;display:block;position:absolute}.cta__loud-art i:first-child{border-radius:50%;top:6px;left:6px}.cta__loud-art i:nth-child(2){background:#eeebe5;border-radius:3px;animation-delay:-.8s;top:12px;right:6px}.cta__loud-art i:nth-child(3){clip-path:polygon(50% 0,100% 100%,0 100%);animation-delay:-1.6s;bottom:5px;left:16px}.cta__loud:hover .cta__loud-art i{animation-duration:.6s}@keyframes tumble2{to{transform:translate(4px,5px)rotate(140deg)}}.foot__in{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding-top:72px;padding-bottom:56px;display:grid}.foot__brand p{color:var(--mute);margin-top:10px;font-size:15px}.foot__col{align-content:start;gap:10px;font-size:15px;display:grid}.foot__col p{color:var(--mute);margin-bottom:4px;font-size:13px}.foot__col a,.foot__col button{color:var(--body);justify-self:start;transition:color .2s}.foot__col a:hover,.foot__col button:hover{color:var(--ink)}.foot__col a[aria-current]{color:var(--ink);font-weight:500}.foot__base{border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:28px;font-size:13px;display:flex}[data-reveal],[data-intro]{opacity:0;transform:translateY(18px)}[data-reveal].is-in,.is-ready [data-intro]{opacity:1;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transition-delay:var(--d,0s);transform:none}.no-js [data-reveal],.no-js [data-intro]{opacity:1;transform:none}@media (max-width:1080px){.hero__in{grid-template-columns:1fr;gap:48px;min-height:0}.dial{grid-template-columns:1fr}.dial__panel{grid-template-columns:1fr 1fr;gap:18px 28px}.dial__top,.slider,.dial__presets{grid-column:1}.dial__toggles{border-top:0;grid-area:1/2/span 3;padding-top:0}.cards--3{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr;gap:48px}.contact__side{position:static}.foot__in{grid-template-columns:1fr 1fr}}@media (max-width:860px){:root{--pad:20px}.nav__links,.nav__cta{display:none}.nav__tools{gap:8px}.nav__tools>.mode button{padding:0 9px}.nav__menu{display:block}.nav__in{gap:16px}.inner{padding-top:76px;padding-bottom:76px}.hero__in{padding-top:48px;padding-bottom:56px}.facts{grid-template-columns:1fr}.fact+.fact{border-left:0;border-top:1px solid var(--line)}.head--row{flex-direction:column;align-items:flex-start;gap:18px}.head{margin-bottom:40px}.dial{padding:12px}.dial__panel{grid-template-columns:1fr}.dial__toggles{border-top:1px solid var(--line);grid-area:auto/1;padding-top:14px}.dial__stage{order:-1;min-height:0;padding:14px 4px 18px}.cards--2,.cards--3{grid-template-columns:1fr;gap:36px}.bento{grid-template-columns:1fr}.tile--wide{grid-column:auto}.rule{grid-template-columns:1fr;gap:6px;padding:24px 0}.steps{grid-template-columns:1fr;gap:30px;padding-top:0;padding-left:52px}.steps:before,.steps:after{width:2px;height:auto;inset:0 auto 0 16px}.steps:after{transform:scaleY(var(--p,0));transform-origin:top}.step__n{margin:0 0 0 -52px;position:absolute}.step{position:relative}.brief{padding:22px}.q--row{grid-template-columns:1fr}.cta__in{grid-template-columns:1fr;padding-top:84px;padding-bottom:84px}.foot__in{grid-template-columns:1fr 1fr;padding-top:56px}.foot__brand{grid-column:1/-1}.foot__base{flex-direction:column}.dots__bar{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[data-reveal],[data-intro]{opacity:1;transform:none}}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.btn:disabled{opacity:.6;cursor:progress}
