@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap";:root{--bg: #0a0b0d;--surface: #111317;--surface-2: #151820;--surface-3: #1a1e24;--ink: #e9e5dd;--muted: #a8a39a;--line: rgba(233, 229, 221, .12);--line-soft: rgba(233, 229, 221, .06);--lime: #c7ff43;--blue: #446dff;--orange: #ff5b3f;--paper: #d8d2c5;--black: #0c0d0f;--sans: "Space Grotesk", system-ui, sans-serif;--mono: "IBM Plex Mono", monospace;--hand: "Caveat", cursive;--gutter: clamp(1.25rem, 4vw, 4.5rem);--max: 1600px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted) var(--bg);overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 36%,#000 70%);mask-image:linear-gradient(to bottom,#000 0%,transparent 36%,#000 70%)}body:after{content:"";position:fixed;width:52vw;height:52vw;right:-25vw;top:8vh;background:var(--blue);filter:blur(180px);opacity:.045;z-index:-3}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:var(--black);background:var(--lime)}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;background-image:repeating-radial-gradient(circle at 17% 23%,rgba(255,255,255,.28) 0 .4px,transparent .6px 3px);background-size:7px 9px;mix-blend-mode:soft-light}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.8rem 1rem;background:var(--lime);color:#000}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;padding:1.35rem var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:background .3s,backdrop-filter .3s}.site-header.is-scrolled{background:#0a0b0dc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}.mark{font:700 1.1rem var(--mono);letter-spacing:-.08em}.mark span{color:var(--lime)}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);font:500 .7rem var(--mono);text-transform:uppercase}.site-nav a{color:var(--muted);transition:color .2s;position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:var(--lime);transition:right .2s}.site-nav a:hover{color:var(--ink)}.site-nav a:hover:after{right:0}.menu-toggle{display:none;border:0;background:none;color:var(--ink)}.section-shell{width:min(100%,var(--max));margin-inline:auto;padding:clamp(7rem,12vw,13rem) var(--gutter)}.section-kicker{display:flex;gap:1rem;align-items:center;font-size:.68rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}.section-kicker span{color:var(--lime)}.section-title{max-width:13ch;font-size:clamp(3rem,7.3vw,8.5rem);line-height:.86;letter-spacing:-.065em;margin:clamp(2rem,5vw,5rem) 0 clamp(5rem,8vw,9rem);font-weight:600}.section-title em,.footer-title em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.tape{position:absolute;width:6.5rem;height:1.8rem;background:#cfc2a375;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1px #ffffff1f;transform:rotate(-5deg);z-index:3}.paper-note{position:absolute;padding:2rem;background:var(--paper);color:#121315;box-shadow:0 18px 50px #00000040;font-size:clamp(.8rem,1vw,1rem);line-height:1.55}.paper-note .tape{top:-.9rem;left:50%;transform:translate(-50%) rotate(3deg)}.paper-note small{font-size:.65rem}.tilt-card{--tilt-x: 0deg;--tilt-y: 0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease,box-shadow .25s ease}.tilt-card:hover{box-shadow:0 30px 80px #00000059}.hero{min-height:max(800px,100svh);padding:6.5rem var(--gutter) 3rem;display:flex;flex-direction:column;max-width:var(--max);margin:auto;position:relative}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:clamp(.58rem,.7vw,.7rem)}.hero-stage{flex:1;min-height:500px;display:grid;align-items:center;position:relative;isolation:isolate}.hero-title{font-size:clamp(5.3rem,15.3vw,17rem);line-height:.68;letter-spacing:-.095em;margin:0;font-weight:700;text-align:center;position:relative;z-index:1}.hero-title span{display:inline}.hero-title:after{content:"*";color:var(--lime);font:400 clamp(1rem,2vw,2.3rem) var(--mono);position:absolute;right:1.5%;top:-12%;letter-spacing:0}.side-note{position:absolute;left:1%;top:24%;z-index:3;font-size:.66rem;line-height:1.8;color:var(--muted);transform:translateY(var(--parallax, 0))}.mini-window{position:absolute;z-index:4;width:clamp(11rem,16vw,16rem);left:18%;top:11%;background:#111317eb;border:1px solid var(--line);box-shadow:0 20px 55px #00000073;transform:translateY(var(--parallax, 0)) rotate(-2.5deg)}.window-bar{height:2rem;display:flex;align-items:center;gap:.35rem;padding:0 .7rem;background:#1a1d22;border-bottom:1px solid var(--line)}.window-bar i{width:.38rem;height:.38rem;border-radius:50%;background:#51545b}.window-bar i:first-child{background:var(--orange)}.window-bar span{margin-left:auto;color:#7f8289;font:.48rem var(--mono)}.terminal p{margin:0;padding:1.05rem 1.15rem 1.25rem;color:#c3c3bd;font:.68rem/1.55 var(--mono)}.terminal p span,.terminal p b{color:var(--lime);font-weight:400}.hero-polaroid{position:absolute;z-index:5;right:11%;top:6%;width:clamp(9.5rem,14vw,14rem);transform:translateY(var(--parallax, 0)) rotate(5.5deg)}.polaroid{margin:0;padding:.65rem .65rem 1.75rem;background:#d4d0c7;box-shadow:0 20px 60px #0000006e;color:#151616}.polaroid figcaption{padding:.75rem .2rem 0;font:600 .74rem var(--hand);text-align:center}.tape-top{top:-.7rem;left:25%;width:5.5rem}.portrait-art{position:relative;height:clamp(11rem,17vw,17rem);overflow:hidden;background:#17191d}.portrait-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(68,109,255,.08),transparent 42%,rgba(10,11,13,.12));box-shadow:inset 0 0 0 1px #0a0b0d1f}.portrait-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 32%;filter:grayscale(.72) contrast(1.08) brightness(.88)}.signal-window{position:absolute;z-index:3;right:4%;bottom:18%;width:9rem;height:6rem;border:1px solid var(--line);background:#0a0b0dcc;overflow:hidden;transform:translateY(var(--parallax, 0)) rotate(-1.5deg)}.signal-dot{position:absolute;width:.65rem;height:.65rem;background:var(--orange);border-radius:50%;top:28%;left:20%;box-shadow:0 0 0 5px #ff5b3f14}.signal-line{position:absolute;width:9rem;height:3rem;border:1px solid var(--blue);border-color:var(--blue) transparent transparent;border-radius:50%;left:1.6rem;top:2.2rem;transform:rotate(-16deg)}.signal-window span{position:absolute;bottom:.55rem;left:.65rem;font:.45rem var(--mono);color:var(--muted)}.lime-sticker{position:absolute;z-index:6;right:31%;bottom:11%;background:var(--lime);color:#10120b;padding:1rem 1.2rem;font:600 clamp(.72rem,.9vw,.9rem)/1.15 var(--mono);text-transform:uppercase;transform:translateY(var(--parallax, 0)) rotate(-7deg);clip-path:polygon(4% 0,100% 4%,97% 95%,2% 100%)}.lime-sticker span{float:right;margin-top:.25rem}.orbit-note{position:absolute;right:21%;top:21%;color:var(--blue);font-size:.55rem;transform:rotate(7deg)}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem}.hero-bottom p{max-width:830px;margin:0;font-size:clamp(1.4rem,2.7vw,3.25rem);line-height:1.13;letter-spacing:-.035em}.blue-underline{position:relative;white-space:nowrap}.blue-underline:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.12em;background:var(--blue);transform:rotate(-1deg);z-index:-1}.scroll-hint{font-size:.6rem;color:var(--muted);padding-bottom:.35rem;white-space:nowrap}.scroll-hint span{color:var(--lime);display:inline-block;animation:bob 1.5s ease-in-out infinite}.works{padding-top:clamp(10rem,15vw,16rem)}.project{min-height:43rem;position:relative;margin-bottom:clamp(5rem,8vw,8rem)}.project-number{position:absolute;left:0;top:1rem;color:var(--lime);font-size:.72rem}.project-preview{position:absolute;overflow:hidden}.detailing-preview{width:72%;aspect-ratio:1902 / 907;right:2%;top:0;background:#050607;border:1px solid var(--line);box-shadow:0 28px 80px #0000006b}.project-shot{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.detailing-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(7,8,10,.72),transparent 28%);box-shadow:inset 0 0 0 1px #ffffff0d}.shot-label{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;font-size:.54rem;color:var(--muted)}.shot-label b{color:var(--ink);font-weight:500}.note-dark{left:5%;bottom:0;width:min(25rem,31%);transform:rotate(-3deg)}.project-actions{margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.2)}.project-action-meta{margin:0 0 .8rem;font-size:.56rem;opacity:.68}.project-action-links{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem 1.1rem}.demo-action{display:grid;gap:.22rem}.demo-status{min-height:.8rem;font-size:.45rem;line-height:1}.demo-status.is-live{width:fit-content;padding:.22rem .38rem;border-radius:99px;color:var(--lime);background:#111317}.demo-status.is-unavailable{opacity:.52}.project-action{min-height:2.75rem;width:fit-content;display:inline-flex;align-items:center;padding:.35rem 0;border:0;border-bottom:1px solid currentColor;color:inherit;background:transparent;font:600 .6rem var(--mono);text-align:left;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:color .2s,border-color .2s,opacity .2s}.project-action:hover{color:#446dff}.project-action-external:not(.is-disabled){color:#2447bd}.project-action-external:not(.is-disabled):hover{color:#0b286e}.project-action.is-disabled{opacity:.38;cursor:not-allowed}.store-note .project-actions{border-color:#ffffff52}.store-note .project-action-external:not(.is-disabled){color:var(--lime)}.project-bot{min-height:54rem}.bot-preview{width:min(25rem,38%);aspect-ratio:1 / 2;left:14%;top:0;background:#070807;color:#1a1c20;border-radius:2.2rem;border:.55rem solid #202229;box-shadow:0 30px 80px #00000059}.bot-project-shot{width:100%;height:100%;display:block;object-fit:cover}.bot-preview:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:1.6rem;box-shadow:inset 0 0 0 1px #ffffff14}.bot-shot-tag{position:absolute;z-index:2;left:50%;bottom:.8rem;transform:translate(-50%);padding:.45rem .7rem;border-radius:99px;background:#0a0b0dd1;color:var(--lime);font-size:.45rem;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bot-head{display:flex;align-items:center;gap:.8rem;padding:.6rem .3rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.08)}.bot-avatar{width:2.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-weight:700}.bot-head p{margin:0;line-height:1.1}.bot-head p small{display:block;color:#6b716b;margin-top:.3rem}.bot-head i{margin-left:auto}.chat{position:relative;margin:2rem 0 1rem;width:72%;padding:1.1rem 1.2rem 1.6rem;border-radius:.4rem 1.2rem 1.2rem;background:#fff;line-height:1.4}.chat small{position:absolute;right:.7rem;bottom:.35rem;color:#8d908c;font-size:.65rem}.bot-options{display:grid;gap:.6rem;margin-left:12%}.bot-options button{border:1px solid rgba(68,109,255,.28);background:#446dff14;color:#283a7d;padding:.9rem 1rem;border-radius:.6rem;text-align:left;cursor:pointer}.bot-options button i{float:right;font-style:normal}.bot-input{position:absolute;bottom:1rem;left:1rem;right:1rem;border-radius:1.6rem;padding:1rem 1.2rem;background:#fff;color:#8b8b87}.bot-input span{float:right;display:grid;place-items:center;width:1.5rem;aspect-ratio:1;border-radius:50%;color:#fff;background:var(--blue)}.bot-note{width:min(25rem,31%);right:7%;top:12%;transform:rotate(3deg);background:#c8ff48}.bot-note h3{font-size:2rem;margin:0 0 1rem;letter-spacing:-.05em}.phone-note{position:absolute;right:5%;bottom:16%;color:var(--muted);font-size:.6rem;line-height:1.9;transform:rotate(-3deg)}.project-store{min-height:44rem;margin-bottom:2rem}.store-preview{width:76%;aspect-ratio:1901 / 914;left:2%;top:0;background:#d8d6cf;color:#151515;border:1px solid #c1beb6;box-shadow:0 28px 80px #00000059}.store-project-shot{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.store-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,11,13,.65),transparent 24%);box-shadow:inset 0 0 0 1px #ffffff14}.store-shot-label{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;color:#ffffffb3;font-size:.52rem}.store-shot-label b{color:#fff;font-weight:500}.store-head{display:flex;justify-content:space-between;font-size:.55rem;position:relative;z-index:2}.store-head b{font:600 1.1rem var(--sans);letter-spacing:.18em}.fashion-figure{position:absolute;width:44%;height:88%;right:6%;bottom:0;overflow:hidden;background:linear-gradient(110deg,transparent 35%,rgba(0,0,0,.05) 35% 36%,transparent 36%)}.fashion-figure:before{content:"";position:absolute;width:18%;aspect-ratio:.8;left:43%;top:9%;background:#191919;border-radius:50% 52% 45% 48%}.fashion-figure:after{content:"";position:absolute;width:56%;height:66%;left:24%;bottom:0;background:linear-gradient(90deg,#242424,#080808 42%,#242424);clip-path:polygon(28% 0,69% 0,100% 100%,0 100%)}.fashion-figure span:before,.fashion-figure span:after{content:"";position:absolute;z-index:2;width:4%;height:45%;top:45%;background:#111;transform-origin:top}.fashion-figure span:before{left:29%;transform:rotate(8deg)}.fashion-figure span:after{right:26%;transform:rotate(-8deg)}.store-copy{position:absolute;left:7%;top:23%;z-index:2}.store-copy small{font:.55rem var(--mono)}.store-copy h3{font-size:clamp(2.8rem,6vw,6.8rem);line-height:.82;letter-spacing:-.07em;margin:1.5rem 0}.store-copy h3 i{color:transparent;-webkit-text-stroke:1.5px #161616;font-style:normal}.store-footer{display:flex;justify-content:space-between;position:absolute;bottom:1.8rem;left:1.8rem;right:1.8rem;font-size:.55rem}.store-note{right:1%;bottom:6%;width:min(23rem,30%);background:var(--blue);color:#fff;transform:rotate(2deg)}.making{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);gap:clamp(3rem,7vw,8rem);align-items:end;padding-top:8rem}.making .section-title{font-size:clamp(3rem,6vw,7rem);margin-bottom:5rem}.big-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.big-list li{min-height:7.5rem;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}.big-list li>span{font:.63rem var(--mono);color:var(--muted)}.big-list b{width:fit-content;position:relative;font-size:clamp(1.65rem,3vw,3.9rem);line-height:.96;letter-spacing:-.045em;font-weight:500}.big-list i{font-size:.52rem;color:var(--muted);font-style:normal;text-align:right}.lime-circle:after{content:"";position:absolute;inset:-20% -22%;border:2px solid var(--lime);border-radius:50%;transform:rotate(-5deg)}.blue-line:after{content:"";position:absolute;height:.12em;left:-2%;right:-3%;bottom:-.08em;background:var(--blue);transform:rotate(1deg);z-index:-1}.big-list .doodle{color:var(--lime);font:2rem var(--hand);transform:rotate(10deg)}.now-card{position:relative;background:#d5d0c5;color:#17191d;padding:2rem;transform:rotate(1.5deg);box-shadow:0 25px 70px #0000004d}.now-card>.tape{top:-.8rem;right:24%;transform:rotate(-3deg)}.now-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a1b1d;padding-bottom:1rem}.now-head h3{font-size:2.6rem;line-height:1;margin:0;letter-spacing:-.06em}.live-dot{font:.55rem var(--mono);text-transform:uppercase}.live-dot:before{content:"";display:inline-block;width:.45rem;aspect-ratio:1;margin-right:.4rem;border-radius:50%;background:#64a624;box-shadow:0 0 0 4px #64a62426}.now-card ul{list-style:none;margin:1.5rem 0 2rem;padding:0}.now-card li{padding:.9rem 0;display:grid;gap:.5rem;border-bottom:1px solid rgba(0,0,0,.14);font-size:.86rem}.now-card li b{width:fit-content;font:.49rem var(--mono);text-transform:uppercase;padding:.2rem .4rem;color:#fff;background:#17191d}.now-card li:nth-child(1) b{background:var(--orange)}.now-card li:nth-child(2) b{background:var(--blue)}.now-card li:nth-child(3) b{color:#17191d;background:var(--lime)}.equalizer{height:2.5rem;display:flex;gap:.35rem;align-items:end}.equalizer i{width:.3rem;height:60%;background:#1b1d20;animation:equalize 1.4s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:90%;animation-delay:-.6s}.equalizer i:nth-child(3){height:35%;animation-delay:-.2s}.equalizer i:nth-child(4){height:70%;animation-delay:-.9s}.equalizer i:nth-child(5){height:45%;animation-delay:-.3s}.equalizer i:nth-child(6){height:100%;animation-delay:-.75s}.equalizer i:nth-child(7){height:25%;animation-delay:-.45s}.about-grid{display:grid;grid-template-columns:minmax(18rem,.8fr) 1.15fr;gap:clamp(4rem,10vw,12rem);align-items:center;max-width:1250px;margin:auto}.about-visual{position:relative;min-height:38rem;display:grid;place-items:center}.about-polaroid{width:min(26rem,80%);transform:rotate(-4deg);position:relative}.about-polaroid>.tape{top:-.8rem;left:34%}.portrait-large{height:30rem}.portrait-large img{object-position:50% 33%;filter:grayscale(.55) contrast(1.08) brightness(.88)}.blue-sticker{position:absolute;right:0;bottom:13%;padding:1rem 1.2rem;background:var(--blue);color:#fff;font:.7rem/1.3 var(--mono);text-transform:uppercase;transform:rotate(7deg)}.arrow-doodle{position:absolute;top:2%;right:4%;color:var(--lime);font:5rem var(--hand);transform:rotate(70deg)}.about-copy{max-width:42rem}.about-copy p{font-size:clamp(1.45rem,2.5vw,2.8rem);line-height:1.18;letter-spacing:-.035em;color:#c2beb6}.about-copy p+p{margin-top:2rem}.about-copy strong{color:var(--ink);font-weight:500;border-bottom:.13em solid var(--lime)}.hand-note{display:inline-block;margin-top:2.5rem;font:2.1rem var(--hand);color:var(--lime);transform:rotate(-3deg)}.loves{padding-top:7rem}.loves .section-title{margin-bottom:5rem}.love-strip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line)}.love-strip li{min-height:8rem;flex:1 1 16rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);transition:color .25s,background .25s}.love-strip li span{font:1.5rem var(--mono);color:var(--lime)}.love-strip li:hover{color:var(--ink);background:var(--surface)}.footer{padding-bottom:3rem;min-height:95vh;display:flex;flex-direction:column;justify-content:space-between}.footer-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:.6rem}.footer-title{font-size:clamp(4.3rem,10.5vw,12rem);line-height:.78;letter-spacing:-.075em;margin:clamp(6rem,12vh,10rem) 0;font-weight:600}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end}.contacts{display:flex;gap:clamp(1.5rem,5vw,6rem)}.contacts a{display:grid;gap:.6rem}.contacts span{color:var(--muted);font:.56rem var(--mono);text-transform:uppercase}.contacts b{font-size:clamp(.85rem,1.2vw,1.2rem);font-weight:400;border-bottom:1px solid var(--line);padding-bottom:.3rem}.contacts a:hover b{border-color:var(--lime)}.thanks-note{position:relative;background:var(--orange);color:#130d0b;padding:1.3rem 2.1rem;font:600 1.45rem/1.05 var(--hand);transform:rotate(3deg)}.thanks-note .tape{top:-.8rem;left:25%;width:4rem}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes bob{50%{transform:translateY(.35rem)}}@keyframes equalize{to{height:15%}}@media(max-width:1024px){.hero-stage{min-height:540px}.hero-title span{display:block}.hero-title{line-height:.7;font-size:clamp(7rem,19vw,12rem)}.hero-polaroid{right:5%;top:2%}.mini-window{left:8%;top:14%}.lime-sticker{right:18%;bottom:6%}.orbit-note{right:8%;top:29%}.project{min-height:40rem}.project-bot{min-height:45rem}.project-store{min-height:40rem}.making{grid-template-columns:1fr}.now-card{width:min(100%,31rem);margin-left:auto}.about-grid{gap:4rem}}@media(max-width:768px){body:before{background-size:32px 32px}.site-header{padding-top:max(1.15rem,env(safe-area-inset-top));padding-bottom:1.15rem}.menu-toggle{width:3.2rem;height:2rem;display:grid;grid-template-columns:1fr 1rem;align-content:center;gap:.18rem .5rem;color:var(--muted);font:.58rem var(--mono);text-transform:uppercase;cursor:pointer;z-index:2}.menu-toggle span{grid-row:span 2;align-self:center}.menu-toggle i{display:block;height:1px;background:var(--ink);transition:transform .25s}.menu-open .menu-toggle i:first-of-type{transform:translateY(2px) rotate(45deg)}.menu-open .menu-toggle i:last-of-type{transform:translateY(-2px) rotate(-45deg)}.site-nav{position:fixed;inset:0;width:100%;height:100dvh;min-height:100svh;display:grid;place-content:center;gap:1.35rem;padding:calc(5.5rem + env(safe-area-inset-top)) 1.5rem calc(3rem + env(safe-area-inset-bottom));overflow-y:auto;background:#0a0b0dfb;transform:translateY(-105%);transition:transform .45s cubic-bezier(.75,0,.25,1)}.site-nav a{font-size:clamp(1.65rem,7vw,2.6rem);line-height:1.05;color:var(--ink);text-align:center;text-transform:none}.menu-open{position:fixed;inset:var(--locked-scroll, 0) 0 auto;width:100%;overflow:hidden}.menu-open .site-nav{transform:translateY(0)}.hero{padding-top:5.5rem;min-height:100svh}.hero-meta span:last-child{text-align:right;max-width:15rem}.hero-stage{min-height:480px}.hero-title{font-size:clamp(5.6rem,22vw,9rem);text-align:left;margin-left:-.03em}.hero-title span:last-child{margin-left:.08em}.hero-title:after{top:8%;right:2%}.side-note{display:none}.mini-window{left:auto;right:0;top:4%;width:9rem}.hero-polaroid{width:7.25rem;top:auto;bottom:0;right:2%}.portrait-art{height:10.5rem}.signal-window{left:0;right:auto;bottom:1%}.lime-sticker{right:1%;bottom:24%;font-size:.56rem}.orbit-note{display:none}.hero-bottom{grid-template-columns:1fr;gap:2rem}.hero-bottom p{max-width:20ch;font-size:1.45rem}.blue-underline{white-space:normal}.scroll-hint{justify-self:end}.section-title{max-width:100%;margin-bottom:4rem}.project{min-height:auto;display:grid;gap:1.5rem;margin-bottom:6rem}.project-number,.project-preview,.paper-note,.phone-note{position:relative;inset:auto}.project-number{margin-bottom:0}.project-preview{width:94%;transform:none}.detailing-preview{aspect-ratio:1.55;margin-left:auto}.project-shot{object-position:44% center}.note-dark{width:min(80%,24rem);margin-top:-3rem;transform:rotate(-2deg);z-index:2}.bot-preview{width:min(86%,24rem);height:auto;aspect-ratio:1 / 2;margin-left:2%}.bot-note{width:min(75%,23rem);margin:-5rem 0 0 auto;z-index:2}.phone-note{justify-self:end;order:4}.store-preview{width:95%;height:auto;min-height:0;aspect-ratio:1.55}.store-project-shot{object-position:48% center}.store-note{width:min(78%,23rem);margin:-4rem 0 0 auto;z-index:2}.project-action-links{align-items:stretch}.demo-action{min-width:min(100%,10.5rem)}.making{padding-top:6rem}.big-list li{grid-template-columns:2rem 1fr;min-height:7rem}.big-list li i{display:none}.about-grid{grid-template-columns:1fr}.about-visual{min-height:32rem}.portrait-large{height:25rem}.footer-bottom{grid-template-columns:1fr}.contacts{flex-direction:column;gap:1.5rem}.thanks-note{justify-self:end}}@media(max-width:480px){.hero{min-height:100svh;padding-bottom:2rem}.hero-meta{line-height:1.35}.hero-meta span:first-child{max-width:8rem}.hero-meta span:last-child{max-width:10rem}.hero-stage{min-height:420px}.hero-title{font-size:clamp(4.7rem,21.5vw,6rem);line-height:.74}.hero-title:after{right:0}.mini-window{top:2%;width:8rem}.terminal p{font-size:.5rem}.hero-polaroid{bottom:0;right:0;width:6.4rem}.hero-polaroid .portrait-art{height:7rem}.hero-polaroid figcaption{font-size:.5rem}.signal-window{display:none}.lime-sticker{right:1%;bottom:22%;padding:.75rem .8rem}.hero-bottom{gap:1.25rem}.hero-bottom p{font-size:1.3rem}.section-shell{padding-block:5.5rem}.section-title{font-size:clamp(2.55rem,12vw,3.6rem);line-height:.9;margin-bottom:3.5rem}.works{padding-top:5.5rem}.detailing-preview{aspect-ratio:1.25}.project-shot{object-position:42% center}.shot-label{font-size:.44rem}.bot-preview{height:auto;border-width:.4rem}.store-preview{height:auto;aspect-ratio:1.25}.store-project-shot{object-position:46% center}.store-shot-label{font-size:.43rem}.project-action-links,.demo-action{width:100%}.project-action{width:100%;min-height:2.9rem}.big-list b{font-size:1.8rem}.big-list li:nth-child(3) b{font-size:1.5rem}.now-card{padding:1.5rem}.about-polaroid{width:88%}.blue-sticker{right:-1rem}.arrow-doodle{display:none}.about-copy p{font-size:1.45rem}.love-strip li{min-height:6rem}.footer{min-height:auto}.footer-top{gap:2rem}.footer-title{margin-block:7rem;font-size:18vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.collage-float{transform:none!important}}.route-frame{animation:route-in .42s cubic-bezier(.2,.7,.2,1) both}@keyframes route-in{0%{opacity:0;transform:translateY(12px)}}.project-preview-link:before{content:"VIEW CASE";position:absolute;z-index:4;right:1rem;top:1rem;min-width:5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#111317;background:var(--lime);font:600 .48rem var(--mono);letter-spacing:.06em;opacity:0;transform:scale(.75) rotate(-8deg);transition:opacity .25s,transform .25s}.project-preview-link:hover:before,.project-preview-link:focus-visible:before{opacity:1;transform:scale(1) rotate(-4deg)}.project-action-primary{font-weight:700}.project-action-external{opacity:.72}.case-page{--case-accent: var(--lime);min-height:100vh;background:var(--bg);color:var(--ink);overflow:hidden}.case-shell,.case-hero,.case-header,.case-footer{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--gutter)}.case-header{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.case-header>.mark{min-height:2.75rem;display:inline-flex;align-items:center}.case-header nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);font:.62rem var(--mono);text-transform:uppercase}.case-header nav a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--muted);transition:color .2s}.case-header nav a:hover{color:var(--case-accent)}.case-hero{padding-top:clamp(3rem,7vw,7rem);padding-bottom:clamp(4rem,8vw,8rem)}.case-back{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--muted);font-size:.6rem;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.case-back:hover{color:var(--case-accent);border-color:var(--case-accent)}.case-eyebrow{margin-top:clamp(4rem,9vw,9rem);color:var(--case-accent);font-size:.67rem}.case-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);gap:clamp(3rem,8vw,9rem);align-items:end;margin-top:1.5rem}.case-hero h1{margin:0;font-size:clamp(4rem,11.5vw,11.5rem);line-height:.72;letter-spacing:-.085em;font-weight:600}.case-hero h1 span{display:block}.case-hero h1 span:nth-child(2){color:transparent;-webkit-text-stroke:1.5px var(--ink)}.case-subtitle{margin:2.4rem 0 0;color:var(--muted);font-size:.62rem}.case-hero-copy{border-top:1px solid var(--line);padding-top:1.2rem}.case-honesty{display:inline-flex;padding:.35rem .5rem;color:#0a0b0d;background:var(--case-accent);font-size:.5rem}.case-hero-copy>p{margin:2rem 0 3rem;font-size:clamp(1.3rem,2vw,2rem);line-height:1.2;letter-spacing:-.035em}.case-place{display:flex;justify-content:space-between;color:var(--muted);font-size:.58rem}.case-cover{width:min(calc(100% - (var(--gutter) * 2)),1500px);height:min(78vh,56vw);min-height:30rem;margin:0 auto clamp(8rem,13vw,14rem);position:relative;overflow:hidden;border-radius:20px;background:#08090b;box-shadow:0 35px 100px #00000073}.case-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.case-cover:hover img{transform:scale(1.012)}.case-cover figcaption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;justify-content:space-between;color:#ffffffad;font-size:.5rem}.case-blade .case-cover{height:min(82vh,58rem)}.case-blade .case-cover img{object-fit:contain}.case-section-label{color:var(--case-accent);font-size:.65rem}.case-intro{padding-bottom:clamp(9rem,16vw,17rem)}.case-statement{min-height:30rem;display:grid;grid-template-columns:12rem minmax(0,1fr) minmax(10rem,18rem);gap:clamp(2rem,6vw,7rem);align-items:start;padding-top:1rem;border-top:1px solid var(--line);position:relative}.case-statement>p{max-width:920px;margin:0;font-size:clamp(2.2rem,4.5vw,5.4rem);line-height:.97;letter-spacing:-.055em}.case-statement.is-solution{grid-template-columns:12rem minmax(0,1fr);min-height:26rem}.case-statement.is-solution>p{color:#c8c4bc}.case-paper-note{position:relative;margin-top:3rem;padding:2.2rem 1.8rem 1.6rem;display:grid;background:var(--paper);color:#121315;font:600 1.45rem/1.05 var(--hand);transform:rotate(3deg);box-shadow:0 20px 55px #00000047}.case-paper-note .tape{top:-.8rem;left:29%}.case-features{padding-bottom:clamp(10rem,16vw,17rem)}.case-features ol{list-style:none;margin:3rem 0 0;padding:0;border-top:1px solid var(--line)}.case-features li{min-height:clamp(5.5rem,9vw,9rem);display:grid;grid-template-columns:clamp(3rem,7vw,8rem) 1fr;align-items:center;border-bottom:1px solid var(--line);transition:padding-left .25s,color .25s}.case-features li:hover{padding-left:1rem;color:var(--case-accent)}.case-features li span{color:var(--muted);font-size:.56rem}.case-features li strong{font-size:clamp(1.7rem,4vw,4.8rem);line-height:.95;letter-spacing:-.05em;font-weight:500}.case-gallery{padding-bottom:clamp(10rem,16vw,18rem)}.case-gallery-list{margin-top:4rem;display:grid;gap:clamp(6rem,11vw,12rem)}.case-gallery-item{margin:0}.case-gallery-item.is-offset{width:78%;margin-left:auto}.case-gallery-item.is-portrait{width:58%}.case-gallery-media{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#07080a;box-shadow:0 28px 80px #0000004d}.case-gallery-item.is-portrait .case-gallery-media{aspect-ratio:4 / 5}.case-gallery-item.is-offset .case-gallery-media{aspect-ratio:4 / 3}.case-gallery-media img,.case-gallery-media video{width:100%;height:100%;display:block;object-fit:cover}.case-blade .case-gallery-media img{object-fit:contain}.case-gallery-item figcaption{display:grid;grid-template-columns:10rem minmax(0,30rem);gap:2rem;margin-top:1.2rem}.case-gallery-item figcaption span{color:var(--case-accent);font-size:.55rem}.case-gallery-item figcaption p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.case-mobile{padding-top:clamp(7rem,11vw,11rem);padding-bottom:clamp(10rem,16vw,18rem);border-top:1px solid var(--line)}.case-mobile-heading{display:grid;grid-template-columns:12rem 1fr;gap:clamp(2rem,6vw,7rem)}.case-mobile h2{margin:0;font-size:clamp(3.2rem,7.8vw,8rem);line-height:.82;letter-spacing:-.07em}.case-mobile h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.case-phones{min-height:48rem;margin-top:clamp(5rem,10vw,10rem);display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3vw,3.5rem);position:relative}.case-phone{width:min(25vw,20rem);aspect-ratio:9 / 18.5;margin:0;padding:.55rem;position:relative;overflow:hidden;border:1px solid #30343d;border-radius:2.3rem;background:#090a0c;box-shadow:0 30px 80px #00000073}.case-phone img{width:100%;height:100%;display:block;border-radius:1.8rem;object-fit:cover}.case-phone.phone-1{transform:rotate(-5deg) translateY(3rem)}.case-phone.phone-2{z-index:2;transform:scale(1.08)}.case-phone.phone-3{transform:rotate(5deg) translateY(3rem)}.case-phone .tape{top:-.1rem;left:34%;width:5rem}.case-tech{padding-bottom:clamp(9rem,15vw,16rem)}.case-tech ul{list-style:none;margin:3rem 0 0;padding:0;display:grid}.case-tech li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:clamp(2.6rem,7vw,8rem);line-height:.95;letter-spacing:-.06em}.case-tech li:nth-child(2n){text-align:right;color:transparent;-webkit-text-stroke:1px var(--ink)}.case-live{margin-bottom:clamp(10rem,16vw,17rem);padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem);position:relative;text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 55%)}.case-live:before{content:"";width:12rem;height:1px;position:absolute;left:-5rem;top:28%;background:var(--case-accent);transform:rotate(-9deg)}.case-live-status{display:inline-flex;margin-bottom:2rem;padding:.4rem .6rem;color:var(--case-accent);border:1px solid var(--case-accent);font-size:.5rem}.case-live h2{margin:0;font-size:clamp(3.1rem,7.2vw,7.5rem);line-height:.85;letter-spacing:-.065em}.case-live h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px var(--ink)}.case-live>p{margin:2rem auto 0;max-width:30rem;color:var(--muted)}.case-live-links{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.case-live-links a{min-height:3.25rem;display:inline-flex;align-items:center;padding:.7rem 1rem;color:#10120b;background:var(--case-accent);font:600 .62rem var(--mono)}.case-next{width:min(100%,var(--max));margin-inline:auto;padding:clamp(5rem,9vw,9rem) var(--gutter);display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-next>.mono{color:var(--muted);font-size:.58rem}.case-next-grid{min-height:18rem;display:grid;grid-template-columns:1fr minmax(12rem,25rem) auto;gap:3rem;align-items:center}.case-next-grid>div{display:grid;gap:1rem}.case-next strong{font-size:clamp(4rem,10vw,11rem);line-height:.8;letter-spacing:-.075em;transition:transform .3s}.case-next-grid span{color:var(--muted);font-size:.58rem}.case-next img{width:100%;height:12rem;object-fit:cover;border-radius:12px;opacity:.5;transform:rotate(2deg);transition:opacity .3s,transform .3s}.case-next-arrow{color:var(--case-accent)!important;font-size:clamp(3rem,6vw,7rem)!important;transition:transform .3s}.case-next:hover strong{transform:translate(.6rem)}.case-next:hover img{opacity:1;transform:rotate(0)}.case-next:hover .case-next-arrow{transform:translate(.8rem)}.case-footer{min-height:23rem;padding-top:5rem;padding-bottom:3rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:end;gap:3rem}.case-footer>strong{align-self:start;font-size:clamp(3.5rem,8vw,8rem);line-height:.8;letter-spacing:-.07em}.case-footer-links{display:flex;gap:clamp(1rem,3vw,3rem);font-size:.56rem}.case-footer-links a{min-height:2.75rem;display:inline-flex;align-items:center;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.case-footer-links a:hover{border-color:var(--case-accent)}.case-footer>span{grid-column:2;color:var(--muted);font-size:.55rem}.not-found{min-height:100svh;padding:var(--gutter);display:grid;grid-template-rows:auto 1fr}.not-found>div{align-self:center}.not-found>div>span{color:var(--lime)}.not-found h1{margin:1.2rem 0 3rem;font-size:clamp(3rem,10vw,10rem);line-height:.83;letter-spacing:-.075em}.not-found h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}@media(max-width:1024px){.case-hero-grid{grid-template-columns:1fr}.case-hero-copy{max-width:40rem;margin-left:auto}.case-cover{height:60vw;min-height:25rem}.case-statement{grid-template-columns:8rem minmax(0,1fr)}.case-statement .case-paper-note{grid-column:2;width:min(18rem,55%);margin-left:auto}.case-statement.is-solution{grid-template-columns:8rem minmax(0,1fr)}.case-mobile-heading{grid-template-columns:8rem 1fr}.case-phones{min-height:40rem}}@media(max-width:768px){.project-preview-link:before{display:none}.case-header{min-height:4.7rem}.case-header nav a:nth-child(2){display:none}.case-header nav{gap:1.2rem;font-size:.5rem}.case-eyebrow{margin-top:4rem}.case-hero h1{font-size:clamp(3.6rem,17vw,7rem);line-height:.76}.case-cover{width:calc(100% - 2rem);height:68vw;min-height:18rem;margin-bottom:7rem;border-radius:13px}.case-blade .case-cover{height:78vh;min-height:34rem}.case-cover figcaption{left:.8rem;right:.8rem;bottom:.8rem}.case-statement,.case-statement.is-solution{min-height:auto;grid-template-columns:1fr;gap:2rem;padding:1rem 0 7rem}.case-statement>p{font-size:clamp(2rem,8vw,3.4rem)}.case-statement .case-paper-note{grid-column:1;width:min(18rem,80%)}.case-features li{grid-template-columns:2.5rem 1fr}.case-gallery-item.is-offset,.case-gallery-item.is-portrait{width:100%;margin-left:0}.case-gallery-item figcaption{grid-template-columns:1fr;gap:.55rem}.case-gallery-media,.case-gallery-item.is-offset .case-gallery-media{aspect-ratio:4 / 3;border-radius:13px}.case-gallery-item.is-portrait .case-gallery-media{aspect-ratio:4 / 5}.case-mobile-heading{grid-template-columns:1fr}.case-mobile h2{font-size:clamp(3rem,13vw,5rem)}.case-phones{min-height:35rem;gap:.5rem}.case-phone{width:31%;padding:.3rem;border-radius:1.4rem}.case-phone img{border-radius:1.1rem}.case-phone.phone-1{transform:rotate(-4deg) translateY(2rem)}.case-phone.phone-3{transform:rotate(4deg) translateY(2rem)}.case-tech li{font-size:clamp(2.5rem,12vw,5rem)}.case-live{margin-inline:1rem;padding-inline:1rem}.case-live:before{display:none}.case-next-grid{min-height:14rem;grid-template-columns:1fr auto;gap:1rem}.case-next img{display:none}.case-footer{grid-template-columns:1fr;grid-template-rows:auto}.case-footer-links{flex-wrap:wrap}.case-footer>span{grid-column:1}}@media(max-width:430px){.case-header nav a:first-child{display:none}.case-hero{padding-top:2.2rem}.case-hero-grid{gap:2rem}.case-hero h1{font-size:clamp(3.25rem,16.5vw,4.4rem)}.case-subtitle{line-height:1.55}.case-hero-copy>p{font-size:1.25rem}.case-cover{min-height:15rem}.case-blade .case-cover{height:70vh;min-height:31rem}.case-gallery-list{gap:5rem}.case-phones{min-height:29rem}.case-phone{border-radius:1rem}.case-phone img{border-radius:.78rem}.case-phone .tape{display:none}.case-live h2{font-size:clamp(2.6rem,12vw,3.6rem)}.case-next{padding-block:4rem}.case-next strong{font-size:clamp(3.4rem,17vw,5rem)}.case-next-grid{min-height:11rem}}@media(prefers-reduced-motion:reduce){.route-frame{animation:none}.case-cover img,.case-next strong,.case-next img,.case-next-arrow{transition:none}}