:root{--bg: #000;--bg-1: #141820;--bg-2: #1b2028;--stroke: #262c35;--stroke-2: #3a4150;--stroke-3: #555e6e;--text-dim: #8e96a3;--text: #a8b0bc;--text-bright: #ced4dd;--text-max: #ecf0f5;--t1: #c0788e;--t2: #c8a07a;--t3: #a3b878;--t4: #7eb59a;--t5: #6ea7c4;--t6: #7e94c4;--t7: #a78cc4;--t8: #c47ec4;--rainbow: linear-gradient(90deg, var(--t1), var(--t2), var(--t3), var(--t4), var(--t5), var(--t6), var(--t7), var(--t8));--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--wrap: 1180px;--read: 42rem;--gap-pic: clamp(48px, 5vw, 64px);--gap-text: clamp(72px, 7.5vw, 96px);--gap-part: clamp(100px, 10.5vw, 134px);--fs-hero: clamp(2.5rem, 5.2vw, 4rem);--fs-h2: clamp(2.25rem, 4.4vw, 3.5rem);--fs-h3: clamp(1.625rem, 2.6vw, 2.25rem);--fs-intro: clamp(1.1875rem, 1.7vw, 1.3125rem);--fs-eyebrow: clamp(1.0625rem, 1.5vw, 1.3125rem);--fs-body: 1.0625rem;--fs-small: .875rem;--track-display: -.03em;--track-intro: -.012em;--track-body: -.011em}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);line-height:1.47;letter-spacing:var(--track-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;color:var(--text-max);font-weight:600;line-height:1.07;letter-spacing:var(--track-display)}h1,h2,h3{text-wrap:balance}p,figcaption,li{text-wrap:pretty}:focus-visible{outline:2px solid var(--t5);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}.mono{font-family:var(--mono)}.kicker{font-size:var(--fs-eyebrow);font-weight:600;line-height:1.2;letter-spacing:var(--track-intro);color:var(--accent, var(--text-bright));display:flex;align-items:center;gap:10px}.kicker-c{justify-content:center}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--stroke)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:62px}.brand{display:block;line-height:0}.brand svg{display:block;height:18px;width:auto}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);transition:color .15s}.nav-links a:hover{color:var(--text-max)}.btn{font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;padding:11px 20px;border-radius:4px;border:1px solid var(--stroke-2);color:var(--text-bright);background:var(--bg-2);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--stroke-3);color:var(--text-max)}.btn-primary{background:var(--rainbow);color:#0c0f13;border:none;font-weight:600;box-shadow:0 2px 24px #7e94c438}.btn-primary:hover{filter:brightness(1.08);color:#0c0f13}.btn-lg{padding:15px 28px;font-size:13.5px;border-radius:5px}.hero{position:relative;overflow:hidden;padding:clamp(48px,6vw,72px) 0 clamp(72px,8vw,104px)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 50% at 72% 12%,rgba(126,148,196,.12),transparent 70%),radial-gradient(48% 44% at 16% 88%,rgba(192,120,142,.09),transparent 72%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(var(--stroke) 1px,transparent 1px),linear-gradient(90deg,var(--stroke) 1px,transparent 1px);background-size:46px 46px;-webkit-mask:radial-gradient(ellipse 75% 65% at 50% 38%,#000 28%,transparent 76%);mask:radial-gradient(ellipse 75% 65% at 50% 38%,#000 28%,transparent 76%)}.hero .wrap{position:relative;z-index:1;max-width:920px;text-align:center}.hero h1{font-size:var(--fs-hero);margin:14px 0 0;line-height:1.05}.accent{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{max-width:34em;margin:20px auto 0;font-size:var(--fs-intro);line-height:1.38;letter-spacing:var(--track-intro);color:var(--text)}.hero .sub,.final-sub{text-wrap:balance}.cta{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero .free{margin-top:16px;font-size:var(--fs-small);color:var(--text-dim)}.hero-shot{margin-top:var(--gap-pic)}.section{padding:clamp(72px,11vw,144px) 0}.section h2{font-size:var(--fs-h2);margin:10px 0 0}.section .lead{margin:24px 0 0;font-size:var(--fs-intro);line-height:1.38;letter-spacing:var(--track-intro);color:var(--text)}.section .wrap>:is(.kicker,h2,.lead){width:min(100%,var(--read));margin-inline:auto}.count{font-variant-numeric:tabular-nums;color:var(--text-max)}.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:40px;margin-top:var(--gap-text)}.feats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.feat-n{font-size:1.1875rem;font-weight:600;line-height:1.26;letter-spacing:-.016em;color:var(--text-max);margin:0}.feat-d{margin:6px 0 0;font-size:var(--fs-body);line-height:1.47;color:var(--text-dim)}.ui-shot{margin:var(--gap-pic) 0 0}.feats+.ui-shot{margin-top:var(--gap-text)}.ui-shot.bleed{width:min(1560px,94vw);max-width:none;margin-left:50%;transform:translate(-50%)}.ui-shot figcaption{margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);text-align:center}.ui-shot figcaption.long{width:min(100%,var(--read));margin:24px auto 0;font-family:var(--sans, inherit);font-size:var(--fs-intro);line-height:1.42;letter-spacing:var(--track-intro);text-transform:none;color:var(--text);text-align:left}.strip-pair{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:start;margin:var(--gap-text) 0 0}.strip-pics{display:flex;align-items:flex-start;gap:14px;height:640px}.strip-pair.mirror{grid-template-columns:minmax(0,1fr) auto}.strip-pair.mirror .strip-pics{order:2}.strip-pair .strip-pics img.shot{height:100%;width:auto;max-width:none;margin:0;border-radius:4px}.strip-words>h3{font-size:var(--fs-h3)}.strip-words>p{margin:16px 0 0;max-width:34em;font-size:var(--fs-intro);line-height:1.42;letter-spacing:var(--track-intro);color:var(--text)}.strip-words .side-feats{margin-top:var(--gap-pic)}.side-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:64px;align-items:center;margin-top:var(--gap-text)}.side-split .side-pic img.shot{width:320px;max-width:none;margin:0;border-radius:5px}.mod-assign{align-items:start;grid-template-columns:minmax(0,1fr) auto}.mod-assign .side-pic{order:2}.mod-assign .side-pic img.shot{width:418px}.side-feats{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.side-feats>.feat:last-child:nth-child(odd){grid-column:1 / -1}.stems-split{width:fit-content;max-width:100%;margin:0 auto;grid-template-columns:auto minmax(0,36rem);align-items:center}.side-words>h2{margin-top:10px}.side-stack{grid-template-columns:1fr;gap:28px;margin-top:var(--gap-pic)}.bleed-row{--bleed-extra: 25%;width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:64px;align-items:center;padding-right:max(28px,calc((100vw - var(--wrap)) / 2 + 28px))}.bleed-row .bleed-pic{min-width:0}.bleed-row .bleed-pic img.shot{width:calc(100% + var(--bleed-extra));max-width:none;margin-left:calc(-1 * var(--bleed-extra))}.section:has(.bleed-row,.gallery){overflow-x:clip}.bleed-row+.bleed-row{margin-top:var(--gap-text)}.bleed-row.mirror{--bleed-extra: 10%;grid-template-columns:minmax(0,30rem) minmax(0,1fr);padding-right:0;padding-left:max(28px,calc((100vw - var(--wrap)) / 2 + 28px))}.bleed-row.mirror .bleed-pic{order:2}.bleed-row.mirror .bleed-pic img.shot{margin-left:0}.side-words>.side-more{margin:20px 0 0;font-size:var(--fs-intro);line-height:1.42;letter-spacing:var(--track-intro);color:var(--text-dim)}.closer{margin:var(--gap-part) 0 0;font-size:var(--fs-h2);letter-spacing:var(--track-display);text-align:center;color:var(--text-max)}.closer+.gallery{margin-top:40px}.gallery+.panel-grid{margin-top:var(--gap-part)}.panel figcaption{display:flex;flex-direction:column;gap:10px;padding:20px 2px 0}.gallery-name{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-max)}.gallery-name .inst-ic,.gallery-name .inst-ic svg{width:36px;height:36px;margin:0}.gallery-d{margin:14px 0 0;font-size:var(--fs-body);line-height:1.47;color:var(--text-dim)}.flag-n{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-max)}.flag-n .inst-ic{margin-top:0}.flag-d{margin:0;max-width:40em;font-size:var(--fs-body);line-height:1.47;color:var(--text-dim)}.panel-grid{--panel-max-ratio: 1.2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;margin-top:var(--gap-text)}.panel{margin:0;min-width:0}.panel{display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-bottom:56px;scroll-margin-top:96px}.panel-pic{align-self:end;container-type:inline-size}.panel-crop{overflow:hidden;border-radius:5px;max-height:calc(100cqw * var(--panel-max-ratio))}.panel-grid .panel-crop img.shot{width:100%;max-width:none;height:auto;margin:0;border-radius:0}.lineup{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:44px 12px;margin:var(--gap-pic) 0 0;padding:0}.lineup-inst{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.lineup-inst .inst-ic,.lineup-inst .inst-ic svg{width:44px;height:44px;margin:0}.lineup-inst .inst-n{font-size:11.5px;letter-spacing:.1em;transition:color .15s}a.lineup-inst:hover .inst-n{color:#fff}.inst-ic{display:block;width:32px;height:32px;margin-top:2px;color:var(--accent, var(--t5))}.inst-ic svg{display:block;width:32px;height:32px}.inst-n{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-max)}.hint{margin:14px 0 0;max-width:62ch;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--text-dim)}.fx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 20px;margin-top:var(--gap-pic)}#sequencer{--accent: var(--t6);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(126,148,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(167,140,196,.17),transparent 70%)}#mixer{--accent: var(--t7);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(167,140,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(192,120,142,.17),transparent 70%)}#keys{--accent: var(--t5);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(110,167,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(126,148,196,.17),transparent 70%)}#instruments{--accent: var(--t6);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(167,140,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(110,167,196,.17),transparent 70%)}#effects{--accent: var(--t1);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(192,120,142,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(167,140,196,.17),transparent 70%)}#sampler{--accent: var(--t1);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(192,120,142,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(196,126,196,.17),transparent 70%)}#modulation{--accent: var(--t8);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(196,126,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(126,148,196,.17),transparent 70%)}#stems{--accent: var(--t7);background:radial-gradient(ellipse 760px 460px at 22% 0%,rgba(167,140,196,.2),transparent 70%),radial-gradient(ellipse 700px 420px at 78% 0%,rgba(110,167,196,.17),transparent 70%)}.final{padding:120px 0;text-align:center;position:relative;overflow:hidden}.final:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 80% at 50% 50%,rgba(126,148,196,.1),transparent 72%)}.final .wrap{position:relative;z-index:1}.final h2{font-size:var(--fs-h2);margin-top:14px}.final-sub{max-width:34em;margin:24px auto 0;font-size:var(--fs-intro);line-height:1.38;letter-spacing:var(--track-intro);color:var(--text)}.final .cta{margin-top:30px}.fine{margin:10px auto 0;font-size:var(--fs-small);color:var(--text-dim)}.final .cta+.fine{margin-top:26px}.footer{padding:46px 0;color:var(--text-dim)}.footer-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.footer-in a{color:var(--text-bright)}@media (max-width: 980px){.nav-links{display:none}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup{grid-template-columns:repeat(4,minmax(0,1fr))}.fx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.side-feats{grid-template-columns:1fr}}@media (max-width: 720px){.wrap{padding:0 16px}.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.strip-pair,.strip-pair.mirror{grid-template-columns:1fr;gap:28px}.strip-pics{height:460px;gap:10px}.side-split{grid-template-columns:1fr;gap:32px}.side-split .side-pic img.shot{width:100%;max-width:320px}.side-feats,.feats.four{grid-template-columns:1fr}.stems-split .side-words{order:-1}.bleed-row,.bleed-row.mirror{width:auto;margin-left:0;padding-right:0;padding-left:0;grid-template-columns:1fr;gap:32px}.bleed-row .side-words{order:-1}.bleed-row .bleed-pic img.shot{width:100%;margin-left:0}.panel-grid{grid-template-columns:1fr}.lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 8px}}