*{box-sizing:border-box} :root{--paper:#eeeee7;--ink:#242622;--blue:#3654ff;--acid:#d9ff62;--line:#24262230}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--blue);color:white}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.mono{font:10px/1.6 monospace;letter-spacing:.06em}header{height:90px;margin:0 3.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font-size:34px;font-weight:700;letter-spacing:-2px}.logo>span{font-weight:400}.logo sup{font:10px monospace;vertical-align:top;letter-spacing:0;margin-left:4px}.header-note{font:9px/1.6 monospace;letter-spacing:.05em}nav{display:flex;gap:30px;font-size:12px}nav sup{font:8px monospace;color:var(--blue)}nav a:hover{color:var(--blue)}.hero{padding:26px 3.5% 0;overflow:hidden}.hero-top{display:flex;justify-content:space-between}.hero-title{position:relative;min-height:570px;display:flex;align-items:center}h1{font-size:clamp(85px,11.4vw,185px);line-height:.88;letter-spacing:-.085em;font-weight:500;margin:70px 0 65px;position:relative;z-index:2;pointer-events:none}h1>span{color:var(--blue)}.liquid-stage{position:absolute;right:-1%;top:0;width:49%;height:100%;isolation:isolate}.liquid-stage canvas{width:100%;height:100%;position:absolute;inset:0}.cc-outline{position:absolute;top:9%;left:7%;font-size:clamp(200px,27vw,450px);line-height:1;font-weight:700;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:2px var(--ink);mix-blend-mode:multiply}.specimen{position:absolute;right:2%;bottom:10%;text-align:right}.hero-bottom{display:flex;justify-content:space-between;align-items:end;padding:0 0 35px}.hero-bottom p{font-size:15px;line-height:1.5}.explore{display:flex;align-items:center;gap:25px;font:10px monospace}.explore b{width:55px;height:55px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:25px 'Space Grotesk';transition:background .25s,transform .25s}.explore:hover b{background:var(--acid);transform:translateY(5px)}.volume{text-align:right}.ruler{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:6px}.ruler i{height:20px;flex:1;margin:0 12px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10%);opacity:.4}.statement{padding:110px 8%;background:var(--ink);color:var(--paper);margin-top:65px;position:relative;overflow:hidden}.statement>p{font-size:clamp(50px,7.8vw,125px);line-height:1.05;letter-spacing:-.07em;margin:55px 0}.statement em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.blue{color:#8da0ff}.statement-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #ffffff35;padding-top:22px}.statement-bottom p{font-size:13px;line-height:1.8;margin:0}.work{padding:110px 3.5%}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:clamp(35px,5vw,78px);font-weight:400;letter-spacing:-.065em;margin:20px 0 0}.section-head h2 span{display:inline-block;color:var(--blue);margin-left:30px}.section-head p{font-size:12px;line-height:1.7}.filters{display:flex;gap:25px;margin:45px 0 30px}.filters button{border:0;border-bottom:1px solid transparent;background:transparent;padding:10px 0;font-size:11px}.filters button.active{border-color:var(--ink)}.filters sup{font:8px monospace;color:#73766c;margin-left:4px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:75px 30px}.project:nth-child(even){margin-top:130px}.project[hidden]{display:none}.visual{position:relative;width:100%;aspect-ratio:1.04;overflow:hidden;border:0;display:block;text-align:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);color:inherit;cursor:pointer}.visual:hover{transform:scale(.975)}.project-info{padding-top:19px;display:flex;justify-content:space-between}.project-info h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px}.project-info p{font:10px monospace;color:#71746b;margin:0}.project-info>span{font-size:25px}.note{color:#72766b;margin-top:55px}.about{border-top:1px solid var(--line);padding:100px 3.5%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about h2{font-size:clamp(55px,7vw,110px);font-weight:400;line-height:.95;letter-spacing:-.07em;margin:0 0 45px}.about h2 em{font-family:Georgia;color:var(--blue)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about-copy p{font-size:14px;line-height:1.85;color:#5d6257}.services{margin-top:50px}.services button{border:0;border-top:1px solid var(--line);background:none;width:100%;display:flex;align-items:center;text-align:left;padding:25px 0;font-size:26px;letter-spacing:-1px;gap:20px}.services button span{font:10px monospace;letter-spacing:0}.services button b{margin-left:auto;font-weight:400}.services p{font-size:13px;line-height:1.8;max-width:550px;margin:0 0 24px 35px}.contact{padding:35px 3.5% 0;background:var(--blue);color:var(--paper);overflow:hidden}.contact>.mono{display:flex;justify-content:space-between}.contact-title{display:flex;justify-content:space-between;align-items:center;font-size:clamp(65px,13.1vw,210px);line-height:1;letter-spacing:-.085em;margin:75px 0 65px;white-space:nowrap}.contact-title>span{font-size:.8em;color:var(--acid);transition:transform .4s}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:60px}.contact-bottom>a{font-size:clamp(16px,2.4vw,34px);letter-spacing:-1px;border-bottom:1px solid #ffffff70;padding-bottom:8px}.contact-bottom p{font-size:12px;line-height:1.8}.footer{border-top:1px solid #ffffff50;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 monospace}dialog{border:0;width:min(850px,92vw);padding:30px;background:var(--paper);color:var(--ink);max-height:90vh}dialog::backdrop{background:#10140fd0;backdrop-filter:blur(12px)}.close{float:right;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:none;font-size:25px}.dialog-art{aspect-ratio:1.7;margin-top:55px;display:grid;place-items:center;font-size:clamp(50px,8vw,110px);letter-spacing:-.08em;overflow:hidden}dialog h2{font-size:35px;letter-spacing:-1.5px;font-weight:500}dialog p:not(.mono){font-size:14px;line-height:1.8;color:#60665b}dialog>a{display:inline-block;border-bottom:1px solid;margin-top:15px;padding-bottom:5px;font-size:13px}.cursor{display:none;position:fixed;top:0;left:0;pointer-events:none;background:var(--acid);color:var(--ink);width:82px;height:82px;border-radius:50%;z-index:20;place-items:center;font:10px monospace;transform:translate(-50%,-50%)}.cursor.visible{display:grid}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
.art-index{position:absolute;top:22px;left:23px;font-size:10px;letter-spacing:1.7px}.art-tag{position:absolute;bottom:22px;left:23px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.orbit{background:#174dea;color:#dfedff;display:flex;align-items:center;justify-content:center}.orbit-word{font:700 clamp(80px,12vw,170px) 'Space Grotesk',sans-serif;letter-spacing:-.1em;z-index:1;transform:rotate(-9deg)}.orbit-ring{position:absolute;width:75%;height:75%;border:1px solid #a7c0ff80;border-radius:50%;transform:rotate(-35deg) scaleY(.45)}.orbit-ring.r2{transform:rotate(40deg) scaleY(.45)}.orbit-ring.r3{transform:rotate(90deg) scaleY(.45)}.orbit-star{font-size:90px;position:absolute;top:6%;right:8%;color:var(--acid)}.form{background:#d7b6a2;color:#332219}.form-sheet{position:absolute;background:#f5f1e8;width:57%;height:76%;left:25%;top:13%;transform:rotate(11deg);box-shadow:12px 18px 30px #6b483c40;padding:9% 6%}.form-sheet:before{content:'fōrm.';font:500 clamp(60px,8vw,120px) Georgia,serif;letter-spacing:-9px}.form-sheet p{font-size:9px;letter-spacing:2px;border-top:1px solid #332219;padding-top:15px}.form-small{position:absolute;left:10%;bottom:13%;background:#6d3425;color:#f5e7d8;transform:rotate(-12deg);padding:35px 25px;font:32px Georgia;box-shadow:8px 12px 20px #6b483c30}.motion{background:#121511;color:#d9ff62;display:flex;flex-direction:column;align-items:center;justify-content:center}.motion strong{font:700 clamp(72px,10vw,150px)/.78 'Space Grotesk',sans-serif;letter-spacing:-7px;transform:skewY(-9deg);z-index:1}.motion:before{content:'';position:absolute;inset:-60%;background:repeating-conic-gradient(from 10deg at 50% 50%,transparent 0 7deg,#d9ff6215 7.2deg 7.5deg)}.motion .art-tag{color:#eeeee7}.ritual{background:#e8482d;color:#f4e8d3;display:flex;align-items:center;justify-content:center}.ritual-label{font:500 clamp(72px,9vw,140px)/.85 Georgia,serif;letter-spacing:-7px;transform:rotate(-8deg);text-align:center;z-index:1}.ritual-circle{position:absolute;width:56%;aspect-ratio:1;border-radius:50%;background:#822b2260;bottom:-10%;right:-8%}.ritual-dots{position:absolute;inset:17%;border:1px solid #f4e8d350;border-radius:50%;transform:scaleX(.65) rotate(25deg)}@media(min-width:1600px){.hero-title{min-height:700px}}@media(max-width:760px){header{height:76px}.logo{font-size:27px}.header-note{display:none}nav{gap:15px;font-size:10px}.hero-top{font-size:8px}.hero-top>span:last-child{display:none}.hero-title{min-height:650px;align-items:start}h1{font-size:18vw;margin:50px 0;line-height:.95}.liquid-stage{width:85%;height:400px;top:215px;right:-5%}.cc-outline{font-size:53vw;top:5%}.specimen{font-size:8px;bottom:3%}.hero-bottom p{font-size:11px}.hero-bottom{gap:15px}.volume{display:none}.explore{gap:10px;font-size:8px}.explore b{width:40px;height:40px}.ruler{font-size:8px}.statement{padding:65px 6%;margin-top:40px}.statement>p{font-size:11vw;margin:35px 0}.statement-bottom{flex-direction:column;align-items:start;gap:18px}.statement-bottom p{font-size:11px}.work{padding:65px 4%}.section-head{display:block}.section-head h2{font-size:10vw}.section-head h2 span{margin-left:10px}.section-head p{font-size:11px;margin-top:20px}.filters{margin:25px 0}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(even){margin-top:0}.visual{aspect-ratio:1.15}.orbit-word{font-size:26vw}.orbit-star{font-size:75px}.form-sheet:before{font-size:22vw;letter-spacing:-5px}.motion strong{font-size:25vw}.ritual-label{font-size:25vw}.art-index,.art-tag{font-size:8px;left:18px}.project-info h3{font-size:16px}.note{font-size:8px;line-height:1.8}.about{grid-template-columns:1fr;gap:35px;padding:65px 5%}.about h2{font-size:16vw}.about-copy{grid-template-columns:1fr;gap:0}.about-copy p{font-size:13px}.services{margin-top:25px}.services button{font-size:23px}.contact{padding:25px 5% 0}.contact>.mono{font-size:8px}.contact>.mono span:last-child{display:none}.contact-title{margin:55px 0 40px;font-size:14vw}.contact-bottom{flex-direction:column;align-items:start;gap:20px;padding-bottom:30px}.contact-bottom>a{font-size:22px}.contact-bottom p{font-size:11px}.footer{flex-wrap:wrap;font-size:8px}.footer>span:nth-child(2){display:none}.cursor{display:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* One scalable drawing keeps the letter counters, outlet and stream aligned. */
.fluid-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.liquid-stage{right:-1.5%;width:47%;top:2%;height:96%}.specimen{bottom:5%;right:3%}@media(max-width:760px){.liquid-stage{width:92%;height:390px;top:225px;right:-2%}.specimen{bottom:0;right:2%}}

.specimen{bottom:0}@media(max-width:760px){.specimen{bottom:-4%}}