:root{font-family:Manrope,system-ui,sans-serif;color:#f1efe7;background:#151512;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#151512;--paper:#f1efe7;--muted:#aaa9a1;--lime:#c7ff4a;--line:rgba(241,239,231,.16);--display:Syne,Manrope,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;background:var(--ink);color:var(--paper);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.section{padding:clamp(90px,11vw,180px) clamp(20px,4vw,72px)}.eyebrow{font:500 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.045em}em{font-weight:500;color:var(--lime)}.site-header{position:fixed;z-index:50;left:18px;right:18px;top:14px;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border:1px solid rgba(255,255,255,.12);background:#141411c7;backdrop-filter:blur(18px);border-radius:10px}.wordmark{font:700 16px var(--display);letter-spacing:-.04em;justify-self:start}.wordmark span{color:var(--lime);font-size:9px;vertical-align:top;margin-left:3px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:12px}.site-header nav a{opacity:.72;transition:.2s ease}.site-header nav a:hover,.site-header nav a:focus-visible{opacity:1;color:var(--lime)}.nav-github{display:none!important}.header-cta{justify-self:end;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:12px 16px;border-radius:6px;color:var(--ink);background:var(--lime)}.menu-button{display:none;background:none;border:0;padding:10px}.hero{position:relative;min-height:100svh;padding:110px clamp(20px,4vw,72px) 42px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.hero:after{content:"";position:absolute;right:-18vw;top:-30vw;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(199,255,74,.14),transparent 65%);pointer-events:none}.hero-kicker{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);padding-top:8px}.hero-copy{align-self:center;position:relative;z-index:3;max-width:1180px}.hero h1{font-size:clamp(56px,8.4vw,142px);line-height:.82;margin:0 0 36px;text-transform:uppercase}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:10vw}.hero-copy>p{font-size:clamp(15px,1.5vw,21px);line-height:1.6;max-width:600px;margin-left:11vw;color:#c2c0b8}.hero-actions{display:flex;align-items:center;gap:28px;margin:28px 0 0 11vw}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:50px;padding:0 20px;border-radius:5px;border:0;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,background .25s ease}.button svg,.text-link svg{transition:transform .25s ease}.button:hover{transform:translateY(-2px)}.button:hover svg,.text-link:hover svg{transform:translate(4px)}.button.primary{color:var(--ink);background:var(--lime)}.button.subtle{border:1px solid var(--line);background:#ffffff08}.text-link{display:inline-flex;align-items:center;gap:10px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:7px}.hero-scene{position:absolute;right:1vw;top:20vh;width:min(35vw,530px);height:65vh;perspective:1100px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out;z-index:2}.scene-card{position:absolute;width:70%;aspect-ratio:1.45;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 32%,#25251f),#171714 72%);box-shadow:0 35px 60px #00000059;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.scene-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.035) 12% 12.5%)}.scene-card>span{position:absolute;top:14px;right:15px;font:10px var(--mono)}.scene-card strong{font:600 clamp(17px,2vw,30px) var(--display);position:relative}.scene-card small{font:9px var(--mono);letter-spacing:.08em;color:#d6d4cc;position:relative;margin-top:8px}.card-1{top:0;right:0;transform:translateZ(55px) rotate(4deg);animation:float-a 8s ease-in-out infinite}.card-2{top:27%;left:0;transform:translateZ(5px) rotate(-7deg);animation:float-b 9s ease-in-out infinite}.card-3{bottom:0;right:4%;transform:translateZ(80px) rotate(7deg);animation:float-c 10s ease-in-out infinite}.scene-orbit{position:absolute;left:25%;top:38%;width:230px;height:230px;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:flex;justify-content:space-between;align-items:center;transform:rotateX(65deg) rotate(-20deg);font:8px var(--mono);letter-spacing:.12em}.scene-orbit i{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 30px var(--lime)}.scroll-cue{align-self:end;display:flex;gap:16px;align-items:center;font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.scroll-cue i{display:block;width:80px;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}@keyframes float-a{50%{transform:translate3d(0,-12px,65px) rotate(2deg)}}@keyframes float-b{50%{transform:translate3d(-10px,14px,15px) rotate(-4deg)}}@keyframes float-c{50%{transform:translate3d(8px,-8px,95px) rotate(5deg)}}.work-section{background:var(--paper);color:var(--ink);border-radius:24px 24px 0 0}.section-heading{display:grid;grid-template-columns:.6fr 1.2fr .7fr;gap:5vw;align-items:end;margin-bottom:clamp(80px,12vw,170px)}.section-heading h2,.function-intro h2{font-size:clamp(50px,7vw,106px);line-height:.9;margin:0}.section-heading p{font-size:15px;line-height:1.7;margin:0;color:#5e5e58}.section-heading .eyebrow{color:#5b5b55;align-self:start}.featured-list{display:flex;flex-direction:column;gap:clamp(120px,16vw,240px)}.project-feature{display:grid;grid-template-columns:80px minmax(250px,.65fr) minmax(400px,1.35fr);gap:clamp(24px,4vw,70px);align-items:center}.project-meta{align-self:stretch;border-right:1px solid #cbc9c0;display:flex;flex-direction:column;justify-content:space-between}.project-index{font:300 32px var(--mono)}.project-meta div{display:flex;flex-direction:column;gap:5px;writing-mode:vertical-rl;transform:rotate(180deg);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#74736d}.project-copy h3{font-size:clamp(38px,4.5vw,72px);line-height:.95;margin:10px 0 25px}.project-copy>p:not(.project-focus){font-size:15px;line-height:1.75;color:#5d5d57;max-width:520px}.project-focus{font:10px var(--mono);letter-spacing:.12em;color:#77766f}.project-copy ul{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font:10px var(--mono);text-transform:uppercase}.project-copy li:before{content:"↳";color:#6f6f68;margin-right:8px}.project-actions{display:flex;align-items:center;gap:10px}.project-copy .button.subtle{border-color:#b9b7ae}.icon-link{display:grid;place-items:center;width:50px;height:50px;border:1px solid #b9b7ae;border-radius:5px}.project-visual{position:relative;display:block;perspective:1200px}.live-preview{background:#0f0f0e;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden;box-shadow:0 36px 80px #00000040;transform:rotateY(-3deg) rotateX(1deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-visual:hover .live-preview{transform:rotateY(0) rotateX(0) translateY(-6px)}.browser-bar{height:34px;background:#252521;display:flex;align-items:center;padding:0 12px;gap:6px}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#696861}.browser-bar>span:first-child{background:var(--project-accent)}.browser-bar div{margin:auto;font:8px var(--mono);color:#94938c;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,var(--project-accent) 25%,#171714)}.preview-stage iframe{position:absolute;width:166.67%;height:166.67%;border:0;transform:scale(.6);transform-origin:0 0;pointer-events:none}.preview-shield{position:absolute;inset:0}.preview-poster{height:100%;display:grid;place-content:center;text-align:center}.preview-poster strong{font:600 28px var(--display)}.preview-poster span{font:9px var(--mono);margin-top:10px;color:#ccc}.phone-frame{position:absolute;right:-3%;bottom:-8%;width:18%;aspect-ratio:9/19;background:#111;border:5px solid #111;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000059;z-index:3}.phone-frame iframe{width:430%;height:430%;border:0;transform:scale(.232);transform-origin:0 0;pointer-events:none}.phone-frame span{position:absolute;top:4px;left:35%;width:30%;height:4px;background:#151515;border-radius:4px}.function-section{background:#1b1b18;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.function-intro h2{margin:25px 0 30px}.function-intro p{max-width:460px;color:var(--muted);line-height:1.8}.workflow-board{border:1px solid var(--line);border-radius:14px;background:#121210;overflow:hidden}.workflow-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.workflow-tabs button{white-space:nowrap;padding:16px 18px;background:none;border:0;border-right:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;cursor:pointer;color:#777}.workflow-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink)}.workflow-flow{min-height:360px;padding:60px 32px;display:flex;align-items:center;justify-content:center;gap:12px}.flow-step{position:relative;flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:20px 12px;background:#1c1c18}.flow-step span{display:block;color:var(--lime);font:9px var(--mono);margin-bottom:28px}.flow-step strong{font:500 12px var(--mono);word-break:break-word}.flow-arrow{position:absolute;right:-21px;top:50%;z-index:2;color:var(--lime)}.workflow-pulse{display:flex;align-items:center;gap:14px;padding:0 30px 25px;font:9px var(--mono);letter-spacing:.09em;color:#777}.workflow-pulse i{height:1px;flex:1;background:linear-gradient(90deg,#555,var(--lime));position:relative}.workflow-pulse i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.capabilities{background:#d7d5cc;color:var(--ink)}.section-heading.compact{grid-template-columns:.5fr 1.5fr;margin-bottom:80px}.section-heading.compact h2{font-size:clamp(48px,7vw,100px)}.capability-list{border-top:1px solid #a8a79f}.capability-list article{display:grid;grid-template-columns:70px .8fr 1fr auto;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid #aaa9a1;transition:padding .25s ease,background .25s ease}.capability-list article:hover{padding-left:14px;padding-right:14px;background:#ffffff38}.capability-list span{font:10px var(--mono)}.capability-list h3{font-size:clamp(22px,2.5vw,36px);margin:0;text-transform:uppercase}.capability-list p{margin:0;color:#5f5f59;font-size:14px}.archive{background:#24231f}.archive-head{display:flex;justify-content:space-between;margin-bottom:50px}.archive-head p{color:var(--muted);font-size:13px}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.archive-list a{position:relative;padding:32px 60px 32px 0;border-bottom:1px solid var(--line);transition:padding .25s ease}.archive-list a:nth-child(odd){border-right:1px solid var(--line);padding-right:32px}.archive-list a:nth-child(2n){padding-left:32px}.archive-list a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent);padding-left:18px}.archive-list a:nth-child(2n):hover{padding-left:46px}.archive-list span{font:9px var(--mono);text-transform:uppercase;color:var(--accent)}.archive-list h3{font-size:clamp(26px,3vw,44px);margin:12px 0 8px}.archive-list p{font-size:11px;color:var(--muted);margin:0}.archive-list svg{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.about{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:clamp(50px,9vw,150px);align-items:center;background:#151512}.about-image{position:relative;max-width:560px}.about-image:before{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid var(--line)}.about-image img{width:100%;display:block;filter:saturate(.8);position:relative}.about-image>span{position:absolute;left:-12px;bottom:28px;background:var(--lime);color:var(--ink);font:10px var(--mono);padding:10px 14px;transform:rotate(-90deg);transform-origin:left bottom}.about-copy h2{font-size:clamp(44px,6vw,88px);line-height:.95;margin:28px 0 35px}.about-copy>p{max-width:680px;font-size:clamp(16px,1.6vw,21px);line-height:1.7;color:#b7b5ad}.about-facts{display:flex;flex-wrap:wrap;gap:9px;margin:40px 0}.about-facts span{border:1px solid var(--line);border-radius:99px;padding:9px 13px;font:9px var(--mono);text-transform:uppercase}.process{background:#f1efe7;color:var(--ink)}.process .eyebrow{color:#686861}.process-grid{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bbb9b0}.process-grid article{min-height:300px;padding:26px 22px;border-right:1px solid #bbb9b0;display:flex;flex-direction:column}.process-grid article:last-child{border-right:0}.process-grid span{font:10px var(--mono);color:#74736d}.process-grid h3{font-size:clamp(24px,2.6vw,40px);margin:auto 0 18px}.process-grid p{font-size:12px;line-height:1.6;color:#65645e}.contact{background:#151512;padding-bottom:25px}.contact-heading{display:grid;grid-template-columns:.45fr 1.2fr .45fr;gap:4vw;align-items:start}.contact-heading h2{font-size:clamp(48px,7vw,105px);line-height:.9}.contact-heading p{color:var(--muted);line-height:1.7}.contact form{max-width:1050px;margin:100px auto;display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.contact label{display:flex;flex-direction:column;gap:10px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#aaa}.contact input,.contact select,.contact textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);padding:14px 0;outline:none;border-radius:0}.contact select option{background:#20201c}.contact textarea{resize:vertical}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--lime)}.contact .wide,.form-foot{grid-column:1/-1}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-foot p{font-size:10px;color:#777;max-width:500px;margin:0}footer{border-top:1px solid var(--line);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr auto auto;gap:30px;align-items:center;font-size:11px;color:#8d8c85}footer p{margin:0}footer>a:not(.wordmark){display:flex;gap:8px;align-items:center}.case-page{--project-accent:#c7ff4a;padding-top:100px}.case-hero{min-height:72vh;padding:45px clamp(20px,5vw,80px) 60px;display:grid;grid-template-columns:.3fr 1.5fr .5fr;gap:5vw;align-items:end;background:radial-gradient(circle at 70% 0,color-mix(in srgb,var(--project-accent) 20%,transparent),transparent 45%)}.back-link{align-self:start;font:10px var(--mono);text-transform:uppercase}.case-hero h1{font-size:clamp(70px,11vw,170px);line-height:.78;margin:20px 0 40px;text-transform:uppercase}.case-hero p{max-width:700px;color:#bab8b0;font-size:clamp(16px,1.8vw,24px);line-height:1.55}.case-meta{display:flex;flex-direction:column;gap:12px;font:9px var(--mono);text-transform:uppercase;color:var(--project-accent)}.case-preview{padding:80px clamp(20px,8vw,140px) 120px;background:var(--paper);position:relative}.case-preview .live-preview{transform:none}.case-preview .button{position:absolute;right:clamp(30px,10vw,170px);bottom:90px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.case-story article{background:#191916;padding:clamp(70px,9vw,140px) clamp(25px,6vw,100px)}.case-story h2{font-size:clamp(30px,4.2vw,64px);line-height:1.1;margin-top:30px}.case-features{padding:100px clamp(20px,6vw,100px);background:#d7d5cc;color:var(--ink)}.case-features>.eyebrow{color:#65645e;display:block;margin-bottom:50px}.case-features div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid #aaa9a1;padding:24px 0}.case-features div:last-child{border-bottom:1px solid #aaa9a1}.case-features div span{font:10px var(--mono)}.case-features h3{font-size:clamp(25px,4vw,52px);margin:0}.next-project{padding:80px clamp(20px,6vw,100px);display:grid;grid-template-columns:1fr 3fr auto;align-items:center;background:var(--project-accent);color:var(--ink)}.next-project span{font:10px var(--mono);text-transform:uppercase}.next-project strong{font:600 clamp(32px,5vw,72px) var(--display)}.not-found{min-height:100svh;display:grid;place-content:center;text-align:center;gap:22px}.broken-window{width:min(74vw,480px);height:270px;border:1px solid var(--line);border-radius:12px;position:relative;padding-top:40px;transform:rotate(-4deg);background:#1f1f1b}.broken-window:before{content:"";position:absolute;left:0;right:0;top:30px;border-top:1px solid var(--line)}.broken-window span{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background:#666;margin:0 3px;top:-26px}.broken-window strong{display:block;font:700 120px var(--display);color:var(--lime)}.not-found p{color:var(--muted)}.not-found .button{justify-self:center}.cursor{position:fixed;left:-8px;top:-8px;width:16px;height:16px;border:1px solid var(--lime);border-radius:50%;z-index:100;pointer-events:none;transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav,.header-cta{display:none}.menu-button{display:block;justify-self:end}.menu-icon{display:block;width:23px;height:17px;position:relative}.menu-icon i{position:absolute;left:0;width:100%;height:1px;background:#fff;transition:.25s}.menu-icon i:first-child{top:4px}.menu-icon i:last-child{bottom:4px}.menu-icon.is-open i:first-child{transform:translateY(4px) rotate(45deg)}.menu-icon.is-open i:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav.is-open{display:flex;position:absolute;left:0;right:0;top:73px;min-height:calc(100vh - 90px);padding:60px 24px;background:#171714;border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:flex-start;gap:24px}.site-header nav.is-open a{font:600 34px var(--display);opacity:1}.nav-github{display:flex!important;font:500 12px var(--mono)!important}.hero-copy{align-self:end;padding-bottom:7vh}.hero h1 span:nth-child(2),.hero-copy>p,.hero-actions{margin-left:0}.hero-scene{opacity:.56;right:-12vw;top:18vh;width:54vw}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p{grid-column:2}.project-feature{grid-template-columns:50px 1fr}.project-visual{grid-column:1/-1;margin:20px 5vw}.function-section{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.contact-heading{grid-template-columns:1fr 2fr}.contact-heading p{grid-column:2}.case-hero{grid-template-columns:1fr}.back-link{margin-bottom:40px}.case-meta{flex-direction:row}.case-preview{padding-bottom:150px}}@media(max-width:680px){.site-header{left:10px;right:10px;top:8px;height:58px}.hero{padding:88px 18px 28px;min-height:880px}.hero-kicker span:last-child{display:none}.hero-copy{padding-bottom:25vh}.hero h1{font-size:clamp(46px,15vw,72px);line-height:.87}.hero h1 span{display:inline}.hero h1 span+span{margin-left:.2em}.hero-copy>p{font-size:14px;max-width:330px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-scene{top:auto;bottom:8vh;right:-8vw;width:88vw;height:300px}.scene-card{width:60%;padding:12px}.card-1{left:35%;right:auto}.card-2{top:30%;left:0}.card-3{right:4%;bottom:0}.scene-orbit{width:150px;height:150px}.section{padding:90px 18px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:25px;margin-bottom:80px}.section-heading>p{grid-column:auto}.section-heading h2,.function-intro h2{font-size:48px}.project-feature{grid-template-columns:1fr;gap:25px}.project-meta{border-right:0;border-bottom:1px solid #cbc9c0;flex-direction:row;padding-bottom:14px}.project-meta div{writing-mode:initial;transform:none;align-items:flex-end}.project-index{font-size:24px}.project-copy h3{font-size:48px}.project-copy ul{grid-template-columns:1fr}.project-visual{grid-column:auto;margin:10px 0 0}.live-preview{transform:none}.phone-frame{display:none}.featured-list{gap:120px}.workflow-flow{min-height:320px;align-items:stretch;flex-direction:column;padding:30px 20px}.flow-step{display:grid;grid-template-columns:40px 1fr;align-items:center;padding:14px}.flow-step span{margin:0}.flow-arrow{right:calc(50% - 8px);top:auto;bottom:-19px;transform:rotate(90deg)}.capability-list article{grid-template-columns:34px 1fr auto;gap:10px}.capability-list p{grid-column:2/4}.archive-head{display:block}.archive-head p{margin-top:20px}.archive-list{grid-template-columns:1fr}.archive-list a,.archive-list a:nth-child(odd),.archive-list a:nth-child(2n){border-right:0;padding:26px 45px 26px 0}.archive-list a:nth-child(2n):hover{padding-left:18px}.about{grid-template-columns:1fr;gap:70px}.about-image{width:92%}.about-copy h2{font-size:48px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:auto;border-right:0;border-bottom:1px solid #bbb9b0;padding:28px 0;display:grid;grid-template-columns:45px 1fr}.process-grid h3{margin:0 0 14px}.process-grid p{grid-column:2}.contact-heading{grid-template-columns:1fr}.contact-heading h2{font-size:48px;margin-top:25px}.contact-heading p{grid-column:auto}.contact form{grid-template-columns:1fr;margin:70px 0}.contact .wide,.form-foot{grid-column:auto}.form-foot{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}footer p{display:none}.case-hero{min-height:700px;padding-top:30px}.case-hero h1{font-size:62px}.case-preview{padding:30px 18px 120px}.case-preview .button{left:18px;right:auto;bottom:45px}.case-story{grid-template-columns:1fr}.case-story article{padding:70px 20px}.next-project{grid-template-columns:1fr auto;gap:15px}.next-project span{grid-column:1/-1}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scene{transform:none!important}}@supports not (color:color-mix(in srgb,#000,#fff)){.scene-card,.preview-stage{background:#242420}.archive-list a:hover{background:#2c2b26}}.preview-stage picture,.preview-stage>img{display:block;width:100%;height:100%}.preview-stage picture img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-frame>img{width:100%;height:100%;object-fit:cover;object-position:top}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--scroll-progress: 0}.scroll-progress{position:fixed;z-index:80;inset:0 0 auto;height:2px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c7ff4a,#f1efe7);transform:scaleX(var(--scroll-progress));transform-origin:left;box-shadow:0 0 18px #c7ff4abf;will-change:transform}.route-shell{position:relative;animation:route-content-in .72s var(--ease-out-expo) both}.route-wipe{position:fixed;z-index:48;inset:0;pointer-events:none;background:#c7ff4a;transform-origin:right;animation:route-wipe .78s var(--ease-out-expo) both}@keyframes route-wipe{0%{transform:scaleX(1);transform-origin:left}48%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes route-content-in{0%{opacity:.55}to{opacity:1}}.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:10% 0 0 35%;background:radial-gradient(circle at 63% 35%,rgba(199,255,74,.13),transparent 24%),radial-gradient(circle at 78% 62%,rgba(178,140,255,.09),transparent 22%);filter:blur(12px);animation:ambient-breathe 7s ease-in-out infinite alternate}@keyframes ambient-breathe{to{opacity:.62;transform:scale(1.05) translate3d(-1%,1%,0)}}.hero-kicker{animation:hero-line-in .9s .08s var(--ease-out-expo) both}.hero h1>span{display:block;overflow:visible;animation:hero-title-in 1.05s var(--ease-out-expo) both}.hero h1>span:first-child{animation-delay:.12s}.hero h1>span:nth-child(2){animation-delay:.2s}.hero-copy>p{animation:hero-line-in .9s .34s var(--ease-out-expo) both}.hero-actions{animation:hero-line-in .9s .42s var(--ease-out-expo) both}@keyframes hero-title-in{0%{opacity:0;transform:translate3d(0,72px,0) skewY(3deg);filter:blur(9px)}to{opacity:1;transform:translateZ(0) skewY(0);filter:blur(0)}}@keyframes hero-line-in{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}.hero-scene{width:min(43vw,670px);right:-2vw;top:15vh;height:72vh;isolation:isolate}.studio-canvas,.studio-fallback{position:absolute;z-index:-1;inset:-12% -18%;width:136%;height:126%;pointer-events:none;filter:drop-shadow(0 45px 42px rgba(0,0,0,.42))}.studio-canvas{opacity:0;animation:canvas-in 1.4s .25s var(--ease-out-expo) forwards}.studio-canvas[data-webgl=unavailable]{display:none}.studio-fallback{border-radius:50%;background:radial-gradient(circle at 42% 40%,rgba(241,239,231,.3),transparent 5%),conic-gradient(from 45deg,#292925,#c7ff4a,#5a4c66,#181815,#292925);opacity:.38;filter:blur(16px);animation:fallback-spin 12s linear infinite}@keyframes canvas-in{to{opacity:1}}@keyframes fallback-spin{to{transform:rotate(1turn)}}.object-label{position:absolute;z-index:4;right:10%;top:10%;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#f1efe78c;font:8px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase}.object-label:before{content:"";width:74px;height:1px;margin-bottom:5px;background:linear-gradient(90deg,transparent,#c7ff4a)}.hero-scene .scene-card{width:42%;min-height:112px;aspect-ratio:1.65;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,rgba(25,25,22,.82)),#11110fb3);border-color:#fff3;backdrop-filter:blur(15px) saturate(1.2);box-shadow:0 24px 55px #0000003d}.hero-scene .card-1{top:5%;right:4%}.hero-scene .card-2{top:53%;left:-4%}.hero-scene .card-3{right:-1%;bottom:3%}.hero-scene .scene-orbit{opacity:.22}.motion-reveal{opacity:0;transform:translate3d(0,54px,0);filter:blur(7px);transition:opacity .9s var(--ease-out-expo) var(--reveal-delay, 0ms),transform 1.05s var(--ease-out-expo) var(--reveal-delay, 0ms),filter .85s var(--ease-out-expo) var(--reveal-delay, 0ms);will-change:opacity,transform}.motion-reveal.is-visible{opacity:1;transform:translateZ(0);filter:blur(0)}.project-feature{content-visibility:auto;contain-intrinsic-size:900px}.project-visual{overflow:visible}.project-visual:after{content:"";position:absolute;z-index:5;inset:-8% -4%;pointer-events:none;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.24) 47%,transparent 62%);transform:translate(-130%);transition:transform 1.1s var(--ease-out-expo)}.project-visual:hover:after{transform:translate(120%)}.project-visual .live-preview{transform-origin:center;transition:transform .8s var(--ease-out-expo),box-shadow .8s var(--ease-out-expo)}.project-visual:hover .live-preview{transform:rotateY(0) rotateX(0) translate3d(0,-12px,28px) scale(1.012);box-shadow:0 54px 100px #0000004d}.project-visual .phone-frame{transition:transform .8s var(--ease-out-expo)}.project-visual:hover .phone-frame{transform:translate3d(8px,-16px,55px) rotate(1.5deg)}.capability-list article h3,.archive-list h3,.process-grid article{transition:transform .55s var(--ease-out-expo),color .35s ease}.capability-list article:hover h3,.archive-list a:hover h3{transform:translate(9px)}.workflow-flow{perspective:800px}.flow-step{animation:flow-enter .62s var(--ease-out-expo) both}.flow-step:nth-child(2){animation-delay:70ms}.flow-step:nth-child(3){animation-delay:.14s}.flow-step:nth-child(4){animation-delay:.21s}@keyframes flow-enter{0%{opacity:0;transform:translate3d(-16px,18px,-35px)}to{opacity:1;transform:translateZ(0)}}.button,.icon-link{will-change:transform;transition:transform .38s var(--ease-out-expo),background .25s ease,color .25s ease}body:has(.button:hover) .cursor,body:has(.icon-link:hover) .cursor{width:34px;height:34px;left:-17px;top:-17px;background:#c7ff4a24}.about-image img{transition:transform 1.1s var(--ease-out-expo),filter .7s ease}.about-image:hover img{transform:scale(1.018);filter:saturate(1)}@media(max-width:1000px){.hero-scene{width:62vw;right:-15vw;top:19vh}.hero-scene .scene-card{width:42%}.object-label{display:none}}@media(max-width:680px){.hero-scene{width:102vw;right:-22vw;bottom:1vh;top:auto;height:390px;opacity:.92}.studio-canvas,.studio-fallback{inset:-22% -9%;width:118%;height:136%}.hero-scene .scene-card{width:42%;min-height:88px;padding:10px}.hero-scene .scene-card strong{font-size:14px}.hero-scene .scene-card small{font-size:7px}.hero-scene .card-1{top:4%;right:8%}.hero-scene .card-2{top:44%;left:0}.hero-scene .card-3{right:5%;bottom:0}.motion-reveal{transform:translate3d(0,32px,0);filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.route-shell,.route-wipe,.hero-kicker,.hero h1>span,.hero-copy>p,.hero-actions,.studio-canvas,.studio-fallback,.flow-step{animation:none!important}.route-wipe{display:none}.motion-reveal{opacity:1;transform:none;filter:none}.studio-canvas{opacity:1}}body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}.has-custom-cursor,.has-custom-cursor *{cursor:none!important}.cursor{left:0!important;top:0!important;width:40px!important;height:40px!important;border:0;background:transparent!important;opacity:0;mix-blend-mode:normal;will-change:transform;transition:opacity .2s ease!important}.cursor.is-visible{opacity:1}.cursor span,.cursor i{position:absolute;pointer-events:none;border-radius:50%}.cursor span{inset:4px;border:1px solid rgba(199,255,74,.9);box-shadow:0 0 0 1px #0f0f0c40,0 0 18px #c7ff4a29;transition:transform .28s var(--ease-out-expo),background .25s ease,box-shadow .25s ease}.cursor i{left:17px;top:17px;width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px #c7ff4ad9;transition:transform .2s ease,background .2s ease}.cursor.is-interactive span{transform:scale(1.42);background:#c7ff4a17;box-shadow:0 0 0 1px #c7ff4a33,0 0 32px #c7ff4a47}.cursor.is-project span{transform:scale(1.72) rotate(45deg);border-radius:9px;background:#c7ff4a1f}.cursor.is-pressed span{transform:scale(.78)}.cursor.is-pressed i{transform:scale(1.7)}.site-header{left:24px;right:24px;top:16px;height:70px;padding:0 10px 0 20px;border-color:#ffffff26;border-radius:16px;background:linear-gradient(90deg,#0f0f0de0,#141610bf);box-shadow:0 18px 55px #00000042,inset 0 1px #ffffff0b;backdrop-filter:blur(24px) saturate(1.35)}.site-header:after{content:"";position:absolute;left:20px;top:-1px;width:68px;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}.wordmark{display:inline-flex;align-items:flex-start;font-size:17px;letter-spacing:-.055em}.site-header nav{gap:2px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0a}.site-header nav a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:999px;font-size:11px;opacity:.78}.site-header nav a span{color:var(--lime);font:500 7px/1 var(--mono);opacity:.62}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--paper);background:#c7ff4a1a;box-shadow:inset 0 0 0 1px #c7ff4a24,0 0 22px #c7ff4a14}.header-cta{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 17px;border-radius:10px;box-shadow:0 8px 28px #c7ff4a29;transition:transform .35s var(--ease-out-expo),box-shadow .35s ease}.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px #c7ff4a42}.header-cta svg{width:14px;transition:transform .3s ease}.header-cta:hover svg{transform:translate(3px)}.hero-scene{width:min(45vw,710px);right:-2.5vw}.studio-canvas,.studio-fallback{inset:-8% -15% -14%;width:130%;height:122%;filter:drop-shadow(0 48px 48px rgba(0,0,0,.42)) drop-shadow(0 0 35px rgba(199,255,74,.055))}.hero-scene .scene-card{width:37%;min-height:102px;border-color:#ffffff29;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,rgba(18,18,16,.78)),#0c0c0a9e);box-shadow:0 22px 55px #00000047,inset 0 1px #ffffff0f}.hero-scene .card-1{top:7%;right:-1%}.hero-scene .card-2{top:auto;bottom:7%;left:-3%}.object-label{right:7%;bottom:2%}.spatial-hover{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;transform-style:preserve-3d;transform-origin:center;transition:transform .55s var(--ease-out-expo),filter .45s ease}.spatial-hover.is-tilted{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(8px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.14)) drop-shadow(0 0 18px rgba(199,255,74,.12))}.project-copy h3.spatial-hover,.section-heading h2.spatial-hover{transform-origin:left center}.project-copy h3.spatial-hover.is-tilted,.section-heading h2.spatial-hover.is-tilted{color:color-mix(in srgb,currentColor 92%,var(--lime));text-shadow:0 0 28px rgba(199,255,74,.14)}.capability-list article.spatial-hover,.process-grid article.spatial-hover,.archive-list a.spatial-hover,.workflow-board.spatial-hover{position:relative;isolation:isolate}.capability-list article.spatial-hover:after,.process-grid article.spatial-hover:after,.archive-list a.spatial-hover:after,.workflow-board.spatial-hover:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(199,255,74,.2),transparent 35%);transition:opacity .35s ease}.capability-list article.spatial-hover.is-tilted:after,.process-grid article.spatial-hover.is-tilted:after,.archive-list a.spatial-hover.is-tilted:after,.workflow-board.spatial-hover.is-tilted:after{opacity:1}.project-visual{z-index:1;isolation:isolate;padding:1px 0 5%}.project-visual:after{z-index:5;inset:-4% -2% 1%;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(199,255,74,.16),transparent 24%),linear-gradient(112deg,transparent 32%,rgba(255,255,255,.22) 47%,transparent 62%)}.project-visual .live-preview{transform:rotateY(-2deg) rotateX(.6deg);backface-visibility:hidden}.project-visual:hover .live-preview{transform:rotateY(0) rotateX(0) translate3d(0,-6px,20px) scale(1.006);box-shadow:0 48px 95px #00000047}.project-visual .phone-frame{right:1.5%;bottom:-1%;width:18.5%;z-index:9;pointer-events:none;transform:translateZ(40px) rotate(.4deg);backface-visibility:hidden;box-shadow:0 24px 60px #0000006b,0 0 0 1px #ffffff17}.project-visual:hover .phone-frame{transform:translate3d(-10px,-12px,64px) rotate(-1deg) scale(1.025)}.preview-stage picture img,.phone-frame>img{image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}@media(max-width:1000px){.header-cta{display:none}.site-header{left:14px;right:14px;top:12px;height:64px}.site-header nav.is-open{top:70px;border-radius:16px}.site-header nav.is-open a{display:flex;gap:12px}.site-header nav.is-open a span{font-size:9px}.hero-scene{width:65vw}}@media(max-width:680px){.site-header{left:9px;right:9px;top:8px;height:58px;padding-left:15px;border-radius:13px}.hero h1{font-size:clamp(42px,13.2vw,54px)}.hero-scene{width:106vw;right:-25vw}.hero-scene .scene-card{width:39%}.hero-scene .card-1{right:7%}.hero-scene .card-2{left:1%;bottom:2%}.project-visual{padding-bottom:0}.spatial-hover,.spatial-hover.is-tilted{transform:none;filter:none}}@media(prefers-reduced-motion:reduce),(pointer:coarse){.cursor{display:none!important}.spatial-hover,.spatial-hover.is-tilted{transform:none!important;filter:none!important}}