:root{--color-void:#06090b;--color-pine:#16302a;--color-chalk:#f1efe8;--color-ash:#a9aea9;--color-smoke:#6c736e;--color-teal-core:#1d9e75;--color-teal-glow:#5dcaa5;--color-filament:#d9a441;--color-hairline:#f1efe81a;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-hero:clamp(56px, 11vw, 128px);--text-display:clamp(40px, 7vw, 78px);--text-heading-lg:48px;--text-heading:34px;--text-heading-sm:24px;--text-subheading:20px;--text-body:17px;--text-body-sm:14px;--text-metric:clamp(40px, 6vw, 72px);--text-label:13px;--text-tag:13px;--fw-thin:300;--fw-regular:400;--fw-medium:500;--space-6:6px;--space-12:12px;--space-18:18px;--space-24:24px;--space-36:36px;--space-60:60px;--space-96:96px;--space-120:120px;--radius-pill:999px;--radius-panel:16px;--radius-tile:20px;--page-max:1200px;--canvas-max:1440px;--gutter:clamp(20px, 4vw, 64px);--section-gap:var(--space-120);--measure:62ch;--lens-radius:clamp(120px, 16vw, 220px);--lens-lerp:.11}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/space-grotesk-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-latin-500-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-void);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-void);color:var(--color-chalk);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--fw-regular);letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh;line-height:1.6}img,svg,video,canvas{max-width:100%;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--color-teal-glow);color:var(--color-void)}:focus-visible{outline:2px solid var(--color-teal-glow);outline-offset:2px;border-radius:2px}.skip-link{top:var(--space-12);left:var(--space-12);z-index:100;background:var(--color-void);border:1px solid var(--color-teal-glow);color:var(--color-teal-glow);font-family:var(--font-mono);font-size:var(--text-label);border-radius:var(--radius-pill);padding:10px 16px;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.eyebrow{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-teal-glow)}.display{font-weight:var(--fw-thin);font-size:var(--text-display);letter-spacing:-.03em;color:var(--color-chalk);line-height:.95}.body-muted{color:var(--color-ash)}.btn{font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:8px;padding:14px 20px;font-size:12px;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.btn--primary{background:var(--color-teal-core);color:var(--color-void)}.btn--primary:hover{background:var(--color-teal-glow)}.btn--ghost{border:1px solid var(--color-teal-glow);color:var(--color-teal-glow)}.btn--ghost:hover{border-color:var(--color-chalk);color:var(--color-chalk)}.text-action{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-chalk)}.text-action:hover,.text-action:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--color-teal-glow);text-decoration-color:var(--color-teal-glow);text-underline-offset:4px}.tags{gap:var(--space-6);flex-wrap:wrap;display:flex}.tags li{font-family:var(--font-mono);font-size:var(--text-tag);letter-spacing:.02em;color:var(--color-ash);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px}.metrics{gap:var(--space-36) var(--space-60);flex-wrap:wrap;display:flex}.metric{gap:var(--space-6);display:grid}.metric__value{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--text-metric);letter-spacing:-.01em;color:var(--color-filament);line-height:1}.metric--teal .metric__value{color:var(--color-teal-glow)}.metric__label{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-smoke)}.hairline{border:0;border-top:1px solid var(--color-hairline)}.field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.nav,main,.footer{z-index:1;position:relative}.nav{z-index:50;border-bottom:1px solid #0000;transition:background-color .2s,border-color .2s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--color-hairline);background:#06090bd1}.nav__inner{max-width:var(--page-max);padding:var(--space-18) var(--gutter);align-items:center;gap:var(--space-36);margin:0 auto;display:flex}.nav__brand{--brand-ease:cubic-bezier(.165, .84, .44, 1);width:173px;height:36px;display:block;position:relative}.nav__tile{background:var(--color-pine);border:1px solid var(--color-hairline);width:36px;height:36px;transition:opacity .2s var(--brand-ease) .12s, transform .2s var(--brand-ease) .12s;border-radius:8px;margin-top:-18px;position:absolute;top:50%;left:0;transform:scale(1)}.nav__lockup{height:26px;transition:transform .28s var(--brand-ease);margin-top:-13px;position:absolute;top:50%;left:0;transform:translate(5.35px)}.nav__wordmark{clip-path:inset(0 calc(100% - 14.7px) 0 0);width:auto;height:26px;transition:clip-path .28s var(--brand-ease);display:block}.nav__dot{background:var(--color-teal-glow);width:3.77px;height:3.77px;transition:opacity 90ms var(--brand-ease) .22s;border-radius:50%;position:absolute;top:16.34px;left:19.61px}.nav--past-hero .nav__dot{opacity:0;transition:opacity 90ms var(--brand-ease)}.nav--past-hero .nav__tile{opacity:0;transition:opacity .2s var(--brand-ease), transform .2s var(--brand-ease);transform:scale(.9)}.nav--past-hero .nav__lockup{transition:transform .44s var(--brand-ease) 90ms;transform:translate(0)}.nav--past-hero .nav__wordmark{clip-path:inset(0);transition:clip-path .44s var(--brand-ease) 90ms}@media (prefers-reduced-motion:reduce){.nav__tile,.nav__lockup,.nav__wordmark,.nav__dot,.nav--past-hero .nav__tile,.nav--past-hero .nav__lockup,.nav--past-hero .nav__wordmark,.nav--past-hero .nav__dot{transition:none}}.nav__links{gap:var(--space-24);margin-left:auto;display:flex}.nav__links a{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-smoke);transition:color .16s}.nav__links a:hover,.nav__links a:focus-visible{color:var(--color-chalk)}@media (max-width:768px){.nav__links{display:none}}.section{padding:calc(var(--section-gap) / 2) 0;scroll-margin-top:var(--space-96)}.section__inner{max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.section .display{margin:var(--space-12) 0 var(--space-60)}@media (max-width:768px){:root{--section-gap:var(--space-96)}}.hero{min-height:100svh;padding-top:var(--space-96);align-items:center;display:flex}.hero__inner{max-width:var(--page-max);padding:0 var(--gutter);gap:var(--space-60);grid-template-columns:minmax(0,720px) 1fr;align-items:center;width:100%;margin:0 auto;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero__headline{margin:var(--space-12) 0 var(--space-18)}.hero__nameplate{--cell:max(4px, min(8px, calc((100vw - 2 * var(--gutter)) / 64)));gap:calc(var(--cell) * 1.5);width:-moz-fit-content;width:fit-content;max-width:100%;filter:drop-shadow(0 0 calc(var(--cell) * .7) #5dcaa559);flex-direction:column;align-items:flex-start;display:flex;position:relative}.hero__nameplate:empty:before{content:"Binoy Sasmal";font-family:var(--font-display);font-weight:var(--fw-thin);letter-spacing:-.02em;color:var(--color-chalk);font-size:clamp(44px,5vw,72px)}.nameplate__word{align-items:flex-start;gap:calc(var(--cell) * 1.9);display:flex}.nameplate__glyph{display:inline-block;position:relative}.nameplate__grid{--echo-line:max(1px, calc(var(--cell) * .14));grid-auto-rows:var(--cell);display:grid}.nameplate__grid.is-front{z-index:1;grid-template-columns:repeat(7, var(--cell));gap:max(1px, calc(var(--cell) * .08));position:relative}.nameplate__grid.is-echo{z-index:0;grid-template-columns:repeat(7, var(--cell));transform:translate(calc(var(--cell) * .9), calc(var(--cell) * .9));position:absolute;top:0;left:0}.nameplate__cell{box-sizing:border-box;width:var(--cell);height:var(--cell)}.is-front .nameplate__cell.is-on{background:var(--color-chalk);transform-origin:50%;will-change:transform, opacity}.is-echo .nameplate__cell.edge-t{border-top:var(--echo-line) solid var(--color-teal-glow)}.is-echo .nameplate__cell.edge-b{border-bottom:var(--echo-line) solid var(--color-teal-glow)}.is-echo .nameplate__cell.edge-l{border-left:var(--echo-line) solid var(--color-teal-glow)}.is-echo .nameplate__cell.edge-r{border-right:var(--echo-line) solid var(--color-teal-glow)}.nameplate__caret{width:max(2px, calc(var(--cell) * .55));height:calc(9 * var(--cell) + 8 * max(1px, calc(var(--cell) * .08)));background:var(--color-teal-glow);box-shadow:0 0 calc(var(--cell) * .8) #5dcaa599;opacity:0;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.hero__tagline{font-family:var(--font-display);font-weight:var(--fw-thin);letter-spacing:-.02em;color:var(--color-chalk);margin:var(--space-18) 0 var(--space-24);font-size:clamp(24px,3vw,40px);line-height:.98}.hero__sub{max-width:42ch;margin-bottom:var(--space-36)}.hero__actions{align-items:center;gap:var(--space-18);margin-bottom:var(--space-60);flex-wrap:wrap;display:flex}.hero__proof{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-smoke);max-width:60ch}.hero__stage{min-height:min(70svh,640px);position:relative}.hero__photo{z-index:1;pointer-events:none;will-change:opacity, mask-image;object-fit:fill;position:fixed;top:0;left:0}.hero__copy{z-index:2;position:relative}.hero__photo-toggle{bottom:var(--space-12);right:var(--space-12);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-teal-glow);border:1px solid var(--color-teal-glow);border-radius:var(--radius-pill);background:#06090b99;padding:8px 14px;position:absolute}@media (max-width:900px){.hero{padding-top:var(--space-120)}.hero__inner{grid-template-columns:1fr}.hero__stage{order:-1;min-height:40svh}}.about__inner{max-width:calc(var(--measure) + 2 * var(--gutter));text-align:left}.about__body{margin-top:var(--space-24);font-size:var(--text-subheading);max-width:var(--measure);line-height:1.6}.experience .hairline{margin:var(--space-60) 0}.org__name,.role{margin-bottom:var(--space-36)}.role:last-child{margin-bottom:0}.role__title{font-weight:var(--fw-medium);font-size:var(--text-heading-sm);color:var(--color-chalk);line-height:1.25}.role__meta{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-smoke);margin:var(--space-6) 0 var(--space-18)}.role__body{max-width:var(--measure);margin-bottom:var(--space-18)}.link-inline{color:var(--color-teal-glow);border-bottom:1px solid color-mix(in srgb, var(--color-teal-glow) 45%, transparent);transition:border-color .16s}.link-inline:hover,.link-inline:focus-visible{border-bottom-color:var(--color-teal-glow)}.role__metrics{color:var(--color-ash);max-width:var(--measure);margin:var(--space-18) 0;font-style:italic}.role .tags{margin-top:var(--space-18)}.experience .org{max-width:var(--measure)}@media (min-width:1000px){.experience .org{max-width:48%}}.projects{--pgap:2vw;--pspace:calc((100% - 11 * var(--pgap)) / 12);--ppad-x:max(5vw, 40px);--ppad-y:clamp(30px, 4vw, 50px);--pcard-w:calc(var(--pspace) * 3 + var(--pgap) * 2);--pcard-h:calc(var(--pcard-w) * 1481 / 1062);--head-gap:var(--space-96);--card-stock:#021d18;--card-runway:400vh;padding-bottom:0;font-size:clamp(.875rem,1vw,1.75rem)}@media (max-width:812px){.projects{--pgap:4vw;--ppad-x:25px;--ppad-y:25px}}@media (max-width:400px){.projects{--ppad-x:15px;--ppad-y:15px}}.projects__inner{padding:0 var(--ppad-x);align-items:end;column-gap:var(--pgap);grid-template-columns:1fr auto;display:grid;position:relative}.projects__title{font-size:12vw;font-weight:var(--fw-thin);letter-spacing:-.03em;text-transform:uppercase;color:var(--color-chalk);grid-column:1;margin:0;line-height:1em}@media (min-aspect-ratio:21/9){.projects__title{font-size:8vw}}@media (max-width:812px){.projects__title{font-size:18vw}}.projects__title-line{display:block;position:relative;overflow:hidden}.projects__title-char{will-change:transform;display:inline-block}.projects__subheader{width:20em;font-family:var(--font-mono);text-transform:uppercase;color:var(--color-ash);grid-column:2;padding-bottom:.5em;font-size:.875em;line-height:1.4}@media (min-aspect-ratio:21/9){.projects__subheader{font-size:1em}}@media (max-width:812px){.projects__inner{grid-template-columns:1fr}.projects__subheader{width:100%;margin-top:var(--space-24);grid-column:1;padding-bottom:0}}.projects__subheader-line{display:block;position:relative;overflow:hidden}.projects__subheader-inner{will-change:transform;display:block}.projects__runway{width:100%;height:var(--card-runway);margin-top:calc(var(--head-gap) - 50vh + var(--pcard-h) / 2);pointer-events:none;grid-column:1/-1;position:relative}.pcard{pointer-events:auto}.projects__pin{align-items:center;height:100vh;display:flex;position:sticky;top:0}.projects__deck{width:100%;perspective:calc(var(--vh,1vh) * 100);perspective-origin:50%;position:relative}@media (min-aspect-ratio:21/9){.projects__runway{width:75%}}@media (max-width:812px){.projects{padding-bottom:calc(var(--section-gap) / 2)}.projects__runway{height:auto;margin-top:var(--space-36)}.projects__pin{height:auto;display:block;position:static}.projects__deck{perspective:300vw}}.projects__repos{pointer-events:auto;margin-top:calc(var(--pcard-h) / 2 + 3.2rem);text-align:center;will-change:transform, opacity;position:absolute;top:50%;left:0;right:0}.projects__repos .projects__repos-label{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid color-mix(in srgb, var(--color-teal-glow) 55%, transparent);padding-bottom:.35em;font-size:15px;transition:color .16s,border-color .16s;display:inline-block}.projects__repos:hover .projects__repos-label,.projects__repos:focus-visible .projects__repos-label{color:var(--color-teal-glow);border-bottom-color:var(--color-teal-glow)}.projects__repos:hover{text-decoration:none}@media (max-width:812px){.projects__repos{margin:var(--space-60) 0 0;clear:both;display:block;position:static}}.pcard{width:var(--pcard-w);aspect-ratio:1062/1481;transform-style:preserve-3d;will-change:transform;font-size:1.3vw;display:inline-block;position:absolute;top:0;left:0}@media (min-aspect-ratio:21/9){.pcard{font-size:.87vw}}@media (max-width:812px){.pcard{width:calc(50% - var(--pgap) / 2);font-size:2.4vw;position:relative}.pcard:nth-child(n+3){margin-top:3em}.pcard:nth-child(odd){float:right}}@media (max-width:560px){.pcard{width:100%;font-size:5vw;float:none!important}.pcard:nth-child(n+1){margin-top:3em}}.pcard__face,.pcard__back{backface-visibility:hidden;border-radius:.8em;position:absolute;inset:0}.pcard__face{background:var(--card-stock);border:1px solid color-mix(in srgb, var(--color-teal-glow) 30%, transparent);color:var(--color-chalk);flex-direction:column;justify-content:space-between;padding:1.4em 1.6em;display:flex;overflow:hidden}.pcard__back{background-image:url(/cards/card-back.png);background-position:50%;background-repeat:no-repeat;background-size:contain;transform:rotateY(180deg)}.pcard__head,.pcard__foot{justify-content:space-between;align-items:center;gap:.5em;display:flex}.pcard__name{font-size:1.25em;font-weight:var(--fw-medium);letter-spacing:-.01em;text-transform:uppercase;color:var(--color-chalk);margin:0;line-height:1.1}.pcard__glyph{font-family:var(--font-mono), "Segoe UI Symbol", "Apple Symbols", sans-serif;color:var(--color-teal-glow);flex:none;font-size:2em;line-height:1}.pcard__glyph--foot{transform:rotate(180deg)}.pcard__body{flex-direction:column;flex:1;justify-content:center;display:flex}.pcard__desc{color:var(--color-ash);margin:0 0 1.4em;font-size:.85em;line-height:1.45}.pcard__specs{margin:0;padding:0;list-style:none}.pcard__specs li{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:.5em;font-size:.72em;line-height:1.4;display:flex;position:relative;overflow:hidden}.pcard__specs li:not(:first-child){margin-top:1.1em}.pcard__specs span{color:var(--color-smoke);white-space:nowrap}.pcard__specs b{font-weight:var(--fw-medium);color:var(--color-teal-glow);white-space:nowrap}.pcard__specs li:before{content:"..............................";letter-spacing:.14em;color:var(--color-teal-glow);opacity:.22;pointer-events:none;font-size:1em;position:absolute;bottom:.18em;left:0}.pcard__specs span,.pcard__specs b{background:var(--card-stock);padding:0 .25em;position:relative}.pcard__specs span{padding-left:0}.pcard__specs b{padding-right:0}.pcard__link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-chalk);border-bottom:1px solid color-mix(in srgb, var(--color-teal-glow) 45%, transparent);padding-bottom:.15em;font-size:.72em;transition:color .16s,border-color .16s}.pcard__link:hover,.pcard__link:focus-visible{color:var(--color-teal-glow);border-bottom-color:var(--color-teal-glow)}@media (prefers-reduced-motion:reduce){.projects__runway{height:auto!important;margin-top:var(--space-36)!important}.projects__pin{height:auto;display:block;position:static}.projects__deck{perspective:none;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pcard{aspect-ratio:auto;width:auto;min-height:320px;font-size:15px;position:relative;float:none!important;margin:0!important;transform:none!important}.pcard__face{height:100%;position:relative;inset:auto}.pcard__back{display:none}}.skills__groups{gap:var(--space-36);display:grid}.skills__group{gap:var(--space-24);grid-template-columns:minmax(180px,260px) 1fr;align-items:start;display:grid}.skills__group dt{padding-top:5px}@media (min-width:1000px){.skills__groups{max-width:56%}}@media (max-width:700px){.skills__group{gap:var(--space-12);grid-template-columns:1fr}}.contact{padding-bottom:var(--space-120)}.contact__inner{text-align:center;justify-items:center;gap:var(--space-18);display:grid}.contact__headline{font-weight:var(--fw-thin);font-size:var(--text-display);letter-spacing:-.03em;line-height:.95}.contact__actions{align-items:center;gap:var(--space-24);margin-top:var(--space-24);display:flex}.footer{border-top:1px solid var(--color-hairline);padding:var(--space-36) 0;background:var(--color-void)}.footer__inner{max-width:var(--page-max);padding:0 var(--gutter);align-items:center;gap:var(--space-24);flex-wrap:wrap;margin:0 auto;display:flex}.footer__domain{width:auto;height:20px}.footer__tagline{font-size:var(--text-body-sm)}.footer__legal{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--color-smoke);margin-left:auto}