@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{color-scheme:dark;--gold:#ddb66c;--muted:#b5b0a8;--black:#080908}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--black);color:#f6f1e8;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,video{ -webkit-tap-highlight-color:transparent}a:focus-visible,video:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:88px;background:#080908;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #d6ac5726;position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;align-items:center;color:var(--gold);width:91px;line-height:1}.brand span{font:36px Georgia,serif;letter-spacing:-2px}.brand small{font:10px Georgia,serif;letter-spacing:3px;margin-top:1px}nav{display:flex;gap:38px;height:100%;align-items:center}nav a{font-size:12px;letter-spacing:2px;height:100%;display:flex;align-items:center;position:relative;color:#c8c6c1}nav a:after{content:'';position:absolute;bottom:22px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s}nav a:hover,nav a.active{color:var(--gold)}nav a.active:after,nav a:hover:after{transform:scaleX(1)}.header-listen{font-size:12px;letter-spacing:1.6px;border:1px solid #aa854b;padding:13px 19px;color:var(--gold)}.header-listen span{margin-left:18px}.hero{position:relative;min-height:760px;height:calc(100svh - 88px);max-height:1100px;overflow:hidden;display:flex;align-items:center}.portrait{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;object-position:center 39%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#080908 0%,#080908f5 17%,#080908ba 34%,#08090812 66%),linear-gradient(0deg,#080908 0%,transparent 27%)}.hero-copy{position:relative;z-index:1;width:560px;margin-left:7%;padding:45px 0 105px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:500;color:var(--gold);line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:15px}.eyebrow span{width:28px;height:1px;background:var(--gold)}h1{font:clamp(56px,5.7vw,88px)/1.06 'Italiana',Georgia,serif;letter-spacing:-1px;margin:30px 0 24px}em{font-style:normal;color:var(--gold)}.intro{font-size:17px;margin:0 0 17px;color:#e8e3da}.bio{font-size:15px;line-height:1.9;max-width:385px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.button{display:inline-flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1.5px;padding:18px 23px;font-weight:700;transition:background .2s,transform .2s}.gold{background:var(--gold);color:#100e09}.gold:hover{background:#f3d69c;transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid #9b805240;padding-bottom:7px}.text-link span{color:var(--gold);padding-left:10px}.creed{font-size:10px;letter-spacing:1.7px;color:#bbb1a1;margin-top:42px}.creed b{color:var(--gold);padding:0 6px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #b9965738;height:68px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2.3px;color:#a79f92}.hero-bottom>a{color:var(--gold)}.hero-bottom>a span{margin-left:16px}.music-section,.visual-section{padding:98px 7% 0;max-width:1700px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px;gap:25px}.section-heading .eyebrow{margin:0 0 13px}h2{font:clamp(40px,4vw,62px)/1.1 'Italiana',Georgia,serif;margin:0}.section-heading>p{font-size:14px;color:var(--muted)}.music-art{position:relative;overflow:hidden;border:1px solid #bb965333}.music-art img{display:block;width:100%}.art-listen{position:absolute;left:4.25%;top:45%;width:16%;height:5.5%;border:1px solid transparent}.art-listen:hover{box-shadow:0 0 25px #e9b24188;background:#e9b24124}.platform-strip{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #b9965738;gap:24px;scroll-margin-top:90px}.platform-strip p{margin:6px 0;font-size:15px;color:var(--muted)}.platforms{display:flex;gap:28px}.platform-link{display:flex;align-items:center;flex-direction:column;gap:10px;color:var(--gold);transition:color .2s,transform .2s;padding:10px 5px}.platform-link:hover{color:#ffe8b2;transform:translateY(-4px)}.platform-link svg{width:26px;height:26px;fill:currentColor}.platform-link span{font-size:12px;color:#c4bbaa}.video-frame{border:1px solid #b9965738;background:#000}.video-frame video{width:100%;display:block;max-height:800px}.connect-section{text-align:center;padding:110px 24px 90px}.connect-section h2{line-height:1.2}.socials{justify-content:center;margin-top:30px}.demo-note{font-size:12px;color:#918a7d;margin-top:25px}footer{margin:0 5%;border-top:1px solid #b9965738;padding:30px 0;display:flex;align-items:center;justify-content:space-between}footer p,footer>span{font-size:10px;letter-spacing:2px;color:#9f9688}@media(min-width:1700px){.hero-copy{margin-left:max(7%,calc((100vw - 1460px)/2))}}@media(max-width:900px){nav{gap:20px}.hero{min-height:720px}.hero-copy{margin-left:5%;width:500px}.portrait{width:90%;object-position:62% center}.shade{background:linear-gradient(90deg,#080908ef 0%,#080908ac 43%,#08090811 100%),linear-gradient(0deg,#080908,transparent 40%)}.edition{display:none}.platform-strip{flex-direction:column;align-items:start}.platforms{width:100%;justify-content:space-between}}@media(max-width:600px){header{height:75px;padding:0 5%}.brand{width:70px}.brand span{font-size:29px}.brand small{font-size:8px}nav{gap:15px}nav a{font-size:10px;letter-spacing:1px}nav a:after{bottom:17px}.header-listen{display:none}.hero{height:auto;min-height:930px;align-items:flex-end}.portrait{width:100%;height:530px;object-position:center 33%}.shade{background:linear-gradient(0deg,#080908 38%,#080908e8 49%,transparent 78%)}.hero-copy{padding:380px 0 112px;margin:0 6%;width:88%}.hero .eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:62px;margin:23px 0}.intro{font-size:16px}.bio{font-size:16px}.hero-actions{gap:18px;flex-wrap:wrap}.creed{font-size:9px;letter-spacing:1px;line-height:2}.hero-bottom{font-size:8px;letter-spacing:1px}.music-section,.visual-section{padding:65px 5% 0}.section-heading{display:block}.section-heading>p,.section-heading>span{display:block;margin-top:15px}.platforms{gap:8px;flex-wrap:wrap;justify-content:center}.platform-link{min-width:65px}.platform-link span{font-size:11px}.connect-section{padding:75px 20px}.socials{gap:15px}footer p{display:none}footer>span{font-size:9px}.music-art{margin:0 -2%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.art-platform{position:absolute;top:90.5%;width:4.2%;height:6%;transform:translateX(-50%);border-radius:6px;transition:background .2s,box-shadow .2s}.art-platform:hover{background:#f8d68330;box-shadow:0 0 20px #e8b85160}.bio{font-size:16px}

.bio-source{display:inline-block;color:var(--gold);font-size:13px;border-bottom:1px solid #aa854b70;padding-bottom:5px}.bio-source span{margin-left:9px}.bio-source-credit{font-size:12px;color:var(--muted);margin:9px 0 0}.hero{min-height:940px}.hero-copy{padding-top:40px}.bio{line-height:1.75;max-width:415px}.hero-copy h1{margin-top:22px}.hero-copy .creed{margin-top:26px}@media(max-width:600px){.hero{min-height:1120px}.hero-copy{padding-top:380px}}
/* Immersive opening, playable studio, and compact jukebox. */
button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}.opening{position:relative;min-height:740px;height:100svh;background:#070705;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px 5% 25px}.opening-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.opening-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#000 1%,#000b 26%,#0001 64%)}.opening-top,.opening-title,.opening-menu,.opening-foot{position:relative;z-index:1}.opening-top{display:flex;align-items:center;justify-content:space-between}.quiet-button{border:1px solid #b995554d;background:#10100ddb;border-radius:3px;padding:12px 16px;font-size:13px;color:var(--gold)}.quiet-button:hover{border-color:var(--gold);background:#282016}.opening-title{margin:45px 0 30px 2%}.opening-title h1{font-size:clamp(68px,8vw,126px);margin:16px 0}.opening-title>p:last-child{font-size:16px;color:#d7cdbb}.opening-menu{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5b57577;border-bottom:1px solid #d5b57544;margin-top:auto}.opening-menu>a,.opening-menu>button{background:#05050488;border:0;border-right:1px solid #d5b57533;text-align:left;padding:24px 22px;transition:background .25s,transform .25s;color:#f5e9d2}.opening-menu>:last-child{border-right:0}.opening-menu>:hover{background:#9a722832;transform:translateY(-4px)}.opening-menu small{font-size:11px;letter-spacing:2px;color:var(--gold)}.opening-menu span{display:flex;justify-content:space-between;gap:16px;font-size:18px;margin-top:16px}.opening-menu b{font-weight:400;color:var(--gold)}.opening-foot{font-size:10px;letter-spacing:3px;text-align:center;margin:24px 0 0;color:#bcad94}.header-listen{background:none}.art-pads{position:absolute;left:34.4%;top:69.5%;width:18.2%;height:6.9%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3%;transform:skewX(-27deg) rotate(1deg)}.art-pad{padding:0;border:1px solid #ffe0a489;background:#eec06b18;box-shadow:inset 0 0 5px #ffe8a829;touch-action:manipulation}.art-pad:hover,.art-pad.hit{background:#fff0aa9c;box-shadow:0 0 25px #ffd56c}.mpc-console{border:1px solid #bb965333;border-top:0;display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:32px;padding:32px;background:linear-gradient(135deg,#151512,#090a09)}.mpc-display h3{font:28px 'Italiana',Georgia,serif;color:#f1d69b;margin:10px 0 15px}.mpc-display p:not(.eyebrow){font-size:14px;color:#c1bbae;line-height:1.6}.mpc-display>span{font-size:12px;color:#918a7d}.touch-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.drum-pad{min-height:70px;background:#1d1c18;border:1px solid #9b804349;border-bottom:3px solid #655431;border-radius:5px;display:flex;align-items:start;justify-content:space-between;padding:12px;color:#e6c17d;touch-action:manipulation;transition:background .1s,box-shadow .1s}.drum-pad span{font-size:12px}.drum-pad kbd{font:10px monospace;color:#a59a85}.drum-pad:hover{background:#3a3020}.drum-pad.hit{background:#e1b969;color:#100f0c;box-shadow:0 0 22px #d6a94444;transform:translateY(2px)}.mpc-tools{display:flex;flex-direction:column;gap:13px;justify-content:center}.mpc-tools label{font-size:12px;color:#b4ab9b}.mpc-tools input{width:100%;accent-color:var(--gold)}.jukebox-launcher{position:fixed;z-index:30;right:25px;bottom:22px;display:flex;align-items:center;gap:14px;border:1px solid #b58c43;background:#11120ff5;box-shadow:0 5px 35px #0009;border-radius:40px;padding:15px 20px;font-size:12px;letter-spacing:1px}.jukebox-launcher>span{color:var(--gold);font-size:22px}.jukebox-launcher>b{font-size:10px;color:var(--gold);border-left:1px solid #b58c4355;padding-left:14px}.jukebox-launcher:hover{background:#262113}.jukebox-panel{position:fixed;z-index:31;right:25px;bottom:94px;width:370px;max-width:calc(100vw - 30px);background:#11120f;border:1px solid #b58c4366;border-radius:12px;padding:18px;box-shadow:0 20px 90px #000b}.jukebox-panel[hidden]{display:none}.jukebox-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px;gap:15px}.jukebox-heading .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 8px}.jukebox-heading h3{font:23px 'Italiana',Georgia,serif;margin:0}.jukebox-heading button{font-size:22px;line-height:1;padding:5px 11px}.jukebox-panel iframe{display:block;border:0;border-radius:12px;width:100%;height:352px}.jukebox-note{font-size:12px;line-height:1.7;color:#a49c8e;margin:12px 2px 0}.jukebox-note a{color:var(--gold);display:block}footer{padding-bottom:95px}@media(max-width:900px){.opening-menu{grid-template-columns:repeat(2,1fr)}.opening-menu>:nth-child(-n+2){border-bottom:1px solid #d5b57533}.mpc-console{grid-template-columns:1fr 1.2fr;padding:25px;gap:22px}.mpc-tools{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.mpc-tools input{width:100px}}@media(max-width:600px){.opening{padding:22px 5%;min-height:760px}.opening-film{object-position:60% center}.opening-title{margin:30px 0}.opening-title h1{font-size:74px}.opening-menu>a,.opening-menu>button{padding:19px 12px}.opening-menu span{font-size:15px;margin-top:12px}.opening-menu small{font-size:9px;letter-spacing:1px}.opening-foot{font-size:9px;line-height:1.8;letter-spacing:1.5px}.mpc-console{grid-template-columns:1fr;padding:22px 15px}.mpc-display .eyebrow{margin-top:0}.drum-pad{min-height:74px}.jukebox-launcher{right:15px;bottom:15px}.jukebox-panel{right:15px;bottom:85px;max-height:calc(100svh - 105px);overflow:auto}.art-pads{display:none}.hero{max-height:none}.mpc-tools{gap:12px}.opening .brand{width:80px}}@media(prefers-reduced-motion:reduce){.opening-menu>:hover{transform:none}}
.opening-scrim{background:linear-gradient(90deg,#000d 0%,#0009 30%,transparent 72%),linear-gradient(0deg,#000 1%,#000b 26%,#0001 64%)}@media(max-width:600px){.opening{padding-bottom:90px;min-height:820px}}
/* Quiet studio: the interactive objects are the focal point. */
.opening{padding:0;height:auto;min-height:0;display:block;background:#070909;overflow:hidden}.scene{position:relative;width:100%;aspect-ratio:3/2;max-width:1600px;margin:0 auto}.studio-scene{display:block;width:100%;height:100%;object-fit:contain}.opening-top{position:absolute;left:5%;right:5%;top:26px;z-index:5}.opening-title{position:absolute;left:0;right:0;top:14%;text-align:center;margin:0;pointer-events:none}.opening-title h1{font:clamp(34px,4vw,60px)/1.1 'Italiana',Georgia,serif;margin:14px 0}.opening-title>p:last-child,.opening-title p{font-size:14px;color:#b9b5ac}.opening-title .eyebrow{font-size:11px;color:var(--gold);letter-spacing:3px}.opening-menu{margin:0;border:0;display:flex;justify-content:center;gap:45px;position:relative;background:#080908;padding:24px 20px 30px}.opening-menu>a,.opening-menu>button{font-size:14px;padding:8px 0;border:0!important;background:none;color:#d2c6af}.opening-menu>:hover{color:#ffe1a4;background:none;transform:none}.opening .quiet-button{background:#08090888;border:0;font-size:12px}.speaker-control{position:absolute;z-index:3;width:13%;height:25%;top:58%;padding:0;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.speaker-left{left:12.5%}.speaker-right{right:12.5%}.speaker-ring{position:absolute;width:68%;aspect-ratio:1;border:1px solid #e1b86655;border-radius:50%;top:41%;transition:box-shadow .15s,transform .15s}.speaker-control:hover .speaker-ring,.speaker-control:focus-visible .speaker-ring{box-shadow:0 0 25px #d8ad684d}.speaker-control.pulse .speaker-ring{transform:scale(1.14);box-shadow:0 0 30px #e5b75488;border-color:#e3bb75}.speaker-label{position:absolute;bottom:-10%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0b0d0cea;border:1px solid #b49a6044;padding:9px 12px;border-radius:20px;font-size:10px;letter-spacing:1.2px;color:var(--gold)}#scene-pads{position:absolute;left:39%;top:77%;width:22%;height:10%;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6%;transform:perspective(400px) rotateX(20deg)}#scene-pads .art-pad{border-radius:3px;background:#d6b67519;border-color:#d6b67555}#note-field{position:absolute;inset:5% 0 45%;overflow:hidden;z-index:4;pointer-events:none}.falling-note{pointer-events:auto;position:absolute;left:var(--lane);top:0;width:48px;height:56px;background:none;border:0;color:#deb976b0;font:38px Georgia,serif;text-shadow:0 0 16px #c9933b33;animation:note-fall var(--duration) linear infinite;animation-delay:var(--delay);transition:color .2s,text-shadow .2s;touch-action:manipulation}.falling-note:hover,.falling-note:focus-visible{animation-play-state:paused;color:#fff0c9;text-shadow:0 0 24px #ffc652}.falling-note.played{color:white;text-shadow:0 0 35px #ffbf36}.paused .falling-note{animation-play-state:paused}@keyframes note-fall{from{transform:translateY(-70px) rotate(-9deg)}to{transform:translateY(450px) rotate(12deg)}}.hero{min-height:720px;height:auto;max-height:none}.hero-copy{padding:65px 0 95px}.bio-title{font-size:56px;margin:18px 0 24px}.hero .creed,.hero-bottom .edition{display:none}.music-art{display:none}.mpc-console{border-top:1px solid #bb965333;background:#0d0f0e}.section-heading h2{font-size:44px}.music-section,.visual-section{padding-top:65px}.section-heading .eyebrow,.connect-section>.eyebrow{display:none}.connect-section{padding-top:70px;padding-bottom:65px}.connect-section h2{font-size:42px}.jukebox-launcher{padding:10px 16px;font-size:11px}.jukebox-launcher b{display:none}.platform-strip{padding-bottom:18px}.opening-title #scene-status{font-size:12px;color:#c6ad7c;margin-top:17px}.visual-section{max-width:1100px}.video-frame{opacity:.8}header{height:74px}.hero .intro{font-size:16px}.hero-copy .bio{line-height:1.8}.opening-menu>a:focus-visible,.opening-menu>button:focus-visible{outline:1px solid var(--gold)}@media(min-width:1500px){.scene{max-width:1450px}.opening-title{top:16%}}@media(max-width:600px){.scene{width:150%;max-width:none;margin-left:-25%;aspect-ratio:3/2}.opening{padding:0;min-height:0;padding-top:80px}.opening-top{top:20px}.opening-title{top:90px}.opening-title h1{font-size:36px}.opening-title p{font-size:12px;max-width:250px;margin:10px auto}.opening-title .eyebrow{font-size:10px}.opening-menu{gap:25px;flex-wrap:wrap;padding:24px 10px 35px}.opening-menu>a,.opening-menu>button{font-size:13px}.speaker-label{font-size:8px;padding:7px 8px;letter-spacing:.5px}.speaker-left{left:20%}.speaker-right{right:20%}.speaker-control{top:59%;width:12%;height:24%}#scene-pads{top:77%}.hero{min-height:1050px}.hero-copy{padding-top:375px}.hero .portrait{height:480px}#note-field{inset:0 18% 45%}.falling-note{width:44px;font-size:30px;--duration:15s!important}.bio-title{font-size:44px}.opening-title #scene-status{margin-top:10px}.jukebox-launcher{bottom:12px}.hero .hero-bottom{font-size:8px}@keyframes note-fall{from{transform:translateY(-55px)}to{transform:translateY(230px)}}}@media(prefers-reduced-motion:reduce){.falling-note{animation:none;top:calc(15% + var(--offset,0%));transform:none}.speaker-control.pulse .speaker-ring{transform:none}.speaker-ring{transition:none}}
.speaker-left{left:4.4%}.speaker-right{right:4.4%}.speaker-control{width:16.9%;top:48%;height:29%}.speaker-ring{width:70%;top:38%}.speaker-label{bottom:-14%}#scene-pads{left:34.2%;top:72.4%;width:16.7%;height:5.5%;gap:9% 5%;transform:skewX(-12deg)}@media(max-width:600px){.scene{width:120%;margin-left:-10%}.opening-title{top:93px}.opening-title h1{font-size:29px;margin:8px 0}.opening-title>p:not(.eyebrow):not(#scene-status){display:none}.opening-title #scene-status{font-size:10px;margin-top:8px}.speaker-left{left:4.4%}.speaker-right{right:4.4%}.speaker-control{width:16.9%;top:48%;height:29%}.speaker-ring{top:38%}.speaker-label{font-size:8px;padding:6px}#scene-pads{top:72.4%}#note-field{inset:0 10% 45%}}
.opening-title{top:9%}.falling-note:focus-visible{outline-offset:-3px}@media(max-width:600px){.opening-title{top:88px}.opening-title h1{font-size:27px}.opening-title #scene-status{margin-top:5px}}