:root{--paper:#e9e6dc;--ink:#22221e;--red:#b83222;--line:#c3c0b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #c34c26;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:14px;z-index:9}.skip:focus{top:10px}.nav{margin:0 4.5%;padding:24px 0;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:900;font-size:26px;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand img{height:42px;width:42px;object-fit:contain}.brand span{font:9px monospace;letter-spacing:1px;margin-left:8px}.nav nav{display:flex;gap:29px;font-size:13px}.nav-cta{font-size:12px;border-bottom:1px solid;padding:8px 0}.hero{padding:70px 4.5% 75px;display:grid;grid-template-columns:1fr 1fr;gap:30px;overflow:hidden;min-height:720px}.eyebrow,.section-meta{font:10px/1.6 monospace;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--red);border-radius:50%}h1{font-size:clamp(68px,7.9vw,125px);letter-spacing:-.065em;line-height:.94;font-weight:800;margin:32px 0}em{font-style:normal;color:var(--red)}.lead{font-size:17px;line-height:1.6;max-width:395px}.button{background:var(--red);color:#fff9e9;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:19px 23px;margin-top:17px;font-size:13px}.button:hover{background:#8b281e}.button span{font-size:21px}.small-note{font:10px monospace;margin-top:20px;color:#66645b}.hero-art{position:relative;min-height:550px}.cover{position:absolute;width:56%;aspect-ratio:1;object-fit:cover;box-shadow:4px 14px 25px #24221c33;border:5px solid #eee7d9}.c1{top:22px;left:2%;transform:rotate(-13deg);z-index:1}.c2{top:133px;right:0;transform:rotate(10deg);z-index:2}.c3{top:315px;left:4%;width:48%;transform:rotate(-7deg);z-index:3}.orbit{position:absolute;right:4%;top:1px;border:1px solid var(--red);color:var(--red);border-radius:50%;width:138px;height:138px;display:grid;place-content:center;text-align:center;font:10px/1.8 monospace;padding:16px;transform:rotate(18deg)}.art-tag{position:absolute;right:0;bottom:46px;font:11px monospace;background:#282b24;color:#fff;padding:16px;transform:rotate(3deg);z-index:4}.dot{display:inline-block;background:#d2df57;width:7px;height:7px;border-radius:50%;margin-right:9px}.art-coord{position:absolute;bottom:1px;right:6px;font:9px/1.8 monospace;color:#757168}.ticker{padding:22px 4.5%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:20px;font:16px monospace;white-space:nowrap;overflow:hidden}.ticker span{font-size:12px;letter-spacing:2px}.section{padding:70px 4.5% 85px}.section-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:9px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin:42px 0}h2{font-size:clamp(40px,5.2vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:700}.section-heading p{font-size:16px;line-height:1.7;max-width:390px;margin:0 0 3px}.instrument-tabs{display:flex;border-bottom:1px solid var(--ink);margin-top:55px}.instrument-tabs button{flex:1;border:0;background:transparent;text-align:left;padding:19px 15px;font-size:14px;color:#67665d}.instrument-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.instrument-panel{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:#dcd9ce}.instrument-image{padding:36px;display:flex;justify-content:center;align-items:center}.instrument-image img{width:100%;max-width:390px;aspect-ratio:1;object-fit:contain;box-shadow:0 12px 22px #30251c22}.instrument-copy{padding:42px 45px;display:flex;flex-direction:column;justify-content:center}.instrument-copy>img{width:87%;height:100px;object-fit:contain;object-position:left center;margin:15px 0}.instrument-copy h3{font-size:26px;letter-spacing:-1px;margin:16px 0 7px}.instrument-copy p{font-size:15px;line-height:1.7;max-width:400px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chips span{font:10px monospace;border:1px solid #aaa79c;padding:8px 10px}.instrument-copy .panel-foot{font:9px monospace;letter-spacing:1px;margin-top:30px;color:#6d6a60}.live{background:#272923;color:var(--paper)}.live .section-meta{border-color:#626459}.live-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin-top:55px}.live h2 em{color:#d9b66d}.live-lead{font-size:16px;line-height:1.6;max-width:350px;color:#c6c7bb}.gesture{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid #56594e;padding:20px 0 9px}.gesture kbd{padding:8px 12px;background:#3e4138;border:1px solid #767a6b;border-radius:4px;font:12px monospace;box-shadow:0 3px #171913}.gesture>span{font-size:12px;color:#aaa}.gesture p{width:100%;font-size:13px;line-height:1.6;max-width:360px;color:#c6c7bb;margin:6px 0}.control-story{padding:32px;border:1px solid #767a6b;align-self:center;transform:rotate(2deg);background:#30332b}.mode-buttons{display:flex;gap:12px;margin-top:22px}.mode{border:1px solid #61665a;background:#23251f;color:#d8d9c9;padding:15px 20px;font:12px monospace;flex:1}.mode i{display:inline-block;background:#72766a;width:8px;height:8px;border-radius:50%;margin-right:8px}.mode.active[data-mode=live] i{background:#54c4ef;box-shadow:0 0 12px #54c4ef}.mode.active[data-mode=toggle] i{background:#e4684b;box-shadow:0 0 12px #e4684b}.gesture-display{min-height:270px}.gesture-display>span{display:block;font-size:90px;color:#76c6df;line-height:1.1;margin-top:25px}.gesture-display h3{font-size:30px;letter-spacing:-1px;margin:10px 0}.gesture-display p{font-size:14px;line-height:1.65;color:#c6c7bb}.fader-demo{height:55px;background:#5c5f54;border:1px solid #898d7f;position:relative;margin-top:24px}.fader-demo div{height:7px;background:#12140f;margin:23px 17px}.fader-demo span{position:absolute;left:57%;top:6px;height:41px;width:31px;background:linear-gradient(90deg,#85877e,#dedfd7,#95978d);box-shadow:2px 3px 5px #0008;border-radius:3px;transition:left .5s}.control-note{font:9px/1.8 monospace;color:#a7aa9b;margin-top:16px}.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 23px}.fx-card{border-top:1px solid var(--line);padding-top:12px}.fx-card .fx-number{font:9px monospace;display:flex;justify-content:space-between;margin-bottom:12px;color:#706c60}.fx-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s}.fx-card:hover img{transform:rotate(-2deg)}.fx-card h3{font-size:18px;letter-spacing:-.4px;margin:15px 0 7px}.fx-card p{font-size:13px;line-height:1.65;max-width:320px;margin:0;color:#605d54}.routing{display:flex;align-items:center;gap:28px;border-top:1px solid var(--ink);margin-top:45px;padding-top:16px}.routing p{display:flex;flex-direction:column;gap:6px;font-size:13px}.routing span{font-size:12px;color:#6f6a5d}.routing b{font-weight:400;font-size:24px}.routing .routing-end{margin-left:auto;font:11px/1.6 monospace;max-width:300px}.journey{background:#d9d5c8}.journey>h2{margin:45px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #a7a293;padding-top:18px}.steps article>span{font:12px monospace;color:var(--red)}.steps h3{font-size:23px;letter-spacing:-.7px;margin:25px 0 10px}.steps p{font-size:14px;line-height:1.7;max-width:320px}.closing{display:flex;align-items:center;border-top:1px solid #a7a293;margin-top:55px;padding-top:45px;gap:30px}.closing img{width:100px;height:100px;object-fit:contain}.closing p{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin:0}.closing .button{margin:0 0 0 auto}footer{padding:27px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:26px;font-weight:900;letter-spacing:-2px}footer span{font:9px monospace;letter-spacing:1px}@media(min-width:1500px){.hero,.section,.nav,footer{padding-left:max(4.5%,calc((100% - 1400px)/2));padding-right:max(4.5%,calc((100% - 1400px)/2))}.nav{margin:0}.hero-art{max-width:650px}}@media(max-width:850px){.nav nav{gap:14px}.brand span{display:none}.hero{padding-top:45px;gap:10px;min-height:660px}.hero-art{min-height:470px}.c1{top:55px;width:65%}.c2{top:180px;width:67%}.c3{top:340px;width:53%}.orbit{width:100px;height:100px;font-size:8px}.art-tag{bottom:0;font-size:9px}.art-coord{display:none}.hero h1{font-size:77px}.section{padding-top:50px;padding-bottom:55px}.instrument-copy{padding:25px}.instrument-image{padding:22px}.live-layout{gap:6%}.control-story{padding:22px}.fx-grid{gap:28px 17px}.routing{flex-wrap:wrap}.routing .routing-end{margin-left:0}.closing p{font-size:30px}footer span:last-child{display:none}}@media(max-width:600px){.nav{padding:15px 0}.brand{font-size:22px}.brand img{width:32px;height:32px}.nav nav{display:none}.nav-cta{font-size:10px}.hero{grid-template-columns:1fr;padding-top:26px;padding-bottom:30px}.hero h1{font-size:clamp(46px,14.4vw,72px);margin:22px 0}.hero .lead{font-size:16px;max-width:340px}.hero-art{min-height:420px;margin:10px -2% 0}.c1{width:54%;top:22px;left:5%}.c2{width:53%;top:100px;right:3%}.c3{width:43%;top:229px;left:12%}.orbit{top:0;right:6%}.art-tag{bottom:16px;right:4%;font-size:9px}.ticker{padding:18px;justify-content:flex-start}.ticker span{font-size:10px}.section-meta span:last-child{display:none}.section-heading{display:block;margin:30px 0}.section-heading p{margin-top:22px;font-size:15px}.instrument-tabs{margin-top:30px}.instrument-tabs button{font-size:10px;padding:14px 8px;text-align:center}.instrument-panel{grid-template-columns:1fr}.instrument-image{padding:25px 30px 0}.instrument-image img{max-width:320px}.instrument-copy{padding:25px 27px 30px}.instrument-copy>img{height:85px;margin:7px 0}.instrument-copy h3{font-size:25px}.instrument-copy .panel-foot{margin-bottom:0}.live-layout{grid-template-columns:1fr;margin-top:30px}.control-story{margin-top:30px;transform:rotate(1deg)}.gesture-display{min-height:240px}.fx-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.fx-card h3{font-size:16px}.fx-card p{font-size:12px}.routing{gap:14px}.routing p{font-size:12px}.routing span{font-size:11px}.routing .routing-end{width:100%;max-width:none;margin-bottom:0}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:14px}.steps p{max-width:none}.closing{flex-wrap:wrap;gap:16px;padding-top:30px}.closing img{width:65px;height:65px}.closing p{font-size:27px}.closing .button{margin:5px 0 0;width:100%}footer span{font-size:8px;text-align:right;max-width:170px}h2{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Language controls stay visible on phones as well as desktop. */
.nav-actions{display:flex;align-items:center;gap:24px}
@media(max-width:850px){.nav{gap:14px}.nav-actions{gap:14px}.nav nav{gap:12px}}
@media(max-width:600px){.nav-actions{gap:10px}.nav-cta{font-size:9px}html[lang=en] .live h2{font-size:42px}}

.tactile-story{margin:26px 0 25px;max-width:430px}.tactile-story h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px;color:#d9b66d}.tactile-story p{font-size:14px;line-height:1.7;margin:0;color:#c6c7bb}

.scale-section{background:#dbe0d5}.scale-section .section-heading{align-items:start}.scale-surface{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;border-top:1px solid #a8afa2;padding-top:30px}.note-row{display:grid;gap:5px;margin:14px 0 27px}.note-row span{background:#bec9b8;border:1px solid #98a48f;border-radius:4px;border-bottom-width:4px;min-height:55px;display:grid;place-content:center;font:12px monospace}.chromatic{grid-template-columns:repeat(12,1fr)}.chromatic span:nth-child(2),.chromatic span:nth-child(4),.chromatic span:nth-child(7),.chromatic span:nth-child(9),.chromatic span:nth-child(11){background:#65725e;color:#fff}.sargam{grid-template-columns:repeat(8,1fr)}.sargam span{color:#364b31;background:#ccd5c7;font-weight:bold}.chord-story h3{font:12px/1.6 monospace;letter-spacing:1px;margin:0 0 15px}.chord-types{display:flex;gap:8px;flex-wrap:wrap}.chord-types span{font:15px monospace;padding:12px 17px;background:#30392b;color:#e5e8dc;border-radius:4px}.chord-story p{font-size:14px;line-height:1.75;max-width:420px}.recording-story{margin-top:52px;padding-top:35px;border-top:1px solid #a7a293}.record-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end}.record-heading h3{font-size:37px;line-height:1.1;letter-spacing:-1.3px;margin:0}.record-heading>p{font-size:15px;line-height:1.7;max-width:390px;margin:0}.record-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.record-sources article{border:1px solid #b7b1a2;padding:22px;background:#e1ddcf}.record-sources h4{font:13px monospace;display:inline;margin-left:7px}.record-led{display:inline-block;width:8px;height:8px;border-radius:50%}.record-led.main{background:#bf4731}.record-led.mic{background:#558046}.record-led.instrument{background:#d58a29}.record-sources p{font-size:13px;line-height:1.75;margin:16px 0 0}.record-flow{font:10px/1.9 monospace;letter-spacing:.5px;margin-top:24px;color:#696350}
@media(max-width:850px){.scale-surface{grid-template-columns:1fr;gap:8px}.note-layout{max-width:600px}.record-sources{gap:14px}.record-sources article{padding:16px}.record-heading h3{font-size:32px}}
@media(max-width:600px){.note-row{gap:3px}.note-row span{font-size:10px;min-height:44px}.sargam span{font-size:12px}.chord-types span{padding:10px 15px}.record-heading{grid-template-columns:1fr;gap:17px}.record-heading h3{font-size:32px}.record-sources{grid-template-columns:1fr;gap:12px}.record-sources article{padding:20px}.record-flow{font-size:9px}.scale-section .section-heading p{max-width:none}}

.phone-section{background:#dedbd0}.phone-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:40px}.phone-copy h2{font-size:clamp(42px,4.5vw,68px)}.phone-intro{font-size:16px;line-height:1.75;max-width:420px;margin:25px 0 35px}.phone-detail{display:flex;gap:18px;border-top:1px solid #b9b5a7;padding:21px 0;max-width:420px}.phone-detail>span{font:11px monospace;color:var(--red);padding-top:3px}.phone-detail h3{font-size:18px;letter-spacing:-.45px;margin:0 0 8px}.phone-detail p{font-size:13px;line-height:1.75;margin:0;color:#656054}.phone-figure{margin:0;min-width:0}.phone-figure figcaption{text-align:center;font:9px/1.8 monospace;letter-spacing:.4px;color:#777061;margin-top:25px}.phone-stage{display:flex;justify-content:center;padding:10px 12px 5px}.iphone{width:352px;height:750px;position:relative;padding:9px;border-radius:53px;background:linear-gradient(110deg,#777771,#22221f 12%,#454540 46%,#10110e 85%,#73736a);box-shadow:0 0 0 1px #22231f,0 2px 0 2px #909187,20px 28px 40px #514b3b3d,inset 0 0 0 2px #afaea5}.iphone-screen{height:100%;border-radius:44px;overflow:hidden;background:#c2c0b3;position:relative;border:3px solid #0b0b09;display:flex;flex-direction:column}.iphone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:100px;height:27px;background:#080908;border-radius:20px;z-index:1}.iphone-island:after{content:'';position:absolute;width:9px;height:9px;right:10px;top:9px;border-radius:50%;background:radial-gradient(circle,#1a3550,#0a0f17 60%);box-shadow:0 0 0 2px #151713}.iphone-status{height:49px;padding:14px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;font:11px Arial,sans-serif;color:#25251f}.iphone-status>span{display:flex;align-items:center;gap:4px;font-size:7px;margin-top:3px}.iphone-status i{display:inline-block;width:18px;height:8px;border:1px solid #25251f;border-radius:2px;background:linear-gradient(90deg,#25251f 85%,transparent 85%)}.app-screen{padding:0 10px 23px;flex:1;display:flex;flex-direction:column;gap:9px;min-height:0}.app-brand{height:55px;display:flex;justify-content:center;align-items:center}.app-brand img{width:64px;height:55px;object-fit:contain}.app-toolbar,.app-functions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.app-key{height:41px;border:1px solid #232322;border-radius:7px;background:linear-gradient(#565455,#494748);box-shadow:0 2px 3px #2224;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:3px 1px;color:#fff}.app-key i{height:6px;width:56%;border-radius:6px;background:#111615;box-shadow:inset 0 0 0 1px #92968a}.app-key.green i{background:#34c936;box-shadow:0 0 6px #34d35480}.app-key.orange i{background:#e78624;box-shadow:0 0 6px #e7862455}.app-key.blue i{background:#0da2e7;box-shadow:0 0 6px #0da2e755}.app-key b{font:15px/1 Arial,sans-serif;min-height:14px}.app-key small{font:bold 7px/1.1 Arial,sans-serif;white-space:nowrap}.app-status{display:flex;justify-content:space-between;padding:7px 8px;background:#aaa89c;border-radius:6px;font:8px/1.2 Arial,sans-serif;color:#49493f}.app-functions .app-key{height:41px;background:linear-gradient(#0799d7,#008ac7)}.app-functions .app-key:last-child{background:linear-gradient(#535153,#414042);justify-content:center}.app-functions .app-key:last-child i,.app-functions .app-key:last-child b{display:none}.app-functions .app-key:last-child small{font-size:8px}.app-pad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;background:#0c1113;border-radius:8px;padding:8px;flex:1;min-height:0}.app-pad{background:#767775;border:2px solid #0081b6;border-radius:7px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:4px;color:#fff}.app-pad.selected{border-color:#f18a21;box-shadow:0 0 0 1px #e58b27,inset 0 0 0 1px #eab885}.pad-name{font:bold 7px/1.25 Arial,sans-serif;overflow-wrap:anywhere;position:relative;z-index:1}.pad-stamp{position:absolute;left:5%;top:35%;height:34%;width:90%;object-fit:contain;filter:grayscale(1) brightness(.35);opacity:.42;mix-blend-mode:multiply}.pad-meta{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:1}.pad-meta small{font:7px Arial,sans-serif}.pad-meta b{font:bold 9px Arial,sans-serif}.pad-wave{position:absolute;width:82%;height:40%;left:9%;top:31%;color:#424c4d;opacity:.7}.app-bottom{height:42px;display:flex;gap:7px}.app-shift{font:bold 10px Arial,sans-serif;color:#fff;display:grid;place-content:center;border-radius:7px;border:1px solid #171a19;background:#303234;width:57px;flex-shrink:0}.app-fader{position:relative;flex:1;border:1px solid #686a65;border-radius:7px;background:linear-gradient(#92938e,#b6b7af);box-shadow:inset 0 1px 0 #dcddd7}.app-fader-track{height:6px;border-radius:4px;background:#101310;position:absolute;left:10px;right:10px;top:17px}.app-fader-ticks{position:absolute;left:10px;right:10px;top:28px;height:6px;background:repeating-linear-gradient(90deg,#5e635b 0 1px,transparent 1px 9px)}.app-fader-cap{position:absolute;width:30px;height:32px;top:4px;left:38%;border-radius:5px;border:1px solid #e9eae1;box-shadow:0 2px 4px #2228;background:linear-gradient(100deg,#8d9089,#e8e9e3 45%,#999b94);color:#6a6e65;font:22px/30px serif;text-align:center}.iphone-home{position:absolute;width:110px;height:4px;border-radius:5px;background:#2a2d27;bottom:7px;left:50%;transform:translateX(-50%)}.phone-side-key{position:absolute;width:3px;left:-3px;background:#686b60;border-radius:2px}.side-one{height:22px;top:115px}.side-two{height:45px;top:158px}.side-three{height:45px;top:212px}
@media(max-width:850px){.phone-layout{gap:4%}.phone-copy h2{font-size:44px}.iphone{width:310px;height:660px;border-radius:47px}.iphone-screen{border-radius:38px}.app-brand{height:43px}.app-brand img{height:45px}.app-screen{gap:7px;padding-left:8px;padding-right:8px}.app-pad-grid{gap:5px;padding:6px}.phone-stage{padding-left:4px;padding-right:4px}}
@media(max-width:600px){.phone-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.phone-copy h2{font-size:46px}.phone-intro{font-size:15px;margin-bottom:24px}.phone-detail{padding:17px 0;max-width:none}.phone-detail p{font-size:13px}.phone-detail h3{font-size:17px}.phone-stage{padding-top:9px}.iphone{width:310px;height:660px}.phone-figure figcaption{margin-top:21px;font-size:8px}}
@media(max-width:355px){.iphone{width:280px;height:610px}.app-key small{font-size:6px}.app-pad-grid{gap:4px;padding:5px}.pad-name{font-size:6px}.app-screen{gap:6px}.app-brand{height:38px}.app-toolbar .app-key,.app-functions .app-key{height:37px}}

.menu-trigger,.voice-explore,.fx-rail-tools{display:none}.instrument-tabs>button>img{display:none}.mobile-menu{border:0;padding:0}.mobile-menu::backdrop{background:#16191299;backdrop-filter:blur(3px)}.menu-open{overflow:hidden}
@media(max-width:700px){
html{scroll-padding-top:90px}.nav{position:sticky;top:0;z-index:20;margin:0;padding:12px 5%;background:var(--paper);box-shadow:0 3px 12px #24221d0a;gap:10px}.nav nav,.nav-cta{display:none}.brand{font-size:22px}.brand img{width:30px;height:30px}.nav-actions{gap:15px}.menu-trigger{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 0 7px 13px;border:0;border-left:1px solid #b7b3a8;background:transparent;font:11px monospace}.menu-glyph{display:block;width:16px;height:8px;border-block:1px solid currentColor}.mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(86vw,350px);height:100%;height:100dvh;max-height:none;max-width:none;background:#272923;color:var(--paper);padding:25px 23px;box-shadow:-10px 0 40px #16191244}.menu-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #606354;padding-bottom:15px;font:10px monospace;letter-spacing:1px}.menu-heading button{border:1px solid #6b6d61;background:transparent;color:inherit;font:26px/1 Arial;width:40px;height:40px}.drawer-links{display:flex;flex-direction:column;margin-top:20px}.drawer-links a{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #515448;font-size:17px}.drawer-number{font:9px monospace;color:#b3b49f}.drawer-links a>span:last-child{margin-left:auto;color:#d9b66d}.menu-foot{font:9px/1.8 monospace;letter-spacing:1px;color:#a4a792;margin-top:30px}
.section{padding-top:34px;padding-bottom:40px}.section-heading{margin:24px 0;display:block}.section-heading p{font-size:14px;line-height:1.65;margin-top:17px;max-width:520px}h2,.phone-copy h2,html[lang=en] .live h2{font-size:36px;letter-spacing:-1.7px}.section-meta{font-size:8px;padding-top:10px}.hero{padding-top:25px;padding-bottom:22px;min-height:0}.hero-art{min-height:345px}.c1{width:48%;top:20px;left:8%}.c2{width:48%;top:85px;right:6%}.c3{width:36%;top:200px;left:17%}.orbit{width:85px;height:85px;font-size:7px}.art-tag{bottom:4px;font-size:8px;padding:11px}.ticker{padding-block:15px}.phone-layout{margin-top:25px;gap:20px}.phone-intro{font-size:14px;line-height:1.65;margin:18px 0 20px}.phone-detail{padding:14px 0;gap:12px}.phone-detail h3{font-size:16px}.phone-detail p{font-size:12px;line-height:1.65}
.voice-explore{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.2px;margin-top:25px}.instrument-tabs{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a09a8a transparent;gap:12px;padding:14px calc(50vw - 74px) 12px;border:0;margin:0 -5%;width:110%;align-items:start;-webkit-overflow-scrolling:touch}.instrument-tabs>button{flex:0 0 148px;padding:5px;border:1px solid #b7b1a4;color:var(--ink);scroll-snap-align:center;background:transparent;font-size:11px;text-align:left}.instrument-tabs>button>img{display:block;width:136px;height:136px;object-fit:cover}.instrument-tabs>button>span{display:block;padding:10px 4px;white-space:nowrap}.instrument-tabs>button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.instrument-panel{display:block;min-height:0;margin-top:10px}.instrument-image{display:none}.instrument-copy{padding:22px}.instrument-copy>img{display:none}.instrument-copy h3{font-size:22px;margin:12px 0 5px}.instrument-copy p{font-size:14px;line-height:1.7;max-width:none}.instrument-copy .panel-foot{display:none}.chips{margin-top:10px}.chips span{font-size:9px;padding:7px 8px}
.fx-rail-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 13px;font:10px monospace}.fx-rail-tools>div{display:flex;align-items:center;gap:8px}.fx-rail-tools button{width:36px;height:36px;border:1px solid #aba596;background:transparent;color:var(--ink);font-size:19px}.fx-rail-tools button:disabled{opacity:.3;cursor:default}.fx-rail-tools #fx-count{margin-right:4px;font-size:9px}.fx-grid{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a09a8a transparent;padding:0 5% 14px;margin:0 -5%;width:110%;-webkit-overflow-scrolling:touch}.fx-card{flex:0 0 clamp(190px,58vw,260px);scroll-snap-align:start;scroll-margin-left:16px;padding-top:10px}.fx-card img{display:block}.fx-card:hover img{transform:none}.fx-card h3{font-size:17px;margin-top:12px}.fx-card p{font-size:12px;line-height:1.65}.fx-card .fx-number{font-size:8px}.routing{margin-top:25px;gap:16px}.live-layout{margin-top:25px}.tactile-story{margin:22px 0}.tactile-story h3{font-size:21px}.tactile-story p{font-size:13px}.control-story{padding:22px;transform:none}.gesture-display{min-height:210px}.gesture-display>span{font-size:65px}.gesture-display h3{font-size:25px}.gesture-display p{font-size:13px}.fader-demo{margin-top:15px}.journey>h2{margin:27px 0}.steps{gap:20px}.steps h3{font-size:21px;margin-top:16px}.steps p{font-size:13px;line-height:1.7}.recording-story{margin-top:32px;padding-top:26px}.record-heading h3{font-size:30px}.record-heading>p{font-size:14px}.record-sources{margin-top:23px}.closing{margin-top:30px;padding-top:26px}
}
/* Keep square cover art square at every card width. */
.fx-card img{height:auto}
.mobile-menu{overflow-y:auto;overscroll-behavior:contain}
@media(min-width:601px) and (max-width:700px){.hero,.phone-layout,.live-layout{grid-template-columns:1fr}.hero-art{width:min(100%,440px);justify-self:center}.phone-copy{max-width:540px}.phone-figure{justify-self:center;width:100%}.steps{grid-template-columns:1fr}.record-heading{grid-template-columns:1fr;gap:16px}.record-sources{grid-template-columns:1fr}}

/* Small instant prints, with stable hand-placed angles in both mobile rails. */
.fx-photo{display:contents}
@media(max-width:700px){
.instrument-tabs{gap:22px;padding-top:28px;padding-bottom:27px;align-items:start}
.instrument-tabs>button,.fx-photo{position:relative;width:148px;box-sizing:border-box;border:1px solid #ded9cd;background:#f9f6ee;color:#3e392f;padding:7px 7px 13px;box-shadow:2px 5px 7px #55493426,0 1px 2px #5549341a;transform:translateY(var(--print-drop,0px)) rotate(var(--print-angle,-3deg));transform-origin:50% 16px}
.instrument-tabs>button{flex-basis:148px;transition:box-shadow .2s,transform .2s}
.instrument-tabs>button:nth-child(4n+1),.fx-card:nth-child(4n+1){--print-angle:-3.5deg;--print-drop:3px}
.instrument-tabs>button:nth-child(4n+2),.fx-card:nth-child(4n+2){--print-angle:3deg;--print-drop:7px}
.instrument-tabs>button:nth-child(4n+3),.fx-card:nth-child(4n+3){--print-angle:-1.8deg;--print-drop:1px}
.instrument-tabs>button:nth-child(4n+4),.fx-card:nth-child(4n+4){--print-angle:4deg;--print-drop:6px}
.instrument-tabs>button:before,.fx-photo:before{content:'';position:absolute;z-index:1;width:44px;height:13px;left:calc(50% - 22px);top:-7px;background:#c5b99b9e;transform:rotate(-7deg);clip-path:polygon(3% 0,100% 6%,96% 100%,0 92%);pointer-events:none}
.instrument-tabs>button:nth-child(even):before,.fx-card:nth-child(even) .fx-photo:before{transform:rotate(8deg);background:#d0c5aaad}
.instrument-tabs>button>img,.fx-card .fx-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;box-shadow:inset 0 0 0 1px #38302311}
.instrument-tabs>button>span,.fx-card .fx-photo h3{display:flex;align-items:center;justify-content:center;min-height:34px;padding:9px 0 0;margin:0;font:italic 12px/1.3 Georgia,'Times New Roman',serif;letter-spacing:.1px;text-align:center;white-space:normal;color:#484137}
.instrument-tabs>button[aria-selected=true]{background:#f9f6ee;color:#3e392f;border-color:#cec2ac;box-shadow:2px 7px 11px #5549343b,0 0 0 1px #b8322233;transform:translateY(calc(var(--print-drop,0px) - 3px)) rotate(var(--print-angle))}
.instrument-tabs>button[aria-selected=true]:after{content:'';position:absolute;width:24px;height:2px;bottom:7px;left:calc(50% - 12px);background:var(--red)}
.fx-grid{gap:22px;padding-top:4px;padding-bottom:19px;align-items:start}.fx-card{flex:0 0 148px;min-width:0;border:0;padding:0}.fx-card .fx-number{font-size:7px;margin:0 0 23px;padding:0 3px;letter-spacing:0;gap:4px;white-space:nowrap}.fx-photo{display:block}.fx-card>p{margin:22px 3px 0;font-size:12px;line-height:1.7}.fx-card:hover .fx-photo img{transform:none}
}

.phone-layout-text { display: block; }
.phone-layout-text .phone-copy { max-width: 680px; }
.release-notes { background: #dedbd0; }
.release-notes article { max-width: 680px; scroll-margin-top: 90px; }
.release-notes article + article { margin-top: 36px; }
.release-notes h2 { font-size: clamp(26px, 4vw, 36px); }
.release-notes p { line-height: 1.65; margin: 12px 0; }
.release-notes a, .release-links a { color: inherit; text-decoration: underline; }
.release-links { display: flex; flex-wrap: wrap; gap: 10px 18px; }

.language-switch {
  flex-shrink: 0;
  max-width: 100%;
  min-height: 38px;
  padding: 4px;
  border: 1px solid #b9b3a7;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
}
:lang(hi), :lang(te) { letter-spacing: normal; }
:is(html[lang="hi"], html[lang="te"]) :is(h1, h2, h3) {
  line-height: 1.22;
  letter-spacing: normal;
}
:is(html[lang="hi"], html[lang="te"]) .hero h1 {
  font-size: clamp(38px, 6.5vw, 86px);
}
