:root{--bg:#0b1824;--bg-deep:#050d16;--fg:#eaf1f6;--muted:#7d94a6;--line:#eaf1f61f;--accent:#5fa8d9;--display:"Space Grotesk", system-ui, sans-serif;--body:"Manrope", system-ui, sans-serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box;cursor:none!important}html,body{background-color:var(--bg-deep);background-image:radial-gradient(120% 90% at 75% 15%, #1a3a56 0%, #0b1824 45%, var(--bg-deep) 100%);background-attachment:fixed;margin:0}#smooth-wrapper{z-index:1;position:relative}body{color:var(--fg);font-family:var(--body);cursor:none;overflow-x:hidden}a{color:inherit}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}#app{max-width:1500px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.nav{font-family:var(--mono);z-index:20;opacity:0;justify-content:space-between;align-items:center;padding:26px 14px;font-size:12.5px;display:flex;position:fixed;top:0;left:0;right:0}.nav .brand{font-family:var(--display);letter-spacing:-.02em;font-size:1rem;font-weight:700}.nav .brand span{color:var(--accent)}.nav .links{color:var(--muted);gap:26px;display:flex}.nav .links a{text-decoration:none;transition:color .3s}.nav .links a:hover{color:var(--fg)}@media (width<=640px){.nav .links{display:none}}.heroScroll{position:relative}.stage{height:100vh;position:relative;overflow:hidden}#particleCanvas{z-index:0;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.snapVideo{opacity:.3;object-fit:contain;mix-blend-mode:screen;pointer-events:none;z-index:500;width:22%;min-width:160px;max-width:260px;height:auto;position:fixed;bottom:0;left:50%;transform:translate(-50%)}#cursorCanvas{pointer-events:none;z-index:3000;mix-blend-mode:difference;width:100vw;height:100vh;display:block;position:fixed;inset:0}.sideLabel{font-family:var(--mono);letter-spacing:.02em;color:var(--fg);z-index:4;opacity:0;font-size:13px;position:absolute;top:50%;transform:translateY(-50%)}.sideLabel.left{left:14px}.sideLabel.right{text-align:right;right:14px}.storyHeadline{z-index:4;text-align:center;opacity:0;pointer-events:none;padding:0 14px;position:absolute;bottom:14%;left:0;right:0}.storyHeadline p{max-width:46ch;font-family:var(--display);letter-spacing:-.01em;margin:0 auto;font-size:clamp(1.2rem,2.8vw,1.9rem);font-weight:600;line-height:1.4}.sideLabel small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:10.5px;display:block}.heroText{z-index:4;text-align:center;opacity:0;padding:0 14px;position:absolute;bottom:10%;left:0;right:0}.heroText p{max-width:44ch;font-family:var(--display);letter-spacing:-.01em;margin:0 auto;font-size:clamp(1.3rem,3vw,2rem);font-weight:600;line-height:1.3}@media (width<=760px){.sideLabel{top:auto;bottom:16%;transform:none}.sideLabel.left{left:20px}.sideLabel.right{right:20px}.heroText{bottom:24%}}.work{isolation:isolate;flex-direction:column;justify-content:center;width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.workStage{z-index:0;pointer-events:none;position:absolute;inset:0}.workGlobeCanvas{opacity:.9;width:70%;height:100%;transition:opacity 1.1s;position:absolute;top:0;right:0}.workGlobeCanvas.is-dimmed{opacity:0}.workBg{opacity:0;filter:grayscale(.35)contrast(1.18)brightness(.42)saturate(1.05);background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;inset:0;transform:scale(1.06)}.workBg.is-blurred{filter:grayscale(.35)contrast(1.1)brightness(.38)saturate(1.05)blur(28px)}.workBg.is-active{opacity:1}.workBg.is-top{z-index:2}.workBg.is-milliard-gradient{filter:brightness(.75);background-color:#0e2c65;background-image:radial-gradient(55% 60% at 80% 18%,#78d6ffcc,#0000 70%),radial-gradient(45% 50% at 92% 78%,#fdf490d9,#0000 70%),radial-gradient(28% 30% at 70% 96%,#ffc94a66,#0000 70%),radial-gradient(45% 45% at 18% 88%,#78d6ff47,#0000 70%);animation:16s ease-in-out infinite alternate milliardDrift}@keyframes milliardDrift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:-6% 4%,5% -4%,-4% 5%,6% -3%}}.workTint{mix-blend-mode:color;opacity:0;transition:opacity 1s,background-color .6s;position:absolute;inset:0}.workTint.is-active{opacity:.6}.workGrain{opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;transition:opacity .8s;position:absolute;inset:-4%}.workMobile{opacity:0;z-index:2;pointer-events:none;border-radius:20px;width:clamp(130px,14vw,180px);margin-top:-170px;transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:8%;transform:translateY(26px)scale(.92)rotate(-4deg);box-shadow:0 30px 70px #0000008c,0 0 0 1px #ffffff14}.workMobile.is-active{opacity:1;transform:translateY(0)scale(1)rotate(-2deg)}.workInner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px;width:100%;max-width:1500px;margin:0 auto;padding:120px 40px 96px;display:grid;position:relative}.workIntro{margin-bottom:36px;transition:opacity .4s}.workIntro .k{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:14px;font-size:11px}.workIntro h2{font-family:var(--display);letter-spacing:-.03em;color:#eaf1f6;max-width:12ch;margin:0;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:500;line-height:1.02}.work.is-hovering .workIntro{opacity:.3}.workPills{flex-direction:column;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.workRow{padding:2px 0;transition:opacity .25s}.workRow a{height:30px;font-family:var(--body);color:#eaf1f6;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#b9b9b929;border-radius:999px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;line-height:30px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.pillArrow{opacity:0;width:0;font-size:12px;transition:width .2s,opacity .2s,margin .2s;display:inline-block;overflow:hidden}.work.is-hovering .workRow{opacity:.45}.work.is-hovering .workRow.is-current{opacity:1}.workRow.is-current a,.workRow a:focus-visible{background:var(--row-accent,#eaf1f6);color:var(--row-ink,#0b0b0c);outline:none}.workRow.is-current .pillArrow,.workRow a:focus-visible .pillArrow{opacity:1;width:12px;margin-left:6px}.workPanel{align-self:end;min-width:0;min-height:220px;position:relative}.workPanel-active{opacity:0;pointer-events:none;transition:opacity .4s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(14px)}.workPanel-active .k{font-family:var(--mono);letter-spacing:.12em;color:var(--active-accent,#eaf1f6);text-transform:uppercase;margin-bottom:12px;font-size:11px}.workPanel-active h3{font-family:var(--display);letter-spacing:-.02em;color:#eaf1f6;margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:500}.workPanel-active p{color:#eaf1f6d1;max-width:40ch;margin:0 0 18px;font-size:1rem;line-height:1.6}.workPanel-link{font-family:var(--mono);color:var(--active-accent,#eaf1f6);border-bottom:1px solid;padding-bottom:2px;font-size:13px;text-decoration:none;display:inline-block}.work.is-hovering .workPanel-active{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=900px){.workInner{grid-template-columns:1fr;align-items:start;gap:22px;padding:84px 20px 48px}.workMobile{display:none}.workRow a{height:32px;line-height:32px}.workPanel{min-height:190px}.workPanel-active{top:0;bottom:auto}}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:96px 16px 180px;display:flex;position:relative}.contactInner{transform:translateY(-7vh)}.contact .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:11px}.contactEmail{font-family:var(--display);white-space:nowrap;letter-spacing:-.03em;color:var(--fg);font-size:min(5.4rem,7.2vw);font-weight:500;line-height:1.05;text-decoration:none;transition:color .3s;display:inline-block}.contactEmail:hover{color:var(--accent)}.contactAlt{color:var(--muted);margin:18px 0 0;font-size:.95rem}.contactAlt a{color:var(--fg);border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .3s,color .3s}.contactAlt a:hover{color:var(--accent);border-color:var(--accent)}.siteFooter{font-family:var(--display);color:var(--muted);text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:28px;left:0;right:0}.footMark{letter-spacing:-.03em;color:var(--fg);opacity:.55;margin-bottom:14px;font-size:1.6rem;font-weight:700}.footMark span{color:var(--accent)}.footLine{letter-spacing:.02em;font-size:clamp(.85rem,1.6vw,1.35rem);font-weight:500}.footSub{opacity:.7;font-size:clamp(.7rem,1.1vw,.95rem)}.work.is-hovering .workGrain{opacity:.1}.preloader{z-index:4000;background:var(--bg-deep);background-image:radial-gradient(120% 90% at 75% 15%, #1a3a56 0%, #0b1824 45%, var(--bg-deep) 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.plMark{font-family:var(--display);letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.plMark span,.nav .brand span{color:var(--accent)}.plCount{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:12px}.plBar{background:var(--line);width:min(220px,50vw);height:1px;overflow:hidden}.plBar i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.nav .brand{color:var(--fg);text-decoration:none}.nav .links a{display:inline-block}.navProgress{height:2px;position:absolute;top:0;left:0;right:0}.navProgress i{background:linear-gradient(90deg, transparent, var(--accent));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.backTop{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);opacity:.75;margin-top:10px;font-size:11px;text-decoration:none;transition:opacity .3s,color .3s}.backTop:hover{opacity:1;color:var(--accent)}a:focus-visible{outline:1px solid var(--accent);outline-offset:4px}#particleCanvas{transition:opacity .6s}body.work-project #particleCanvas{opacity:0}.case{position:relative}.caseStage{height:100vh;position:relative;overflow:hidden}.caseBeat{text-align:center;opacity:0;pointer-events:none;will-change:opacity, transform;padding:0 16px;position:absolute;bottom:8%;left:0;right:0}.caseBeat .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px}.caseBeat h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.8rem,3.6vw,3.1rem);font-weight:500;line-height:1.05}.caseBeat p{color:#eaf1f6d6;max-width:54ch;margin:0 auto;font-size:clamp(.92rem,1.2vw,1.05rem);line-height:1.5}.caseStats{justify-content:center;gap:clamp(22px,5vw,76px);display:flex}.caseStats div{text-align:center}.caseStats b{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.1rem,5.2vw,3.8rem);font-weight:500;line-height:1;display:block}.caseStats span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:11px;display:block}.caseSteps{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.chip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:32px;color:var(--muted);background:#b9b9b924;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex}.chip i{font-style:normal;font-family:var(--mono);opacity:.7;font-size:10px}.chip.is-on{background:var(--accent);color:#06121c}.caseLine{font-family:var(--display);color:var(--fg)!important;margin-bottom:22px!important;font-size:clamp(1.15rem,2.4vw,1.7rem)!important}.caseCta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{height:42px;font-family:var(--body);color:#06121c;background:var(--fg);border-radius:999px;align-items:center;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s;display:inline-flex}.btn:hover{background:var(--accent)}.btn.ghost{color:var(--fg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#b9b9b924}.btn.ghost:hover{background:#b9b9b947}@media (width<=640px){.caseBeat{bottom:6%}.caseStats{flex-direction:column;align-items:center;gap:14px}.caseStats div{text-align:left;grid-template-columns:152px 140px;align-items:center;column-gap:14px;display:grid}.caseStats b{text-align:right;font-size:2.1rem}.caseStats span{margin-top:0;line-height:1.35}}