*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 Arial,Helvetica,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--a);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(62px,7.8vw,112px)}h2{font-size:clamp(38px,4.8vw,70px)}h3{font-size:29px}em{font-family:inherit;font-style:normal;font-weight:400;color:transparent;background:linear-gradient(110deg,var(--text),var(--a) 48%,var(--b));background-clip:text;-webkit-background-clip:text}.wrap{width:min(1240px,88%);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:200;padding:15px;background:var(--bg);color:var(--text)}.skip:focus{top:10px}.demo{width:min(1320px,88%);margin:auto;padding:12px 0;color:var(--muted);font-size:7px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;gap:20px}.demo #motion{background:none;color:var(--muted);min-height:28px;font-size:9px;padding:0}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient svg{width:100%;height:100%;opacity:.8;animation:atmosphere 15s ease-in-out infinite}.ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,var(--glow),transparent 45%)}header{width:min(1320px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 30px;border:1px solid var(--line);border-radius:100px;background:var(--nav);position:sticky;top:10px;z-index:30}.brand{font:500 32px/1 Arial,sans-serif;letter-spacing:-.075em;display:inline-flex;align-items:center;gap:5px}.brand span{color:var(--a);font-size:19px}.brand span:not(:first-child){font-size:8px;letter-spacing:.13em;margin-left:8px;align-self:end}nav{display:flex;gap:30px;color:var(--muted);font-size:11px}nav a{padding:5px 0}nav a:hover{color:var(--text)}nav a:last-child{color:var(--a)}.menu{display:none;background:none;min-height:40px;font-size:11px}.eyebrow{font-size:8px;letter-spacing:.16em;color:var(--a);text-transform:uppercase}section{padding-block:85px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;font-size:11px;padding:15px 24px;min-height:50px;border-radius:100px;border:1px solid var(--line);background:linear-gradient(120deg,var(--button1),var(--button2));color:var(--button-text);box-shadow:0 8px 30px var(--glow);transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.legal{font-size:10px;color:var(--muted)}details{border:1px solid var(--line);border-radius:17px;padding:0 22px;background:var(--surface);margin-bottom:12px}summary{cursor:pointer;list-style:none;font-size:12px;position:relative;padding:22px 25px 22px 0}summary:after{content:'+';position:absolute;right:0;top:16px;font-size:22px;color:var(--a)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);padding-bottom:10px}.menu-state,.art-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.art-state>span{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-right:8px}.art-state button,.menu-state button{border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--muted);min-height:38px;padding:9px 15px;font-size:10px}.art-state button[aria-pressed=true],.menu-state button[aria-pressed=true]{background:var(--a);color:var(--choice-ink);border-color:var(--a)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:40px;border-top:1px solid var(--line)}footer span,footer>a:last-child,footer p{font-size:9px;color:var(--muted);max-width:400px;margin:0}footer .brand{font-size:28px}.enter-ready{transition:opacity .75s,transform .75s}.enter-pending{opacity:0;transform:translateY(22px)}.motion-off .enter-pending{opacity:1;transform:none}.motion-off *, .motion-off *:before,.motion-off *:after,.page-hidden *, .offscreen,.offscreen *,.is-scrolling [data-animate],.is-scrolling [data-animate] *, .is-scrolling .ambient svg{animation-play-state:paused!important}.motion-off *{transition:none!important}.contact .button{margin:15px 0}.contact .legal{margin-top:20px}.detail-note{font-size:9px;color:var(--muted)}.hero .detail-note{margin-top:25px}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:40px}@keyframes atmosphere{50%{transform:translateY(-12px) scale(1.04);opacity:.55}}@media(max-width:760px){header{border-radius:25px;padding:16px 24px;flex-wrap:wrap;gap:15px;top:8px}.brand{font-size:29px}.menu{display:block;margin-left:auto}nav{display:none;flex-basis:100%;flex-direction:column;gap:0}nav.open,html:not(.js) nav{display:flex}nav a{padding:13px 0}html:not(.js) .menu{display:none}.eyebrow{font-size:7px}.demo{font-size:6px}.demo #motion{font-size:8px;flex-shrink:0}section{padding-block:65px}h1{font-size:clamp(56px,12vw,88px)}h2{font-size:clamp(35px,8vw,57px)}h3{font-size:26px}.hero-foot{font-size:7px;flex-wrap:wrap}footer{flex-wrap:wrap}footer span,footer p{flex-basis:50%}.art-state button,.menu-state button{font-size:9px;padding:9px 12px}.button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enter-pending{opacity:1;transform:none}}
body{--bg:#0e0d16;--text:#f4efff;--muted:#b3a9c7;--a:#c3a2ff;--b:#c9ff99;--line:#ddcaff22;--surface:#21182e99;--nav:#15101fee;--glow:#8659dc20;--button1:#ead9ff;--button2:#bd99ed;--button-text:#291b38;--choice-ink:#251534}body[data-tone=acid]{--a:#d0fc8b;--b:#a8e9e2;--glow:#b0e94e20;--button1:#eefbd6;--button2:#b6d88f}body[data-tone=coral]{--a:#ffb2a7;--b:#ffd591;--glow:#ff906020;--button1:#ffe6cf;--button2:#ffac9a}.hero{position:relative;isolation:isolate;padding-top:75px;min-height:780px;overflow:clip}.hero:before{content:'';position:absolute;left:35%;right:-20%;top:20%;height:550px;border-radius:50%;background:radial-gradient(ellipse,var(--glow),transparent 65%);z-index:-2}.hero h1{font-size:clamp(72px,9vw,136px);font-weight:400;line-height:1.02;letter-spacing:-.07em;max-width:1050px;margin:35px 0 75px;position:relative;z-index:1}.sculpture{position:absolute;right:1%;top:125px;width:400px;height:440px;z-index:-1;transform:rotate(-30deg);isolation:isolate}.sculpture i{position:absolute;inset:0;border:45px solid transparent;border-radius:50%;background:linear-gradient(#20142d,#20142d) padding-box,linear-gradient(125deg,#f3e8ff,var(--a) 30%,#573379 62%,var(--b)) border-box;box-shadow:inset 0 10px 20px #0006,15px 20px 0 #251535,inset 0 2px 8px #fff4;animation:sculpt 13s ease-in-out infinite}.sculpture i:nth-child(2){inset:35px;animation-delay:-2s}.sculpture i:nth-child(3){inset:70px;animation-delay:-4s}.sculpture i:nth-child(4){inset:105px;border-width:35px;animation-delay:-6s}.sculpture i:nth-child(5){inset:140px;border-width:25px;animation-delay:-8s}.hero .art-state{margin:0 0 40px;max-width:600px}.hero-base{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px}.hero-base p{font-size:12px;color:var(--muted);margin:0}.hero-base #motion{background:none;font-size:9px;min-height:44px;color:var(--muted)}.works{padding-top:65px}.heading h2{font-size:clamp(41px,4.8vw,70px);max-width:750px}.projects{display:grid;grid-template-columns:1.1fr .9fr;gap:40px 25px;margin-top:35px;align-items:start}.project{background:transparent;border:0;padding:0;color:var(--text);text-align:left;min-width:0}.project[hidden]{display:none}.project>span:not(.project-art){display:flex;justify-content:space-between;padding:18px 4px 0;font-size:9px;letter-spacing:.08em}.project small{display:block;padding:4px;font-size:8px;color:var(--muted)}.project-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:30px}.orbit{background:radial-gradient(circle at 35% 35%,#70509066,transparent 60%),linear-gradient(135deg,#35204c,#160f23);border-radius:100px 30px 30px 30px}.orbit i{width:65%;aspect-ratio:1;border:40px solid transparent;border-radius:50%;background:linear-gradient(#1e132c,#1e132c) padding-box,linear-gradient(130deg,#f1dcff,var(--a) 40%,#47275b 70%,#bfff98) border-box;transform:rotateX(45deg) rotate(-25deg);box-shadow:12px 25px 0 #211330,0 0 45px var(--glow)}.interval{background:radial-gradient(ellipse at 80% 90%,#b3e76d44,transparent 60%),linear-gradient(130deg,#d2eca8,#a3bc81);color:#20301d;font-size:105px;font-weight:600;line-height:.74;letter-spacing:-.1em;border-radius:30px 100px 30px 30px;height:360px}.wide{grid-column:1/-1}.matter{height:370px;background:radial-gradient(ellipse at 50% 100%,#e4917040,transparent 65%),#2a1723;gap:45px}.matter i{height:180px;width:180px;border-radius:40px;background:linear-gradient(135deg,#ffe8cd,#f6b5ba 35%,#9660a7 70%,#44244d);box-shadow:inset 0 3px 8px #fff8,20px 25px 0 #311a38;transform:rotate(-25deg)}.matter i:nth-child(2){border-radius:50%;background:radial-gradient(circle at 30% 20%,#f4edff,var(--a) 40%,#553467 80%)}.matter i:nth-child(3){border-radius:5px 70px 5px 70px}.project:hover .project-art{border-color:#dbc5ff66}.method{background:radial-gradient(ellipse at 70% 40%,#79589422,transparent 65%),#17101f88;border-block:1px solid var(--line)}.method h2{font-size:clamp(44px,6.3vw,92px);max-width:900px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:50px 0 30px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps span{font-size:10px;color:var(--a)}.steps h3{font-size:27px;margin:35px 0 20px}.steps p{font-size:13px;color:var(--muted)}.brief h2{font-size:clamp(48px,6vw,87px)}form{max-width:700px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(130deg,#251b33a6,#15131f99)}label{display:block;font-size:11px;color:#d6c8e9;margin:22px 0 9px}label:first-child{margin-top:0}select,textarea{width:100%;background:#17111f;color:var(--text);border:1px solid #dfc3ff33;padding:15px 17px;border-radius:15px;font-size:13px}textarea{resize:vertical}form .legal{margin-top:16px}#brief-output{white-space:pre-line;overflow-wrap:anywhere;margin:25px 0;padding:25px;border:1px solid var(--line);border-radius:22px;background:#271b384d;max-width:700px;font-size:13px;color:#d6c8e9}#brief-output p{margin:0}dialog{width:min(700px,90vw);max-height:85svh;padding:30px;border:1px solid #bca0de55;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#7d438133,transparent 65%),#21132e;color:var(--text)}dialog::backdrop{background:#08040fe8}dialog>button{display:block;margin-left:auto;background:none;font-size:11px;min-height:44px}dialog h2{font-size:50px;margin:25px 0}dialog p{font-size:13px;color:#c8b8db}@keyframes sculpt{50%{transform:rotateY(20deg) rotateX(20deg) translateY(-10px)}}@media(max-width:1000px){.sculpture{width:340px;height:380px;top:125px;opacity:.8}.sculpture i{border-width:35px}.sculpture i:nth-child(5){inset:135px;border-width:18px}.hero h1{font-size:clamp(66px,9vw,100px)}.matter i{width:150px;height:150px}.matter{gap:30px}}@media(max-width:760px){.hero{padding-top:55px;min-height:0}.hero h1{font-size:clamp(52px,12vw,85px);margin-bottom:300px}.sculpture{width:280px;height:300px;top:220px;right:0}.sculpture i{border-width:28px}.sculpture i:nth-child(3){inset:55px}.sculpture i:nth-child(4){inset:85px;border-width:20px}.sculpture i:nth-child(5){display:none}.hero .art-state{gap:6px;margin-top:20px}.art-state>span:first-child{flex-basis:100%;margin-bottom:7px}.hero-base{flex-wrap:wrap}.hero-base p{flex-basis:100%}.projects{grid-template-columns:1fr;gap:30px}.wide{grid-column:auto}.project-art{height:350px}.interval{font-size:90px;height:350px}.matter{gap:20px;height:320px}.matter i{width:80px;height:110px;box-shadow:7px 15px 0 #321a37}.steps{grid-template-columns:1fr;gap:30px}.method h2{font-size:clamp(42px,9vw,66px)}form{padding:25px}.brief h2{font-size:clamp(44px,10vw,70px)}}@media(max-width:380px){.hero h1{font-size:51px}.sculpture{top:200px}.hero .art-state button{font-size:8px;padding-inline:10px}.project-art{height:300px}.matter i{width:60px;height:95px}.matter{gap:20px}dialog h2{font-size:39px}}