:root{--ink:#0b0910;--paper:#eee9df;--acid:#d7ff4f;--violet:#9b6dff;--coral:#ff6f61;--line:rgba(238,233,223,.18);--muted:#aaa4ae;--font:'Manrope','Noto Sans SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(238,233,223,.1)}.brand{display:flex;gap:11px;align-items:center;font-size:15px;letter-spacing:.12em}.brand svg{width:31px;height:31px;fill:none;stroke:var(--acid);stroke-width:2}.brand b{font-weight:400;color:var(--muted)}nav{display:flex;gap:38px;font-size:13px;color:#c5c0c8}nav a{transition:.25s}nav a:hover{color:var(--acid)}.pill{display:inline-flex;gap:45px;align-items:center;justify-content:space-between;background:var(--acid);color:var(--ink);padding:16px 18px 16px 22px;border-radius:100px;font-size:13px;font-weight:700;transition:.25s}.pill:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(215,255,79,.15)}.pill-small{padding:11px 15px 11px 18px;gap:22px}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:130px 5vw 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto 8% -30% auto;width:58vw;height:58vw;background:radial-gradient(circle,rgba(155,109,255,.12),transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.2em;font-weight:700;color:#b9b3be}.eyebrow span{width:27px;height:1px;background:var(--acid)}h1,h2{margin:24px 0;font-weight:500;letter-spacing:-.055em;line-height:.97}h1{font-size:clamp(55px,7vw,112px)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.hero-intro{max-width:570px;color:#b9b3be;line-height:1.9;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.text-button{border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px}.text-button i{width:28px;height:28px;border:1px solid #77717b;border-radius:50%;position:relative}.text-button i:after{content:"";position:absolute;left:11px;top:8px;border-left:7px solid var(--paper);border-top:5px solid transparent;border-bottom:5px solid transparent}.text-button.playing i:after{left:9px;top:8px;border:0;width:8px;height:10px;border-left:3px solid var(--acid);border-right:3px solid var(--acid)}.orbital-stage{position:relative;aspect-ratio:1;max-width:660px;width:100%;margin-left:auto}.orbit{position:absolute;border:1px solid rgba(238,233,223,.14);border-radius:50%;inset:2%;animation:rotate 28s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:7px;height:7px;background:var(--acid);border-radius:50%}.orbit:before{top:11%;left:20%}.orbit:after{bottom:16%;right:16%;background:var(--violet)}.orbit span{position:absolute;font-size:8px;letter-spacing:.18em;color:#716b75}.orbit span:nth-child(1){top:5%;left:50%}.orbit span:nth-child(2){left:-1%;top:52%}.orbit span:nth-child(3){bottom:6%;right:19%}.orbit-two{inset:14%;border-style:dashed;animation-duration:22s;animation-direction:reverse}.record{border:0;cursor:pointer;position:absolute;inset:21%;border-radius:50%;background:repeating-radial-gradient(circle at center,#18151e 0 4px,#0d0b11 5px 8px);box-shadow:0 30px 80px #000, inset 0 0 0 1px #332d39;animation:rotate 10s linear infinite;animation-play-state:paused}.playing .record,.record.playing{animation-play-state:running}.record:after{content:"";position:absolute;inset:47%;background:#08070a;border-radius:50%;box-shadow:0 0 0 3px #beb7aa}.record-label{position:absolute;inset:31%;border-radius:50%;background:var(--violet);color:#0d0b11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.record-label b{font-size:22px;letter-spacing:.05em}.record-label small{font-size:6px;letter-spacing:.12em}.record-label i{font-style:normal;font-size:6px;margin-top:9px}.needle{position:absolute;width:37%;height:7px;background:#c5bfb3;right:3%;top:27%;transform:rotate(-41deg);transform-origin:92% 50%;box-shadow:0 2px 8px #000;transition:.5s}.playing .needle{transform:rotate(-28deg)}.needle:before{content:"";position:absolute;width:46px;height:46px;border-radius:50%;background:#736d75;right:-15px;top:-20px;box-shadow:inset 0 0 0 8px #2a262d}.needle i{position:absolute;left:-5px;top:-5px;width:17px;height:17px;background:var(--acid);clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.now-playing{position:absolute;bottom:8%;left:3%;display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:.16em}.now-playing i{width:6px;height:6px;background:var(--coral);border-radius:50%;box-shadow:0 0 10px var(--coral)}.now-playing b{color:#716b75;font-weight:500}.scroll-cue{position:absolute;left:5vw;bottom:24px;color:#6b6570;font-size:8px;letter-spacing:.2em}.scroll-cue span{margin-left:14px;color:var(--acid)}@keyframes rotate{to{transform:rotate(360deg)}}.statement{display:grid;grid-template-columns:.5fr 1.5fr;gap:7vw;padding:12vw 9vw;background:var(--paper);color:var(--ink);align-items:start}.statement p{font-size:10px;letter-spacing:.18em;line-height:1.7;margin:12px 0}.statement h2{font-size:clamp(43px,6vw,90px);margin:0}.statement h2 span,.works h2 span{color:var(--violet)}.services,.process{padding:10vw 7vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7vw}.section-heading h2{font-size:clamp(44px,6vw,82px);margin:0;width:66%}.service{display:grid;grid-template-columns:70px 1fr 150px 30px;gap:25px;align-items:center;padding:30px 12px;border-top:1px solid var(--line);transition:.3s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:24px;background:rgba(255,255,255,.025)}.service-num{color:#6c6570;font-size:10px}.service h3{font-size:21px;margin:0 0 8px}.service p{color:#8d8791;max-width:540px;margin:0;font-size:12px;line-height:1.8}.service>b{font-size:8px;letter-spacing:.18em;color:#807984}.service>i{font-style:normal;color:var(--acid)}.works{min-height:720px;padding:10vw 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;background:linear-gradient(145deg,#171020,#0b0910 60%);position:relative}.works:after{content:"";position:absolute;width:280px;height:280px;background:var(--violet);filter:blur(150px);opacity:.15;right:15%;top:28%}.works-copy{position:relative;z-index:1}.works h2{font-size:clamp(42px,5vw,72px)}.works-copy>p:last-child{color:#918a95;line-height:1.9;max-width:430px;font-size:13px}.tracks{align-self:center;z-index:1}.track{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);display:grid;grid-template-columns:38px 1fr 100px 45px;gap:18px;align-items:center;padding:28px 4px;text-align:left;cursor:pointer}.track:first-child{border-top:1px solid var(--line)}.track>span,.track em{color:#706a74;font-size:9px;font-style:normal}.track div{display:flex;flex-direction:column;gap:7px}.track b{font-size:18px}.track small{font-size:8px;letter-spacing:.14em;color:#77717c}.bars{height:28px;background:repeating-linear-gradient(90deg,var(--acid) 0 2px,transparent 2px 5px);mask-image:linear-gradient(0deg,transparent 5%,#000 40%,#000 60%,transparent 95%);opacity:.25;transform:scaleY(.5);transition:.3s}.track.active .bars{opacity:1;transform:scaleY(1);animation:pulse .8s ease-in-out infinite alternate}.track.active b{color:var(--acid)}@keyframes pulse{to{transform:scaleY(.55)}}.timeline{list-style:none;padding:0;margin:0 0 0 28%;border-left:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:90px 1fr;padding:0 0 70px 45px;position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1px solid var(--acid)}.timeline li>span{font-size:9px;color:#6e6872}.timeline h3{margin:0 0 12px;font-size:27px}.timeline p{margin:0;max-width:570px;color:#8c8690;font-size:13px;line-height:1.9}.contact{min-height:650px;background:var(--acid);color:var(--ink);display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;padding:7vw;overflow:hidden}.contact .eyebrow{color:#403f2f}.contact .eyebrow span{background:var(--ink)}.contact-disc{width:min(35vw,470px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#15131a 0 4px,#27232d 5px 8px);box-shadow:10px 25px 0 rgba(11,9,16,.12);position:relative;animation:rotate 18s linear infinite}.contact-disc:after{content:"J";position:absolute;inset:34%;border-radius:50%;background:var(--coral);display:grid;place-items:center;font-size:55px;font-weight:700}.contact-disc span{display:none}.contact h2{font-size:clamp(55px,7vw,100px);margin:25px 0}.contact h2 em{-webkit-text-stroke:1px var(--ink)}.contact-copy>p{max-width:470px;font-size:14px;line-height:1.8}.mail-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:22px 0 12px;margin-top:35px;font-size:18px;font-weight:600}.mail-link span{font-size:25px}footer{padding:55px 5vw 35px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.footer-brand{font-size:18px}.footer-brand:before{content:"♪";color:var(--acid);font-size:25px}footer>p{font-size:10px;letter-spacing:.25em;color:#6e6873}footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:35px;font-size:8px;letter-spacing:.14em;color:#716b75}footer>div a:nth-of-type(1){margin-left:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:850px){nav{display:none}.pill-small{display:none}.site-header{padding:20px 6vw}.hero{grid-template-columns:1fr;padding:120px 6vw 60px}.hero-copy{z-index:3}.hero-intro{max-width:90%}.orbital-stage{width:85%;margin:-2vw auto 0;opacity:.9}.scroll-cue{display:none}.statement{grid-template-columns:1fr;padding:18vw 7vw}.statement p{margin-bottom:40px}.section-heading{display:block}.section-heading h2{width:100%;margin-top:25px}.services,.process{padding:18vw 6vw}.service{grid-template-columns:42px 1fr 20px}.service>b{display:none}.works{grid-template-columns:1fr;padding:18vw 6vw;gap:50px}.timeline{margin-left:4%}.contact{grid-template-columns:1fr;padding:16vw 7vw}.contact-disc{position:absolute;width:70vw;right:-35vw;opacity:.14}.contact-copy{z-index:2}footer{grid-template-columns:1fr}footer>p{display:none}}@media (max-width:520px){h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.orbital-stage{width:105%;margin-left:-2.5%}.service{padding:24px 4px}.service p{font-size:11px}.track{grid-template-columns:28px 1fr 65px}.track em{display:none}.timeline{margin-left:0}.timeline li{grid-template-columns:40px 1fr;padding-left:25px}.contact{min-height:580px}.contact h2{font-size:52px}.mail-link{font-size:14px}footer>div{flex-wrap:wrap}footer>div a:nth-of-type(1){margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}