@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:600 900;font-display:swap;src:url(/abdul-samad-zeeshan-portfolio/_astro/BigShouldersDisplay-var.EACME5TP.woff2)format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/abdul-samad-zeeshan-portfolio/_astro/SchibstedGrotesk-var.Bb8VGrTG.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/abdul-samad-zeeshan-portfolio/_astro/JetBrainsMono-var.6fWv1k7M.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/abdul-samad-zeeshan-portfolio/_astro/InstrumentSerif-italic.DKMiL14s.woff2)format("woff2")}:root{color-scheme:dark;--field:#121214;--field-deep:#1c1c1f;--cream:#f1eee6;--cream-2:#b8b5ad;--cream-3:#97948c;--accent:#ff5c2a;--cat-ml:#8fb6ff;--cat-systems:#ffd166;--cat-web:#c7a6ff;--cat-infra:#6fd6e0;--paper:#f1eee6;--paper-ink:#121214;--paper-line:#1212142e;--line:#f1eee647;--line-strong:#f1eee699;--shadow:0 24px 48px -24px #000000d9;--font-display:"Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, sans-serif;--font-text:"Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-verdict:"Instrument Serif", Georgia, "Times New Roman", serif;--step--1:.8125rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:clamp(2rem, 1.3rem + 3vw, 3.25rem);--step-index:clamp(3.25rem, 1.2rem + 9.5vw, 10rem);--step-num:clamp(4rem, 1rem + 12vw, 11rem);--step-giant:clamp(4.25rem, .8rem + 16.5vw, 17rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--space-9:8rem;--gutter:clamp(1rem, .3rem + 3.2vw, 3.5rem);--page:96rem;--measure:62ch;--radius:3px;--spring:linear(0, .064, .196, .345, .484, .604, .701, .777, .836, .881, .914, .938, .956, .968, .978, .984, .989, .992, .995, .996, .997, .998, .999, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--dur-press:.12s;--dur-hover:.32s;--dur-settle:.6s;--dur-theme:.5s;--z-hair:-1;--z-preview:4;--z-header:10;--z-pill:15;--z-skip:20;--tone-bg:var(--field);--tone-ink:var(--cream);--tone-ink-2:var(--cream-2);--tone-accent:var(--cream);--tone-line:var(--line);--hi:var(--accent);--hair:#f1eee60d;--pill-bg:var(--accent);--pill-ink:var(--field)}:root[data-theme=paper],.on-paper{color-scheme:light;--tone-bg:var(--paper);--tone-ink:var(--paper-ink);--tone-ink-2:#121214b3;--tone-accent:var(--paper-ink);--tone-line:var(--paper-line);--hi:var(--paper-ink);--hair:#12121412}.on-field{color-scheme:dark;--tone-bg:var(--field);--tone-ink:var(--cream);--tone-ink-2:var(--cream-2);--tone-accent:var(--cream);--tone-line:var(--line);--hi:var(--accent);--hair:#f1eee60d}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.46s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}@media (hover:hover) and (pointer:fine) and (width>=60rem) and (prefers-reduced-motion:no-preference){::view-transition{background:var(--accent)}::view-transition-old(root){mix-blend-mode:normal;animation:.25s linear both curtain-out}::view-transition-new(root){mix-blend-mode:normal;animation:.7s cubic-bezier(.84,0,.16,1) both curtain-in}}@keyframes curtain-out{to{opacity:0}}@keyframes curtain-in{0%{clip-path:polygon(0% 0%,16.6667% 0%,16.6667% 104%,33.3333% 104%,33.3333% 0%,50% 0%,50% 112%,66.6667% 112%,66.6667% 0%,83.3333% 0%,83.3333% 120%,100% 120%,100% 100%,83.3333% 100%,83.3333% -16%,66.6667% -16%,66.6667% 100%,50% 100%,50% -8%,33.3333% -8%,33.3333% 100%,16.6667% 100%,16.6667% 0%,0% 0%)}to{clip-path:polygon(0% 0%,16.6667% 0%,16.6667% 0%,33.3333% 0%,33.3333% 0%,50% 0%,50% 0%,66.6667% 0%,66.6667% 0%,83.3333% 0%,83.3333% 0%,100% 0%,100% 100%,83.3333% 100%,83.3333% 100%,66.6667% 100%,66.6667% 100%,50% 100%,50% 100%,33.3333% 100%,33.3333% 100%,16.6667% 100%,16.6667% 100%,0% 100%)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--tone-ink-2) var(--tone-bg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--tone-bg);color:var(--tone-ink);transition:background-color var(--dur-theme) ease, color var(--dur-theme) ease}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.lenis{scroll-behavior:auto}[tabindex="-1"]:focus{outline:none}body{min-height:100dvh;font-family:var(--font-text);font-size:var(--step-0);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;background:0 0;line-height:1.6;overflow-x:clip}main,body>footer{z-index:1;position:relative}.hair{z-index:var(--z-hair);pointer-events:none;position:fixed;inset:0}.hair__grid{column-gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid}.hair__grid span{border-left:1px solid var(--hair);transition:border-color var(--dur-theme) ease}.hair__grid span:nth-child(4){border-right:1px solid var(--hair)}.hair__grid span:nth-child(n+5){display:none}@media (width>=60rem){.hair__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.hair__grid span:nth-child(n+5){display:block}.hair__grid span:nth-child(4){border-right:0}.hair__grid span:nth-child(12){border-right:1px solid var(--hair)}}.pill{top:20px;right:var(--gutter);z-index:var(--z-pill);background:var(--pill-bg);min-height:2.5rem;color:var(--pill-ink);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--dur-theme) ease, color var(--dur-theme) ease, transform var(--dur-press) var(--ease-out);border-radius:999px;align-items:center;gap:.55em;padding:.5rem 1.1rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:fixed}.pill:active{transform:scale(.96)}.pill:focus-visible{outline:2px solid var(--tone-ink);outline-offset:3px;border-radius:999px}.pill__long{display:none}@media (width>=60rem){.pill__icon,.pill__short{display:none}.pill__long{display:inline}}:root[data-theme=accent] .pill{background:var(--field);color:var(--accent)}.verdict{font-family:var(--font-verdict);letter-spacing:0;text-transform:none;color:var(--hi);font-style:italic;font-weight:400}img{max-width:100%;height:auto;display:block}ul,ol{padding:0;list-style:none}a{color:inherit}::selection{background:var(--tone-ink);color:var(--tone-bg)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:800;line-height:.86}p{text-wrap:pretty}code{font-family:var(--font-mono);font-size:.86em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.link{color:var(--tone-accent);text-underline-offset:.22em;transition:text-decoration-thickness var(--dur-press) ease;text-decoration:underline 1px}.link:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--tone-ink);outline-offset:4px;border-radius:1px}.skip-link{left:var(--space-4);top:var(--space-4);z-index:var(--z-skip);padding:var(--space-2) var(--space-4);background:var(--tone-ink);color:var(--tone-bg);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:100%;max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font-family:var(--font-mono);font-size:var(--step--1);color:var(--tone-ink-2)}.btn{align-items:center;gap:var(--space-3);border:1.5px solid var(--tone-ink);min-height:2.75rem;font-family:var(--font-mono);font-size:var(--step--1);color:var(--tone-ink);background:0 0;border-radius:999px;padding:.55rem 1.1rem .55rem 1.25rem;text-decoration:none;display:inline-flex}.btn__arrow{transition:transform var(--dur-hover) var(--ease-out);display:inline-block}.btn--solid{background:var(--tone-ink);color:var(--tone-bg)}@media (hover:hover) and (pointer:fine){.btn:hover .btn__arrow{transform:translate(2px,-2px)}}.btn:active{transform:scale(.97)}.btn[aria-disabled=true]{opacity:.55;pointer-events:none;border-style:dashed}.frame{border:1px solid var(--tone-line);border-radius:var(--radius);background:var(--tone-bg);overflow:hidden}.frame img{width:100%}@media (prefers-reduced-motion:no-preference){html.enter [data-rise]{animation:rise var(--dur-settle) var(--spring) both;animation-delay:calc(var(--i,0) * 70ms + 60ms)}html.enter [data-settle]{animation:settle var(--dur-settle) var(--spring) both;animation-delay:calc(var(--i,0) * 40ms + .26s)}}@media (hover:hover) and (pointer:fine) and (width>=60rem) and (prefers-reduced-motion:no-preference){html.enter .hair__grid span{transform-origin:top;animation:1.1s cubic-bezier(.84,0,.16,1) backwards hair-draw;animation-delay:calc(var(--n,0) * 40ms)}}@keyframes hair-draw{0%{transform:scaleY(0)}}@keyframes rise{0%{transform:translateY(105%)}}@keyframes settle{0%{opacity:0;transform:translateY(18px)}}.progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.progress{height:2px;z-index:calc(var(--z-skip) - 1);background:var(--accent);transform-origin:0;pointer-events:none;animation-name:progress;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto}}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-drift]{animation-name:drift;animation-timing-function:linear;animation-fill-mode:forwards;animation-timeline:view();animation-range:exit}html.enter [data-drift][data-settle]{animation:settle var(--dur-settle) var(--spring) both, drift linear forwards;animation-delay:calc(var(--i,0) * 40ms + .26s), 0s;animation-timeline:auto,view();animation-range:normal,exit}}}@keyframes scroll-rise{0%{opacity:0;translate:0 24px}}@keyframes line-draw{0%{transform:scaleX(0)}}@keyframes drift{0%{opacity:1;transform:translateY(0)}to{opacity:.25;transform:translateY(18%)}}@media (prefers-reduced-motion:no-preference){html.js [data-reveal]{transition:opacity var(--dur-settle) var(--spring), transform var(--dur-settle) var(--spring)}html.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){html,.pill,.hair__grid span{transition-duration:0s}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.btn,.btn__arrow{transition-property:background-color,color}}:where([data-magnetic]){position:relative}[data-magnetic]{will-change:transform;transition:transform .6s cubic-bezier(.16, 1, .3, 1), color .2s ease, background-color var(--dur-theme) ease;overflow:hidden}[data-magnetic]>.mag{z-index:1;align-items:center;gap:inherit;transition:transform .6s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}[data-magnetic].is-live,[data-magnetic].is-live>.mag{transition:color .2s ease .25s, background-color var(--dur-theme) ease}.fill{pointer-events:none;border-radius:50%;width:150%;height:200%;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;inset:-50% auto auto -25%;transform:translateY(-76%)}[data-magnetic]:hover .fill,[data-magnetic]:focus-visible .fill{transform:translateY(0)}[data-magnetic]:hover,[data-magnetic]:focus-visible{transition-delay:0s,.25s,0s}.btn .fill{background:var(--tone-ink)}.btn:hover,.btn:focus-visible{color:var(--tone-bg)}.btn--solid .fill{background:var(--tone-accent)}.pill .fill{background:var(--field)}.pill:hover,.pill:focus-visible{color:var(--accent)}.dot{position:relative}.dot:after{content:"";width:6px;height:6px;transition:transform .25s var(--ease-out);pointer-events:none;background:currentColor;border-radius:50%;margin-left:-3px;position:absolute;top:100%;left:50%;transform:scale(0)}.dot:hover:after,.dot:focus-visible:after{transform:scale(1)}@media (prefers-reduced-motion:reduce){[data-magnetic],[data-magnetic]>.mag,.fill{transition:none}}.head[data-astro-cid-nen7h5rs]{z-index:var(--z-header);position:relative}.head__inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);min-height:5rem;padding-block:var(--space-4) var(--space-2);padding-right:calc(var(--gutter) + 6.5rem);flex-wrap:wrap;display:flex}.head__name[data-astro-cid-nen7h5rs]{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);letter-spacing:.02em;text-transform:uppercase;text-decoration:none}.head__nav[data-astro-cid-nen7h5rs]{gap:var(--space-5);font-size:var(--step--1);display:flex}.head__nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{padding-block:var(--space-2);transition:background-size var(--dur-hover) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none;display:inline-block}.head__nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.head__nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:focus-visible{background-size:100% 1px}html.lenis .head[data-astro-cid-nen7h5rs]{transition:transform .4s var(--ease-out), background-color var(--dur-theme) ease;position:sticky;top:0}html.lenis .head[data-astro-cid-nen7h5rs].is-stuck{background:var(--tone-bg)}html.lenis .head[data-astro-cid-nen7h5rs].is-away:not(:focus-within){transform:translateY(-100%)}@media (width>=60rem){.head__inner[data-astro-cid-nen7h5rs]{padding-right:calc(var(--gutter) + 9rem)}}.foot[data-astro-cid-jo6i4kqk]{margin-top:var(--space-9);padding-bottom:var(--gutter)}.foot__card[data-astro-cid-jo6i4kqk]{gap:var(--space-6);padding:var(--space-7) var(--space-5) var(--space-5);background:var(--accent);color:var(--field);border-radius:12px;display:grid;container-type:inline-size}.foot[data-astro-cid-jo6i4kqk] [data-astro-cid-jo6i4kqk]:focus-visible{outline-color:var(--field)}.foot__email[data-astro-cid-jo6i4kqk]{width:fit-content;font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;transition:background-size var(--dur-hover) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 .06em no-repeat;padding-bottom:.08em;font-size:min(9rem,9.52381cqi);font-weight:800;line-height:.9;text-decoration:none;display:inline-block}.foot__email[data-astro-cid-jo6i4kqk]:hover,.foot__email[data-astro-cid-jo6i4kqk]:focus-visible{background-size:100% .06em}.foot__nav[data-astro-cid-jo6i4kqk] ol[data-astro-cid-jo6i4kqk]{gap:var(--space-2) var(--space-6);font-family:var(--font-mono);font-size:var(--step-0);flex-wrap:wrap;display:flex}.foot__nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{padding:var(--space-2) var(--space-4);margin-inline:calc(var(--space-4) * -1);border-radius:999px;gap:.5em;text-decoration:none;display:inline-flex}.foot__nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover,.foot__nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:focus-visible{color:var(--accent)}.foot__nav[data-astro-cid-jo6i4kqk] .fill[data-astro-cid-jo6i4kqk]{background:var(--field)}.foot__n[data-astro-cid-jo6i4kqk]{opacity:.6}.foot__base[data-astro-cid-jo6i4kqk]{justify-content:space-between;gap:var(--space-3) var(--space-6);padding-top:var(--space-4);font-size:var(--step--1);border-top:1px solid #12121440;flex-wrap:wrap;display:flex}@media (width>=60rem){.foot__card[data-astro-cid-jo6i4kqk]{padding:var(--space-8) var(--space-7) var(--space-6)}}@media (hover:hover) and (pointer:fine) and (width>=60rem) and (prefers-reduced-motion:no-preference){html.js .foot__card[data-astro-cid-jo6i4kqk]{transition:opacity .8s var(--spring), transform .8s var(--spring)}html.js .foot__card[data-astro-cid-jo6i4kqk]:not(.is-in){transform:translateY(48px)rotate(.4deg)}}@media not all and (hover:hover) and (pointer:fine) and (width>=60rem) and (prefers-reduced-motion:no-preference){html.js .foot__card[data-astro-cid-jo6i4kqk]:not(.is-in){opacity:1;transform:none}}.smoke[data-astro-cid-bpvcgsmq]{display:none}@media (hover:hover) and (pointer:fine) and (width>=60rem) and (prefers-reduced-motion:no-preference){.smoke[data-astro-cid-bpvcgsmq]{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;display:block;position:fixed;inset:0}body{cursor:crosshair}a,button,label,summary{cursor:pointer}}.eyebrow[data-astro-cid-2lydxdhj]{font-family:var(--font-mono);font-weight:400;font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--tone-ink-2);line-height:1.4}