:root{color-scheme:light;--ink:#14171c;--paper:#fcfbfd;--violet:#a993d2;--muted:#75717f;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8771bd;outline-offset:6px}button{border:0}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;padding:12px 20px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{top:16px}.site-header{max-width:1760px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font:2.4rem/1 Georgia,'Times New Roman',serif;letter-spacing:-.07em}.site-header nav{display:flex;gap:38px;align-items:center;font-size:1rem}.text-button{background:none;color:var(--ink);padding:8px 0}.site-header nav a:hover,.text-button:hover{color:#715692}.intro{text-align:center;padding:14px 24px 0;position:relative;z-index:3}.intro h1{font:normal clamp(3.8rem,7.25vw,7.4rem)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.069em;margin:0 auto 27px;max-width:1100px}.intro p{font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.5;margin:0 auto 28px;color:#36353e;max-width:960px}.primary-button{background:#15191f;color:white;font-size:1rem;padding:20px 35px;border-radius:99px;min-height:58px;box-shadow:0 7px 18px #16151e0b;transition:background .2s,transform .2s}.primary-button:hover{background:#34303e;transform:translateY(-2px)}.scroll-story{height:310vh;height:310svh;margin-top:-4px;position:relative;--reveal:0%;--entry-offset:0px;--canvas-scale:.77;--fragment-progress:0;--photo-progress:0;--album-progress:0;--note-progress:0;--wave-progress:0;--secondary-progress:0;--fragment-opacity:1;--scan-opacity:0;--style-opacity:0;--purpose-opacity:0;--style-offset:14px;--purpose-offset:14px;--cue-opacity:1}.scene{height:100vh;height:100svh;position:sticky;top:0;overflow:visible;isolation:isolate}.scene-haze{position:absolute;width:1000px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#dacded1c,transparent 67%);pointer-events:none}.canvas{position:absolute;left:50%;top:calc(50% - var(--entry-offset));width:min(75vw,1120px);aspect-ratio:1.8;transform:translate(-50%,-50%) scale(var(--canvas-scale));transform-origin:center;z-index:3;border-radius:12px;box-shadow:0 25px 65px #20172814;border:1px solid #dbd5e0;will-change:transform;background:#fff}.empty-canvas{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,#fff,#fcfaff)}.artist-card{position:absolute;inset:0;overflow:hidden;border-radius:inherit;clip-path:inset(0 0 calc(100% - var(--reveal)) 0);background:#100e17;color:#fff;container-type:inline-size}.artist-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%}.artist-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080dec 0%,#0b0a1299 33%,#100b1626 65%),linear-gradient(0deg,#09090eee,transparent 55%)}.artist-topline{position:absolute;left:4.3%;right:4.3%;top:5.2%;display:flex;align-items:center;justify-content:space-between;font:normal clamp(.875rem,1.9cqw,1.35rem)/1.2 Georgia,serif}.artist-topline>div{display:flex;gap:26px;font:normal clamp(.75rem,1.3cqw,.95rem)/1.2 Arial,sans-serif;color:#ded8e3}.artist-identity{position:absolute;left:4.3%;top:22%}.artist-identity h2{font:300 12.5cqw/.82 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;margin:0 0 2.1cqw}.artist-identity p{font:normal 2.1cqw/1.3 Georgia,serif;margin:0}.artist-bottom{position:absolute;bottom:5.2%;left:4.3%;right:4.3%;display:flex;align-items:end;justify-content:space-between;gap:20px}.release{display:flex;align-items:center;gap:2.8cqw;width:62%}.release>img{width:13.5cqw;aspect-ratio:1;object-fit:cover;border:1px solid #8f819066}.release-details{flex:1;min-width:0}.release-details h3{font:normal 3cqw/1 Georgia,serif;margin:0 0 1.8cqw}.music-strip{display:flex;align-items:center;gap:1.4cqw}.music-play{display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border-radius:50%;background:#ab9dd6;color:#fff;flex:none}.music-play svg{width:55%}.track{flex:1}.track>span{display:block;height:4px;background:#aaa0c966;border-radius:9px}.track>span:before{content:'';display:block;background:#f3edf6;width:10%;height:4px;border-radius:9px}.track>div{display:flex;justify-content:space-between;margin-top:.6cqw;font-size:1.1cqw;color:#d5d1db}.collaboration{padding:1.5cqw 2.4cqw;background:#ddd3f5;color:#231b35;white-space:nowrap;font-size:1.4cqw;border-radius:99px;margin-bottom:1cqw}.scanner{position:absolute;left:-2%;width:104%;top:var(--reveal);height:2px;background:#fff;box-shadow:0 0 5px #fff,0 0 12px #c5a5ff,0 0 25px #bb8ef9;opacity:var(--scan-opacity);z-index:5;pointer-events:none}.scanner span{position:absolute;left:2%;right:2%;top:-22px;height:44px;background:linear-gradient(0deg,transparent,#cfa9ff45,transparent);filter:blur(3px)}.fragment{position:absolute;left:50%;top:calc(50% - var(--entry-offset));z-index:4;opacity:var(--fragment-opacity);transform:translate(-50%,-50%) translate(calc(var(--x) * (1 - var(--local-progress)) + var(--target-x) * var(--local-progress)),calc(var(--y) * (1 - var(--local-progress)) + var(--target-y) * var(--local-progress))) rotate(calc(var(--rotation) * (1 - var(--local-progress)))) scale(calc(1 - var(--local-progress) * .45));will-change:transform,opacity;pointer-events:none}.photo-fragment{--local-progress:var(--photo-progress);--target-x:22vw;--target-y:-30px;--x:-480px;--y:-145px;--rotation:-13deg;width:232px;height:270px;padding:8px;background:#fff;box-shadow:0 14px 28px #22142b19}.photo-fragment img{width:100%;height:100%;object-fit:cover;object-position:74% 45%;filter:grayscale(1)}.contact-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:-580px;--y:130px;--rotation:12deg;width:114px;padding:9px;background:#161518;display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 20px #22142b19}.contact-fragment img{aspect-ratio:1;object-fit:cover;object-position:73% 35%;filter:grayscale(1)}.contact-fragment img:nth-child(2){object-position:80% 60%}.contact-fragment img:nth-child(3){object-position:60% 80%;filter:grayscale(1) brightness(.72)}.note-fragment{--local-progress:var(--note-progress);--target-x:-23vw;--target-y:30px;--x:-330px;--y:180px;--rotation:7deg;width:245px;filter:drop-shadow(0 12px 10px #22142b12)}.album-fragment{--local-progress:var(--album-progress);--target-x:-25vw;--target-y:130px;--x:485px;--y:-145px;--rotation:13deg;width:257px;padding:0;box-shadow:0 16px 35px #22142b1c}.album-fragment img{width:100%;aspect-ratio:1;object-fit:cover}.waveform-fragment{--local-progress:var(--wave-progress);--target-x:-6vw;--target-y:150px;--x:475px;--y:108px;--rotation:9deg;display:flex;align-items:center;gap:20px;width:330px;padding:18px 20px;background:#f9f6ff;border:1px solid #e2dbe9;border-radius:14px;box-shadow:0 8px 28px #20132b12}.play-mark{width:34px;flex:none}.waveform{height:40px;display:flex;align-items:center;gap:2px;flex:1;overflow:hidden}.waveform i{display:block;width:2px;min-width:2px;background:#aa97ca;border-radius:4px;height:var(--bar-height)}.second-photo-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:475px;--y:265px;--rotation:-9deg;width:186px;height:188px;padding:7px;background:#fff;box-shadow:0 12px 24px #22142b19}.second-photo-fragment img{width:100%;height:100%;object-fit:cover;object-position:74% 30%;filter:grayscale(1)}.choice{position:absolute;top:50%;z-index:6;display:flex;align-items:center;gap:12px;padding:17px 22px;border:1px solid #d4c5f2;background:#fbf9ffed;box-shadow:0 0 23px #b696ec36;border-radius:99px;color:#3b285a;font-size:.95rem;white-space:nowrap;pointer-events:none}.choice svg{width:23px;height:23px;fill:none;stroke:#9278b7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.style-choice{left:max(16px,calc(50% - 670px));margin-top:-35px;opacity:var(--style-opacity);transform:translateY(var(--style-offset))}.purpose-choice{right:max(16px,calc(50% - 675px));margin-top:55px;opacity:var(--purpose-opacity);transform:translateY(var(--purpose-offset))}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:.875rem;color:#7d7685;opacity:var(--cue-opacity)}.scroll-cue>span{width:1px;height:24px;background:linear-gradient(#aa92c5,transparent)}.example-label{position:absolute;bottom:31px;right:4%;font-size:.75rem;color:#87808d;margin:0}.finish{padding:90px 24px 110px;text-align:center;border-top:1px solid #eee8f1;max-width:1300px;margin:auto}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#80728f;margin:0 0 20px}.finish h2{font:normal clamp(3rem,6vw,5.2rem)/1 Georgia,serif;letter-spacing:-.05em;margin:0 0 32px}.finish-actions{display:flex;justify-content:center;align-items:center;gap:28px}.replay-button{background:none;padding:12px 0;color:#70617e;font-size:.95rem;border-bottom:1px solid #b2a3c3}.replay-button:hover{color:#2f213d}footer{padding:30px 5%;border-top:1px solid #eee8f1;display:flex;justify-content:space-between;align-items:center}footer>.wordmark{font-size:2rem}footer>span{font-size:.875rem;color:#857a90}dialog{border:1px solid #e9e0f0;background:#fcfbfd;color:var(--ink);width:min(1200px,94vw);max-height:93vh;padding:30px;border-radius:20px;box-shadow:0 40px 120px #08000d40;overflow:auto}dialog::backdrop{background:#19121ed9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-heading .eyebrow{font-size:.75rem;margin-bottom:8px}.dialog-heading h2{font:normal 2.2rem/1 Georgia,serif;letter-spacing:-.04em;margin:0}.close-button{background:#f0eaf5;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.close-button svg{width:22px;fill:none;stroke:#53465f;stroke-width:1.6}.dialog-card-mount{position:relative;width:100%;aspect-ratio:1.8;border-radius:12px;overflow:hidden}.dialog-card-mount .artist-card{clip-path:none}.dialog-caption{display:flex;justify-content:space-between;padding-top:20px;font-size:.875rem;color:#776781}body.modal-open{overflow:hidden}
@media(min-width:1700px){.intro{padding-top:28px}.intro h1{font-size:8rem}.intro p{font-size:1.4rem}.photo-fragment{--local-progress:var(--photo-progress);--target-x:22vw;--target-y:-30px;--x:-610px;--y:-170px;width:280px;height:320px}.album-fragment{--local-progress:var(--album-progress);--target-x:-25vw;--target-y:130px;--x:610px;--y:-160px;width:290px}.waveform-fragment{--local-progress:var(--wave-progress);--target-x:-6vw;--target-y:150px;--x:605px;--y:135px}.note-fragment{--local-progress:var(--note-progress);--target-x:-23vw;--target-y:30px;--x:-440px;--y:190px;width:270px}.contact-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:-700px;--y:145px}.second-photo-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:590px;--y:330px}.style-choice{left:calc(50% - 745px)}.purpose-choice{right:calc(50% - 750px)}}
@media(max-width:1200px){.canvas{width:80vw}.photo-fragment{--local-progress:var(--photo-progress);--target-x:22vw;--target-y:-30px;--x:-370px;width:200px;height:238px}.album-fragment{--local-progress:var(--album-progress);--target-x:-25vw;--target-y:130px;--x:365px;width:210px}.contact-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:-440px;width:95px}.note-fragment{--local-progress:var(--note-progress);--target-x:-23vw;--target-y:30px;--x:-290px;width:200px}.waveform-fragment{--local-progress:var(--wave-progress);--target-x:-6vw;--target-y:150px;--x:350px;width:260px}.second-photo-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:370px;width:155px;height:155px}.choice{padding:13px 17px;font-size:.875rem}.style-choice{margin-top:-100px}.purpose-choice{margin-top:80px}}
@media(min-width:701px) and (max-width:1280px){.canvas{width:74vw}.style-choice{left:8%;top:calc(50% - 20.56vw - 68px);margin-top:0}.purpose-choice{right:8%;top:calc(50% + 20.56vw + 18px);margin-top:0}}
@media(max-width:700px){.site-header{padding:23px 6%}.wordmark{font-size:2rem}.site-header nav{gap:18px;font-size:.875rem}.intro{padding-top:32px}.intro h1{font-size:clamp(3.15rem,10.6vw,4.8rem);letter-spacing:-.066em}.intro p{font-size:1rem;max-width:370px;line-height:1.6}.desktop-break{display:none}.primary-button{padding:18px 27px;font-size:.95rem}.scroll-story{height:255svh;margin-top:5px}.canvas{width:90vw;aspect-ratio:1.5;border-radius:9px}.photo-fragment{--local-progress:var(--photo-progress);--target-x:22vw;--target-y:-30px;--x:-125px;--y:-140px;width:125px;height:153px}.album-fragment{--local-progress:var(--album-progress);--target-x:-25vw;--target-y:130px;--x:120px;--y:-122px;width:133px}.contact-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:-160px;--y:105px;width:66px;gap:5px;padding:6px}.note-fragment{--local-progress:var(--note-progress);--target-x:-23vw;--target-y:30px;--x:-65px;--y:165px;width:150px}.waveform-fragment{--local-progress:var(--wave-progress);--target-x:-6vw;--target-y:150px;--x:105px;--y:125px;width:175px;padding:12px;gap:10px}.waveform-fragment .play-mark{width:25px}.waveform{height:30px}.second-photo-fragment{--local-progress:var(--secondary-progress);--target-x:21vw;--target-y:-40px;--x:140px;--y:220px;width:105px;height:115px}.artist-topline{font-size:3.2cqw}.artist-topline>div{font-size:2.3cqw;gap:10px}.artist-identity{top:23%}.artist-identity h2{font-size:14.5cqw}.artist-identity p{font-size:3.2cqw}.artist-bottom{gap:10px;align-items:end}.release{gap:2cqw;width:62%}.release>img{width:16cqw}.release-details h3{font-size:4cqw}.music-play{width:5cqw;height:5cqw}.track>div{font-size:2cqw}.track>span,.track>span:before{height:2px}.collaboration{font-size:2.2cqw;padding:2cqw 2.5cqw;white-space:normal;max-width:32%;text-align:center}.choice{padding:12px 14px;font-size:.875rem;gap:8px}.choice svg{width:19px;height:19px}.style-choice{left:6%;margin-top:-180px}.purpose-choice{right:5%;margin-top:150px}.scroll-cue{font-size:.8rem;bottom:57px}.example-label{left:0;right:0;text-align:center;bottom:25px}.finish{padding:70px 24px 80px}.finish-actions{flex-direction:column;gap:22px}footer{padding:26px 6%;gap:18px}footer>span{max-width:130px;font-size:.8rem;line-height:1.5}dialog{padding:20px;border-radius:14px;width:95vw}.dialog-card-mount{aspect-ratio:1.5}.dialog-caption{font-size:.75rem;gap:10px}.dialog-heading h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:100svh;--entry-offset:0px!important;--canvas-scale:1!important;--reveal:100%!important;--fragment-opacity:0!important;--scan-opacity:0!important;--style-opacity:1!important;--purpose-opacity:1!important;--style-offset:0px!important;--purpose-offset:0px!important;--cue-opacity:0!important}.scene{position:relative}.primary-button{transition:none}}