.j-app{--paper:#ede6d6;--sheet:#f6eee0;--ink:#221f1b;--dusk:#ef9f5c;--sun:#f7c77e;--plum:#3b2438;--seal:#c1272d;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font:"Hanken Grotesk", system-ui, sans-serif;background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;position:fixed;inset:0;overflow:clip}.j-app button{font:inherit;cursor:pointer;color:inherit}.j-app :focus-visible{outline:3px solid var(--seal);outline-offset:3px}.j-app .j-about:focus,.j-app .j-panel:focus{outline:none}.j-layer{width:100%;height:100%;position:absolute;inset:0}canvas.j-layer{display:block}.j-off{visibility:hidden;opacity:0;pointer-events:none}.j-hello{z-index:2;background:var(--paper);cursor:pointer;place-items:center;display:grid}.j-hello-word{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(3.4rem,13vw,10rem);line-height:1}.j-hello-word.j-boop{animation:.42s cubic-bezier(.23,1,.32,1) j-boop}@keyframes j-boop{0%{transform:scale(1)}35%{transform:scale(1.14)}70%{transform:scale(.94)}to{transform:scale(1)}}.j-cv-intro{z-index:3;transition:opacity 1.2s}.j-intro-text{z-index:4;pointer-events:none;place-items:center;transition:opacity 1.2s;display:grid}.j-intro-text .j-in{place-items:center;display:grid;position:relative}.j-name-ur{color:#221f1b29;-webkit-user-select:none;user-select:none;grid-area:1/1;font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:clamp(6rem,17vw,13rem);font-weight:700;line-height:1.6}.j-name-en{font-family:var(--display);letter-spacing:-.01em;text-align:center;grid-area:1/1;margin:0;padding:0 20px;font-size:clamp(2.6rem,7.4vw,6rem);font-style:italic;font-weight:600;line-height:1}.j-cv-hub{z-index:1}.j-cv-hub.j-far{opacity:0}.j-wheel{z-index:4;width:min(340px,34vw);height:0;transition:opacity .5s;position:absolute;top:50%;right:max(5vw,24px)}.j-wheel button{text-align:right;white-space:nowrap;font-family:var(--display);color:#fbf3e4;transform-origin:100%;background:0 0;border:0;padding:4px 0;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:600;line-height:1;transition:transform .52s cubic-bezier(.23,1,.32,1),opacity .42s;position:absolute;top:0;right:0}.j-wheel button.j-sel:after{content:"";background:#fbf3e4;height:3px;margin-top:6px;display:block}@media (max-width:760px){.j-wheel{width:60vw;top:64%;right:20px}.j-wheel button{font-size:2rem}}.j-about{z-index:5;background:var(--sheet);width:min(560px,54%);padding:max(84px, env(safe-area-inset-top,0px)) max(36px, env(safe-area-inset-right,0px)) 80px 40px;transition:transform .52s cubic-bezier(.23,1,.32,1),opacity .4s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.j-about.j-off{transform:translate(40px)}.j-about h2{font-family:var(--display);margin:0 0 12px;font-size:clamp(2.4rem,4.6vw,3.6rem);font-style:italic;font-weight:600;line-height:1}.j-about .j-head{margin:0 0 18px;font-size:1.1rem}.j-about p{margin:0 0 14px}.j-about h3{font-family:var(--display);margin:22px 0 6px;font-size:1.35rem}.j-about .j-now{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.j-about .j-now button{border:2px solid var(--ink);border-left:6px solid var(--seal);background:var(--sheet);color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:background .16s,color .16s,transform .16s ease-out;display:flex}.j-about .j-now button span{opacity:.75;font-size:.8rem;font-weight:500}.j-about .j-now button b{font-family:var(--display);font-size:1.3rem;line-height:1.15}.j-about .j-now button:hover{background:var(--ink);color:var(--sheet)}.j-about .j-now button:active{transform:scale(.97)}.j-about .j-email{-webkit-user-select:all;user-select:all;margin:0 0 12px;font-weight:700}@media (max-width:760px){.j-about{width:100%;padding:26px 22px 80px;top:38%}}.j-section{z-index:7}.j-cv-sec{cursor:crosshair;touch-action:none}.j-sec-head{left:max(24px, env(safe-area-inset-left,0px));top:max(64px, env(safe-area-inset-top,0px));pointer-events:none;background:var(--sheet);max-width:min(440px,42%);padding:16px 20px 14px;position:absolute;box-shadow:0 10px 30px #0000002e}.j-sec-head h2{font-family:var(--display);margin:0 0 8px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:600;line-height:.95}.j-sec-head p{margin:0;font-size:clamp(.88rem,1.5vw,1rem)}.j-sec-head .j-seccap{margin-top:10px;font-weight:700}@media (max-width:760px){.j-sec-head{max-width:calc(100% - 40px);top:max(58px, env(safe-area-inset-top,0px))}}.j-tip{z-index:8;pointer-events:none;white-space:nowrap;background:var(--sheet);padding:4px 8px;font-size:.85rem;font-weight:700;position:absolute;top:0;left:0}.j-panel{z-index:8;top:max(96px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));bottom:max(64px, env(safe-area-inset-bottom,0px));background:var(--sheet);width:min(420px,44%);padding:22px 24px 24px;animation:.28s cubic-bezier(.23,1,.32,1) j-in;position:absolute;overflow-y:auto;box-shadow:0 18px 40px #00000047}.j-panel.j-wide{width:min(580px,52%)}.j-panel[hidden]{display:none}@keyframes j-in{0%{opacity:0;transform:translate(14px)}}@media (max-width:760px){.j-panel,.j-panel.j-wide{width:auto;top:36%;left:12px;right:12px}}.j-panel .j-x{float:right;background:var(--sheet);border:2px solid;margin:-6px -8px 0 8px;padding:3px 10px;font-size:.85rem;font-weight:700}.j-panel .j-progress{background:#221f1b1f;height:3px;margin:-8px 0 16px}.j-panel .j-progress i{background:var(--seal);width:0;height:100%;display:block}.j-panel .j-kind{color:var(--seal);margin:0 0 6px;font-size:.85rem;font-weight:700}.j-panel h3{font-family:var(--display);margin:0 0 8px;font-size:2.1rem;font-weight:600;line-height:1}.j-panel .j-tag{margin:0 0 4px;font-size:1.05rem}.j-panel .j-when{opacity:.7;margin:0 0 14px;font-size:.85rem}.j-panel p{margin:0 0 12px;font-size:.95rem}.j-panel.j-wide .j-prose p{font-size:1.02rem;line-height:1.65}.j-panel .j-q{font-family:var(--display);border-left:3px solid var(--seal);margin:16px 0 14px;padding-left:12px;font-size:1.2rem;font-style:italic;line-height:1.3}.j-panel ul.j-hl{margin:0 0 14px;padding-left:1.1em;font-size:.95rem}.j-panel ul.j-hl li{margin-bottom:6px}.j-panel .j-stats{flex-wrap:wrap;gap:10px 22px;margin:0 0 14px;display:flex}.j-panel .j-stats b{font-family:var(--display);font-size:2rem;line-height:1;display:block}.j-panel .j-stats span{opacity:.8;font-size:.8rem}.j-panel .j-stack{opacity:.75;font-size:.85rem}.j-panel .j-links{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.95rem;font-weight:700;display:flex}.j-panel .j-links a{color:var(--seal)}.j-panel .j-page a{color:var(--ink)}.j-panel .j-list{margin:0;padding:0;list-style:none}.j-panel .j-list li{padding:10px 0}.j-panel .j-list li+li{border-top:2px solid #221f1b1a}.j-panel .j-list button{text-align:left;background:0 0;border:0;padding:0}.j-panel .j-list b,.j-panel .j-list strong{font-family:var(--display);font-size:1.2rem;font-weight:700}.j-panel .j-list button b{color:var(--seal);text-underline-offset:3px;text-decoration:underline}.j-panel .j-list .j-d{opacity:.7;font-size:.8rem;display:block}.j-panel .j-list .j-s{font-size:.92rem;display:block}.j-panel .j-mail{-webkit-user-select:all;user-select:all;word-break:break-all;font-size:1.1rem;font-weight:700}:is(.j-panel,.j-about,.a-contact) .j-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}:is(.j-panel,.j-about,.a-contact) .j-icons a,:is(.j-panel,.j-about,.a-contact) .j-icons button{border:2px solid var(--ink);background:var(--sheet);color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .16s,color .16s,transform .16s ease-out;display:flex}:is(.j-panel,.j-about,.a-contact) .j-icons a:hover,:is(.j-panel,.j-about,.a-contact) .j-icons button:hover{background:var(--ink);color:var(--sheet)}:is(.j-panel,.j-about,.a-contact) .j-icons a:active,:is(.j-panel,.j-about,.a-contact) .j-icons button:active{transform:scale(.97)}:is(.j-panel,.j-about,.a-contact) .j-icons svg{fill:currentColor;flex:none;width:22px;height:22px}:is(.j-panel,.j-about,.a-contact) .j-icons .j-mark{background:currentColor;flex:none;width:22px;height:22px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.j-back{z-index:9;top:max(16px, env(safe-area-inset-top,0px));left:max(20px, env(safe-area-inset-left,0px));background:var(--ink);border:0;padding:7px 14px;font-size:.95rem;font-weight:700;transition:transform .16s ease-out,opacity .3s;position:absolute;color:var(--sheet)!important}.j-back:active{transform:scale(.97)}.j-app .j-seal{z-index:9;top:max(16px, env(safe-area-inset-top,0px));right:max(20px, env(safe-area-inset-right,0px));background:var(--seal);color:#f6eee0;width:78px;height:78px;box-shadow:inset 0 0 0 4px var(--seal), inset 0 0 0 5.5px #f6eee0d9, 0 4px 14px #0000002e;text-shadow:0 1px #0000001f;border:0;border-radius:3px;place-items:center;padding:0;font-family:Reem Kufi,Noto Nastaliq Urdu,serif;font-weight:700;line-height:.74;transition:transform .18s ease-out,opacity .4s;display:grid;position:absolute;overflow:hidden}.j-app .j-seal-in{direction:rtl;flex-direction:column;align-items:center;display:flex}.j-app .j-seal-in span{font-size:21px;display:block}.j-app .j-seal-in span:nth-child(2){font-size:31px}.j-app .j-seal:hover{transform:rotate(-4deg)scale(1.04)}.j-app .j-seal:active{transform:scale(.95)}.j-tourbar{z-index:9;right:max(20px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));gap:10px;transition:opacity .4s;display:flex;position:absolute}.j-app .j-guide{background:var(--ink);width:46px;height:46px;color:var(--sheet);border:0;border-radius:50%;place-items:center;transition:transform .16s ease-out,background .2s;display:grid;box-shadow:0 6px 18px #00000038}.j-app .j-guide.j-on{background:var(--seal)}.j-app .j-guide.j-on svg{animation:9s linear infinite j-spin}.j-app .j-guide:hover{transform:scale(1.05)}.j-app .j-guide:active{transform:scale(.92)}.j-app .j-guide svg{fill:currentColor;width:22px;height:22px}@keyframes j-spin{to{transform:rotate(360deg)}}.j-pause{background:var(--ink);border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .16s ease-out;display:grid;box-shadow:0 6px 18px #00000038;color:var(--sheet)!important}.j-pause:hover{transform:scale(1.05)}.j-pause:active{transform:scale(.92)}.j-pause svg{fill:currentColor;width:16px;height:16px}.j-pause.j-sound svg{width:22px;height:22px}.j-toast{z-index:11;background:var(--seal);color:var(--sheet);padding:10px 16px;font-weight:700;transition:opacity .4s;position:absolute;top:22px;left:50%;transform:translate(-50%)}.j-cv-ripple{z-index:10;pointer-events:none}@media (prefers-reduced-motion:reduce){.j-app *{transition:none!important;animation-duration:1ms!important}}.j-hello-word span{transition:transform .32s cubic-bezier(.23,1,.32,1);display:inline-block}.j-app .j-guide.j-still svg{animation-play-state:paused}
.a-atlas{--paper:#ede6d6;--sheet:#f6eee0;--ink:#221f1b;--muted:#6b5f52;--rule:#221f1b24;--seal:#c1272d;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font:"Hanken Grotesk", system-ui, sans-serif;--gutter:max(20px, env(safe-area-inset-left,0px));background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;overflow-x:clip}@media (min-width:761px) and (min-height:501px),(min-width:761px) and (pointer:fine){.a-atlas{display:none}}:root:has(.a-atlas){scroll-behavior:smooth;background:#ede6d6}body:has(.a-atlas){margin:0}.a-atlas *,.a-atlas :before,.a-atlas :after{box-sizing:border-box}.a-atlas button{font:inherit;color:inherit;cursor:pointer}.a-atlas :focus-visible{outline:3px solid var(--seal);outline-offset:3px}.a-hero{height:100svh;min-height:560px;position:relative;overflow:hidden}.a-hills{width:100%;height:50%;position:absolute;bottom:0;left:0}.a-sun{background:#e09a85;border-radius:50%;width:72px;height:72px;position:absolute;bottom:33%;right:14%}.a-name{padding:0 var(--gutter);text-align:center;justify-items:center;display:grid;position:absolute;top:22%;left:0;right:0}.a-name-ur{color:#221f1b1f;-webkit-user-select:none;user-select:none;grid-area:1/1;margin-top:-.3em;font:700 clamp(7rem,40vw,11rem)/1.4 Noto Nastaliq Urdu,Amiri,serif}.a-name h1{font:italic 600 clamp(3.1rem, 15.5vw, 4.6rem) / .95 var(--display);letter-spacing:-.015em;text-wrap:balance;grid-area:1/1;align-self:center;margin:0}.a-name p{max-width:21rem;color:var(--muted);text-wrap:balance;margin:18px 0 0;font-size:1.04rem}.a-seal{top:max(16px, env(safe-area-inset-top,0px));right:var(--gutter);background:var(--seal);color:#f6eee0;width:60px;height:60px;box-shadow:inset 0 0 0 3px var(--seal), inset 0 0 0 4.3px #f6eee0d9, 0 3px 10px #00000029;border-radius:3px;place-items:center;font-family:Reem Kufi,Noto Nastaliq Urdu,serif;font-weight:700;line-height:.74;text-decoration:none;display:grid;position:absolute;overflow:hidden}.a-seal>span{direction:rtl;flex-direction:column;align-items:center;display:flex}.a-seal>span span{font-size:16px;display:block}.a-seal>span span:nth-child(2){font-size:24px}.a-cue{left:0;right:0;bottom:max(26px, env(safe-area-inset-bottom,0px));color:#efe6d4;letter-spacing:.08em;text-transform:uppercase;justify-items:center;gap:2px;font-size:.86rem;font-weight:600;text-decoration:none;display:grid;position:absolute}.a-cue svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;animation:1.8s ease-in-out infinite a-bob}@keyframes a-bob{50%{transform:translateY(5px)}}.a-nav{z-index:5;padding:10px var(--gutter);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);scrollbar-width:none;background:#ede6d6fb;gap:4px;display:flex;position:sticky;top:0;overflow-x:auto}.a-nav::-webkit-scrollbar{display:none}.a-nav a{color:var(--ink);border-radius:999px;flex:none;padding:7px 12px;font-size:.92rem;font-weight:600;text-decoration:none}.a-nav a:active{background:var(--ink);color:var(--sheet)}.a-sec{padding:44px var(--gutter) 40px;scroll-margin-top:54px}.a-sec+.a-sec{border-top:1px solid var(--rule)}.a-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.a-glyph{fill:none;width:46px;height:46px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.a-glyph [fill=currentColor]{fill:var(--seal);stroke:none}.a-num{font:italic 500 1.05rem / 1 "IM Fell English", var(--display);color:var(--seal)}.a-sec h2{font:600 2.6rem / 1 var(--display);letter-spacing:-.01em;margin:0}.a-line{font:italic 500 1.2rem / 1.35 var(--display);color:var(--muted);margin:10px 0 22px}.a-sec h3{font:600 1.45rem / 1.1 var(--display);margin:26px 0 8px}.a-sec>p,.a-prose p{margin:0 0 12px;font-size:1rem}.a-prose p:first-child{font-size:1.1rem}.a-motto i{font-family:var(--display);font-size:1.15rem}.a-rows,.a-time,.a-cards,.a-mini,.a-orbits,.a-years{margin:0;padding:0;list-style:none}.a-rows button,.a-time button,.a-years button{border:0;border-bottom:1px solid var(--rule);text-align:left;background:0 0;width:100%;padding:14px 28px 14px 0;display:block;position:relative}.a-rows button:after,.a-time button:after,.a-years button:after{content:"›";color:var(--seal);font-size:1.5rem;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.a-atlas li button:active{background:#221f1b0d}.a-k{letter-spacing:.08em;text-transform:uppercase;color:var(--seal);font-size:.72rem;font-weight:700;display:block}.a-k:empty{display:none}.a-rows b,.a-time b{font:600 1.5rem / 1.1 var(--display);margin:2px 0;display:block}.a-s{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.93rem;display:-webkit-box;overflow:hidden}.a-s:empty{display:none}.a-time{border-left:2px solid var(--ink);margin-left:7px}.a-time li{padding-left:20px;position:relative}.a-time li:before{content:"";border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:22px;left:-8px}.a-time li.a-live:before{background:var(--seal);border-color:var(--seal)}.a-time .a-k{color:var(--muted)}.a-cards{gap:12px;display:grid}.a-cards button{background:var(--sheet);border:2px solid var(--ink);text-align:left;width:100%;box-shadow:4px 4px 0 var(--ink);padding:16px 18px 18px;display:block}.a-cards b{font:600 1.7rem / 1.05 var(--display);margin:8px 0 4px;display:block}.a-pill{border:1px solid var(--seal);letter-spacing:.08em;text-transform:uppercase;color:var(--seal);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.a-pill:empty{display:none}.a-mini{grid-template-columns:1fr 1fr;gap:0 14px;margin-top:22px;display:grid}.a-mini button{border:0;border-bottom:1px solid var(--rule);text-align:left;background:0 0;width:100%;padding:10px 0;display:block}.a-mini b{font:600 1.12rem / 1.15 var(--display);display:block}.a-mini span{color:var(--muted);font-size:.74rem;display:block}.a-orbits{gap:12px;display:grid}.a-orbits button{background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--seal);text-align:left;width:100%;padding:14px 16px;display:block}.a-orbits b{font:600 1.45rem / 1.1 var(--display);display:block}.a-orbits .a-s{margin-top:2px}.a-moons{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.a-moons i{background:#221f1b12;border-radius:999px;padding:3px 9px;font-size:.8rem;font-style:normal}.a-years button{grid-template-columns:4.2rem 1fr;align-items:baseline;gap:12px;display:grid}.a-years b{font:600 1.6rem / 1 var(--display)}.a-years span{color:var(--muted);font-size:.92rem}.a-now{gap:10px;margin:0;padding:0;list-style:none;display:grid}.a-now button{border:2px solid var(--ink);border-left:6px solid var(--seal);background:var(--sheet);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;display:flex}.a-now span{opacity:.75;font-size:.8rem}.a-now b{font:600 1.35rem / 1.1 var(--display)}.a-mail{word-break:break-all;-webkit-user-select:all;user-select:all;margin:0 0 14px;font-size:1.05rem;font-weight:700}.a-sound{z-index:30;right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));background:var(--ink);border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;box-shadow:0 6px 18px #00000040;color:var(--sheet)!important}.a-sound svg{fill:currentColor;width:22px;height:22px}.a-sound:active{transform:scale(.92)}.a-sheet-wrap{z-index:40;background:#221f1b6b;animation:.22s a-dim;position:fixed;inset:0}@keyframes a-dim{0%{opacity:0}}.a-sheet{overscroll-behavior:contain;background:var(--sheet);max-height:88dvh;padding:0 20px max(28px, env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0;transition:transform .2s;animation:.32s cubic-bezier(.23,1,.32,1) a-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 40px #00000040}.a-sheet:focus{outline:none}@keyframes a-up{0%{transform:translateY(100%)}}.a-grip{z-index:1;background:var(--sheet);touch-action:none;cursor:grab;place-items:center;height:26px;margin:0 -20px 4px;display:grid;position:sticky;top:0}.a-grip i{background:#221f1b38;border-radius:3px;width:42px;height:5px}.a-sheet .j-panel{width:auto;box-shadow:none;background:0 0;padding:0;animation:none;position:static;overflow:visible}.a-sheet .j-panel .j-x{margin-top:0}.a-toast{z-index:50;left:50%;bottom:max(80px, env(safe-area-inset-bottom,0px));background:var(--seal);color:var(--sheet);opacity:0;pointer-events:none;padding:10px 16px;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,12px)}.a-toast.a-show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.a-cue svg,.a-sheet,.a-sheet-wrap{animation:none}:root:has(.a-atlas){scroll-behavior:auto}}