@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@1,600&display=swap";:root{font-family:Manrope,sans-serif;color:#151515;background:#ebe8df;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-nav{height:80px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(21,21,21,.16);position:relative;z-index:3}.brand{justify-self:start;padding:0;border:0;background:none;cursor:pointer;font:600 20px/1 Manrope;color:inherit;text-decoration:none;letter-spacing:-.055em;white-space:nowrap}.brand span{color:#ff4d00}.nav-links{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(21,21,21,.16);border-radius:999px;background:rgba(235,232,223,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links button{border:0;border-radius:999px;padding:9px 16px;color:inherit;background:transparent;cursor:pointer;font:400 11px/1 DM Mono;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,color .2s}.nav-links button:hover{background:rgba(21,21,21,.08)}.nav-links button.active{background:#151515;color:#f4f0e7}.shuffle-small,.primary,.icon-button{border:1px solid #151515;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.shuffle-small{justify-self:end;padding:10px 15px;font-size:12px}.hero{min-height:calc(100vh - 80px);padding:clamp(70px,10vw,140px) clamp(24px,7vw,110px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.eyebrow,.canvas-label,.canvas-seed,.control-number,.hint,.about{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.eyebrow:before{content:"";width:34px;height:1px;background:currentColor;display:inline-block;vertical-align:middle;margin-right:12px}h1{font-size:clamp(58px,9.5vw,145px);line-height:.84;letter-spacing:-.075em;margin:32px 0;font-weight:500;max-width:1100px}h1 em{font-family:Playfair Display,serif;font-weight:600;color:#1d3eff}.intro{max-width:460px;margin-left:43%;font-size:clamp(15px,1.4vw,19px);line-height:1.7}.scroll-cue{color:inherit;text-decoration:none;position:absolute;bottom:35px;left:clamp(24px,7vw,110px);display:flex;align-items:center;gap:10px;font-size:12px;padding:0 0 7px;border:0;border-bottom:1px solid;background:none;cursor:pointer}.hero-mark{position:absolute;right:4%;top:10%;color:#ff4d00;font-size:clamp(120px,19vw,300px);line-height:1;z-index:-1;transform:rotate(9deg)}.hero-mark svg{width:clamp(150px,21vw,320px);height:auto}.home-actions{margin-left:43%;margin-top:25px;display:flex;gap:10px}.home-actions button{min-height:45px;padding:0 17px;display:flex;align-items:center;gap:8px;border:1px solid #171717;background:transparent;cursor:pointer;font-size:11px}.home-actions button:first-child{background:#171717;color:#f4f0e7}.studio{background:#171717;color:#f4f0e7;padding:clamp(24px,4vw,60px);height:calc(100svh - 132px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(30px,5vw,75px);align-items:center}.canvas-wrap{position:relative;aspect-ratio:1;max-height:100%;justify-self:center;width:min(100%,calc(100svh - 132px - clamp(48px,8vw,120px)))}canvas{display:block;width:100%;height:100%;cursor:crosshair}.canvas-label,.canvas-seed{position:absolute;color:#151515;top:17px}.canvas-label{left:18px}.canvas-seed{right:18px}.controls{display:flex;flex-direction:column;gap:38px}.control-number{color:#f4d35e;margin:0 0 18px}h2{font-size:clamp(34px,4vw,55px);line-height:.98;letter-spacing:-.055em;margin:0 0 18px;font-weight:500}.controls p{color:#aaa;line-height:1.6;font-size:13px;max-width:280px}.controls label,.palette-control{font-family:DM Mono;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.controls output{float:right}input[type=range]{width:100%;margin-top:18px;accent-color:#f4d35e}.palette-control{display:flex;justify-content:space-between;align-items:center}.palette-control>div{display:flex;gap:10px}.palette-control button{width:25px;height:25px;background:var(--swatch);border:0;border-radius:50%;cursor:pointer;outline-offset:4px}.palette-control button.active{outline:1px solid #f4f0e7}.button-row{display:flex;gap:10px}.primary{flex:1;background:#f4f0e7;color:#151515;padding:14px}.icon-button{width:49px;color:#f4f0e7}.hint{margin:-18px 0 0!important;font-size:9px!important}.about{min-height:140px;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(24px,5vw,76px)}.about p{font-family:Manrope;font-size:clamp(20px,3vw,38px);letter-spacing:-.04em;text-transform:none}.home-statement{min-height:64vh;padding:clamp(70px,10vw,140px) clamp(24px,7vw,110px);background:#171717;color:#f4f0e7;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-content:center}.statement-copy{max-width:820px;margin:0;font-size:clamp(36px,5.5vw,78px);line-height:1.03;letter-spacing:-.055em}.statement-link{grid-column:2;justify-self:start;color:#f4d35e;padding:0 0 8px;border:0;border-bottom:1px solid;background:none;cursor:pointer;font:400 11px/1 DM Mono;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.home-profile{padding:clamp(80px,11vw,150px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px)}.profile-heading h2,.home-experiments h2{margin-top:42px;font-size:clamp(42px,6vw,82px);line-height:.98}.profile-copy{align-self:end;max-width:560px}.profile-copy>p{font-size:clamp(16px,1.5vw,20px);line-height:1.65}.profile-copy>p+p{color:#666;font-size:14px}.profile-copy button,.home-experiments header button{margin-top:25px;padding:0 0 7px;border:0;border-bottom:1px solid;background:none;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:8px}.skill-strip{grid-column:1 / -1;margin-top:50px;border-top:1px solid rgba(21,21,21,.18);border-bottom:1px solid rgba(21,21,21,.18);display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:22px 0}.skill-strip span{font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.12em}.home-experiments{padding:clamp(80px,10vw,140px) clamp(24px,7vw,110px);background:#f4d35e}.home-experiments header{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:65px}.home-experiments header .eyebrow{align-self:start}.home-experiments h2{margin:35px 0 0}.home-experiments h2 em{font-family:Playfair Display;color:#ff4d00}.home-experiments header button{justify-self:end}.home-experiment-list{border-top:1px solid rgba(21,21,21,.35)}.home-experiment-list button{width:100%;padding:28px 5px;border:0;border-bottom:1px solid rgba(21,21,21,.35);background:transparent;display:grid;grid-template-columns:80px 1fr 1fr auto;align-items:center;text-align:left;cursor:pointer;transition:padding .2s,background .2s}.home-experiment-list button:hover{padding-inline:18px;background:rgba(255,255,255,.2)}.home-experiment-list span,.home-experiment-list small{font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.11em}.home-experiment-list strong{font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-.04em}.home-experiment-list i{font-style:normal;font-size:22px}.home-footer{min-height:250px;padding:55px clamp(24px,7vw,110px);background:#171717;color:#f4f0e7;display:grid;grid-template-columns:1fr 2fr auto;align-items:center}.home-footer>span,.home-footer button{font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.1em}.home-footer p{font-size:clamp(24px,3vw,42px);line-height:1.1;letter-spacing:-.04em}.home-footer button{color:#f4f0e7;border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:7px}.experiments-page{min-height:calc(100svh - 80px);padding:clamp(60px,8vw,110px) clamp(24px,5vw,76px)}.experiments-header{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:clamp(50px,8vw,100px)}.experiments-header .eyebrow{align-self:start}.experiments-header h1{font-size:clamp(55px,8vw,115px);margin:0}.experiments-header>p:last-child{grid-column:2;max-width:390px;line-height:1.6}.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experiment-card{min-height:420px;padding:24px;border:1px solid rgba(21,21,21,.18);text-align:left;cursor:pointer;display:grid;grid-template-rows:auto auto 1fr auto;background:#dedbd2;color:#171717;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.experiment-card:hover{transform:translateY(-8px);box-shadow:0 16px 35px #1515151f}.experiment-card span,.experiment-card small{font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.12em}.experiment-card small{display:flex;align-items:center;gap:7px}.experiment-card strong{margin-top:22px;font-size:clamp(30px,3.2vw,52px);letter-spacing:-.055em;font-weight:500}.experiment-card i{align-self:center;justify-self:center;font-size:clamp(85px,12vw,170px);line-height:1;font-style:normal}.orbit-card{background:#f0ece2}.orbit-card i{color:#1d3eff}.vortex-card{background:#111118;color:#eeeaf7}.vortex-card i{color:#745cff;text-shadow:0 0 30px #4c34ff}.peg-card{background:#f4d35e}.peg-card i{color:#ff4d00;letter-spacing:-.2em}.cv-page{padding:clamp(60px,8vw,120px) clamp(24px,7vw,110px);overflow-x:hidden}.cv-header{display:grid;grid-template-columns:1fr 2fr;padding-bottom:clamp(60px,9vw,130px);border-bottom:1px solid rgba(21,21,21,.2)}.cv-header h1{grid-column:1 / -1;margin:45px 0 70px}.cv-intro{grid-column:2;display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:end}.cv-intro p{margin:0;font-size:clamp(20px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em}.cv-intro span{font:400 10px/1.7 DM Mono;text-transform:uppercase;letter-spacing:.09em}.cv-body{display:grid;grid-template-columns:1fr 2fr;gap:clamp(40px,7vw,100px);padding-top:clamp(60px,8vw,110px)}.cv-sidebar{display:flex;flex-direction:column;gap:60px}.cv-sidebar h3,.cv-entry time,.cv-place{font:400 10px/1.5 DM Mono;text-transform:uppercase;letter-spacing:.11em}.cv-sidebar ul{list-style:none;padding:0;margin:20px 0 0;line-height:2;font-size:13px}.cv-sidebar p{color:#666;line-height:1.9;font-size:13px}.cv-sidebar a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}.cv-main{min-width:0;display:flex;flex-direction:column;gap:90px}.cv-group-title{display:flex;align-items:baseline;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(21,21,21,.2)}.cv-group-title span{font:400 10px/1 DM Mono;color:#1d3eff}.cv-group-title h2{margin:0;font-size:clamp(34px,4vw,56px)}.cv-entry{min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px;padding:32px 0;border-bottom:1px solid rgba(21,21,21,.12)}.cv-entry time{color:#777}.cv-entry h3{margin:0 0 7px;font-size:20px}.cv-entry p{max-width:570px;color:#666;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.cv-entry .cv-place{color:#1d3eff;margin:0 0 18px;font-size:9px}.cv-entry ul{max-width:590px;margin:18px 0 0;padding-left:17px;color:#555;font-size:12px;line-height:1.75}.experiment-subnav{min-height:52px;padding:8px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171717;color:#f4f0e7;border-bottom:1px solid #353535}.experiment-subnav>div{display:flex;gap:4px}.experiment-subnav button{border:0;background:transparent;color:#888;padding:8px 12px;cursor:pointer;font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.1em;transition:color .2s,background .2s}.experiment-subnav button:hover{color:#f4f0e7}.experiment-subnav button.active{color:#171717;background:#f4d35e}.experiment-subnav .all-experiments{padding-left:0;color:#f4f0e7}.placeholder-page{min-height:calc(100svh - 80px);padding:clamp(70px,10vw,140px) clamp(24px,7vw,110px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.placeholder-page h1,.placeholder-page .intro{position:relative;z-index:1}.page-index{position:absolute;right:7vw;top:7vh;font:300 clamp(130px,25vw,360px)/1 "DM Mono";color:#1515150f}.back-link{align-self:flex-start;margin-top:45px;padding:0 0 7px;border:0;border-bottom:1px solid;background:none;cursor:pointer;font-size:12px;position:relative;z-index:1}.placeholder-shape{position:absolute;width:clamp(240px,35vw,520px);aspect-ratio:1;border-radius:50%;right:-8%;bottom:-22%;background:#ff4d00;mix-blend-mode:multiply}.glyph .placeholder-shape{border-radius:0;transform:rotate(20deg);background:#f4d35e}.vortex-page{height:calc(100svh - 132px);overflow:hidden;background:#050508;color:#f4f0e7;padding:clamp(24px,4vw,60px);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(30px,5vw,75px);align-items:center}.vortex-stage{position:relative;height:min(820px,calc(100svh - 132px - clamp(48px,8vw,120px)));min-height:0;overflow:hidden;border:1px solid #292936;background:radial-gradient(circle at 50% 55%,#16152a 0,#08080d 45%,#030305 75%)}.vortex-canvas{width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vortex-canvas:active{cursor:grabbing}.vortex-title,.vortex-status{position:absolute;top:18px;font:400 9px/1 DM Mono;letter-spacing:.14em;text-transform:uppercase;color:#afadc5}.vortex-title{left:18px}.vortex-status{right:18px}.vortex-status i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#50d8ff;box-shadow:0 0 10px #50d8ff}.vortex-controls{display:flex;flex-direction:column;gap:30px}.vortex-controls p{color:#8f8e9c;font-size:13px;line-height:1.65}.vortex-controls>label{font:400 10px/1 DM Mono;text-transform:uppercase;letter-spacing:.1em}.vortex-controls output{float:right}.audio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audio-actions button,.audio-actions label,.vortex-play{min-height:48px;border:1px solid #363541;color:#f4f0e7;background:#101016;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.audio-actions .sample-button{grid-column:1 / -1;background:#181625;border-color:#55506f}.audio-actions label{position:relative}.audio-actions input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.vortex-controls .track-credit{margin-top:-20px;font:400 9px/1.55 DM Mono;color:#777586}.track-credit a{color:#b9b4d5;text-decoration-color:#55506f;text-underline-offset:3px}.band-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292833;border:1px solid #292833}.band-map span{padding:11px 9px;background:#0d0d12;font:400 9px/1 DM Mono;text-transform:uppercase;letter-spacing:.08em;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.band-map i{width:6px;height:6px;border-radius:50%;background:#745cff}.band-map .mid-dot{background:#42bfff}.band-map .high-dot{background:#ef62ff}.band-map small{grid-column:2;color:#6e6d79;font-size:7px;letter-spacing:.12em}.vortex-play{background:#4c34ff;border-color:#4c34ff}.vortex-controls .hint{display:flex;align-items:center;gap:7px;margin-top:-12px!important}.peg-page{height:calc(100svh - 132px);overflow:hidden;background:#171717;color:#f4f0e7;padding:clamp(24px,4vw,60px);display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(30px,5vw,75px);align-items:center}.peg-stage{position:relative;height:min(820px,calc(100svh - 132px - clamp(48px,8vw,120px)));min-height:0;overflow:hidden}.peg-canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.peg-count{position:absolute;top:18px;right:18px;color:#171717;font:400 9px/1 DM Mono;letter-spacing:.14em}.peg-controls{display:flex;flex-direction:column;gap:30px}.peg-controls p{color:#aaa;font-size:13px;line-height:1.65}.peg-controls>label{font:400 10px/1 DM Mono;text-transform:uppercase;letter-spacing:.1em}.peg-controls output{float:right}.drop-button,.mute-button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.drop-button{background:#f4d35e;color:#171717;border:1px solid #f4d35e}.mute-button{background:transparent;color:#f4f0e7;border:1px solid #4a4a4a}.peg-controls .hint{margin-top:-12px!important}.peg-controls .audio-status{display:flex;align-items:center;gap:7px;margin-top:-18px;font:400 9px/1.4 DM Mono;text-transform:uppercase;letter-spacing:.08em}.peg-controls .audio-status i{width:6px;height:6px;border-radius:50%;background:#7851ff;box-shadow:0 0 9px #7851ff}@media (max-width: 760px){.site-nav{grid-template-columns:auto 1fr;padding-inline:14px}.brand{font-size:14px}.nav-links{justify-self:end;gap:2px}.nav-links button{padding:8px 7px;font-size:8px}.shuffle-small{display:none}.hero{min-height:calc(100svh - 80px);justify-content:flex-start;padding-top:90px}.intro{margin-left:12%}.home-actions{margin-left:12%;flex-wrap:wrap}.hero-mark{top:45%;opacity:.75}.studio{grid-template-columns:1fr;padding-top:50px;height:auto;min-height:calc(100svh - 132px);overflow:visible}.canvas-wrap{max-height:none}.controls{padding:20px 4px 40px}.vortex-page{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 132px);overflow:visible}.vortex-stage{height:65svh;min-height:430px}.vortex-controls{padding:20px 4px 45px}.peg-page{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 132px);overflow:visible}.peg-stage{height:65svh;min-height:430px}.peg-controls{padding:20px 4px 45px}.about{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.about p{margin:8px 0}.home-statement,.experiments-header{grid-template-columns:1fr}.statement-link,.experiments-header>p:last-child{grid-column:1}.statement-copy{margin:35px 0}.experiments-header h1{margin:30px 0}.experiment-grid{grid-template-columns:1fr}.experiment-card{min-height:320px}.home-profile{grid-template-columns:1fr}.skill-strip{grid-column:1}.home-experiments header{grid-template-columns:1fr}.home-experiments header button{justify-self:start}.home-experiment-list button{grid-template-columns:45px 1fr auto;gap:8px}.home-experiment-list small{grid-column:2}.home-experiment-list i{grid-column:3;grid-row:1 / 3}.home-footer{grid-template-columns:1fr;gap:20px}.cv-page{padding-inline:20px}.cv-header,.cv-body{grid-template-columns:minmax(0,1fr)}.cv-header h1{margin-bottom:45px;font-size:clamp(52px,18vw,76px);overflow-wrap:anywhere}.cv-intro{grid-column:1;grid-template-columns:minmax(0,1fr)}.cv-sidebar{flex-direction:column;gap:38px;padding-bottom:50px}.cv-entry{grid-template-columns:minmax(0,1fr);gap:12px}.cv-entry ul{padding-left:16px}.experiment-subnav{align-items:stretch;flex-direction:column;gap:2px;padding-block:9px}.experiment-subnav>div{display:grid;grid-template-columns:repeat(3,1fr)}.experiment-subnav button{padding-inline:7px}.experiment-subnav .all-experiments{align-self:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}