:root{--night: #04050d;--ink: #221a30;--paper: #fbf3e6;--warm: #ffc27a;--warm-hi: #ffdcae;--cool: #86dcff;--rose: #ff9fd0;--text: #f6f3fc;--text-2: #dcd8ee;--text-3: #b3aecd;--line: rgba(222, 216, 255, .16);--line-strong: rgba(222, 216, 255, .3);--veil: rgba(6, 7, 20, .62);--cell: 8px;--radius: 14px;--bar-h: 64px;--font: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;text-shadow:0 1px 12px rgba(4,5,13,.85),0 0 2px rgba(4,5,13,.6);background:var(--night);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit}p{margin:0}h1,h2,h3{margin:0;font-weight:650;line-height:1.2}button{font:inherit;color:inherit}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:1rem;top:-4rem;z-index:50;padding:.6rem 1rem;background:var(--paper);color:var(--ink);border-radius:10px;font-weight:650;text-decoration:none}.skip:focus{top:1rem}:focus-visible{outline:2px solid var(--cool);outline-offset:3px;border-radius:6px}#world{position:fixed;inset:0;width:100vw;height:100lvh;z-index:0;pointer-events:none;display:block}main,.bar,.foot{position:relative;z-index:1}.wrap{width:min(1200px,100% - 2.5rem);margin-inline:auto}.block-heading{display:block}.block-heading .blocks{width:calc((var(--cols) + 1) * var(--cell));max-width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 calc(var(--cell) * 1.6) rgba(255,214,160,.22))}.block-heading rect{opacity:0;transform-box:fill-box;transform-origin:center;transform:translateY(-2.4px) scale(.5);transition:opacity .45s ease,transform .75s cubic-bezier(.2,.9,.25,1);transition-delay:var(--d)}.block-heading.in rect{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.block-heading rect{transition:none;opacity:1;transform:none}}.bar{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--bar-h);display:flex;align-items:center;gap:1.5rem;padding:0 clamp(1rem,3vw,2rem);transition:background .4s ease,border-color .4s ease;border-bottom:1px solid transparent;background:linear-gradient(to bottom,#04050db8,#04050d00)}.bar.scrolled{background:#0506109e;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700;font-size:1.12rem;letter-spacing:.01em}.brand .mark{width:24px;height:24px;fill:var(--warm)}.brand .mark rect:nth-child(2){fill:var(--cool)}.brand .mark rect:nth-child(4){fill:var(--rose)}.nav{display:flex;gap:1.6rem;margin-left:auto}.nav a{text-decoration:none;color:var(--text-2);font-size:.98rem}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.sound{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .95rem 0 .75rem;border-radius:999px;border:1px solid var(--line-strong);background:#0a0a1c73;cursor:pointer;font-size:.92rem;font-weight:600;white-space:nowrap}.sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound .spk{fill:currentColor;stroke:none}.sound .cross,.sound[data-state=off] .waves{display:none}.sound[data-state=off] .cross{display:inline}.sound[data-state=off]{color:var(--text-2)}.sound[data-state=on]{border-color:#ffc27a8c}.sound[data-state=on] .waves path{animation:wave 2.4s ease-in-out infinite}.sound[data-state=on] .waves path:nth-child(2){animation-delay:.3s}.sound[data-state=ready]{border-color:#ffc27a99;box-shadow:0 0 #ffc27a66;animation:invite 3s ease-in-out infinite}.sound:hover{background:#1e1c3c99}@keyframes wave{0%,to{opacity:1}50%{opacity:.35}}@keyframes invite{0%,to{box-shadow:0 0 #ffc27a00}50%{box-shadow:0 0 0 6px #ffc27a1f}}@media (prefers-reduced-motion: reduce){.sound,.sound .waves path{animation:none!important}}.store-mini{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;height:40px;padding:0 1rem;border-radius:10px;text-decoration:none;background:linear-gradient(180deg,var(--warm-hi),var(--warm));color:#2b1a0c;font-weight:700;font-size:.9rem;line-height:1.05}.store-mini small{font-weight:600;font-size:.72rem;opacity:.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.7rem 1.35rem;border-radius:12px;font-weight:650;font-size:1.02rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn.primary,.store-mini{text-shadow:none}.btn.primary{background:linear-gradient(180deg,var(--warm-hi),var(--warm));color:#2b1a0c;box-shadow:0 10px 30px -12px #ffc27a8c,inset 0 -2px #783c0a2e}.btn.primary:hover{background:linear-gradient(180deg,#ffe6c4,#ffcd8e)}.btn.quiet{border-color:var(--line-strong);background:#08081859;color:var(--text)}.btn.quiet:hover{border-color:#86dcff8c}.hero{position:relative;min-height:100svh;display:grid;align-content:end;justify-items:center;padding:calc(var(--bar-h) + 2rem) 1.25rem clamp(3rem,9vh,6.5rem);text-align:center;cursor:pointer}.hero-copy{max-width:44rem;display:grid;gap:.9rem;justify-items:center;cursor:auto}.lede{font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:300;line-height:1.15;letter-spacing:-.012em;text-wrap:balance;text-shadow:0 2px 24px rgba(4,5,13,.8)}.sub{color:var(--text-2);font-size:clamp(1.02rem,1.4vw,1.15rem)}.ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:.8rem}.poke{position:absolute;left:50%;top:56%;transform:translate(-50%);font-size:.85rem;color:var(--text-3);letter-spacing:.02em;pointer-events:none;opacity:0;animation:poke 1.2s ease 4s forwards}@keyframes poke{to{opacity:1}}body.still .poke{animation:none;opacity:1}.poke .coarse{display:none}@media (pointer: coarse){.poke .fine{display:none}.poke .coarse{display:inline}}.how,.mix,.clips,.passthrough,.ramp,.features,.levels-teaser,.cta{padding-block:clamp(4.5rem,12vh,8rem)}.how{padding-top:clamp(6rem,18vh,11rem)}.intro{color:var(--text-2);font-size:1.15rem;margin-top:1.1rem;max-width:40rem}section>h2.block-heading{--cell: 9px}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.4vw,2rem);margin-top:3rem}.clip{position:relative;margin:0}.clip-view{aspect-ratio:1 / .92;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 30px 80px -50px #86dcff59}.clip figcaption{margin-top:1rem;color:var(--text-2);font-size:1rem;max-width:22rem}.clip figcaption b{display:block;color:var(--text);font-size:1.12rem;margin-bottom:.2rem}.pause{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0506108c;cursor:pointer;display:grid;place-items:center;opacity:.55;transition:opacity .2s}.clip:hover .pause,.pause:focus-visible{opacity:1}.pause span{width:10px;height:12px;border-left:3px solid var(--text);border-right:3px solid var(--text)}.pause[data-state=paused] span{width:0;height:0;border:0;border-left:11px solid var(--text);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.6rem) clamp(1.2rem,3vw,2.6rem);margin-top:3rem}.tile .clip-view{aspect-ratio:16 / 10.5}.tile figcaption{max-width:30rem}.mix{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.mix-view{margin:0}.mix-view .clip-view{aspect-ratio:1 / .86;box-shadow:0 40px 120px -60px #ff52d959}.mix-text{display:grid;gap:1.3rem;align-content:center}.mix-text>p{color:var(--text-2);font-size:1.12rem;max-width:30rem}.mix-steps{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.mix-steps li{display:grid;grid-template-columns:22px 1fr;gap:.8rem;align-items:start;color:var(--text-3);transition:color .5s ease}.mix-steps li.on{color:var(--text)}.mix-steps i{width:18px;height:18px;margin-top:.25rem;border-radius:4px;background:var(--c);opacity:.35;transform:scale(.85);transition:opacity .5s ease,transform .5s ease,box-shadow .5s ease}.mix-steps li.on i{opacity:1;transform:none;box-shadow:0 0 18px var(--c)}.venn{width:min(13rem,60%);height:auto;border-radius:14px;margin-top:.4rem}.venn .multiply circle{mix-blend-mode:multiply}.venn .multiply{isolation:isolate}.pt{margin:3rem 0 0}.pt .clip-view{aspect-ratio:21 / 9.5;cursor:ew-resize;touch-action:pan-y}.pt-divider{position:absolute;top:0;bottom:0;left:100%;width:2px;margin-left:-1px;pointer-events:none;background:linear-gradient(to bottom,#fff0,#ffffffe6 15% 85%,#fff0);box-shadow:0 0 18px #ffecc8b3}.pt-divider .knob{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:#0a0a1c99;border:1.5px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pt-divider .knob:before,.pt-divider .knob:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-50%)}.pt-divider .knob:before{left:7px;border-right:6px solid #fff}.pt-divider .knob:after{right:7px;border-left:6px solid #fff}.pt-grain{position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;opacity:.16;mix-blend-mode:overlay;clip-path:inset(0 0 0 var(--k, 100%));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.pt-label{position:absolute;top:1.1rem;padding:.3rem .75rem;border-radius:999px;font-size:.9rem;font-weight:650;pointer-events:none;background:#0607148c;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease}.pt-label.vr{left:1.1rem}.pt-label.room{right:1.1rem}.montage{margin-top:3rem}.montage .clip-view{aspect-ratio:21 / 9;box-shadow:0 40px 100px -60px #ffc27a4d}.montage-cap{position:absolute;left:1.4rem;bottom:1.2rem;display:grid;gap:.1rem;pointer-events:none;text-shadow:0 1px 14px rgba(4,5,13,.95)}.montage-cap b{font-size:1.45rem;font-weight:650}.montage-cap span{color:var(--text-2);font-size:.98rem}.montage-cap .note{color:var(--warm-hi)}.curve{position:relative;margin:1.6rem 0 0}.curve canvas{width:100%;height:70px;display:block;cursor:crosshair}.curve-tip{position:absolute;bottom:80px;transform:translate(-50%);white-space:nowrap;pointer-events:none;background:#0a0a1ce6;border:1px solid var(--line);border-radius:8px;padding:.35rem .65rem;font-size:.85rem}.curve-tip b{display:block;font-weight:650}.curve-tip span{color:var(--text-2)}.curve figcaption{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-top:.7rem;font-size:.9rem;color:var(--text-2)}.curve figcaption i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.45rem;vertical-align:-1px}.curve .main i{background:#ffc27abf}.curve .expert i{background:#86dcffb3}.curve .axis{margin-left:auto;color:var(--text-3)}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);margin-top:3.5rem}.audiences h3{font-size:1.3rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.7rem}.audiences h3:before{content:"";width:14px;height:14px;border-radius:3px;background:var(--warm);box-shadow:0 0 16px #ffc27a80}.audiences div:nth-child(2) h3:before{background:var(--cool);box-shadow:0 0 16px #86dcff80}.audiences p{color:var(--text-2);max-width:30rem}.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem clamp(2rem,5vw,4.5rem)}.feature-list svg{width:30px;height:30px;fill:none;stroke:var(--warm);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.9rem}.feature-list li:nth-child(3n+2) svg{stroke:var(--cool)}.feature-list li:nth-child(3n) svg{stroke:var(--rose)}.feature-list h3{font-size:1.12rem;margin-bottom:.35rem}.feature-list p{color:var(--text-2);font-size:1rem}.teaser-h{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:300;letter-spacing:-.01em;max-width:34rem}.sky-strip{list-style:none;padding:0;margin:2.2rem 0;display:grid;grid-template-columns:repeat(10,1fr);gap:.6rem}.sky-strip a{display:block;text-decoration:none}.sky-strip .tile{display:block;aspect-ratio:3 / 4;border-radius:10px;border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.sky-strip a:hover .tile,.sky-strip a:focus-visible .tile{transform:translateY(-3px);border-color:var(--line-strong)}.sky-strip .tile:after{content:"";position:absolute;left:50%;bottom:22%;width:34%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,var(--sun) 0%,transparent 65%);opacity:.8}.sky-strip .nm{display:block;margin-top:.45rem;font-size:.82rem;color:var(--text-2);line-height:1.3}.sky-strip .paid .nm:after{content:"";display:inline-block;width:6px;height:6px;border-radius:1.5px;background:var(--cool);margin-left:.35rem;vertical-align:2px}.cta{display:grid;gap:1.4rem;justify-items:start;padding-bottom:clamp(6rem,16vh,10rem)}.cta h2.block-heading{--cell: 13px}.cta p{font-size:1.25rem;max-width:34rem;color:var(--text-2)}.foot{display:flex;flex-wrap:wrap;gap:.8rem 2rem;align-items:center;padding:2rem 0 3rem;border-top:1px solid var(--line);color:var(--text-2);font-size:.95rem}.foot nav{display:flex;gap:1.4rem;margin-left:auto}.foot a{color:var(--text);text-decoration-color:var(--line-strong);text-underline-offset:3px}.foot .fine{width:100%;color:var(--text-3);font-size:.82rem}body.no-webgl{background:var(--night) url(../og.jpg) center top / cover no-repeat fixed}body.no-webgl .clip-view,body.no-webgl .pt-divider,body.no-webgl .pt-label,body.no-webgl .pause{display:none}@media (max-width: 1020px){.clip-grid{grid-template-columns:1fr 1fr}.clip-grid .clip:last-child{grid-column:1 / -1}.clip-grid .clip:last-child .clip-view{aspect-ratio:16 / 9}.feature-list{grid-template-columns:1fr 1fr}.sky-strip{grid-template-columns:repeat(5,1fr)}.mix{grid-template-columns:1fr}}@media (max-width: 760px){:root{--bar-h: 56px;--cell: 6px}body{font-size:1rem}.nav{display:none}.bar{gap:.6rem}.sound{margin-left:auto;padding:0 .7rem}.sound [data-label]{font-size:.85rem}.store-mini{padding:0 .75rem;font-size:.82rem}.brand span{display:none}.tile-grid{grid-template-columns:1fr}.pt .clip-view{aspect-ratio:4 / 4.2}.clip-grid{grid-template-columns:1fr}.clip-grid .clip:last-child .clip-view,.clip-view{aspect-ratio:4 / 3.3}.montage .clip-view{aspect-ratio:4 / 3.6}.montage-cap{left:1rem;bottom:.9rem}.montage-cap b{font-size:1.15rem}.curve .axis{margin-left:0;width:100%}.audiences{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr;gap:2.2rem}.sky-strip{grid-template-columns:repeat(4,1fr)}.cta h2.block-heading{--cell: 9px}.foot nav{margin-left:0}}@media (max-width: 400px){.store-mini small{display:none}}.strip-note{margin:-1rem 0 2rem;color:var(--text-3);font-size:.9rem}.strip-note i{display:inline-block;width:6px;height:6px;border-radius:1.5px;background:var(--cool);margin-right:.5rem;vertical-align:2px}.levels-page,.prose{padding-top:calc(var(--bar-h) + clamp(3rem,9vh,6rem));padding-bottom:2rem}.page-head{display:grid;gap:1.4rem;margin-bottom:clamp(3rem,8vh,5rem)}.page-head h1.block-heading{--cell: 12px}.page-lede{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:300;max-width:38rem;line-height:1.35}.page-lede b{font-weight:650;color:var(--warm-hi)}.group{margin-bottom:clamp(4rem,10vh,7rem)}.group-head{display:grid;gap:.5rem;margin-bottom:2.4rem;max-width:44rem}.group-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:300;letter-spacing:-.01em}.group-head p{color:var(--text-2)}.level{display:grid;grid-template-columns:8.5rem 1fr;gap:1.2rem 2rem;padding:2.2rem 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--bar-h) + 1rem)}.level-sky{position:relative;aspect-ratio:3 / 4;border-radius:12px;border:1px solid var(--line);overflow:hidden;grid-row:span 2}.level-sky:after{content:"";position:absolute;left:50%;bottom:20%;width:38%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,var(--sun) 0%,transparent 65%);opacity:.85}.level-no{position:absolute;left:.7rem;top:.5rem;font-weight:700;font-size:1.1rem;color:#ffffffd9}.level-text{display:grid;gap:.35rem;align-content:start;justify-items:start}.level-text h3{font-size:1.5rem}.level-text .blurb{color:var(--text-2);max-width:36rem}.level-text .meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;font-size:.9rem;color:var(--text-2);margin-top:.2rem}.level-text .count{font-weight:650;color:var(--text);margin-right:.3rem}.level-text .tags{display:contents}.level-text .tags i{font-style:normal;padding:.1rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem}.listen{display:inline-flex;align-items:center;gap:.45rem;margin-top:.6rem;height:34px;padding:0 .85rem 0 .65rem;border-radius:999px;border:1px solid var(--line-strong);background:#08081866;cursor:pointer;font-size:.88rem;font-weight:600}.listen svg{width:18px;height:18px;fill:none;stroke:var(--accent, var(--warm));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.listen:hover{border-color:var(--accent, var(--warm))}.listen[aria-pressed=true]{border-color:var(--accent, var(--warm));background:#ffc27a1f}.pictures{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1.4rem 1.6rem;align-items:flex-end}.pictures li{display:grid;gap:.45rem;justify-items:start}.pictures .walls{display:flex;gap:5px;align-items:flex-end}.pictures canvas{border-radius:3px;box-shadow:0 6px 20px -8px #0009,0 0 22px -10px #ffd6a073}.pictures .nm{font-size:.82rem;color:var(--text-2)}.ctas-row{display:flex;flex-wrap:wrap;gap:.8rem}.levels-page .cta{padding-block:clamp(3rem,8vh,6rem)}@media (max-width: 760px){.level{grid-template-columns:5.5rem 1fr;gap:1rem 1.2rem}.level-sky{grid-row:auto}.pictures{grid-column:1 / -1;gap:1.1rem 1.2rem}.level-text h3{font-size:1.25rem}.page-head h1.block-heading{--cell: 9px}}.prose{max-width:46rem}.prose h1.block-heading{--cell: 12px;margin-bottom:1rem}.prose .updated{color:var(--text-3);font-size:.92rem;margin-bottom:2rem}.prose .page-lede{margin-bottom:2.5rem}.prose h2{font-size:1.3rem;margin:2.4rem 0 .8rem}.prose ul{margin:0;padding-left:1.2rem;display:grid;gap:.7rem;color:var(--text-2)}.prose p{color:var(--text-2)}.prose a{color:var(--cool)}.prose+.foot{margin-top:4rem}.sky-strip .tile img,.level-sky img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sky-strip .tile.has-cover:after,.level-sky.has-cover:after{display:none}.level-sky .level-no{z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.6)}