*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#171616;background:#fff8f4}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b44149;outline-offset:6px}header{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 6vw}.brand{display:flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-1px;font-weight:750}.brand img{width:42px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;background:#171616;color:#fff;border-radius:50px;padding:16px 25px;font-size:14px;font-weight:650}.button:hover{background:#423b37}.small{padding:12px 20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:650;color:#90524d}h1{font-size:clamp(62px,6.8vw,98px);letter-spacing:-.065em;line-height:.98;margin:24px 0}h1 span,h2 span{color:#8b7e74}p{color:#71665f;font-size:18px;line-height:1.65;max-width:480px}h2{font-size:clamp(38px,4.4vw,64px);line-height:1.06;letter-spacing:-.05em;margin:20px 0}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:48px 6vw 80px}.stage{background:linear-gradient(145deg,#eadfd5,#f5ede6);border-radius:60px;padding:35px;display:flex;justify-content:center;align-items:center;min-height:650px}.panel{width:350px;max-width:100%;height:auto;filter:drop-shadow(0 20px 20px #39271918)}.micro{font-size:12px;color:#85776e;margin-top:16px}.section{max-width:1240px;margin:auto;padding:90px 40px;border-top:1px solid #e4d8d0;scroll-margin-top:25px}.design{text-align:center}.design p{margin:0 auto 40px}.detail{max-width:920px;border-radius:35px;margin:40px auto 0;display:flex;justify-content:center;padding:44px}.lavender{background:#eee7f4}.detail img{width:430px;max-width:100%;height:auto;align-self:center}.routing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.route-art{border-radius:30px}.route-art img{display:block;width:100%;height:auto}.twoup{display:grid;grid-template-columns:1fr 1fr;gap:40px}.twoup article{min-width:0}.twoup h2{font-size:44px}.twoup p{min-height:90px}.twoup img{display:block;width:100%;height:auto}.privacy{text-align:center}.privacy p{margin:auto;max-width:610px}.faq{max-width:920px}.faq h2{font-size:40px;margin-bottom:35px}details{border-bottom:1px solid #e3d7cd;padding:22px 0}summary{font-size:18px;cursor:pointer;font-weight:550}details p{font-size:16px;max-width:730px;margin-bottom:0}.closing{text-align:center}.closing>img{width:80px}.closing h2{margin:24px 0 30px}footer{max-width:1320px;margin:auto;padding:30px 40px 45px;display:flex;justify-content:space-between;gap:20px;color:#87786f;font-size:12px}footer div{display:flex;gap:24px}footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){header{padding:20px}nav{gap:16px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:30px 22px 55px;gap:35px}h1{font-size:65px}.stage{min-height:0;padding:30px;border-radius:35px}.panel{width:300px}.section{padding:55px 22px}.routing,.twoup{grid-template-columns:1fr;gap:30px}.twoup p{min-height:0}.detail{padding:28px 20px}.detail img{width:340px}.twoup h2{font-size:39px}footer{padding:28px 22px;flex-direction:column}.micro{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.route-art{padding:36px 26px;background:#e4eee4}
.twoup article{background:#eef3f8;padding:30px;border-radius:28px}
.twoup article+article{background:#f5e6de}
.detail img,.route-art img,.twoup img{filter:drop-shadow(0 10px 14px #39271914)}
.mute-states{display:grid;gap:22px}
.mute-states figure{margin:0}
.mute-states figcaption{font-size:12px;color:#78665d;margin:0 0 10px 4px}

/* A tactile little sound universe. */
:root{--coral:#ce4e44}body{overflow-x:clip}.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--coral);z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}.motion-toggle{position:fixed;right:20px;bottom:20px;z-index:25;display:flex;align-items:center;gap:16px;border:1px solid #dbcfc4;background:#fff8f4ed;backdrop-filter:blur(16px);padding:12px 16px;border-radius:30px;color:#55473f;font:500 11px inherit;cursor:pointer;box-shadow:0 4px 20px #2416110a}.motion-toggle:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1 .title-line{display:block;color:#171616;animation:title-arrive .9s cubic-bezier(.16,1,.3,1) both}h1 .title-line:nth-child(2){animation-delay:.09s}h1 .title-line:nth-child(3){animation-delay:.18s}h1 .title-line:nth-child(4){animation-delay:.27s}h1 .accent{color:#8b7e74}h1 .red-dot{color:var(--coral)}.button{transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-4px);box-shadow:0 8px 0 #ce4e4440;background:var(--coral)}.brand img{transition:transform .5s}.brand:hover img{transform:rotate(-15deg) scale(1.12)}.stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 20%,#f4dbcd 0,transparent 65%),linear-gradient(145deg,#ece2d7,#e7e8dc);padding:65px 35px;min-height:700px}.panel{position:relative;z-index:2;animation:panel-drift 7s ease-in-out infinite;filter:drop-shadow(0 24px 22px #39271928)}.sound-orbit{position:absolute;border:1px solid #a0877040;width:520px;height:520px;border-radius:50%;z-index:-1}.orbit-one{transform:scaleX(.8) rotate(-25deg);animation:orbit-breathe 8s ease-in-out infinite}.orbit-two{width:680px;height:680px;border-style:dashed;opacity:.5;animation:orbit-spin 70s linear infinite}.stage-label{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.06em;color:#756354}.stage-label i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:7px}.ambient-bars{position:absolute;inset:auto 15px 12%;display:flex;justify-content:space-between;align-items:center;opacity:.25;z-index:0;height:150px}.ambient-bars i{width:7px;height:var(--height);border-radius:8px;background:#b77c66;animation:equalizer 1.7s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.17s)}.mix-lab{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding-top:120px;padding-bottom:120px}.lab-intro h2{font-size:clamp(52px,5.5vw,78px)}.lab-intro em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}.demo-note{display:block;font-size:11px;color:#71665f;margin-top:28px}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}.detail,.route-art,.twoup article{transition:transform .5s,box-shadow .5s}.detail:hover,.route-art:hover,.twoup article:hover{transform:translateY(-8px);box-shadow:0 18px 30px #39271910}.privacy{padding-top:120px;padding-bottom:120px}.closing{position:relative;padding-top:110px;padding-bottom:110px}.closing h2{font-size:clamp(48px,7vw,100px)}.closing>img{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.closing:hover>img{transform:rotate(-12deg) scale(1.15)}footer{padding-bottom:90px}details[open] p{animation:answer-in .35s ease-out}summary::marker{color:var(--coral)}
@keyframes title-arrive{from{opacity:0;transform:translateY(38px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes panel-drift{50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes equalizer{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes orbit-breathe{50%{transform:scaleX(1.1) rotate(15deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.offscreen *,html.page-hidden *{animation-play-state:paused!important}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-paused .reveal{opacity:1;transform:none}
@media(max-width:760px){.mix-lab{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.stage{min-height:0;padding:50px 30px 60px}.sound-orbit{width:400px;height:400px}.orbit-two{width:520px;height:520px}h1{font-size:clamp(53px,12.8vw,76px)}.motion-toggle{bottom:12px;right:12px}.privacy{padding-top:70px;padding-bottom:70px}.mix-lab h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.panel{transform:none}}

.native-mix{position:relative;isolation:isolate;margin:0;padding:44px 28px 24px;border-radius:38px;background:#e7ece4;overflow:hidden}.native-mix>img{display:block;position:relative;width:100%;height:auto;border-radius:22px;box-shadow:0 20px 38px #3e4d3020;animation:native-mix-float 7s ease-in-out infinite}.native-mix-halo{position:absolute;inset:-40%;border:1px solid #a6b69a50;border-radius:50%;z-index:-1;animation:orbit-breathe 12s ease-in-out infinite}.native-mix figcaption{position:relative;margin-top:28px;text-align:center;font-size:11px;letter-spacing:.035em;color:#63705b}@keyframes native-mix-float{50%{transform:translateY(-7px)}}@media(max-width:760px){.native-mix{padding:32px 18px 20px;border-radius:28px}.native-mix>img{border-radius:15px}.native-mix figcaption{font-size:10px}}

header .brand{gap:10px;line-height:1;letter-spacing:-.045em}header .brand img{display:block;width:31px;height:31px;border-radius:0;background:none;box-shadow:none;object-fit:contain}header .brand span{transform:translateY(-1px)}

.local-audio-visual{width:220px;margin:0 auto 38px;position:relative}.local-mac-screen{height:142px;border:2px solid #b69d90;border-radius:12px;padding:18px 24px 12px;background:#f1dfd660;box-shadow:inset 0 0 0 5px #fff8f4;display:flex;flex-direction:column;justify-content:space-between}.local-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:70px}.local-wave i{display:block;width:6px;height:var(--bar);border-radius:6px;background:var(--coral);animation:equalizer 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.19s)}.local-wave i:nth-child(5),.local-wave i:nth-child(6){background:var(--coral)}.local-mac-status{font-size:10px;color:#827168;letter-spacing:.04em}.local-mac-status i{display:inline-block;width:5px;height:5px;margin-right:5px;background:var(--coral);border-radius:50%}.local-mac-base{width:246px;height:9px;margin:4px -13px 0;background:#b69d90;border-radius:2px 2px 12px 12px}.local-mac-base:before{content:"";display:block;width:40px;height:3px;margin:auto;border-radius:0 0 4px 4px;background:#fff8f4}@media(prefers-reduced-motion:reduce){.local-wave i{animation:none}}

.local-audio-visual{zoom:.7}