[data-art-scene]{--art-x:0;--art-y:0;--art-progress:.5}.hero{background:radial-gradient(ellipse at 32% 34%, #7541d855, transparent 47%), var(--deep);min-height:950px}.hero-copy{z-index:3;position:relative}.hero .chrome-hello{filter:drop-shadow(0 18px 20px #09001366);width:min(100%,560px);height:210px;transform:perspective(900px) rotateY(calc(var(--art-x) * -12deg)) rotate(-7deg) translate(calc(var(--art-x) * 16px), calc(var(--hero-break,0) * -90px));margin:-12px 0 5px -10px;transition:transform .2s ease-out;overflow:visible}.hero h1{letter-spacing:-.06em;font-size:clamp(2.6rem,4.4vw,5rem);line-height:1}.hero h1 br{display:none}.hero h1 em{margin-top:6px;display:block}.hero-role{margin-bottom:8px}.hero-description{margin-top:22px}.floating-objects{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.float-object{transition:transform .35s ease-out;position:absolute}.chrome-orb{background:radial-gradient(circle at 29% 22%,#fff7ff 0%,#dec6fa 7%,#9b6dda 21%,#44236c 39%,#c6b0f5 50%,#5f2f9c 65%,#241038 76%);border-radius:50%;width:102px;height:102px;box-shadow:inset -5px -5px 12px #170b26,0 16px 28px #0f041a44}.chrome-orb i{border:3px solid #cfb4f3;border-radius:50%;position:absolute;inset:-14px;transform:rotateX(68deg)rotate(-30deg);box-shadow:0 3px #603698}.chrome-orb i:nth-child(2){transform:rotateY(63deg)rotate(45deg)}.chrome-orb i:nth-child(3){border-width:1px;transform:rotateY(-60deg)rotate(-30deg)}.floating-objects .chrome-orb{transform:translate(calc(var(--art-x) * -45px), calc(var(--hero-break,0) * -160px + var(--art-y) * -35px)) rotate(calc(var(--art-progress) * 90deg));top:17%;left:51%}.star-token{color:var(--orange);text-shadow:1px 2px #ffd1aa,3px 5px #a15036,5px 7px #813d35;transform:rotate(calc(12deg + var(--art-x) * 35deg + var(--hero-break,0) * 100deg));font:110px/1 Arial,sans-serif;top:9%;right:9%}.cursor-token{width:120px;transform:rotate(-12deg) translate(calc(var(--art-x) * 50px), calc(var(--art-y) * 30px + var(--hero-break,0) * 110px));bottom:12%;right:7%}.sculpted-cursor{filter:drop-shadow(10px 16px 12px #17082033);width:100%;height:100%;overflow:visible}.code-token{background:var(--pink);color:var(--deep);font:700 30px/1 var(--mono);transform:rotate(17deg) translate(calc(var(--art-x) * -25px), calc(var(--hero-break,0) * 70px));border-radius:16px;padding:20px 15px;bottom:19%;left:49%;box-shadow:inset 2px 2px #fff4,5px 7px #936187}.round-seal{border:1px solid var(--acid);letter-spacing:.06em;width:66px;height:66px;color:var(--acid);transform:rotate(calc(-20deg + var(--art-x) * 45deg));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:7px;line-height:1.1;display:flex;top:4%;right:31%}.round-seal b{font-size:24px;font-weight:400}.projects-section{isolation:isolate;padding-top:74px;padding-bottom:100px;position:relative}.projects-section:before{content:"";z-index:-1;background-image:radial-gradient(#7541d83b .8px,#0000 .8px);background-size:22px 22px;position:absolute;inset:150px -22px 40px;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.projects-section>.section-heading{margin-bottom:65px}.gallery-objects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:clip}.gallery-coordinate{font:9px var(--mono);color:var(--muted);position:absolute;top:270px;left:22px}.gallery-orbit{width:92px;height:92px;transform:rotate(calc(var(--art-progress) * 140deg)) translateY(calc(var(--art-y) * -25px));position:absolute;top:54px;right:7%}.gallery-orbit i{border:1px solid var(--purple);border-radius:50%;position:absolute;inset:0;transform:rotateX(60deg)rotate(-30deg)}.gallery-orbit i:nth-child(2){transform:rotateY(65deg)rotate(30deg)}.gallery-orbit b{text-align:center;color:var(--purple);text-shadow:2px 3px 0 var(--pink);font-size:72px;font-weight:400;line-height:92px;display:block}.gallery-burst{color:var(--purple);transform:rotate(calc(var(--art-progress) * 150deg));font:130px/1 Georgia;position:absolute;top:55%;left:39%}.gallery-label{font:9px/1.5 var(--mono);color:var(--muted);position:absolute;top:43%;left:5%;transform:rotate(-12deg)}.gallery-cursor{width:125px;transform:rotate(24deg) translate(calc(var(--art-x) * -20px), calc((var(--art-progress) - .5) * -80px));position:absolute;bottom:38px;right:0}.gallery-cross{color:var(--orange);transform:rotate(calc(var(--art-progress) * 100deg));font:75px/1 Arial;position:absolute;top:44%;right:4%}.project-index,.showcase-grid,.work-colophon{z-index:1;position:relative}.showcase-grid{gap:90px 35px;padding:8px 8px 20px}.showcase-card{transform:perspective(1000px) translate(calc(var(--gallery-scatter,0) * -34px), calc(var(--gallery-scatter,0) * 75px)) rotate(calc(-3deg - var(--gallery-scatter,0) * 9deg)) rotateY(calc(var(--card-x) * 5deg));border-radius:4px;overflow:hidden;box-shadow:6px 11px #27104014,0 20px 40px #2710401a}.showcase-card-0{grid-column:span 7}.showcase-card-1{transform:perspective(1000px) translate(calc(var(--gallery-scatter,0) * 30px), calc(var(--gallery-scatter,0) * 150px)) rotate(calc(4deg + var(--gallery-scatter,0) * 12deg)) rotateY(calc(var(--card-x) * 5deg));grid-column:span 5;margin-top:145px!important}.showcase-card-2{transform:perspective(1000px) translateY(calc(var(--gallery-scatter,0) * 60px)) rotate(calc(-2deg - var(--gallery-scatter,0) * 5deg)) rotateY(calc(var(--card-x) * 4deg));grid-column:2/span 10}.showcase-card:hover,.showcase-card:focus-within{transform:perspective(1000px) translateY(-8px) rotateX(calc(var(--card-y) * -3deg)) rotateY(calc(var(--card-x) * 5deg));box-shadow:0 24px 50px #27104030}.showcase-topline{background:#ffffff13}.work-colophon{margin-top:70px;padding-right:100px}.warp-scene{background:var(--deep);height:270svh;color:var(--paper);--tunnel-scale:.7;--title-opacity:1;--title-scale:1;--principles-opacity:0;--cursor-scale:.12;--cursor-opacity:0;--outro-opacity:0;--rays-opacity:1;position:relative}.warp-sticky{isolation:isolate;background:radial-gradient(ellipse at 50% 50%, #7541d833, transparent 60%), var(--deep);height:calc(100svh - 92px);min-height:500px;position:sticky;top:92px;overflow:clip}.warp-meta,.warp-footer{font:9px var(--mono);letter-spacing:.08em;z-index:5;color:var(--lavender);justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;left:5%;right:5%}.warp-meta{top:30px}.warp-meta span:last-child{color:var(--acid)}.warp-footer{bottom:30px}.warp-progress{background:#c6b0f533;width:140px;height:2px}.warp-progress i{background:var(--acid);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--warp-progress,0));display:block}.warp-rays{width:100%;height:100%;opacity:var(--rays-opacity);transform:translate(calc(var(--art-x) * -30px), calc(var(--art-y) * -30px)) scale(var(--tunnel-scale));will-change:transform;position:absolute;inset:0}.warp-rays line{transform-origin:600px 400px;transform:rotate(calc(var(--warp-progress,0) * var(--ray-order) * 1deg))}.warp-title-wrap{text-align:center;z-index:2;opacity:var(--title-opacity);transform:scale(var(--title-scale));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:10%;display:flex;position:absolute;inset:0}.warp-title-wrap h2{letter-spacing:-.065em;text-wrap:balance;max-width:1000px;text-shadow:0 2px 20px var(--deep);font:850 clamp(2.8rem,6.5vw,7.5rem)/.96 Arial,sans-serif}.warp-title-wrap h2 em{font:inherit;color:var(--acid)}.warp-title-wrap p{font:10px/1.5 var(--mono);color:var(--lavender);margin-top:28px}.warp-core{width:220px;height:220px;opacity:var(--principles-opacity);transform:rotate(calc(var(--warp-progress,0) * 150deg));position:absolute;top:calc(50% - 110px);left:calc(50% - 110px)}.warp-core i{border:1px solid var(--acid);border-radius:50%;position:absolute;inset:0;transform:rotateY(60deg)}.warp-core i:nth-child(2){transform:rotateY(60deg)rotateX(40deg)}.warp-core i:nth-child(3){transform:rotateY(60deg)rotateX(80deg)}.warp-core i:nth-child(4){transform:rotateX(60deg)}.warp-core i:nth-child(5){background:radial-gradient(circle at 32% 27%, var(--acid), #63812a 35%, var(--deep) 70%);border:none;inset:35px}.warp-principles{opacity:var(--principles-opacity);pointer-events:none;position:absolute;inset:0}.warp-principles span{letter-spacing:-.03em;font:500 clamp(1rem,2vw,2.2rem)/1.1 Arial,sans-serif;position:absolute}.warp-principles span:first-child{transform:translateX(calc((var(--warp-progress,0) - .5) * -130px));top:33%;left:13%}.warp-principles span:nth-child(2){transform:translateY(calc((var(--warp-progress,0) - .5) * -140px));top:27%;right:12%}.warp-principles span:nth-child(3){transform:translateX(calc((var(--warp-progress,0) - .5) * 150px));bottom:22%;right:18%}.warp-principles b{color:var(--acid)}.warp-cursor{width:260px;height:288px;transform:rotate(calc(-35deg + var(--warp-progress,0) * 60deg)) scale(var(--cursor-scale));opacity:var(--cursor-opacity);pointer-events:none;z-index:3;position:absolute;top:calc(50% - 144px);left:calc(50% - 130px)}.warp-outro{z-index:4;text-align:center;opacity:var(--outro-opacity);color:var(--deep);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.warp-outro:before{content:"";z-index:-1;background:var(--acid);opacity:var(--outro-opacity);position:absolute;inset:0}.warp-outro>span{font:10px var(--mono);margin-bottom:22px}.warp-outro strong{letter-spacing:-.07em;font:850 clamp(3.6rem,8vw,9rem)/.85 Arial,sans-serif}.warp-outro strong em{font:italic 1.2em Georgia,serif}.warp-outro a{border-bottom:1px solid;margin-top:30px;padding-bottom:6px;font-size:13px}.warp-outro[inert]{pointer-events:none}.device-stage{pointer-events:var(--art-device-events,auto);opacity:var(--art-device-fade,1);transition:opacity .3s}.device-stage:focus-within{pointer-events:auto;opacity:1}.freelance{isolation:isolate;flex-direction:column;justify-content:center;align-items:flex-start;min-height:580px;display:flex}.freelance>:not(.contact-sculpture){z-index:2;position:relative}.freelance>.freelance-mark,.freelance>.freelance-stamps{display:none}.contact-sculpture{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:clip}.sculpture-word{opacity:.23;transform:perspective(800px) rotate(-12deg) rotateY(calc(var(--art-x) * 22deg)) translateY(calc((var(--art-progress) - .5) * -100px));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:8% 0 0}.sculpture-word span{letter-spacing:-.09em;color:#0000;-webkit-text-stroke:1px #b991e4;filter:drop-shadow(4px 7px #593787);background:linear-gradient(155deg,#f6f0ff 0%,#c6b0f5 23%,#7541d8 39%,#271040 43%,#f6f0ff 46%,#7541d8 58%,#c6b0f5 76%,#271040);-webkit-background-clip:text;background-clip:text;font:1000 clamp(7rem,15vw,18rem)/.81 Arial,sans-serif}.contact-orb{transform:translateY(calc((var(--art-progress) - .5) * 120px));position:absolute;top:28%;right:-25px}.contact-star{color:var(--orange);transform:rotate(calc(var(--art-progress) * 140deg));text-shadow:3px 5px #a15c3e;font-size:115px;position:absolute;bottom:5%;left:3%}@media (min-width:1600px){.hero .chrome-hello{height:255px}.showcase-card-2{height:430px}}@media (min-width:901px) and (max-width:1199px){.showcase-grid{gap:55px 25px}.showcase-card-0{grid-column:1/span 10}.showcase-card-1{grid-column:2/span 6;margin-top:0!important}.showcase-card-2{grid-column:6/span 7;margin-top:10px!important}.gallery-label{top:39%;left:65%}.gallery-burst{top:63%;left:0}.hero .chrome-hello{height:180px}.hero h1{font-size:3.7rem}}@media (max-width:900px){.hero .chrome-hello{width:420px;max-width:90%;height:180px}.hero h1{font-size:3rem}.hero-copy{z-index:3}.floating-objects .chrome-orb{width:75px;height:75px;top:12%;left:auto;right:9%}.star-token{font-size:80px;top:36%;right:8%}.code-token{font-size:22px;bottom:30%;left:6%}.cursor-token{width:90px;bottom:10%;right:7%}.round-seal{top:4%;right:8%}.showcase-grid{gap:65px 25px}.showcase-card-1{margin-top:110px!important}.showcase-card-2{grid-column:1/span 12;height:390px}.warp-sticky{height:calc(100svh - 78px);top:78px}.warp-title-wrap h2{font-size:8vw}.warp-principles span:first-child{left:7%}.warp-principles span:nth-child(2){right:7%}.warp-principles span:nth-child(3){right:9%}.gallery-orbit{width:70px;height:70px;right:2%}.gallery-coordinate{top:240px}}@media (min-width:561px) and (max-width:700px){.showcase-card-0,.showcase-card-1{grid-column:span 6}.showcase-card-2{height:420px}}@media (max-width:560px){.hero{min-height:1140px}.hero .chrome-hello{max-width:95%;height:165px;margin:-5px 0 10px -8px}.hero h1{font-size:2.65rem}.hero-role{max-width:260px;font-size:8px}.hero-description{font-size:.9rem}.floating-objects .chrome-orb{width:54px;height:54px;top:36%;right:6%}.round-seal{width:48px;height:48px;font-size:5px;top:7%;right:5%}.round-seal b{font-size:18px}.star-token{font-size:62px;top:51%;right:7%}.code-token{padding:12px 10px;font-size:18px;bottom:17%;left:5%}.cursor-token{width:75px;bottom:6%;right:5%}.projects-section{padding:45px 8px 70px}.projects-section>.section-heading{margin-bottom:70px}.gallery-coordinate{font-size:7px;top:233px;left:14px}.gallery-orbit{width:50px;height:50px;top:22px;right:8px}.gallery-orbit b{font-size:43px;line-height:50px}.showcase-grid{grid-template-columns:minmax(0,1fr);gap:65px;padding:0 5px;display:grid}.showcase-card,.showcase-card-0,.showcase-card-1,.showcase-card-2{width:100%;height:465px;transform:translateY(calc(var(--gallery-scatter,0) * 35px)) rotate(-2deg);grid-column:1;margin:0!important}.showcase-card-1{width:94%;transform:translateY(calc(var(--gallery-scatter,0) * 40px)) rotate(3deg);justify-self:end;height:480px}.showcase-card-2{width:95%;height:460px}.gallery-label,.gallery-burst,.gallery-cross{display:none}.gallery-cursor{width:85px;bottom:27px}.work-colophon{margin-top:50px;padding-right:55px}.work-colophon>span:last-child{display:none}.warp-scene{height:220svh}.warp-sticky{height:calc(100svh - 70px);min-height:430px;top:70px}.warp-meta,.warp-footer{font-size:7px;left:6%;right:6%}.warp-meta{top:23px}.warp-footer{bottom:22px}.warp-footer>span:last-child{display:none}.warp-progress{width:70px}.warp-title-wrap{padding:7%}.warp-title-wrap h2{font-size:12vw}.warp-title-wrap p{max-width:230px;font-size:8px}.warp-core{width:145px;height:145px;top:calc(50% - 72.5px);left:calc(50% - 72.5px)}.warp-principles span{font-size:1rem}.warp-principles span:first-child{top:23%;left:9%}.warp-principles span:nth-child(2){top:30%;right:8%}.warp-principles span:nth-child(3){bottom:23%;right:10%}.warp-outro strong{font-size:16vw}.warp-outro>span{font-size:8px}.warp-outro a{font-size:12px}.freelance{min-height:530px}.sculpture-word span{font-size:32vw}.contact-orb{width:70px;height:70px;top:16%;right:-15px}.contact-star{font-size:75px;bottom:2%}}@media (prefers-reduced-motion:reduce){.hero .chrome-hello,.float-object,.gallery-orbit,.gallery-burst,.gallery-cursor,.gallery-cross,.showcase-card,.showcase-card-1,.showcase-card-2,.showcase-card:hover,.showcase-card:focus-within,.sculpture-word,.contact-orb,.contact-star{transition:none!important;transform:none!important}.warp-scene{height:auto}.warp-sticky{flex-direction:column;justify-content:center;gap:70px;height:auto;min-height:700px;padding:100px 6% 80px;display:flex;position:relative;top:0}.warp-title-wrap,.warp-outro{opacity:1;padding:0;position:relative;inset:auto;transform:none}.warp-title-wrap h2{font-size:clamp(2.2rem,6vw,5rem)}.warp-rays{opacity:.2;transform:none}.warp-rays line{transform:none}.warp-core,.warp-principles,.warp-cursor,.warp-progress{display:none}.warp-outro{color:var(--acid)}.warp-outro:before{display:none}.warp-outro strong{font-size:clamp(2.8rem,6vw,5rem)}.device-stage{opacity:1}}.showcase-card-2[data-expanded=true] .showcase-bottom{justify-content:flex-start}
.site-footer{padding-bottom:100px}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}@media (max-width:850px){.site-footer{padding-bottom:150px}}@media (max-width:900px){.mobile-pocket{bottom:66px}}html[data-motion=off] .warp-scene{height:auto}html[data-motion=off] .warp-sticky{flex-direction:column;justify-content:center;gap:70px;height:auto;min-height:700px;padding:100px 6% 80px;display:flex;position:relative;top:0}html[data-motion=off] .warp-title-wrap,html[data-motion=off] .warp-outro{opacity:1;padding:0;position:relative;inset:auto;transform:none}html[data-motion=off] .warp-title-wrap h2{font-size:clamp(2.2rem,6vw,5rem)}html[data-motion=off] .warp-rays{opacity:.2;transform:none}html[data-motion=off] .warp-rays line{transform:none}html[data-motion=off] .warp-core,html[data-motion=off] .warp-principles,html[data-motion=off] .warp-cursor,html[data-motion=off] .warp-progress{display:none}html[data-motion=off] .warp-outro{color:var(--acid)}html[data-motion=off] .warp-outro:before{display:none}html[data-motion=off] .warp-outro strong{font-size:clamp(2.8rem,6vw,5rem)}html[data-motion=off] .hero .chrome-hello,html[data-motion=off] .float-object,html[data-motion=off] .showcase-card,html[data-motion=off] .showcase-art,html[data-motion=off] .sculpture-word{transform:none!important}.projects-section .project-heading{--reveal:1}