:root{--bg:#071F26;--white:#E7F2EF;--mint:#00C6A7;--orange:#FF4D25;--line:#28606A;--secondary:#A0C4C4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:#04161B;color:var(--white);font-family:'Space Grotesk',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px} .site{max-width:1500px;margin:auto;background:var(--bg);min-height:100vh;padding-bottom:70px}.mono{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.09em;font-weight:500}.green{color:var(--mint)}.orange{color:var(--orange)}.dim{color:var(--secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 4%;border-bottom:2px solid var(--mint)}.brand{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(19px,2.2vw,29px);letter-spacing:-.07em;white-space:nowrap}.brand .slash{color:var(--orange)}.brand .reg{color:var(--mint);font-size:.48em;vertical-align:top;padding-left:2px}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,28px)}.nav a{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.05em;transition:color .18s}.nav a:hover,.nav a.active{color:var(--mint)}.nav .nav-cta{border:1px solid var(--mint);padding:10px 12px}.hero{padding:40px 4% 38px;overflow:hidden;position:relative}.noise{background-image:repeating-linear-gradient(92deg,transparent 0px,transparent 4px,rgba(231,242,239,.022) 5px,transparent 6px),radial-gradient(ellipse at 80% 25%,rgba(255,77,37,.14),transparent 36%)}.topline,.section-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.hero-art{position:relative;isolation:isolate}.display{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(70px,13.2vw,214px);letter-spacing:-.095em;line-height:.82;margin:55px 0 45px;position:relative;z-index:2}.display span{display:block;white-space:nowrap}.display .fragment{color:var(--mint);position:relative;width:max-content;max-width:100%}.fragment:after{content:attr(data-text);position:absolute;inset:0;color:var(--orange);clip-path:polygon(0 48%,100% 48%,100% 56%,0 56%);transform:translate(9px,3px);pointer-events:none}.display .outline-text{font-size:.65em;letter-spacing:-.09em;-webkit-text-stroke:1.5px var(--white);color:transparent;margin-top:.13em}.orb{height:270px;width:270px;border:35px solid var(--orange);border-radius:50%;position:absolute;right:-6%;top:8%;transform:rotate(-18deg);opacity:.94;z-index:1}.orb div{height:110%;width:3px;position:absolute;left:50%;top:-5%;background:var(--bg);transform:rotate(35deg)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px}.hero-bottom p{font-size:clamp(16px,2vw,23px);max-width:460px;line-height:1.35;margin:0}.solid-btn{background:var(--mint);color:var(--bg);padding:16px 22px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;display:inline-flex;gap:45px;white-space:nowrap}.solid-btn:hover{background:var(--orange)}.ticker{background:var(--orange);color:var(--bg);padding:13px 4%;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:12px;letter-spacing:.06em;white-space:nowrap;overflow:hidden}.section{padding:60px 4% 75px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin:27px 0 35px}.section-heading h2,.about-section h2{font-family:'Syne',sans-serif;font-size:clamp(44px,7vw,96px);letter-spacing:-.07em;line-height:.92;margin:0;font-weight:800}.section-heading h2 em{font-style:normal;color:var(--mint)}.section-heading p{max-width:320px;color:var(--secondary);line-height:1.55;font-size:14px;margin:0}.tools{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 25px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:11px 15px;border:1px solid var(--line);color:var(--white);background:transparent;font:600 11px 'IBM Plex Mono',monospace}.filter.active,.filter:hover{background:var(--mint);color:var(--bg);border-color:var(--mint)}.search-wrap{flex:1;max-width:320px;min-width:210px}.search-wrap input{background:#10343C;border:1px solid var(--line);padding:12px 14px;width:100%;color:var(--white);font:11px 'IBM Plex Mono',monospace}.search-wrap input::placeholder{color:var(--secondary)}.track{display:grid;grid-template-columns:44px minmax(0,1fr) 105px 62px;align-items:center;gap:15px;border-top:1px solid var(--line);padding:17px 0}.track:last-child{border-bottom:1px solid var(--line)}.track-play{height:42px;width:42px;background:transparent;border:1px solid var(--mint);color:var(--mint)}.track-play:hover,.track-play.playing{background:var(--mint);color:var(--bg)}.track-play:disabled{opacity:.8}.track strong{font-size:16px;letter-spacing:.02em}.track small{display:block;color:var(--secondary);font-size:11px;margin-top:5px}.track .data{font:11px 'IBM Plex Mono',monospace;color:var(--secondary);text-align:right}.track .noaudio{font-size:10px;color:var(--orange);margin-top:4px}.empty{padding:30px 0;color:var(--secondary)}.sync-banner{margin-top:36px;background:#10343C;border-left:5px solid var(--orange);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.sync-banner p{margin:9px 0 0;font-size:15px}.sync-banner>a{font:600 12px 'IBM Plex Mono',monospace;color:var(--mint)}.work-section{background:#08242D}.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.project-image{height:clamp(260px,34vw,460px);position:relative;overflow:hidden}.project-a{background:var(--orange);color:var(--bg)}.project-b{background:var(--mint);color:var(--bg)}.stamp{font:700 12px 'IBM Plex Mono',monospace;position:absolute;top:22px;left:22px}.project-graphic{position:absolute;bottom:15%;left:-2%;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(85px,15vw,220px);letter-spacing:-.13em;transform:rotate(-9deg)}.project-graphic span{font-size:.4em;vertical-align:top}.project-symbol{font-size:clamp(230px,35vw,500px);line-height:1;text-align:center;transform:rotate(11deg)}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 0}.project-meta h3{font-size:17px;margin:0}.project-meta span{font:10px 'IBM Plex Mono',monospace;color:var(--secondary)}.about-section{padding-bottom:100px}.about-section h2{margin:38px 0 35px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}.statement{border-left:5px solid var(--mint);padding-left:24px;font-size:clamp(24px,3vw,38px);line-height:1.25;margin:0}.about-grid>div p{font-size:16px;line-height:1.7;color:var(--secondary);margin:0 0 24px}.text-link{font:600 13px 'IBM Plex Mono',monospace;color:var(--mint)}.footer{padding:27px 4%;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font:10px 'IBM Plex Mono',monospace;color:var(--secondary)}.footer a{color:var(--mint)}
.player{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#04161B;border-top:2px solid var(--mint);color:var(--white);padding:11px max(4%,calc((100vw - 1380px)/2));display:flex;gap:15px;align-items:center;box-shadow:0 -6px 30px #0004}.player-toggle{height:40px;width:40px;background:var(--mint);color:var(--bg);border:0;font-weight:700;flex-shrink:0}.player-info{display:flex;flex-direction:column;gap:4px;min-width:200px;flex:1}.player-info strong{font-size:12px}.player-info span{font:9px 'IBM Plex Mono',monospace;color:var(--secondary)}.player-progress{display:flex;gap:10px;align-items:center;flex:1.3}.player-progress span{font:10px 'IBM Plex Mono',monospace;color:var(--secondary)}.player-progress input{width:100%;accent-color:var(--mint)}.volume-btn{border:0;background:none;color:var(--mint);font-size:18px}@media(max-width:850px){.header{align-items:flex-start;flex-direction:column}.hero-art .display{margin-top:70px}.orb{right:-25%;height:210px;width:210px}.projects{grid-template-columns:1fr 1fr}.about-grid{gap:30px}.player-info{min-width:120px}}@media(max-width:600px){.header{padding:16px 5%}.nav{width:100%;gap:14px}.nav a{font-size:10px}.nav .nav-cta{padding:7px}.hero{padding:30px 5%}.topline .mono:last-child,.section-top .mono:last-child{display:none}.display{font-size:clamp(53px,14.5vw,95px);margin:65px 0 45px}.display .outline-text{font-size:.65em}.orb{height:160px;width:160px;border-width:22px;top:2%;right:-19%}.hero-bottom p{max-width:100%}.section{padding:44px 5% 60px}.section-heading{margin:22px 0}.section-heading h2,.about-section h2{font-size:clamp(40px,10vw,70px)}.track{grid-template-columns:38px minmax(0,1fr) 48px;gap:10px}.track .bpm{display:none}.track-play{width:37px;height:37px}.track strong{font-size:13px}.track small{font-size:10px}.projects,.about-grid{grid-template-columns:1fr}.project-image{height:270px}.project-graphic{font-size:clamp(95px,25vw,150px)}.project-symbol{font-size:280px}.statement{margin-bottom:20px}.player{padding:10px 4%;gap:10px}.player-progress{display:none}.player-info{min-width:0}.player-info span{font-size:8px}.volume-btn{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}