.hero{justify-content:center;align-items:center;padding:clamp(90px,13vw,150px) 0 clamp(20px,4vw,40px);display:flex;position:relative}.hero .topbar{z-index:6;position:absolute;top:clamp(14px,2.4vw,26px);left:50%;transform:translate(-50%)}.hero .mid{z-index:3;text-align:center;max-width:640px;padding:0 20px;position:relative}.hero .meta{color:var(--mut);font-variant-numeric:tabular-nums;font:400 13px Geist Mono,monospace}.hero .ur{color:var(--acc);margin-top:.35em;padding-bottom:.45em;font-size:clamp(44px,7vw,84px);line-height:2.3}.hero h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(34px,5.4vw,56px);font-weight:600;line-height:1.05}.hero h1 .nmwrap{color:var(--mut);white-space:nowrap;font-weight:400}.hero h1 .ur.nm{color:var(--acc);letter-spacing:0;margin:0 .12em;font-size:.62em;font-weight:500;line-height:1;display:inline-block;position:relative;top:-.14em}.hero .say{color:var(--mut);font:400 14px Geist Mono,monospace}.hero .para{max-width:560px;color:var(--body);margin:24px auto 0;font-size:clamp(17px,2.1vw,20px);line-height:1.55}.hero .links{flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:12px;font:400 14px Geist Mono,monospace;display:flex}.hero .links a,.hero .mailbtn{padding:12px 0}.hero .mailbtn{color:var(--acc);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px}.hero .mailbtn:hover{color:var(--ink)}.hero .btns{justify-content:center;gap:12px;margin-top:18px;display:flex}.namelink{color:inherit;-webkit-text-decoration:underline dashed var(--acc);text-decoration:underline dashed var(--acc);text-underline-offset:8px;text-decoration-thickness:3px;transition:color .2s}.namelink:hover{color:var(--acc)}.hsky{z-index:0;pointer-events:none;--star:255,255,255;--cloud:.13;-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);--fade:linear-gradient(#000 0%,#000 30%,#000000f0 40%,#000c 50%,#0009 60%,#0006 70%,#00000038 80%,#00000017 90%,#00000005 96%,transparent 100%);animation:1.2s both mo-fade;position:absolute;inset:0 0 -190px;overflow:hidden}body.light .hsky{--cloud:.95}.hsky canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hsky:before,.hsky:after{content:"";transition:opacity .5s;position:absolute;inset:0}.hsky:before{background:linear-gradient(#070f22 0%,#0b1f3f 28%,#15335a 55%,#10243f 78%,#0a1424 100%)}.hsky:after{background:linear-gradient(#7fb2d6 0%,#b9d6e8 40%,#eaf2f4 70%,#fdfaf4 100%)}body.dark .hsky:after,body.light .hsky:before{opacity:0}#work{z-index:1;position:relative}.row[data-proj]{cursor:pointer}.row .det{color:var(--mut);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:10px 0;font:400 13px Geist Mono,monospace;text-decoration:underline}.row:hover .det{color:var(--acc)}.p3{--bg3:#fbf6ec;--ink3:#22201c;--mint:#b83a1b;--mut3:#6b6257;--rule3:#d9cebd;--panel3:#fffdf8;z-index:90;background:var(--bg3);color:var(--ink3);flex-direction:column;font-family:Geist Mono,ui-monospace,monospace;display:none;position:fixed;inset:0}body.dark .p3{--bg3:#0a1424;--ink3:#e6eefa;--mint:#f5b841;--mut3:#8fa3c0;--rule3:#25364f;--panel3:#0f1d33}.p3.on{display:flex}.p3 .nav{border-bottom:1px solid var(--rule3);flex:none;align-items:center;gap:16px;padding:12px clamp(16px,3.4vw,44px);display:flex}.p3 .logo{flex:none;width:22px;height:18px}.p3 .tabs{flex-wrap:wrap;flex:1;justify-content:center;gap:6px clamp(14px,2.6vw,36px);display:flex}.p3 .tabs button{color:var(--ink3);cursor:pointer;opacity:.8;background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;font:500 12px Geist Mono,monospace}.p3 .tabs button[aria-selected=true]{opacity:1;border-bottom-color:var(--ink3)}.p3 .tabs button:hover{opacity:1}.p3 .x{border:1px solid var(--ink3);color:var(--ink3);cursor:pointer;background:0 0;min-height:32px;padding:0 14px;font:500 12px Geist Mono,monospace}.p3 .x:hover{background:var(--ink3);color:var(--bg3)}.p3 .scroll{flex:1;position:relative;overflow:auto}.p3 .pg{max-width:1500px;margin:0 auto;padding:clamp(18px,3vw,40px) clamp(18px,4vw,64px) 90px;position:relative}.p3 .pixel{letter-spacing:.01em;margin:0;font-family:"Jersey 25",Geist Mono,monospace;font-weight:400}.p3 .big{color:var(--ink3);font-size:clamp(60px,12vw,190px);line-height:.9}.p3 .mid{color:var(--ink3);font-size:clamp(36px,4.8vw,66px);line-height:1}.p3 .sub{color:var(--ink3);margin:clamp(14px,2vw,28px) 0 0;font-size:clamp(24px,2.8vw,38px)}.p3 .sub small{color:var(--mut3);margin-left:12px;font-family:Geist Mono,monospace;font-size:14px;font-weight:400}.p3 .lead{color:var(--mut3);max-width:760px;margin:18px 0 0;font-size:clamp(14px,1.35vw,18px);line-height:1.8}.p3 .items{max-width:860px;margin:18px 0 0;padding:0;list-style:none}.p3 .items li{border-bottom:2px dotted var(--rule3);color:var(--mut3);padding:14px 4px;font-size:clamp(13px,1.2vw,16px);line-height:1.7}.p3 .items li b{color:var(--mint);margin-bottom:2px;font-size:clamp(15px,1.4vw,19px);font-weight:700;display:block}.p3 .px{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.p3 .s2{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,64px);margin-top:clamp(34px,6vw,84px);display:grid}.p3 .frame{background-image:repeating-conic-gradient(var(--ink3) 0 25%,transparent 0 50%);border:2px solid var(--ink3);background-size:16px 16px;padding:12px;position:relative}.p3 .frame>div{background:var(--bg3);place-items:center;min-height:200px;line-height:0;display:grid}.p3 .frame img{width:100%;height:auto;display:block}.p3 .frame img.px{width:44%;min-width:150px;margin:clamp(18px,4vw,50px) auto}.p3 .stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:clamp(16px,2vw,26px) 0 0;padding:0;list-style:none;display:grid}.p3 .stack li{color:var(--ink3);align-items:center;gap:12px;font-size:clamp(13px,1.2vw,16px);display:flex}.ti{width:30px;height:30px;color:var(--mint,var(--acc));flex:none;place-items:center;display:grid}.ti svg{fill:currentColor;width:28px;height:28px}.ti.b{border:2px solid var(--mint,var(--acc));font:400 14px "Jersey 25",monospace}.p3 .visit{color:var(--mint);text-underline-offset:7px;margin-top:clamp(18px,2.4vw,32px);margin-right:26px;font-size:clamp(14px,1.5vw,20px);text-decoration:underline;display:inline-block}.p3 .visit:hover{color:var(--ink3)}.p3 .s3{margin-top:clamp(40px,7vw,100px)}.p3 .panel{border:2px dashed var(--rule3);background:var(--panel3);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,40px) clamp(24px,5vw,80px);margin-top:22px;padding:clamp(18px,3vw,44px) clamp(18px,3.4vw,52px);display:grid}.p3 .panel button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;display:block}.p3 .panel .t{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.p3 .panel .t b{color:var(--mint);font-size:clamp(15px,1.5vw,20px);font-weight:700}.p3 .panel .t i{color:var(--mut3);white-space:nowrap;font-size:12px;font-style:normal}.p3 .panel p{color:var(--mut3);margin:8px 0 0;font-size:clamp(12px,1.1vw,14px);line-height:1.7}.p3 .panel button:hover b{text-underline-offset:5px;text-decoration:underline}.p3 .rel{position:relative}.p3 .col{pointer-events:none;z-index:3;position:absolute;inset:0}.p3 .st{animation:5s ease-in-out infinite p3s;position:absolute}.p3 .st img{filter:drop-shadow(0 9px 10px #14183c4d);width:100%;height:auto;display:block}.p3 .st:nth-child(2n){animation-delay:-1.7s}.p3 .st:nth-child(3n){animation-delay:-3.1s}@keyframes p3s{0%,to{translate:0}50%{translate:0 -7px}}.p3 .s1>.t{z-index:1;max-width:min(58%,860px);position:relative}.p3 .s2>.z{z-index:1;position:relative}.p3 .lead,.p3 .items li,.p3 .stack li{text-shadow:0 0 10px var(--bg3),0 0 3px var(--bg3)}.p3 .s3 .panel{z-index:1;position:relative}@media (width<=980px){.p3 .s2,.p3 .panel{grid-template-columns:1fr}.p3 .s1 .col{display:none}.p3 .s1>.t{max-width:none}}.skyfoot{height:clamp(580px,64vw,780px);color:var(--ink);position:relative;overflow:hidden}body.dark .skyfoot{background:linear-gradient(180deg,var(--bg) 0%,#0b1f3f 45%,#1c3f6e 100%)}body.light .skyfoot{background:linear-gradient(180deg,var(--bg) 0%,#c9dde9 22%,#6fa6cc 48%,#2a6ca6 78%,#0f4f8c 100%)}.skyfoot .sl{width:100%;height:clamp(150px,22vw,260px);fill:var(--sl);display:block;position:absolute;bottom:0;left:0}.skyfoot .sl .sls{stroke:var(--sl)}.skyfoot .sl .win{fill:var(--win)}.skyfoot canvas{width:100%;height:100%;position:absolute;top:0;left:0}.flyers{z-index:1;pointer-events:none;position:absolute;inset:0}.flyers svg.str{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flyers svg.str path{fill:none;stroke:#fff4e0;stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}body.light .flyers svg.str path{stroke:#fff}.fp{will-change:transform;position:absolute;top:0;left:0}.sil{background:var(--sil);opacity:.88;width:100%;height:100%;-webkit-mask:var(--src) center/contain no-repeat;-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}.kt{opacity:0;will-change:transform;z-index:20;height:auto;position:absolute;top:0;left:0}.puff{opacity:.6;background:radial-gradient(ellipse at 50% 70%,var(--puff) 0 30%,transparent 70%);width:112%;height:17%;position:absolute;bottom:-5%;left:-6%}.skyfoot{-webkit-user-select:none;user-select:none}.cutmsg{z-index:30;pointer-events:none;white-space:nowrap;color:#ffc93c;text-shadow:0 2px 6px #00000073;font:500 30px Caveat,cursive;animation:1.8s ease-out forwards cutmsg;position:absolute;transform:translate(-50%,-50%)}body.light .cutmsg{color:#fff}@keyframes cutmsg{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)rotate(-6deg)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-190%)scale(1)rotate(-6deg)}}.skyfoot .txt{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;padding:clamp(20px,3vw,36px) 20px 0;display:flex;position:relative}.skyfoot [data-hit]{text-shadow:0 0 14px var(--halo),0 0 3px var(--halo)}.skyfoot .msg{font:400 13px Geist Mono,monospace}.skyfoot .bigmail{color:var(--ink);letter-spacing:-.035em;word-break:break-all;cursor:pointer;background:linear-gradient(currentColor,currentColor) bottom/0% 2px no-repeat;border:0;margin-top:10px;padding:4px 6px 6px;font:600 clamp(22px,4.4vw,46px)/1.2 Geist,sans-serif;transition:background-size .35s}.skyfoot .bigmail:hover{background-size:100% 2px}.skyfoot .hint{color:var(--body);margin-top:4px;font:400 12px Geist Mono,monospace}.skyfoot .row2{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 20px;margin-top:8px;font:400 14px Geist Mono,monospace;display:flex}.skyfoot a{color:var(--ink);text-underline-offset:4px;padding:10px 0;text-decoration:underline}.skyfoot a:hover{color:var(--acc)}.skyfoot .fly{margin-top:10px}.skyfoot .flybtn{color:var(--kb,#ffc93c);cursor:pointer;text-underline-offset:8px;background:0 0;border:0;padding:6px 8px;font:600 18px Geist Mono,monospace;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px;animation:2.8s ease-in-out infinite flynudge}.skyfoot .flybtn:hover{color:var(--ink);animation:none}body.light .skyfoot .flybtn{--kb:#d8381c}@keyframes flynudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skyfoot .ur2{color:var(--body);margin-top:10px;font-family:Noto Nastaliq Urdu,serif;font-size:26px;line-height:2}.warp{place-items:center;min-width:12em;height:68px;display:grid;overflow:hidden}.warp .wl{letter-spacing:-.01em;color:var(--body);white-space:nowrap;grid-area:1/1;font:500 26px/2 Geist,sans-serif}.warp .wl[lang=ur]{letter-spacing:0;font-family:Noto Nastaliq Urdu,serif;font-weight:400}.warp .wl.in{animation:.65s cubic-bezier(.77,0,.175,1) backwards roll-in}.warp .wl.out{animation:.65s cubic-bezier(.77,0,.175,1) forwards roll-out}@keyframes roll-in{0%{opacity:0;filter:blur(3px);transform:translateY(105%)}}@keyframes roll-out{to{opacity:0;filter:blur(3px);transform:translateY(-105%)}}