.scroll-ind{z-index:400;flex-direction:column;align-items:center;gap:.625rem;display:flex;position:fixed;top:50%;right:clamp(.75rem,1.5vw,1.25rem);transform:translateY(-50%)}.sd{background:#ffffff2e;border-radius:50%;width:4px;height:4px;transition:background .3s,transform .3s}.sd.active{background:var(--brand);transform:scaleX(1.5)}.sd-lbl{writing-mode:vertical-rl;letter-spacing:.18em;color:#ffffff2e;text-transform:uppercase;margin-top:.75rem;font-size:.55rem}#hero{background:radial-gradient(ellipse at 70% 20%, #1a2671 0%, #0d1538 35%, var(--dark) 75%, #0a0809 100%);grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:100vh;padding:clamp(6rem,12vw,10rem) clamp(1.5rem,4vw,3rem) clamp(4rem,8vw,6rem);display:grid;position:relative;overflow:hidden}.hero-noise{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(circle,#4561f514,#0000 65%);width:700px;height:700px;position:absolute;top:-150px;left:-150px}.hero-l{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:0;margin-bottom:1.5rem;font-size:.7rem;font-weight:700;animation:.7s .5s forwards fadeUp;transform:translateY(10px)}.hero-hl{font-family:var(--ff-d);letter-spacing:-.025em;text-transform:uppercase;opacity:0;font-size:clamp(3.5rem,8.5vw,7.5rem);font-weight:800;line-height:.92;animation:.8s .7s forwards fadeUp;transform:translateY(18px)}.hl1,.hl2,.hl3{display:block}.hl3{color:var(--brand)}.sw,.sl{display:inline-block}.hero-sub{max-width:44ch;color:var(--muted);opacity:0;margin-top:2rem;font-size:clamp(.875rem,1.5vw,1.0625rem);line-height:1.75;animation:.7s 1.1s forwards fadeUp;transform:translateY(10px)}.hero-acts{opacity:0;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:2rem;animation:.7s 1.3s forwards fadeUp;display:flex;transform:translateY(10px)}.hero-r{z-index:2;justify-content:center;align-items:center;height:100%;min-height:520px;display:flex;position:relative}.hero-art-wrap{justify-content:center;align-items:center;width:100%;max-width:500px;height:560px;display:flex;position:relative}.splat{filter:blur(45px);pointer-events:none;z-index:1;border-radius:50%;position:absolute}.splat.s1{background:#4561f52e;width:240px;height:240px;animation:6s ease-in-out infinite splatP;top:8%;left:12%}.splat.s2{background:#f5459124;width:200px;height:200px;animation:7s ease-in-out infinite reverse splatP;bottom:12%;right:8%}.splat.s3{background:#8d5dff21;width:180px;height:180px;animation:8s ease-in-out infinite splatP;top:35%;right:20%}.hero-ring{pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;position:absolute}.hero-ring.hr1{width:360px;height:360px;animation:40s linear infinite ringRotate;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring.hr2{border-color:#4561f51a;width:460px;height:460px;animation:60s linear infinite reverse ringRotate;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring.hr3{border-color:#f5459114;width:560px;height:560px;animation:80s linear infinite ringRotate;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-img-frame{z-index:2;width:100%;max-height:540px;position:relative}#hcanvas{pointer-events:none;position:absolute;inset:0}@media (max-width:880px){#hero{grid-template-columns:1fr;min-height:auto}.hero-r{display:none}}.mq-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--dark-3);padding:.1rem 0;position:relative;overflow:hidden}.mq-wrap:before,.mq-wrap:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.mq-wrap:before{background:linear-gradient(to right, var(--dark-3), transparent);left:0}.mq-wrap:after{background:linear-gradient(to left, var(--dark-3), transparent);right:0}.mq-track{white-space:nowrap;width:max-content;animation:30s linear infinite marquee;display:flex}.mi{align-items:center;padding:.9rem 1.5rem;display:inline-flex}.mt{font-family:var(--ff-d);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:clamp(.7rem,1.2vw,.85rem);font-weight:700}.mdot{background:var(--brand);border-radius:50%;flex-shrink:0;align-self:center;width:5px;height:5px;margin:0 1.5rem}.sw-sec{border-bottom:1px solid var(--border);padding:clamp(5rem,10vw,8rem) clamp(1.5rem,4vw,3rem)}.scramble-brow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand);min-height:1.1em;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.sec-title{font-family:var(--ff-d);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:.95}.sec-head{justify-content:space-between;align-items:flex-end;margin-bottom:clamp(2.5rem,5vw,3.5rem);display:flex}.dev-show{border-bottom:1px solid var(--border);padding:clamp(5rem,10vw,8rem) clamp(1.5rem,4vw,3rem)}.dev-head{text-align:center;max-width:720px;margin:0 auto 3rem}.dev-sub{color:var(--muted);margin-top:1rem;font-size:clamp(.875rem,1.4vw,1rem);line-height:1.7}.dev-sub strong{color:var(--light)}.dev-stage{grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:880px){.dev-stage{grid-template-columns:1fr 1fr;grid-template-areas:"tablet phone""laptop laptop";align-items:stretch;gap:1rem}.dev-stage .tablet{grid-area:tablet}.dev-stage .laptop{grid-area:laptop}.dev-stage .phone{grid-area:phone}}@media (max-width:520px){.dev-stage{grid-template-columns:1fr;grid-template-areas:"tablet""laptop""phone"}}.dev{position:relative}.dev-frame{border:1px solid var(--border-b);border-radius:var(--rlg);background:var(--dark-3);position:relative;overflow:hidden}.dev-screen{aspect-ratio:16/10;background:linear-gradient(135deg,#4561f51f,#f5459114)}.tablet .dev-screen{aspect-ratio:4/5.6}.phone .dev-frame{border-radius:32px}.phone .dev-screen{aspect-ratio:9/19;border-radius:28px}.dev-notch{background:var(--dark-3);z-index:2;border-radius:10px;width:90px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.dev-base{background:var(--dark-2);height:6px}.work-viewport{opacity:0;will-change:transform, opacity;transition:transform .7s cubic-bezier(.34,1.2,.4,1),opacity .55s;position:relative;transform:translateY(24px)}.work-viewport.slider-visible{opacity:1;transform:translate(0,0)}.work-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.5rem;min-height:240px;padding:.5rem .25rem 1.5rem;scroll-padding:0 .25rem;display:flex;overflow:auto visible}.work-track::-webkit-scrollbar{display:none}.work-slide{scroll-snap-align:start;flex:0 0 clamp(280px,30vw,380px);display:flex}.work-slide>*{width:100%}.sl-nav{justify-content:space-between;align-items:center;margin-top:1.75rem;display:flex}.sl-dots{gap:.5rem;display:flex}.sl-dot{cursor:pointer;background:#fff3;border-radius:50%;width:6px;height:6px;transition:background .3s,width .3s}.sl-dot.active{background:var(--brand);border-radius:3px;width:24px}.sl-btns{gap:.75rem;display:flex}.sl-btn{border:1px solid var(--border-b);cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.sl-btn:hover{color:var(--light);background:#ffffff0d;border-color:#ffffff4d}.proc-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(5,1fr);margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}@media (max-width:880px){.proc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.proc-grid{grid-template-columns:1fr}}.p-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem);transition:background .35s;position:relative;overflow:hidden}.p-item:hover{background:#4561f50a}.p-bgnum{font-family:var(--ff-d);color:#ffffff06;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,7vw,6rem);font-weight:800;line-height:1;position:absolute;top:.5rem;right:.75rem}.p-step{letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:.625rem;font-size:.6rem;font-weight:700}.p-name{font-family:var(--ff-d);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800}.p-desc{color:var(--muted);font-size:.8rem;line-height:1.65}.p-desc em{color:#ffffff80;font-style:italic}#cta{background:var(--brand);text-align:center;padding:clamp(6rem,14vw,11rem) clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.cta-graf-bg{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;inset:-20px}.cta-gw{font-family:var(--ff-d);text-transform:uppercase;letter-spacing:-.03em;color:#ffffff12;pointer-events:none;font-weight:800;line-height:.88;position:absolute}.cta-inner{z-index:2;max-width:800px;margin:0 auto;position:relative}.cta-pill{letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6;border-radius:var(--rpill);border:1px solid #ffffff40;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem .875rem;font-size:.65rem;font-weight:700;display:inline-flex}.cta-dot{background:#fff;border-radius:50%;width:5px;height:5px}.cta-hl{font-family:var(--ff-d);letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin-bottom:1.25rem;font-size:clamp(3rem,9vw,7.5rem);font-weight:800;line-height:.92}.cta-sub{color:#fff9;max-width:40ch;margin-bottom:2.25rem;margin-left:auto;margin-right:auto;font-size:clamp(.9375rem,1.7vw,1.0625rem);line-height:1.65}@media (max-width:540px){.cta-dot--hide-mobile{display:none}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes splatP{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.p-item .p-name{opacity:0;filter:blur(7px);transition:opacity .55s,transform .55s cubic-bezier(.65,0,.35,1),filter .55s;transform:translateY(10px)}.p-item.visible .p-name{opacity:1;filter:blur();transition-delay:.32s;transform:translateY(0)}.p-item.visible.rd1 .p-name{transition-delay:.42s}.p-item.visible.rd2 .p-name{transition-delay:.52s}.p-item.visible.rd3 .p-name{transition-delay:.62s}.p-item.visible.rd4 .p-name{transition-delay:.72s}.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}.hide-on-mobile{display:inline-flex}@media (max-width:720px){.hide-on-mobile{display:none}}.dev-show{background:var(--dark);border-bottom:1px solid var(--border);padding:clamp(5rem,9vw,8rem) clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}@keyframes devReelScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.dev-reel{display:block;position:absolute;inset:0;overflow:hidden}.dev-reel-track{will-change:transform;animation:devReelScroll var(--reel-dur,36s) linear infinite;flex-direction:column;display:flex}.dev-screen.is-paused .dev-reel-track,.dev-screen:hover .dev-reel-track{animation-play-state:paused}.dev-screen.is-manual .dev-reel-track{animation:none}.dev-reel-page{background:linear-gradient(#0c0a0b,#141114);flex-direction:column;flex:none;gap:6%;padding:5% 5% 8%;display:flex}.dev-reel-nav{align-items:center;gap:6%;height:3%;display:flex}.dev-reel-nav-logo{background:linear-gradient(135deg,#4561f5,#f54591);border-radius:2px;width:14%;height:60%}.dev-reel-nav-link{background:#ffffff2e;border-radius:2px;flex:0 0 9%;height:30%}.dev-reel-nav-cta{background:#fff;border-radius:99px;flex:0 0 14%;height:55%;margin-left:auto}.dev-reel-hero{aspect-ratio:16/8;border-radius:6px;flex-direction:column;justify-content:flex-end;gap:3%;padding:5%;display:flex;position:relative;overflow:hidden}.dev-reel-hero .dev-reel-eyebrow{font-family:var(--ff-d);letter-spacing:.15em;text-transform:uppercase;color:#ffffffd9;font-size:8px;font-weight:800}.dev-reel-hero .dev-reel-title{background:#ffffffeb;border-radius:3px;width:78%;height:14%;display:block}.dev-reel-hero .dev-reel-title.short{width:48%}.dev-reel-hero .dev-reel-sub{background:#ffffff8c;border-radius:2px;width:62%;height:6%;display:block}.dev-reel-video{aspect-ratio:16/9;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dev-reel-video:after{content:"";mix-blend-mode:overlay;background:linear-gradient(120deg,#0000 30%,#ffffff2e 50%,#0000 70%) 0 0/200% 100%;animation:6s linear infinite devReelSweep;position:absolute;inset:0}.dev-reel-play{z-index:2;aspect-ratio:1;color:#0e0c0d;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:18%;font-size:14px;display:flex;position:relative}.dev-reel-grid{grid-template-columns:1fr 1fr;gap:4%;display:grid}.dev-reel-card{aspect-ratio:4/3;border-radius:5px;position:relative;overflow:hidden}.dev-reel-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;gap:3%;padding:4% 5%;display:flex}.dev-reel-stat{flex-direction:column;flex:1;gap:6%;display:flex}.dev-reel-stat-n{background:linear-gradient(90deg,#4561f5,#f54591);border-radius:2px;width:80%;height:14%}.dev-reel-stat-l{background:#ffffff2e;border-radius:2px;width:60%;height:6%}.dev-reel-text{flex-direction:column;gap:6%;padding:0 2%;display:flex}.dev-reel-line{background:#ffffff29;border-radius:2px;height:6%}.dev-reel-line.w90{width:90%}.dev-reel-line.w70{width:70%}.dev-reel-line.w50{width:50%}.dev-reel-line.w35{width:35%}.dev-reel-cta{aspect-ratio:16/4;background:linear-gradient(135deg,#4561f559,#f545912e);border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;gap:4%;padding:0 6%;display:flex}.dev-reel-cta-text{background:#ffffffd9;border-radius:2px;flex:1;height:30%}.dev-reel-cta-btn{background:#fff;border-radius:99px;flex:0 0 22%;height:55%}.dev-reel-foot{justify-content:space-between;gap:4%;padding-top:2%;display:flex}.dev-reel-foot-col{background:#ffffff14;border-radius:2px;flex:1;height:8%}.dev-reel-tag{font-family:var(--ff-d);letter-spacing:.18em;text-transform:uppercase;color:#ffffffeb;border-radius:var(--rpill);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0009;border:1px solid #fff3;padding:.35rem .7rem;font-size:.6rem;font-weight:800;position:absolute;bottom:.875rem;left:.875rem}.dev-reel-resume{font-family:var(--ff-b);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;border-radius:var(--rpill);z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0000008c;border:1px solid #fff3;padding:.3rem .55rem;font-size:.55rem;font-weight:700;transition:opacity .25s;position:absolute;top:.625rem;right:.625rem}.dev-screen.is-manual .dev-reel-resume{opacity:1}@keyframes devReelSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.dev.phone .dev-reel-page{gap:7%;padding:7% 6% 10%}.dev.phone .dev-reel-nav-link{flex:0 0 14%}.dev.phone .dev-reel-grid{grid-template-columns:1fr}.dev.laptop{width:clamp(300px,42vw,540px);transform:rotateY(-2deg)rotateX(2deg)}.dev.laptop .dev-frame{background:linear-gradient(#2a2728,#1c1a1b);border:1px solid #ffffff1a;border-radius:14px 14px 4px 4px;padding:14px 14px 0;box-shadow:0 30px 90px #0009}.dev.laptop .dev-screen{aspect-ratio:16/10;border-radius:4px}.dev.laptop .dev-base{background:linear-gradient(#2a2728 0%,#141213 100%);border:1px solid #ffffff0d;border-top:none;border-radius:0 0 16px 16px;height:18px;margin:-1px -28px 0;position:relative}.work-card{background:var(--dark-2);border:1px solid var(--border);border-radius:var(--rlg);color:inherit;flex-direction:column;flex:0 0 calc(50% - .75rem);min-height:380px;text-decoration:none;transition:border-color .4s;display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:var(--border-b)}.wc-bg{transition:transform .6s;position:absolute;inset:0}.work-card:hover .wc-bg{transform:scale(1.04)}.wc-blur{-webkit-backdrop-filter:blur(3px);transition:opacity .5s;position:absolute;inset:0}.work-card:hover .wc-blur{opacity:0}.wc-ap{justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.work-card:hover .wc-ap{opacity:0}.wc-body{z-index:2;background:linear-gradient(#0000 0%,#0d0b0ceb 60%);margin-top:auto;padding:1.25rem 1.5rem 1.5rem;position:relative}.wc-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:var(--rpill);margin-bottom:.625rem;padding:.2rem .55rem;font-size:.6rem;font-weight:700;display:inline-block}.wc-title{font-family:var(--ff-d);letter-spacing:-.01em;text-transform:uppercase;color:var(--light);margin-bottom:.625rem;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:800;line-height:1.05}.wc-desc{color:#fff9;margin:0 0 .875rem;font-size:.8125rem;line-height:1.55}.wc-view{letter-spacing:.1em;text-transform:uppercase;color:#fff9;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.work-card:hover .wc-view{color:var(--light)}.hero-img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 60px #f5459159)drop-shadow(0 0 110px #4561f538);transform-origin:bottom;mix-blend-mode:screen;max-width:100%;max-height:540px;animation:5s ease-in-out infinite heroFloat,3s ease-in-out infinite alternate heroGlow;position:relative}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-14px)rotate(.6deg)}70%{transform:translateY(-6px)rotate(-.4deg)}}@keyframes heroGlow{0%{filter:drop-shadow(0 0 40px #f5459140)drop-shadow(0 0 80px #4561f526)}to{filter:drop-shadow(0 0 90px #f545918c)drop-shadow(0 0 150px #4561f54d)drop-shadow(0 0 20px #ffc8002e)}}