@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}@property --ambient{syntax:"<color>";inherits:true;initial-value:#0000}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05050a;--surface:#0e0e18;--line:#24243a;--text:#f2f1ec;--muted:#a3a3b5;--moon:#e9e3cf;--accent:var(--moon);--radius:20px;--display:"Montserrat", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:radial-gradient(ellipse 120% 60% at 50% 0%, #16162a 0%, #0a0a12 45%, var(--bg) 100%) fixed;min-height:100vh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";opacity:.25;mix-blend-mode:overlay;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stars{z-index:0;pointer-events:none;position:fixed;inset:0}.ambient{z-index:0;pointer-events:none;--ambient:transparent;background:radial-gradient(ellipse 70% 55% at 50% 45%, var(--ambient) 0%, transparent 70%);opacity:.32;transition:--ambient 1.4s;position:fixed;inset:0}main,.site-footer{z-index:1;position:relative}img,video{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--moon);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.skip-link{z-index:200;background:var(--moon);color:var(--bg);border-radius:8px;padding:.5rem 1rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#05050ab3;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:4rem;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;align-items:center;gap:.6rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{width:1.5rem;height:1.5rem;overflow:visible}.brand__mark-dark{fill:#1c1c2a}.brand__mark-lit{fill:var(--moon);filter:drop-shadow(0 0 4px #e9e3cf80)}.nav__links{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav__links a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .2s;position:relative}.nav__links a:after{content:"";background:var(--moon);width:4px;height:4px;transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)scale(0)}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__links a.is-active:after{transform:translate(-50%)scale(1)}.hero{align-items:center;gap:2.5rem;padding-block:clamp(3rem,10vw,7rem) clamp(3rem,8vw,5.5rem);display:grid;position:relative}@media (width>=880px){.hero{grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem)}}.hero__watermark{z-index:-1;font-family:var(--display);letter-spacing:-.02em;color:#0000;background:linear-gradient(#ffffff0b,#ffffff02);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(7rem,24vw,21rem);font-weight:900;line-height:1;position:absolute;top:50%;left:-.04em;transform:translateY(-52%)}.hero__moon{width:min(62vw,380px);transform:translateY(calc(var(--scroll) * -.18px));will-change:transform;justify-self:center;margin:0;position:relative}@media (width<=879px){.hero__moon{order:-1;width:min(46vw,240px)}}.moon{aspect-ratio:1;width:100%;animation:9s ease-in-out infinite float;position:relative}.moon:before{content:"";z-index:-1;background:radial-gradient(circle,#e9e3cf38 38%,#0000 66%);border-radius:50%;position:absolute;inset:-14%}.moon:after{content:"";z-index:-1;background:#171624;border-radius:50%;position:absolute;inset:.5%}.moon__canvas{filter:drop-shadow(0 0 22px #e9e3cf38);width:100%;height:100%;display:block}.moon__caption{text-align:center;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:1.25rem;font-size:.78rem;font-weight:600}.moon__caption .js-moon-pct{color:var(--moon)}.moon__caption .js-moon-pct:not(:empty):before{content:"· ";color:var(--muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.project__kind{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:600}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.1}h1{letter-spacing:-.02em;max-width:14ch;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:700}.hero__grad{background:linear-gradient(100deg, #fff 0%, var(--moon) 45%, #b6accf 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:38rem;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1.0625rem,2vw,1.25rem)}.hero__facts{flex-wrap:wrap;gap:.75rem;margin:2.5rem 0 0;padding:0;list-style:none;display:flex}.hero__facts li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.5rem 1rem;font-size:.95rem;transition:border-color .3s,color .3s}.hero__facts li:hover{color:var(--text);border-color:#e9e3cf66}.section-title{letter-spacing:-.01em;align-items:baseline;gap:.9rem;margin-bottom:clamp(2rem,5vw,3rem);font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700;display:flex}.section-title__num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.7em;font-weight:600}.section-title:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;align-self:center;height:1px;margin-left:.75rem}.work{padding-bottom:clamp(3rem,8vw,6rem)}.project{grid-template-columns:1fr;align-items:center;gap:2.5rem;padding-block:clamp(2.5rem,6vw,4.5rem);display:grid}.project+.project{border-top:1px solid #ffffff0f}@media (width>=880px){.project{grid-template-columns:1fr 1.05fr;gap:clamp(3rem,6vw,5rem)}.project:nth-of-type(2n) .project__body{order:2}}.project--cm{--accent:#eb9a7c}.project--pf{--accent:#7ea7f0}.project--ypa{--accent:#66c8ff}.project--vw{--accent:#b98cff}.project__body h3{letter-spacing:-.01em;align-items:center;gap:.85rem;min-height:3rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;display:flex}.project__body h3 img{border-radius:12px;width:3rem;height:3rem}.project__body h3 img.wordmark{border-radius:0;width:auto;height:clamp(1.25rem,3vw,1.6rem)}.project__body>p:not([class]){max-width:34rem;color:var(--muted);margin:1.25rem 0 0}.tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 65%, #fff);transition:transform .25s var(--ease-out), background .25s;border-radius:6px;padding:.25rem .7rem;font-size:.85rem}.tags li:hover{background:color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-2px)}.links{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:2rem 0 0;display:flex}.btn{background:var(--moon);color:var(--bg);isolation:isolate;transition:background .25s, transform .25s var(--ease-out), box-shadow .35s;border-radius:999px;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;background:linear-gradient(115deg,#0000 30%,#ffffffbf 50%,#0000 70%);transition:transform;position:absolute;inset:0;transform:translate(-120%)}.btn:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 12px 32px color-mix(in srgb, var(--accent) 35%, transparent);background:#fff;transform:translateY(-2px)}.btn:hover:after{transition:transform .7s var(--ease-out);transform:translate(120%)}.link{color:var(--muted);text-underline-offset:4px;font-size:.95rem;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40;transition:color .2s}.link:hover{color:var(--text);text-decoration-color:currentColor}.project__visual{border-radius:var(--radius);isolation:isolate;position:relative;overflow:hidden}[data-spot]:after{content:"";z-index:4;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 80%, #fff), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-spot]:hover:after{opacity:1}.phones{aspect-ratio:1;width:100%;max-height:560px;margin-inline:auto;overflow:visible}@media (width<=879px){.phones{margin-block:9% 12%}}.project--cm .phones{background:radial-gradient(circle at 50% 110%,#d98f7a 0%,#7a4a44 38%,#1c1419 75%)}.project--pf .phones{background:radial-gradient(circle at 50% 110%,#3b5b8c 0%,#18223a 45%,#0a0f1c 80%)}.phones__stage{justify-content:center;align-items:flex-start;gap:5%;height:100%;padding:0 5%;display:flex}.phone{max-width:270px;transform:translateY(calc(var(--reveal-y,0px) + var(--lift,0px)));transition:transform 1s var(--ease-out), box-shadow .7s var(--ease-out);background:#0a0c11;border-radius:13%/6%;flex:0 48%;padding:2.4%;position:relative;box-shadow:inset 0 0 0 1.5px #4b4f58,inset 0 0 0 4px #15171c,0 30px 60px #0000008c}.phone:first-child{margin-top:-8%}.phones:hover .phone{--lift:-12px;box-shadow:inset 0 0 0 1.5px #4b4f58,inset 0 0 0 4px #15171c,0 44px 80px #0009}.phone img{border-radius:11%/5%;width:100%}.phone--second{margin-top:8%;transition-delay:.15s}.phone--ios{border-radius:16.8%/7.7%}.phone--ios img{border-radius:14.8%/6.8%}.live{z-index:3;-webkit-backdrop-filter:blur(14px);background:#0a0a108c;border:1px solid #ffffff1f;border-radius:14px;max-width:calc(100% - 2rem);padding:.75rem 1rem;font-size:.8rem;position:absolute;bottom:1rem;left:1rem;box-shadow:0 10px 30px #0006}.live p{margin:0}.live__label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:600}.live__value{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:.15rem;font-size:1.35rem;font-weight:700}.live--pf{max-width:min(100% - 2rem,24rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.live__raw{color:var(--accent);letter-spacing:.04em;font-size:.72rem}.live__decoded{min-height:2.8em;color:var(--text);margin-top:.3rem;font-size:.74rem;line-height:1.4}.live__caret{vertical-align:-.15em;background:var(--accent);width:.5em;height:1em;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.sky{--fly:0;aspect-ratio:1;background:radial-gradient(circle at 50% 110%,#2f86a8 0%,#123a4e 45%,#08131c 80%);width:100%;max-height:560px}.sky__cloud{pointer-events:none;animation:drift var(--dur,20s) linear infinite;animation-delay:var(--delay,0s);margin:-12% 0 0 -20%;position:absolute;top:50%;left:50%}.sky__cloud--far-a{--dur:30s;--delay:-9s;opacity:.45;width:34%}.sky__cloud--far-b{--dur:34s;--delay:-24s;opacity:.4;width:40%;margin-top:4%}.sky__cloud--near-a{--dur:17s;--delay:-5s;opacity:.85;filter:blur(1.5px);width:66%}.sky__cloud--near-b{--dur:19s;--delay:-14s;opacity:.75;filter:blur(2px);width:54%;margin-top:6%}@keyframes drift{0%{transform:translate(85%,-110%)}to{transform:translate(-215%,130%)}}.plane{width:44%;transform:translate(-50%, -50%) translate(calc(var(--fly) * 34px), calc(var(--fly) * -28px)) rotate(50deg);transition:transform .6s var(--ease-out);position:absolute;top:50%;left:50%}.plane img{z-index:1;filter:drop-shadow(-14px 34px 22px #0000006b);width:100%;animation:6s ease-in-out infinite bob;position:relative}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1.2deg)}}.plane__trail{filter:blur(2px);background:linear-gradient(#ffffff80,#fff0);border-radius:999px;width:3%;height:130%;animation:6s ease-in-out infinite bob;position:absolute;top:68%}.plane__trail--left{left:40.5%}.plane__trail--right{left:56.5%}.sky:hover .plane{--fly:1.4}.sky__card{z-index:2;-webkit-backdrop-filter:blur(12px);background:#08141e99;border:1px solid #ffffff1f;border-radius:14px;padding:.7rem .9rem;font-size:.8rem;animation:8s ease-in-out infinite card-float;position:absolute;box-shadow:0 12px 30px #00000059}.sky__card p{margin:0}.sky__card--score{top:8%;left:6%}.sky__card--ready{align-items:center;gap:.5rem;font-weight:600;animation-delay:-3.5s;display:inline-flex;bottom:9%;left:10%}.sky__label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:600}.sky__score{color:var(--muted);margin-top:.1rem!important}.sky__score strong{font-family:var(--display);color:var(--text);font-size:1.5rem;font-weight:700}.sky__delta{color:#3ddc97;font-size:.74rem;margin-top:.15rem!important}.sky__check{background:#3ddc97;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 10px #3ddc9799}.sky__check:after{content:"";border:2px solid #06261a;border-width:0 2px 2px 0;width:.3rem;height:.5rem;margin:.13rem auto 0;display:block;transform:rotate(45deg)}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.screen{background:#000;animation:5s ease-in-out infinite vw-glow;box-shadow:0 0 0 1px #ffffff14,0 30px 80px #9d4edd2e}.screen video{aspect-ratio:1200/598;object-fit:cover;width:100%}@keyframes vw-glow{0%,to{box-shadow:0 0 0 1px #ffffff14,0 30px 80px #9d4edd2e}50%{box-shadow:0 0 0 1px #ffffff1f,0 30px 110px #b98cff6b}}.stack{padding-block:clamp(3rem,7vw,5rem) clamp(4rem,10vw,7rem)}.stack__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;display:grid}.stack__group{border:1px solid var(--line);border-radius:var(--radius);transition:transform .4s var(--ease-out), border-color .4s, background .4s;background:#0e0e1899;padding:1.5rem;position:relative}.stack__group:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:#12121ecc;transform:translateY(-4px)}.stack__group--apps{--accent:#eb9a7c}.stack__group--web{--accent:#7ea7f0}.stack__group--media{--accent:#b98cff}.stack__group--craft{--accent:#e9e3cf}.stack__group h3{align-items:center;gap:.6rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.stack__group h3:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.stack__group ul{margin:0;padding:0;list-style:none}.stack__group li{color:var(--muted);padding-block:.35rem;font-size:.95rem}.stack__group li+li{border-top:1px solid #ffffff0d}.contact{padding-block:clamp(3rem,8vw,6rem) clamp(5rem,12vw,9rem);position:relative;overflow:hidden}.contact__inner{z-index:1;position:relative}.contact__statement{max-width:16ch;font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(2.1rem,5.5vw,4rem);font-weight:700;line-height:1.08}.contact__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2.5rem 0 0;display:flex}.btn--big{padding:1rem 1.7rem;font-size:1.05rem}.footer__inner{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;font-size:.9rem;display:flex}.footer__inner p{margin:0}.js .reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * .14s);transform:translateY(28px)}.js .reveal.is-in{opacity:1;transform:none}.js .reveal .phone{--reveal-y:48px}.js .reveal.is-in .phone{--reveal-y:0px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.moon,.screen,.live__caret{animation:none}.hero__moon{transform:none!important}.sky__cloud,.plane img,.plane__trail,.sky__card{animation:none}.sky:hover .plane{--fly:0}.phones:hover .phone{--lift:0px}.js .reveal,.js .reveal .phone{opacity:1;--reveal-y:0px;transition:none;transform:none}.btn:after,[data-spot]:after{display:none}.btn:hover,.tags li:hover,.stack__group:hover{transform:none}}