:root{--ink:#f0f5ff;--muted:#9baac0;--faint:#65738a;--bg:#08111f;--panel:#101d2e;--line:rgba(185,207,241,.14);--blue:#86b7ff;--cyan:#79efd4;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 75%)}a{color:inherit;text-decoration:none}.section-shell{width:min(1180px,calc(100% - 64px));margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scroll-progress{position:fixed;z-index:10;top:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.05)}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.cursor-glow{position:fixed;z-index:-1;width:430px;height:430px;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(66,132,220,.12),transparent 68%)}.site-header{height:94px;width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:1.22rem;font-weight:800;letter-spacing:-.08em}.wordmark span{color:var(--cyan)}.site-nav{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:.82rem;font-weight:700}.site-nav a:not(.nav-contact){transition:color .2s}.site-nav a:not(.nav-contact):hover{color:var(--ink)}.nav-contact,.button{border:1px solid rgba(166,205,255,.32);border-radius:99px;padding:11px 17px;color:var(--ink);transition:transform .25s,background .25s,border-color .25s}.nav-contact:hover,.button-primary:hover{background:rgba(133,183,255,.14);border-color:var(--blue);transform:translateY(-2px)}.nav-contact span,.button span{margin-left:8px;color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:calc(100vh - 94px);padding:78px 0 86px;display:grid;grid-template-columns:1.13fr .87fr;gap:50px;align-items:center}.eyebrow,.section-kicker{margin:0 0 18px;text-transform:uppercase;font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.13em;color:var(--cyan)}.eyebrow span{display:inline-block;width:23px;height:1px;vertical-align:middle;margin-right:9px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.25rem,6vw,6.15rem);line-height:.99;letter-spacing:-.075em;margin-bottom:30px;font-weight:800}em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;color:#b9d6ff}.hero-intro{max-width:550px;color:var(--muted);font-size:1.05rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-block;font-weight:700;font-size:.82rem}.button-primary{background:linear-gradient(100deg,rgba(104,173,255,.19),rgba(121,239,212,.11));box-shadow:0 8px 30px rgba(25,92,176,.16)}.text-link{font-size:.82rem;font-weight:700}.text-link span{color:var(--cyan);padding-left:6px}.hero-art{height:450px;position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(37,69,113,.42),rgba(8,17,31,.55) 64%);overflow:hidden}.hero-art:after{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:rgba(107,235,214,.1);filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(157,194,249,.2);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:317px;height:317px}.orbit-two{width:222px;height:222px;border-style:dashed}.orbit-dot{position:absolute;width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.dot-one{left:20%;top:32%}.dot-two{right:21%;bottom:20%;background:var(--blue);box-shadow:0 0 20px var(--blue)}.art-card{position:absolute;z-index:1;border:1px solid rgba(190,218,255,.2);background:rgba(17,34,56,.68);backdrop-filter:blur(12px);border-radius:17px}.art-card-main{left:50%;top:50%;transform:translate(-50%,-50%);padding:24px;width:170px}.art-card small{display:block;font-family:'DM Mono',monospace;color:var(--muted);font-size:.58rem;line-height:1.55;text-transform:uppercase;letter-spacing:.05em}.art-card strong{font-size:3.35rem;letter-spacing:-.09em;line-height:1.1}.art-card strong span{color:var(--cyan)}.art-card-float{right:13%;top:18%;padding:10px 13px;display:flex;align-items:center;gap:8px;color:#dceaff;font-size:.7rem;font-weight:700}.art-card-float i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.art-caption{position:absolute;z-index:1;bottom:23px;left:27px;font: .57rem 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--faint)}.art-caption b{color:var(--cyan);padding:0 5px}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0;margin-bottom:145px}.metric{border-left:1px solid var(--line);padding:0 26px}.metric:first-child{border:0;padding-left:0}.metric strong{display:block;font-size:2.7rem;letter-spacing:-.08em;line-height:1;margin-bottom:9px}.metric span{color:var(--muted);font-size:.76rem}.brands{margin-bottom:157px}.brand-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 45px;align-items:center;color:rgba(217,229,248,.45);font-size:1.2rem;font-weight:800;letter-spacing:-.07em}.brand-wall span{transition:color .25s,transform .25s}.brand-wall span:hover{color:var(--cyan);transform:translateY(-2px)}.brand-wall .nerolac{font-size:.92rem;letter-spacing:-.04em}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:56px}.section-heading h2,.contact h2{font-size:clamp(2.6rem,4.6vw,4.65rem);line-height:1.03;letter-spacing:-.07em;margin:0}.section-heading>p{max-width:340px;margin:0 0 5px;color:var(--muted);font-size:.88rem;line-height:1.8}.work{margin-bottom:164px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:rgba(17,29,46,.55);transition:transform .3s,border-color .3s}.case-card:hover{transform:translateY(-6px);border-color:rgba(129,194,255,.44)}.case-featured{grid-row:span 2}.case-art{height:200px;position:relative;overflow:hidden}.case-featured .case-art{height:326px}.case-art>span{position:absolute;right:18px;top:15px;font:.65rem 'DM Mono',monospace;color:rgba(255,255,255,.6)}.ramadan{background:linear-gradient(135deg,#04365d,#0d7e97 55%,#46a9a3)}.sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#ffcd78;right:15%;top:19%;opacity:.95}.arch{position:absolute;border:1px solid rgba(255,255,255,.36);border-bottom:0;width:154px;height:250px;bottom:-10px;border-radius:88px 88px 0 0}.arch-a{left:17%;background:rgba(3,36,63,.32)}.arch-b{left:32%;height:185px;width:112px}.suzuki{background:linear-gradient(115deg,#14171c,#44272b 46%,#ea503b)}.speed-line{position:absolute;background:rgba(255,225,189,.55);height:2px;transform:rotate(-20deg)}.line-a{width:230px;top:38%;left:-15px}.line-b{width:170px;top:58%;left:7px}.bike-wheel{position:absolute;border:8px solid rgba(13,18,24,.8);width:75px;height:75px;border-radius:50%;bottom:19px}.wheel-a{left:32%}.wheel-b{right:18%}.daraz{display:grid;place-items:center;background:linear-gradient(135deg,#391268,#d3439c)}.daz-box{font-weight:800;color:#ffb52d;font-size:3.7rem;letter-spacing:-.13em;transform:rotate(-7deg)}.daz-box span{color:#fff}.case-content{padding:26px}.case-brand{font:.62rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:11px}.case-content h3{font-size:1.55rem;letter-spacing:-.055em;margin-bottom:10px}.case-content>p:not(.case-brand){color:var(--muted);font-size:.83rem;line-height:1.75}.case-facts{list-style:none;padding:16px 0 7px;margin:18px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.65rem}.case-facts li{display:flex;flex-direction:column;gap:2px}.case-facts strong{color:var(--ink);font-size:1.2rem;letter-spacing:-.06em}.case-role{font-size:.7rem!important;color:#b5c4d9!important}.quiet-note{color:var(--faint);font: .67rem 'DM Mono',monospace;margin:17px 3px 0}.journey{margin-bottom:164px}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline:before{content:"";position:absolute;top:23px;bottom:23px;left:17.6%;width:1px;background:linear-gradient(var(--cyan),rgba(121,239,212,.1))}.timeline li{display:grid;grid-template-columns:16% 3.2% 1fr;min-height:112px;position:relative}.timeline-year{font:.71rem 'DM Mono',monospace;color:var(--cyan);padding-top:10px}.timeline-node{margin-top:8px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);z-index:1}.timeline-copy{padding:0 0 43px 24px}.timeline-copy h3{font-size:1.3rem;letter-spacing:-.05em;margin-bottom:8px}.timeline-copy h3 span{color:var(--muted);font-weight:500}.timeline-copy p{color:var(--muted);font-size:.82rem;margin:0;max-width:550px}.expertise{margin-bottom:164px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.expertise-card{min-height:230px;padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(32,55,85,.42),rgba(15,28,45,.38));transition:transform .3s,background .3s}.expertise-card:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(47,84,130,.55),rgba(15,28,45,.45))}.expertise-card span{color:var(--cyan);font:.62rem 'DM Mono',monospace}.expertise-card h3{font-size:1.12rem;line-height:1.2;letter-spacing:-.05em;margin:60px 0 12px}.expertise-card p{color:var(--muted);font-size:.76rem;line-height:1.75;margin:0}.contact{margin-bottom:98px}.contact-panel{padding:clamp(38px,7vw,86px);border:1px solid rgba(150,198,255,.23);border-radius:26px;background:radial-gradient(circle at 85% 15%,rgba(80,151,236,.22),transparent 27%),linear-gradient(115deg,rgba(18,47,79,.92),rgba(8,19,34,.96))}.contact-panel>p:not(.section-kicker){max-width:510px;color:var(--muted);font-size:.92rem;line-height:1.8;margin:27px 0}.email-link{display:block;margin-top:17px;color:var(--muted);font-size:.75rem}.site-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:29px;padding-bottom:30px;color:var(--muted);font-size:.7rem}.site-footer .wordmark{color:var(--ink)}.site-footer p{margin:8px 0 0}.footer-actions{text-align:right}.resume-button{display:inline-block;border-bottom:1px solid rgba(121,239,212,.5);padding-bottom:4px;color:var(--ink);font-weight:700}.resume-button span{color:var(--cyan);padding-left:7px}