@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#111312;--paper:#e7e5dd;--muted:#858982;--line:hsla(48,17%,89%,.18);--acid:#d8f26b;--coral:#f27d7d;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{font:inherit}h1,h2,h3{overflow-wrap:break-word}.site-header{position:fixed;z-index:10;top:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid transparent;transition:.3s}.site-header:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,19,18,.84),transparent);pointer-events:none}.wordmark{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;letter-spacing:-.04em}.wordmark-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--paper);font-size:14px;font-weight:400}.wordmark-muted{color:var(--muted);font-weight:400;margin-left:4px}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:44px;font:11px var(--mono);color:#aeb1aa;text-transform:uppercase}.desktop-nav a:hover,.footer-links a:hover{color:var(--acid)}.header-cta,.mobile-build{border-bottom:1px solid var(--acid);padding:9px 0 7px;font:11px var(--mono);text-transform:uppercase}.arrow-link span,.header-cta span{color:var(--acid);margin-left:10px;font-size:15px}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;min-height:100vh;overflow:hidden;background:#171b19}.hero:before{content:"";opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");pointer-events:none}.hero-grid,.hero:before{position:absolute;inset:0}.hero-grid{opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:10vw 10vw;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:160px 8vw 7.5vh}.eyebrow,.kicker{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow span{margin-left:27px;color:var(--acid)}.hero-title{margin:10vh 0 8vh;font-size:clamp(60px,10.8vw,160px);line-height:.82;letter-spacing:-.085em;font-weight:500;text-transform:uppercase}em{color:var(--acid);font-style:normal}.hero-title span{color:#888e85}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:14px;line-height:1.4;color:#b8bbb3}.arrow-link{display:inline-flex;align-items:center;border-bottom:1px solid #8c9087;padding-bottom:11px;text-transform:uppercase;font:11px var(--mono)}.arrow-link:hover{border-color:var(--acid);color:var(--acid)}.scroll-cue{position:absolute;bottom:6vh;right:4.5vw;display:flex;align-items:center;gap:13px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;font:10px var(--mono);text-transform:uppercase;color:#7d817b}.scroll-cue span{display:block;width:42px;border-top:1px solid var(--acid)}.cta-coordinates,.hero-index{position:absolute;right:4.5vw;top:115px;color:#6c716b;font:10px var(--mono)}.hero-orbit{position:absolute;border:1px solid hsla(72,84%,68%,.35);border-radius:50%}.orbit-one{width:48vw;height:48vw;right:-10vw;top:14vh;transform:rotate(-28deg) skewX(-20deg);box-shadow:0 0 100px hsla(72,84%,68%,.07)}.orbit-two{width:26vw;height:60vw;right:12vw;top:-6vh;transform:rotate(42deg);border-color:hsla(0,82%,72%,.3)}.orbit-one:after,.orbit-two:after{content:"";position:absolute;width:8px;height:8px;right:18%;top:10%;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}.section-pad{padding:145px 8vw}.worlds{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:35% 1fr;grid-gap:8vw;gap:8vw}.journal-section .eyebrow,.work-section .eyebrow,.worlds .eyebrow{color:#73786f}h2{font-size:clamp(54px,7.4vw,108px);line-height:.87;letter-spacing:-.085em;font-weight:500;text-transform:uppercase;margin:48px 0 30px}h2 span{display:block;color:#9da198}.intro-copy{max-width:240px;color:#696d67;font-size:14px;line-height:1.45;margin-top:100px}.world-list{border-top:1px solid rgba(17,19,18,.2)}.world-row{position:relative;min-height:180px;border-bottom:1px solid rgba(17,19,18,.2);display:grid;grid-template-columns:10% 35% 1fr 30px;align-items:center;transition:.4s;overflow:hidden}.world-row:hover{padding-left:15px}.world-number{font:10px var(--mono);color:#858982;align-self:flex-start;padding-top:28px}.world-row h3{font-size:clamp(34px,5vw,68px);letter-spacing:-.08em;text-transform:uppercase;font-weight:500;margin:0}.world-row h3,.world-row p{position:relative;z-index:1}.world-row p{max-width:175px;font-size:13px;line-height:1.4;color:#666b63}.row-arrow{font-size:25px;color:#8e9489;position:relative;z-index:1}.world-shape{position:absolute;width:180px;height:180px;right:9%;border-radius:50%;transform:scale(0);transition:.5s cubic-bezier(.2,.8,.2,1);opacity:.85}.world-row:hover .world-shape{transform:scale(1)}.world-games .world-shape{background:var(--coral);-webkit-clip-path:polygon(50% 0,78% 11%,100% 50%,78% 89%,50% 100%,22% 89%,0 50%,22% 11%);clip-path:polygon(50% 0,78% 11%,100% 50%,78% 89%,50% 100%,22% 89%,0 50%,22% 11%)}.world-apps .world-shape{background:#8ed6c0;transform:scale(0) rotate(45deg)}.world-apps:hover .world-shape{transform:scale(1) rotate(45deg)}.world-saas .world-shape{background:#d8f26b;border-radius:10px}.work-section{background:#f4f2eb;color:var(--ink)}.section-topline{display:flex;justify-content:space-between;align-items:center}.section-topline .arrow-link{color:#363b36}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.work-heading h2{margin-bottom:0}.work-heading p{max-width:240px;margin:0 7% 8px 0;color:#6d716b;line-height:1.4;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.project-card{display:block}.project-visual{aspect-ratio:4/3;position:relative;overflow:hidden;background:#202522;color:#f4f2eb}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 45%,hsla(0,0%,100%,.08))}.visual-label,.visual-status{position:absolute;z-index:2;top:17px;left:17px;font:9px var(--mono);text-transform:uppercase}.visual-status{left:auto;right:17px;color:var(--accent)}.visual-art{position:absolute;inset:0;display:grid;place-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .visual-art{transform:scale(1.09) rotate(-3deg)}.visual-art i{position:absolute;display:block}.visual-jelly .visual-art{background:#9bc6b1}.visual-jelly .visual-art i:first-child{width:42%;aspect-ratio:1;border-radius:50% 50% 42% 42%;background:#f7b267;box-shadow:inset -14px -18px 0 hsla(1,38%,57%,.35)}.visual-jelly .visual-art i:nth-child(2){width:8px;height:8px;border-radius:50%;background:var(--ink);transform:translate(-35px,-25px);box-shadow:38px 0 var(--ink)}.visual-jelly .visual-art i:nth-child(3){width:65%;height:1px;background:#f4f2eb;transform:rotate(-26deg)}.visual-signal .visual-art{background:#d4af83}.visual-signal .visual-art i{width:35%;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%}.visual-signal .visual-art i:nth-child(2){width:60%;border-color:rgba(17,19,18,.5)}.visual-signal .visual-art i:nth-child(3){width:85%;border-color:rgba(17,19,18,.22)}.visual-orbit .visual-art{background:#262938}.visual-orbit .visual-art i{width:46%;height:46%;border:1px solid #f27d7d;border-radius:50%;transform:rotate(35deg) skewX(-24deg)}.visual-orbit .visual-art i:nth-child(2){width:75%;height:35%;border-color:#d8f26b;transform:rotate(-35deg)}.visual-orbit .visual-art i:nth-child(3){width:6px;height:6px;border:0;background:#f4f2eb;box-shadow:0 0 25px #f4f2eb}.project-info{padding-top:20px}.project-info .kicker{color:#7a7f76;margin:0 0 7px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-info h3{margin:0;font-size:27px;text-transform:uppercase;font-weight:500;letter-spacing:-.06em}.card-arrow{flex-shrink:0;color:#60665e;font-size:24px}.project-description{color:#656a62;font-size:13px;line-height:1.4;max-width:280px;margin:17px 0 22px}.project-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #c7c9c1;padding-top:11px;font:10px var(--mono);color:#71766e;text-transform:uppercase}.project-meta span:last-child{flex-shrink:0}.manifesto{background:#202522}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12vw;gap:12vw}.manifesto h2{margin-top:110px}.principles{border-top:1px solid var(--line);margin-top:44px}.principles div{display:grid;grid-template-columns:15% 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.principles span{font:10px var(--mono);color:#727971}.principles h3{margin:0;font-size:32px;font-weight:400;text-transform:uppercase;letter-spacing:-.07em;grid-column:2}.principles p{margin:7px 0 0;color:#878e84;font-size:13px;grid-column:2}.lab-section{background:#d8f26b}.lab-section,.lab-section em{color:var(--ink)}.lab-section .eyebrow{color:#666d54}.lab-section .arrow-link{border-color:#687444}.lab-content{display:grid;grid-template-columns:35% 1fr;grid-gap:8vw;gap:8vw;align-items:center}.lab-content h2{margin:25px 0}.lab-content p:not(.kicker){max-width:345px;color:#5c6646;line-height:1.45;font-size:15px;margin:0 0 34px}.lab-mark{width:220px;height:220px;border:1px solid rgba(17,19,18,.3);border-radius:50%;display:grid;place-items:center;font-size:145px;font-weight:200;animation:spin 22s linear infinite}.journal-section{background:#e7e5dd;color:var(--ink)}.journal-row{display:grid;grid-template-columns:35% 1fr 30px;align-items:flex-end;border-bottom:1px solid #a7aaa1;padding:70px 0 22px}.journal-date{font:10px var(--mono);color:#7b8077;align-self:flex-start}.journal-row .kicker{color:#777c72;margin:0 0 10px}.journal-row h3{font-size:clamp(32px,4.3vw,63px);line-height:.95;letter-spacing:-.08em;text-transform:uppercase;font-weight:500;margin:0}.final-cta{position:relative;overflow:hidden;background:#e8e5dc;color:var(--ink);padding:175px 8vw 120px;min-height:620px}.final-cta h2{position:relative;z-index:1;margin:60px 0 55px;font-size:clamp(75px,12vw,175px)}.final-cta .arrow-link{position:relative;z-index:1;border-color:#8d9287}.final-glow{position:absolute;width:55vw;height:55vw;right:-5vw;top:-15vw;border-radius:50%;background:radial-gradient(circle at center,hsla(72,84%,68%,.9),hsla(72,84%,68%,.1) 55%,transparent 70%);filter:blur(3px)}.cta-coordinates{top:auto;bottom:55px;right:8vw;color:#767b70;line-height:1.6}.site-footer{background:#111312;padding:75px 8vw 25px}.footer-brand{display:flex;gap:14px;align-items:flex-start;font-size:23px;line-height:.92;text-transform:uppercase;letter-spacing:-.07em}.footer-brand p{margin:0}.footer-brand p span{color:#7e857d}.footer-links{display:flex;justify-content:flex-end;gap:14vw;margin-top:-30px}.footer-links div{display:flex;flex-direction:column;gap:14px;min-width:90px}.footer-links .eyebrow{margin:0 0 7px}.footer-links a{font-size:14px;color:#b5b9b1}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:105px;padding-top:18px;font:9px var(--mono);color:#666c65;text-transform:uppercase}.inner-page{padding-top:82px;background:var(--paper);color:var(--ink)}.page-heading{padding:130px 8vw 150px;background:#171b19;color:var(--paper);min-height:510px}.page-heading h1{font-size:clamp(72px,12vw,170px);line-height:.82;letter-spacing:-.09em;text-transform:uppercase;font-weight:500;margin:75px 0 50px}.page-heading>p:last-child{max-width:370px;margin-left:52%;color:#a7aca3;line-height:1.45;font-size:15px}.page-band{padding:120px 8vw;border-bottom:1px solid #c5c7bf}.page-band h2{margin:70px 0}.work-page-content{padding:55px 8vw 130px}.filter-row{display:flex;gap:25px;border-bottom:1px solid #b8bbb2;margin-bottom:60px}.filter-row button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 14px;cursor:pointer;font:10px var(--mono);color:#787d74;text-transform:uppercase}.filter-row button.active,.filter-row button:hover{color:var(--ink);border-color:var(--acid)}.case-visual{aspect-ratio:2.1/1;position:relative;overflow:hidden;background:#252b27;margin-bottom:55px}.case-visual .visual-art{position:absolute;inset:0}.case-visual .visual-art i{position:absolute;display:block}.case-visual.visual-jelly .visual-art{background:#9bc6b1}.case-visual.visual-jelly .visual-art i:first-child{width:22%;aspect-ratio:1;left:39%;top:15%;border-radius:50%;background:#f7b267;box-shadow:inset -18px -22px 0 hsla(1,38%,57%,.35)}.case-visual.visual-signal .visual-art{background:#d4af83}.case-visual.visual-signal .visual-art i{width:26%;aspect-ratio:1;left:37%;top:7%;border:1px solid var(--ink);border-radius:50%}.case-visual.visual-signal .visual-art i:nth-child(2){width:46%;left:27%;top:-3%;border-color:rgba(17,19,18,.5)}.case-visual.visual-signal .visual-art i:nth-child(3){width:66%;left:17%;top:-13%;border-color:rgba(17,19,18,.22)}.case-visual.visual-orbit .visual-art{background:#262938}.case-visual.visual-orbit .visual-art i{width:30%;height:70%;left:35%;top:15%;border:1px solid #f27d7d;border-radius:50%;transform:rotate(35deg) skewX(-24deg)}.case-visual.visual-orbit .visual-art i:nth-child(2){width:60%;height:38%;left:20%;top:31%;border-color:#d8f26b;transform:rotate(-35deg)}.case-copy{display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw;max-width:800px}.case-copy>p,.wide-copy{font-size:21px;line-height:1.3;letter-spacing:-.04em;margin:0}.case-copy .project-meta{align-self:flex-end}.case-next{padding:100px 8vw}.studio-columns{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.studio-columns p{border-top:1px solid #abb0a5;padding-top:18px;font-size:20px;line-height:1.25;letter-spacing:-.04em}.wide-copy{max-width:680px}.experiment-list{border-top:1px solid #aeb2a8}.experiment-list article{display:grid;grid-template-columns:12% 1fr 30px;padding:28px 0;border-bottom:1px solid #aeb2a8}.experiment-list article>span{font:10px var(--mono);color:#777d72}.experiment-list .kicker,.journal-feature .kicker{margin:0 0 12px;color:#787d74}.experiment-list h3{font-size:42px;font-weight:500;letter-spacing:-.07em;text-transform:uppercase;margin:0 0 10px}.experiment-list p:last-child{color:#6d7269;margin:0;max-width:380px}.experiment-list b{font-size:22px;color:#687161}.journal-feature{border-top:1px solid #aeb2a8;border-bottom:1px solid #aeb2a8;padding:30px 0 45px;max-width:800px}.journal-feature h3{font-size:clamp(42px,6vw,84px);line-height:.9;font-weight:500;letter-spacing:-.08em;text-transform:uppercase;margin:50px 0 30px}.journal-feature p:not(.kicker){color:#6b7067;max-width:420px;line-height:1.45}.journal-feature span{display:inline-block;margin-top:25px;border-bottom:1px solid #7e8479;padding-bottom:10px;font:10px var(--mono);text-transform:uppercase}.contact-form-wrap{padding:30px 8vw 150px}form{max-width:700px}form label{display:block;border-top:1px solid #afb3a9;padding:22px 0 12px;font:10px var(--mono);color:#727970;text-transform:uppercase}form input,form select,form textarea{display:block;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:22px var(--sans);padding:18px 0 8px;resize:vertical}form input:focus,form select:focus,form textarea:focus{border-bottom:1px solid var(--acid)}.form-submit{margin-top:45px;border:0;border-bottom:1px solid var(--ink);background:none;padding:0 0 12px;cursor:pointer;font:11px var(--mono);text-transform:uppercase}.form-submit span{color:#73863b;margin-left:18px;font-size:17px}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-error{margin-top:24px;color:var(--coral);font-size:13px;line-height:1.4}.sent-state h2{margin-left:0}.sent-state p:last-child{color:#6d7269}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:800px){.site-header{height:68px;padding:0 6vw}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;font:10px var(--mono);text-transform:uppercase}.menu-toggle i{width:25px;height:1px;background:var(--acid);display:block;position:relative}.menu-toggle i:after{content:"";position:absolute;top:5px;width:15px;right:0;border-top:1px solid var(--acid)}.mobile-nav{position:absolute;display:flex;visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:23px;padding:100px 6vw 40px;inset:0;min-height:100vh;background:#171b19;transition:.35s}.menu-open .mobile-nav{visibility:visible;opacity:1;pointer-events:auto}.mobile-nav a:not(.mobile-build){display:flex;align-items:baseline;justify-content:space-between;font-size:42px;line-height:1;letter-spacing:-.08em;text-transform:uppercase}.mobile-nav a b{font:10px var(--mono);color:var(--acid);margin-right:auto}.mobile-nav a span{font-size:24px;color:var(--acid)}.mobile-build{align-self:flex-start;margin-top:30px}.hero-content{padding:125px 6vw 55px}.hero-title{font-size:18vw;margin:15vh 0 12vh}.hero-bottom{display:block}.hero-bottom .arrow-link{margin-top:32px}.hero-index{top:auto;bottom:25px;right:6vw}.scroll-cue{display:none}.orbit-one{width:100vw;height:100vw;right:-52vw;top:28vh}.orbit-two{width:55vw;height:110vw;right:4vw;top:9vh}.section-pad{padding:90px 6vw}.lab-content,.manifesto-grid,.worlds{display:block}.intro-copy{margin-top:50px}.world-list{margin-top:70px}.world-row{grid-template-columns:12% 1fr 25px;min-height:145px}.world-row p{display:none}.world-shape{width:130px;height:130px;right:10%}.work-heading{display:block;margin-bottom:45px}.work-heading p{margin:25px 0 0}.project-grid{grid-template-columns:1fr;gap:55px}.project-visual{aspect-ratio:4/3}.card-preview-hint{display:none}.manifesto h2,.principles{margin-top:65px}.lab-mark{width:150px;height:150px;font-size:95px;margin-bottom:75px}.journal-row{grid-template-columns:1fr 25px;gap:20px;padding-top:55px}.journal-date{grid-column:1/-1}.final-cta{min-height:560px;padding:120px 6vw 90px}.final-cta h2{margin-top:55px}.final-glow{width:100vw;height:100vw;right:-45vw;top:15vh}.cta-coordinates{right:6vw;bottom:35px}.site-footer{padding:60px 6vw 25px}.footer-links{justify-content:space-between;margin-top:75px;gap:20px}.footer-bottom{display:grid;grid-gap:12px;gap:12px;margin-top:70px}.inner-page{padding-top:68px}.page-heading{padding:95px 6vw 90px;min-height:430px}.page-heading h1{margin:65px 0 42px;font-size:19vw}.page-heading>p:last-child{margin-left:0}.page-band{padding:80px 6vw}.page-band h2{margin:55px 0}.contact-form-wrap,.work-page-content{padding:38px 6vw 90px}.case-copy,.studio-columns{display:block}.case-copy>p{margin-bottom:55px;font-size:18px}.experiment-list h3{font-size:31px}.experiment-list article{grid-template-columns:15% 1fr 20px}.studio-columns p{margin:0;padding:18px 0 25px}.contact-form-wrap form input,.contact-form-wrap form select,.contact-form-wrap form textarea,.wide-copy{font-size:18px}}.visual-doma .visual-art{background:#2a2622}.visual-doma .visual-art i:first-child{width:55%;aspect-ratio:1.4;border-radius:4px;background:#d8c3a5}.visual-doma .visual-art i:nth-child(2){width:30%;aspect-ratio:1;border-radius:50%;background:#f4f2eb;transform:translate(30px,-20px);opacity:.5}.visual-doma .visual-art i:nth-child(3){width:65%;height:1px;background:#f4f2eb;opacity:.3;transform:translateY(40px)}.case-visual.visual-doma .visual-art{background:#2a2622}.case-visual.visual-doma .visual-art i:first-child{width:40%;aspect-ratio:1.4;left:30%;top:22%;border-radius:4px;background:#d8c3a5}.case-visual.visual-doma .visual-art i:nth-child(2){width:18%;aspect-ratio:1;left:60%;top:8%;border-radius:50%;background:#f4f2eb;opacity:.5}.case-visual.visual-doma .visual-art i:nth-child(3){width:50%;height:1px;left:25%;top:65%;background:#f4f2eb;opacity:.3}.visual-formulated .visual-art{background:#1a1a1a}.visual-formulated .visual-art i:first-child{width:70%;height:3px;background:#e63946;transform:skewX(-25deg) translateY(-10px)}.visual-formulated .visual-art i:nth-child(2){width:50%;height:3px;background:#e63946;opacity:.5;transform:skewX(-25deg) translateY(15px)}.visual-formulated .visual-art i:nth-child(3){width:6px;height:6px;border-radius:50%;background:#f4f2eb;box-shadow:0 0 20px #f4f2eb;transform:translate(20px,-35px)}.case-visual.visual-formulated .visual-art{background:#1a1a1a}.case-visual.visual-formulated .visual-art i:first-child{width:60%;height:4px;left:20%;top:40%;background:#e63946;transform:skewX(-25deg)}.case-visual.visual-formulated .visual-art i:nth-child(2){width:40%;height:4px;left:30%;top:55%;background:#e63946;opacity:.5;transform:skewX(-25deg)}.case-visual.visual-formulated .visual-art i:nth-child(3){width:8px;height:8px;left:35%;top:25%;border-radius:50%;background:#f4f2eb;box-shadow:0 0 25px #f4f2eb}.visual-personabots .visual-art{background:#000}.visual-personabots .visual-art i:first-child{width:34%;aspect-ratio:1;border-radius:50%;border:1px solid #f4f2eb;opacity:.4}.visual-personabots .visual-art i:nth-child(2){width:55%;aspect-ratio:1;border-radius:50%;border:1px solid #f4f2eb;opacity:.2}.visual-personabots .visual-art i:nth-child(3){width:6px;height:6px;border-radius:50%;background:#f4f2eb;box-shadow:0 0 20px #f4f2eb;transform:translate(24px,-30px)}.case-visual.visual-personabots .visual-art{background:#000}.case-visual.visual-personabots .visual-art i:first-child{width:20%;aspect-ratio:1;left:40%;top:12%;border-radius:50%;border:1px solid #f4f2eb;opacity:.4}.case-visual.visual-personabots .visual-art i:nth-child(2){width:34%;aspect-ratio:1;left:33%;top:-6%;border-radius:50%;border:1px solid #f4f2eb;opacity:.2}.case-visual.visual-personabots .visual-art i:nth-child(3){width:8px;height:8px;left:56%;top:30%;border-radius:50%;background:#f4f2eb;box-shadow:0 0 25px #f4f2eb}.visual-dino .visual-art{background:#bfe6f5}.visual-dino .visual-art i:first-child{width:34%;height:34%;border-radius:4px 4px 40% 40%;background:#2fae66}.visual-dino .visual-art i:nth-child(2){width:55%;height:2px;background:#24422f;opacity:.25;transform:translateY(60px)}.visual-dino .visual-art i:nth-child(3){width:40%;aspect-ratio:1.6;border-radius:0;-webkit-clip-path:polygon(50% 0,80% 100%,20% 100%);clip-path:polygon(50% 0,80% 100%,20% 100%);background:#3a3f4a;opacity:.8;transform:translate(60px,20px)}.visual-skate .visual-art{background:#141a3d}.visual-skate .visual-art i:first-child{width:70%;height:3px;background:#ff7a3d}.visual-skate .visual-art i:nth-child(2){width:40%;height:55%;background:#2b3364;transform:translate(50px,30px)}.visual-skate .visual-art i:nth-child(3){width:24px;height:24px;border-radius:50%;background:#f4f0e0;box-shadow:0 0 25px hsla(48,48%,92%,.6);transform:translate(80px,-70px)}.case-visual.visual-dino .visual-art{background:#bfe6f5}.case-visual.visual-dino .visual-art i:first-child{width:18%;height:30%;left:30%;top:55%;border-radius:4px 4px 40% 40%;background:#2fae66}.case-visual.visual-dino .visual-art i:nth-child(2){width:30%;aspect-ratio:1.6;left:55%;top:30%;-webkit-clip-path:polygon(50% 0,80% 100%,20% 100%);clip-path:polygon(50% 0,80% 100%,20% 100%);background:#3a3f4a;opacity:.8}.case-visual.visual-skate .visual-art{background:#141a3d}.case-visual.visual-skate .visual-art i:first-child{width:50%;height:4px;left:25%;top:70%;background:#ff7a3d}.case-visual.visual-skate .visual-art i:nth-child(2){width:16px;height:16px;left:60%;top:20%;border-radius:50%;background:#f4f0e0;box-shadow:0 0 20px hsla(48,48%,92%,.6)}.work-category{margin-top:95px}.work-category:first-of-type{margin-top:10px}.work-category-heading{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 34px;padding-bottom:16px;border-bottom:1px solid #b8bbb2;color:var(--ink)}.project-card.no-click{position:relative;cursor:default}.card-preview-hint{flex-shrink:0;font:9px var(--mono);text-transform:uppercase;color:#8e9489;letter-spacing:.05em;white-space:nowrap}@media (hover:none),(pointer:coarse){.card-preview-hint{display:none}}.card-preview{position:absolute;top:0;left:100%;margin-left:16px;width:230px;max-width:60vw;background:#171b19;border:1px solid var(--line);padding:10px;border-radius:4px;opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s;z-index:30;box-shadow:0 20px 50px rgba(0,0,0,.35)}.project-card.no-click:focus-within .card-preview,.project-card.no-click:hover .card-preview{opacity:1;visibility:visible;transform:translateX(0)}.card-preview-inner{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}.preview-shot{display:block;width:100%;height:auto;border-radius:3px;background:#000}.project-grid>.project-card.no-click:nth-child(3n) .card-preview{left:auto;right:100%;margin-left:0;margin-right:16px;transform:translateX(6px)}.project-grid>.project-card.no-click:nth-child(3n):focus-within .card-preview,.project-grid>.project-card.no-click:nth-child(3n):hover .card-preview{transform:translateX(0)}@media (max-width:800px){.card-preview{top:100%;width:auto;max-width:none}.card-preview,.project-grid>.project-card.no-click:nth-child(3n) .card-preview{left:0;right:0;margin:12px 0 0;transform:translateY(-6px)}.project-card.no-click:focus-within .card-preview,.project-card.no-click:hover .card-preview,.project-grid>.project-card.no-click:nth-child(3n):focus-within .card-preview,.project-grid>.project-card.no-click:nth-child(3n):hover .card-preview{transform:translateY(0)}}