:root{--bg:#06070a;--bg-2:#0b0d12;--ink:#eef1f5;--muted:#eef1f58f;--line:#ffffff1a;--cyan:#5ef2ff;--violet:#8b5cff;--warm:#ffb86b;--display:"Syne", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(18px, 4vw, 64px);--ease:cubic-bezier(.7, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}em{background:linear-gradient(100deg, var(--cyan), var(--violet) 60%, var(--warm));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}::selection{background:var(--cyan);color:var(--bg)}.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}#gl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{z-index:2;position:relative}.noise{z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");width:200%;height:200%;animation:.8s steps(5,end) infinite noise;position:fixed;inset:-50%}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-2%,6%)}to{transform:translate(0)}}.kicker{color:var(--cyan);align-items:center;gap:12px;display:inline-flex}.kicker:after{content:"";opacity:.6;background:currentColor;width:40px;height:1px}.h2{font-family:var(--display);letter-spacing:-.04em;margin-top:22px;font-size:clamp(44px,7.4vw,124px);font-weight:700;line-height:.92}.h3{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(28px,3.4vw,52px);font-weight:700}.line-mask{margin-bottom:-.06em;padding-bottom:.06em;overflow:clip}.mask{padding-bottom:.04em;display:block;overflow:clip}.mask>span{display:block}.btn{isolation:isolate;border-radius:100px;align-items:center;gap:12px;height:58px;padding:0 28px;font-size:15px;font-weight:600;transition:color .4s;display:inline-flex;position:relative;overflow:hidden}.btn i{transition:transform .5s var(--ease-out);font-style:normal}.btn:hover i{transform:translate(3px,-3px)rotate(-8deg)}.btn--solid{background:var(--ink);color:var(--bg)}.btn--solid:before{content:"";z-index:-1;background:linear-gradient(100deg, var(--cyan), var(--violet));transition:transform .5s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn--solid:hover:before{transform:none}.btn--ghost{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--cyan);color:var(--cyan)}.boot{z-index:200;background:var(--bg);padding:var(--pad);flex-direction:column;justify-content:flex-end;gap:18px;display:flex;position:fixed;inset:0}.boot__log{font-family:var(--mono);color:var(--muted);white-space:pre-wrap;font-size:clamp(11px,1.2vw,14px);line-height:1.9}.boot__log b{color:var(--cyan);font-weight:400}.boot__log u{color:#7dffb2;text-decoration:none}.boot__bar{background:var(--line);height:1px}.boot__bar i{background:linear-gradient(90deg, var(--cyan), var(--violet));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.boot__pct{top:var(--pad);right:var(--pad);font-size:clamp(60px,11vw,170px);font-family:var(--display);letter-spacing:-.04em;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;position:absolute}.shutter{z-index:210;pointer-events:none;display:flex;position:fixed;inset:0}.shutter i{background:linear-gradient(180deg, var(--cyan), var(--violet));transform-origin:bottom;flex:1;transform:scaleY(0)}.cursor{z-index:300;pointer-events:none;mix-blend-mode:difference;display:none;position:fixed;top:0;left:0}.has-cursor .cursor{display:block}.has-cursor,.has-cursor a,.has-cursor button{cursor:none}.cursor__dot{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.cursor__ring{width:40px;height:40px;transition:width .45s var(--ease-out), height .45s var(--ease-out), margin .45s var(--ease-out), background .3s;border:1px solid #fff9;border-radius:50%;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute}.cursor__label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#000;opacity:0;font-size:10px;font-weight:500}.cursor.is-hover .cursor__ring{width:70px;height:70px;margin:-35px 0 0 -35px}.cursor.has-label .cursor__ring{background:#fff;width:88px;height:88px;margin:-44px 0 0 -44px}.cursor.has-label .cursor__label{opacity:1}.nav{z-index:60;padding:22px var(--pad);transition:transform .6s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-hidden{transform:translateY(-120%)}.nav__logo{font-family:var(--display);letter-spacing:-.04em;font-size:26px;font-weight:800}.nav__logo i{color:var(--cyan);font-style:normal}.nav__links{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#0c0e1499;border-radius:100px;gap:6px;padding:6px;display:flex}.nav__links a{color:var(--muted);border-radius:100px;padding:8px 16px;font-size:14px;transition:color .3s,background .3s;position:relative}.nav__links a:before{content:attr(data-idx);font-family:var(--mono);color:var(--cyan);vertical-align:2px;margin-right:6px;font-size:9px}.nav__links a:hover,.nav__links a.is-active{color:var(--ink);background:#ffffff12}.nav__cta{background:var(--ink);color:var(--bg);border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.nav__cta i{font-style:normal}.hero{min-height:100svh;padding:120px var(--pad) 110px;align-items:center;display:flex;position:relative}.hero__inner{z-index:2;max-width:100%;position:relative}.status{color:#7dffb2;background:#7dffb20f;border:1px solid #7dffb24d;border-radius:100px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.status i{background:#7dffb2;border-radius:50%;width:8px;height:8px;animation:1.8s infinite ping;box-shadow:0 0 #7dffb299}@keyframes ping{70%{box-shadow:0 0 0 10px #7dffb200}to{box-shadow:0 0 #7dffb200}}.hero__name{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:26px 0 18px;font-size:clamp(40px,7.3vw,136px);font-weight:800;line-height:.88}.hero__line{display:block}.hero__line--out{color:#0000;-webkit-text-stroke:1.5px #eef1f5d9}.hero__role{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,34px);font-weight:600}.rotator{vertical-align:bottom;height:1.25em;display:inline-block;position:relative;overflow:hidden}.rotator b{background:linear-gradient(100deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block}.hero__lead{max-width:520px;color:var(--muted);margin-top:18px;font-size:17px}.hero__ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero__foot{left:var(--pad);right:var(--pad);color:var(--muted);z-index:2;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:28px}.hero__foot b{color:var(--ink);font-weight:500}.hero__scroll{align-items:center;gap:10px;display:inline-flex}.hero__scroll i{background:var(--line);width:1px;height:34px;position:relative;overflow:hidden}.hero__scroll i:after{content:"";background:var(--cyan);animation:drop 2s var(--ease) infinite;position:absolute;inset:0}@keyframes drop{0%{transform:translateY(-100%)}70%,to{transform:translateY(100%)}}.hero__socials{gap:18px;display:flex}.hero__socials a:hover{color:var(--cyan)}.ticker{border-block:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070a8c;padding:26px 0;overflow:hidden}.ticker__row{white-space:nowrap;display:flex}.ticker__track{font-family:var(--display);letter-spacing:-.03em;will-change:transform;flex-shrink:0;align-items:center;font-size:clamp(28px,4vw,60px);font-weight:700;display:flex}.ticker__track span{padding:0 .5em}.ticker__track span:nth-child(4n+2){color:#0000;-webkit-text-stroke:1px #eef1f580}.ticker__track i{color:var(--cyan);font-size:.5em;font-style:normal}.about{min-height:100vh;padding:20vh var(--pad) 16vh;flex-direction:column;justify-content:center;display:flex}.about__text{max-width:18em;font-family:var(--display);letter-spacing:-.03em;margin-top:36px;font-size:clamp(32px,4.6vw,78px);font-weight:600;line-height:1.08}.stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:12vh;display:grid}.stat{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0e148c;border-radius:22px;padding:26px 22px}.stat strong{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,80px);font-weight:800;line-height:1;display:block}.stat span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.work{padding:14vh var(--pad) 10vh}.work__head{margin-bottom:8vh}.cases{flex-direction:column;gap:6vh;display:flex}.case{height:76vh;min-height:520px;position:sticky;top:12vh}.case__inner{border:1px solid var(--line);transform-origin:50% 0;will-change:transform;background:linear-gradient(160deg,#141720,#090a0f);border-radius:30px;grid-template-columns:1fr 1.25fr;gap:clamp(20px,3vw,48px);height:100%;padding:clamp(22px,3vw,44px);display:grid;position:relative;overflow:hidden}.case__inner:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--c1), transparent 35%, transparent 65%, var(--c2));-webkit-mask-composite:xor;opacity:.55;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.case__info{flex-direction:column;min-width:0;display:flex}.case__meta{color:var(--muted);gap:14px;display:flex}.case__meta b{color:var(--c1);font-weight:500}.case__title{font-family:var(--display);overflow-wrap:anywhere;letter-spacing:-.045em;margin:22px 0 14px;font-size:clamp(32px,3.5vw,60px);font-weight:800;line-height:.95}.case__blurb{color:var(--muted);max-width:460px;font-size:16px}.case__points{gap:8px;margin:22px 0;display:grid}.case__points li{gap:10px;font-size:15px;display:flex}.case__points li:before{content:"→";color:var(--c1)}.case__stack{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.case__stack span{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);border-radius:100px;padding:6px 12px;font-size:11px}.case__links{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.case__links a{color:var(--c1);border-bottom:1px solid}.case__links span{color:var(--muted)}.case__visual{border:1px solid var(--line);background:#07080c;border-radius:20px;min-height:0;position:relative;overflow:hidden}.case__visual canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.case__visual .chrome{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#06070a99;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.chrome i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.chrome span{color:var(--muted);margin-left:10px;font-size:10px}.shots{position:absolute;inset:34px 0 0}.shots img{border:1px solid var(--line);object-fit:cover;aspect-ratio:16/10;width:74%;transition:transform .9s var(--ease-out);border-radius:12px;position:absolute;box-shadow:0 30px 60px -20px #000000e6}.shots img:first-child{z-index:1;top:8%;left:4%;transform:rotate(-3deg)}.shots img:nth-child(2){z-index:2;top:30%;right:4%;transform:rotate(2deg)}.shots img:nth-child(3){z-index:3;top:54%;left:16%;transform:rotate(-1deg)}.case:hover .shots img:first-child{transform:rotate(-6deg)translate(-4%,-4%)}.case:hover .shots img:nth-child(2){transform:rotate(4deg)translate(4%,-2%)}.case:hover .shots img:nth-child(3){transform:rotate(0)translateY(4%)}.case__num{font-family:var(--display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #ffffff12;pointer-events:none;font-size:clamp(80px,12vw,200px);font-weight:800;line-height:.8;position:absolute;bottom:10px;right:clamp(22px,3vw,44px)}.archive{padding:10vh var(--pad)}.archive__head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.link{color:var(--cyan)}.archive__grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tile{border:1px solid var(--line);isolation:isolate;min-height:190px;transition:border-color .4s, transform .5s var(--ease-out);background:#0c0e14b3;border-radius:20px;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;background:radial-gradient(260px circle at var(--mx,-100px) var(--my,-100px), #5ef2ff24, transparent 60%);position:absolute;inset:0}.tile:hover{border-color:#5ef2ff59;transform:translateY(-4px)}.tile h4{font-family:var(--display);letter-spacing:-.02em;justify-content:space-between;gap:10px;font-size:22px;font-weight:700;display:flex}.tile h4 i{color:var(--muted);transition:transform .4s var(--ease-out), color .3s;font-style:normal}.tile:hover h4 i{color:var(--cyan);transform:translate(3px,-3px)}.tile p{color:var(--muted);font-size:14px}.tile__tag{color:var(--muted);font-size:10px}.tile[data-group=Client] .tile__tag{color:var(--warm)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:9px 16px;transition:all .3s}.chip:hover{color:var(--ink);border-color:#ffffff4d}.chip.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tile small{font-family:var(--mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.04em;margin-top:auto;font-size:11px}.oss{padding:14vh var(--pad)}.oss__grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;display:grid}.term{border:1px solid var(--line);background:#090a0fe6;border-radius:22px;overflow:hidden}.term__bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:12px 16px;display:flex}.term__bar i{background:#ffffff26;border-radius:50%;width:10px;height:10px}.term__bar i:first-child{background:#ff5f57}.term__bar i:nth-child(2){background:#febc2e}.term__bar i:nth-child(3){background:#28c840}.term__bar span{color:var(--muted);margin-left:auto;font-size:11px}.term__body{padding:26px 24px 28px}.term__cmd{font-family:var(--mono);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.term__cmd code{color:#7dffb2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.term__cmd code:before{content:"$ ";color:var(--muted)}.term__cmd code:after{content:"▋";color:var(--cyan);margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.term__copy{color:var(--muted);font-family:var(--mono);text-transform:uppercase;flex-shrink:0;font-size:11px}.term__copy:hover{color:var(--cyan)}.term h3{font-family:var(--display);letter-spacing:-.03em;margin:24px 0 10px;font-size:clamp(24px,2.4vw,34px);font-weight:700}.term p{color:var(--muted)}.term a.link{margin-top:18px;display:inline-block}.stack{min-height:100vh;padding:16vh var(--pad)}.stack__groups{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8vh;display:grid}.sgroup{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c1299;border-radius:22px;padding:24px}.sgroup h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);margin-bottom:18px;font-size:12px;font-weight:500}.sgroup ul{flex-wrap:wrap;gap:8px;display:flex}.sgroup li{background:#ffffff0d;border:1px solid #0000;border-radius:100px;padding:8px 14px;font-size:14px;transition:border-color .3s,background .3s,color .3s}.sgroup li:hover{border-color:var(--cyan);color:var(--cyan);background:#5ef2ff14}.journey{padding:14vh var(--pad)}.journey__list{gap:50px;margin-top:60px;padding-left:clamp(30px,6vw,90px);display:grid;position:relative}.journey__line{background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:8px}.journey__line i{background:linear-gradient(var(--cyan), var(--violet));transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.jitem{grid-template-columns:160px 1fr;align-items:baseline;gap:20px;display:grid;position:relative}.jitem:before{content:"";background:var(--bg);border:2px solid var(--cyan);border-radius:50%;width:11px;height:11px;position:absolute;top:10px;left:calc(-1*clamp(30px,6vw,90px) + 3px)}.jitem small{color:var(--cyan)}.jitem h4{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(26px,3vw,44px);font-weight:700;line-height:1.05}.jitem p{color:var(--muted);margin-top:6px}.contact{min-height:100vh;padding:16vh var(--pad);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.contact__title{font-family:var(--display);letter-spacing:-.05em;margin-top:26px;font-size:clamp(52px,10vw,180px);font-weight:800;line-height:.9}.contact__mail{font-family:var(--display);letter-spacing:-.03em;text-align:left;flex-direction:column;align-items:flex-start;gap:6px;margin-top:50px;font-size:clamp(22px,3.6vw,58px);font-weight:600;display:flex;position:relative}.contact__mail span{transition:background-size .6s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;padding-bottom:4px}.contact__mail:hover span{background-size:100% 2px}.contact__mail i{color:var(--muted);font-size:11px;font-style:normal}.contact__links{color:var(--muted);flex-wrap:wrap;gap:26px;margin-top:60px;display:flex}.contact__links a:hover{color:var(--cyan)}.footer{z-index:2;padding:26px var(--pad);border-top:1px solid var(--line);color:var(--muted);background:var(--bg);justify-content:space-between;gap:20px;display:flex;position:relative}.toast{z-index:120;background:var(--ink);color:var(--bg);opacity:0;white-space:nowrap;border-radius:100px;padding:12px 20px;position:fixed;bottom:24px;left:50%}@media (width<=1024px){.nav__links{display:none}.archive__grid,.stack__groups,.stats{grid-template-columns:repeat(2,1fr)}.case{height:auto;min-height:0;position:relative;top:0}.case__inner{grid-template-columns:1fr}.case__visual{aspect-ratio:16/11}}@media (width<=767px){.hero{align-items:flex-end;padding-bottom:120px}.hero__foot{flex-direction:column;align-items:flex-start;gap:8px;bottom:22px}.hero__scroll{display:none}.hero__name{font-size:clamp(30px,8.4vw,64px)}.contact__title{font-size:clamp(30px,8.2vw,60px)}.case__title{overflow-wrap:normal;font-size:clamp(26px,8vw,40px)}.stats,.archive__grid,.stack__groups,.oss__grid{grid-template-columns:1fr}.archive__head{flex-direction:column;align-items:flex-start}.jitem{grid-template-columns:1fr;gap:4px}.footer{flex-direction:column}.term__cmd{font-size:12px}}@media (prefers-reduced-motion:reduce){.noise,.hero__scroll i:after,.status i{animation:none}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}