.mkt{--mkt-gutter:clamp(1.25rem, 5vw, 4rem);--mkt-max:1180px;background:var(--color-bg);color:var(--color-ink);min-height:100dvh}.mkt-wrap{width:100%;max-width:var(--mkt-max);padding-inline:var(--mkt-gutter);margin-inline:auto}.mkt-nav{z-index:50;padding-top:env(safe-area-inset-top);background:var(--color-bg);border-bottom:1px solid var(--color-line);position:sticky;top:0}.mkt-nav-inner{align-items:center;gap:1.5rem;height:66px;display:flex}.mkt-nav-links{align-items:center;gap:1.6rem;margin-inline:auto;display:none}.mkt-nav-link{min-height:44px;font-family:var(--font-sans);color:var(--color-ink-dim);align-items:center;font-size:.92rem;transition:color .18s;display:inline-flex}.mkt-nav-link:hover{color:var(--color-ink)}.mkt a:focus-visible,.mkt button:focus-visible,.mkt input:focus-visible,.mkt [tabindex]:focus-visible{outline:2px solid var(--color-led);outline-offset:3px;border-radius:var(--r-sm)}.mkt .mkt-band[data-key] a:focus-visible,.mkt .mkt-band[data-key] button:focus-visible,.mkt .mkt-band[data-key] input:focus-visible,.mkt .blend-result button:focus-visible{outline-color:var(--key-ink)}.mkt-nav-cta{align-items:center;gap:.7rem;display:none}.mkt-nav-cta-mobile{margin-left:auto;display:inline-flex}.mkt-burger{width:44px;height:44px;color:var(--color-ink);place-items:center;display:inline-grid}@media (min-width:900px){.mkt-nav-cta-mobile{display:none}.mkt-nav-links,.mkt-nav-cta{display:flex}.mkt-burger{display:none}}.mkt-menu{border-bottom:1px solid var(--color-line);background:var(--color-panel);overflow:hidden}.mkt-menu ul{flex-direction:column;padding:.5rem 0 1rem;display:flex}.mkt-menu a{padding:.85rem var(--mkt-gutter);color:var(--color-ink);border-top:1px solid var(--color-line);font-size:1.05rem;display:block}.mkt-section{padding-block:clamp(3.5rem,9vw,7rem)}.mkt-section-tight{padding-block:clamp(2.5rem,6vw,4.5rem)}.mkt-kicker{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--color-led);font-size:.75rem}.mkt-kicker.cyan{color:var(--color-cyan)}.mkt-display{font-family:var(--font-didone);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.02}.mkt-band{background:var(--key);color:var(--key-ink)}.mkt-band-dim{color:color-mix(in oklab, var(--key-ink) 76%, var(--key))}.mkt-shot{border:2.5px solid var(--color-bg);border-radius:var(--r-lg);box-shadow:10px 10px 0 0 var(--shot-key,var(--color-led));margin-bottom:10px;margin-right:10px}.mkt-hero{padding-block:clamp(3rem,8vw,6rem) clamp(3.5rem,9vw,7rem);position:relative;overflow:clip}.mkt-hero-grid{align-items:center;display:grid}.mkt-hero-art{margin-top:2.25rem}.mkt-hero-rest{flex-direction:column;margin-top:1rem;display:flex}.mkt-hero-more{order:1}.mkt-hero-body{margin-top:2.25rem}@media (min-width:940px){.mkt-hero-grid{grid-template-rows:1fr auto auto 1fr;grid-template-columns:1.05fr .95fr;column-gap:clamp(2.5rem,5vw,4rem)}.mkt-hero-top{grid-area:2/1}.mkt-hero-rest{grid-area:3/1;margin-top:0;display:block}.mkt-hero-art{grid-area:1/2/-1;margin-top:0}.mkt-hero-body{margin-top:.75rem}}.mkt-motif-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.mkt-motif-field>*{position:absolute}.blend{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(.5rem,2vw,1.1rem);display:grid;position:relative}.blend-card{border:2.5px solid var(--color-bg);border-radius:var(--r);background:var(--key,var(--color-panel));color:var(--key-ink,var(--color-ink));box-shadow:6px 6px 0 0 var(--color-bg);padding:.9rem;position:relative}.blend-src-a{--key:var(--color-cyan);--key-ink:var(--color-bg);transform:translateY(-1.2rem)rotate(-3deg)}.blend-src-b{--key:var(--color-magenta);--key-ink:var(--color-bg);transform:translateY(1.2rem)rotate(3deg)}.blend-op{border-radius:var(--pill);border:2.5px solid var(--color-bg);background:var(--color-led);width:2.6rem;height:2.6rem;color:var(--color-bg);font-family:var(--font-sans);box-shadow:3px 3px 0 0 var(--color-bg);place-items:center;font-size:1.5rem;font-weight:700;display:grid}.blend-result{--key:var(--color-led);--key-ink:var(--color-bg);grid-column:1/-1;margin-top:clamp(1rem,3vw,1.75rem)}.blend-cover{aspect-ratio:1;border-radius:var(--r-sm);border:2px solid color-mix(in oklab, var(--key-ink) 35%, transparent)}.blend-song{width:fit-content;max-width:100%;font-family:var(--font-song);color:var(--key-ink,var(--color-bg));white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.15rem,1rem + 1.1vw,1.6rem);font-weight:400;line-height:normal;display:block;overflow:clip}.blend-readout{font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem}.blend-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.blend-sized{display:grid}.blend-sized>*{grid-area:1/1;min-width:0}.blend-sizer{visibility:hidden}.mkt .reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transform:translateY(18px)}.mkt .reveal.in{opacity:1;transform:none}.mkt-step-num{font-family:var(--font-didone);color:var(--key,var(--color-led));font-size:clamp(2.4rem,6vw,3.4rem);font-weight:700;line-height:.8}.mkt-video{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--color-line);place-items:center;display:grid;position:relative;overflow:hidden}.mkt-video-soon{z-index:1;border-radius:var(--pill);background:var(--color-panel-2);color:var(--color-ink-dim);border:2.5px solid var(--color-bg);box-shadow:3px 3px 0 0 var(--color-bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.75rem;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.mkt .blend-src-a,.mkt .blend-src-b{transform:none}.mkt .reveal{opacity:1;transition:none;transform:none}}
.blend-src-a,.blend-src-b{--depth:calc(2px + var(--share,.5) * 10px);box-shadow:var(--depth) var(--depth) 0 0 color-mix(in oklab, var(--key) 42%, var(--color-bg));translate:calc(var(--share,.5) * -4px) calc(var(--share,.5) * -4px)}.consolle{grid-column:1/-1;margin-top:clamp(1.6rem,3vw,1.9rem)}.consolle-rail{height:2.75rem;position:relative}.consolle-input{z-index:1;opacity:0;cursor:grab;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.consolle-input:active{cursor:grabbing}.consolle-input::-webkit-slider-thumb{appearance:none;width:2.75rem;height:2.75rem}.consolle-input::-moz-range-thumb{border:0;width:2.75rem;height:2.75rem}.consolle-track{border:2.5px solid var(--color-bg);border-radius:var(--pill);background:linear-gradient(90deg, var(--color-cyan) 50%, var(--color-magenta) 50%);height:.75rem;box-shadow:3px 3px 0 0 var(--color-line);position:absolute;top:50%;left:1.375rem;right:1.375rem;translate:0 -50%}.consolle-track:after{content:"";background:var(--color-ink-dim);width:2.5px;position:absolute;top:-.6rem;bottom:-.6rem;left:50%;translate:-50%}.consolle-cap{top:0;left:calc(var(--pos) * (100% - 2.75rem));pointer-events:none;width:2.75rem;height:2.75rem;position:absolute}.consolle-input:focus-visible~.consolle-cap{outline:2px solid var(--color-led);outline-offset:3px}.consolle-stops{justify-content:space-between;margin-block:-.35rem -.5rem;display:flex}.consolle-stop{min-width:44px;min-height:44px;font-family:var(--font-display);color:var(--color-ink-dim);text-underline-offset:5px;padding-inline:.2rem;font-size:.95rem;font-style:italic;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.consolle-stop:hover{color:var(--color-ink)}.consolle-stop[data-on]{color:var(--color-led);text-decoration-color:currentColor}.blend-disc{border-radius:var(--pill);background:radial-gradient(circle, var(--key-ink) 0 10%, var(--key) 11% 22%, transparent 23%), conic-gradient(var(--color-magenta) 0 calc(var(--b) * 1turn), var(--color-cyan) 0);rotate:calc(var(--b) * .5turn)}@media (max-width:939.98px){.blend-result{order:2;margin-top:2.1rem}.consolle{order:3;margin-top:1.4rem}}
.mkt{--mk-ease:cubic-bezier(.16, 1, .3, 1)}:where(.mk-strike){--sx:6px;--sc:var(--color-bg);--lift:8px}.mkt-shot{--sx:10px;--sc:var(--shot-key,var(--color-led));--lift:10px}.mk-swap{display:inline-grid}.mk-swap>*{grid-area:1/1;justify-self:end}.mk-swap-from{visibility:hidden}.mk-arrow{display:inline-block}@media (prefers-reduced-motion:no-preference){.blend-src-a{animation:.9s cubic-bezier(.22,.61,.36,1) .35s both blend-in-a}.blend-src-b{animation:.9s cubic-bezier(.22,.61,.36,1) .43s both blend-in-b}.blend-op{animation:.5s cubic-bezier(.22,.61,.36,1) .9s both blend-pop}.blend-result{--seq:1.05s}.blend-result.reveal{--seq:0s}.blend-again .blend-src-a{animation:blend-swap-a .4s var(--mk-ease) both}.blend-again .blend-src-b{animation:blend-swap-b .4s var(--mk-ease) 60ms both}.blend-again .blend-result{--seq:.2s}.blend-live .blend-result{--seq:0s}.blend-live .mk-brush{animation-duration:.35s}.blend-shuffle{transition:transform .45s var(--mk-ease)}.consolle-track{animation:consolle-draw .6s var(--mk-ease) .75s both}.consolle-stops{animation:.4s ease-out 1.1s both mk-fade}.blend-src-a,.blend-src-b{transition:box-shadow .14s ease-out,translate .14s ease-out}.blend-disc{transition:rotate .14s ease-out}.mk{animation-duration:.45s;animation-timing-function:var(--mk-ease);animation-delay:calc(var(--reveal-delay,0s) + var(--seq,0s) + var(--d,0s));animation-fill-mode:both}.mk-strike{animation-name:mk-strike;animation-duration:.6s}.mk-mask{clip-path:inset(-.25em -100vmax var(--mask-bottom,-.3em))}.mk-rise{animation-name:mk-rise;animation-duration:.85s}.mk-settle{animation-name:mk-settle;animation-duration:1.6s}.mk-spin{animation-name:mk-spin;animation-duration:.6s}.mk-word{animation-name:mk-fade;animation-duration:.2s;animation-timing-function:linear}.mk-type{animation-name:mk-wipe;animation-duration:.42s;animation-timing-function:cubic-bezier(.4,0,.6,1)}.mk-brush{animation-name:mk-wipe;animation-duration:.8s;animation-timing-function:cubic-bezier(.55,0,.35,1)}.mk-flood{animation-name:mk-wipe;animation-duration:.5s}.mk-stamp{animation-name:mk-stamp;animation-duration:.36s}.mk-pass{animation-name:mk-pass;animation-duration:.7s}.mk-tick{animation-name:mk-tick;animation-duration:.4s}.mk-pin{animation-name:mk-pin}.mk-grow{transform-origin:top;animation-name:mk-grow}.mk-draw{stroke-dasharray:1 1.1;animation-name:mk-draw;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.3,1)}.mk-swap-from{animation-name:mk-out;animation-duration:.18s}.mk-swap-to{animation-name:mk-in;animation-duration:.32s}.mk-flash{animation-name:copyflash;animation-duration:.7s;animation-fill-mode:none}.mkt .reveal:not(.in) .mk,.mkt .reveal.mk:not(.in){animation-name:none}.mk-arrow{transition:transform .2s var(--mk-ease)}.mkt a:is(:hover,:focus-visible) .mk-arrow{transform:translate(4px)}.mkt a .mkt-video{transition:transform .2s var(--mk-ease), box-shadow .2s var(--mk-ease)}.mkt a:is(:hover,:focus-visible) .mkt-video{box-shadow:6px 6px 0 0 var(--hue,var(--color-led));transform:translate(-3px,-3px)}}@keyframes blend-in-a{0%{opacity:0;transform:translate(-2.4rem,-1.2rem)rotate(-10deg)}}@keyframes blend-in-b{0%{opacity:0;transform:translate(2.4rem,1.2rem)rotate(10deg)}}@keyframes blend-pop{0%{opacity:0;transform:scale(.4)}}@keyframes blend-swap-a{0%{opacity:0;transform:translateY(-1.2rem)rotate(-3deg)scale(1.1)}}@keyframes blend-swap-b{0%{opacity:0;transform:translateY(1.2rem)rotate(3deg)scale(1.1)}}@keyframes consolle-draw{0%{transform:scaleX(0)}}@keyframes mk-strike{0%{opacity:0;transform:translate(calc(var(--lift) * -1), calc(var(--lift) * -1));box-shadow:calc(var(--sx) + var(--lift)) calc(var(--sx) + var(--lift)) 0 0 var(--sc)}30%{opacity:1}to{opacity:1;box-shadow:var(--sx) var(--sx) 0 0 var(--sc);transform:none}}@keyframes mk-rise{0%{transform:translateY(calc(100% + .4em))}}@keyframes mk-settle{0%{opacity:0;transform:var(--from)}}@keyframes mk-spin{0%{opacity:0;transform:rotate(-90deg)scale(.4)}}@keyframes mk-fade{0%{opacity:0}}@keyframes mk-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mk-stamp{0%{opacity:0;transform:scale(var(--s,1.2))}}@keyframes mk-pass{0%{opacity:0;transform:scale(var(--s,1.2));border-color:var(--color-led);color:var(--color-led)}20%{opacity:1;transform:none}43%{border-color:var(--color-led);color:var(--color-led)}64%,to{border-color:var(--color-line);color:var(--color-ink-dim)}}@keyframes mk-tick{0%{opacity:0;transform:translate(-8px)}}@keyframes mk-pin{0%{opacity:0;transform:translateY(-10px)rotate(-6deg)}}@keyframes mk-grow{0%{transform:scaleY(0)}}@keyframes mk-draw{0%{stroke-dashoffset:1.05px}to{stroke-dashoffset:0}}@keyframes mk-out{0%{visibility:visible;opacity:1}to{visibility:visible;opacity:0}}@keyframes mk-in{0%{opacity:0;transform:translateY(4px)}}