:root{--black: #000;--ink: #0a0a0a;--ink-2: #111;--charcoal: #333;--grey: #8a8a8a;--grey-2: #bdbdbd;--paper: #f5f5f5;--white: #fff;--line-dark: rgba(255, 255, 255, .12);--line-light: rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .04);--glass-strong: rgba(255, 255, 255, .08);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--font-bn: "Noto Sans Bengali", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--gutter: clamp(16px, 4vw, 48px);--max: 1280px;--header-h: 72px;--radius: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font-sans);line-height:1.6;color:var(--white);background:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.is-loading{overflow:hidden}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}::selection{background:var(--white);color:var(--black)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.grain{position:fixed;inset:-50%;z-index:9000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--grey)}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.display{font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.03em}.h-xl{font-size:clamp(2.6rem,8vw,7.5rem)}.h-lg{font-size:clamp(2.2rem,5.5vw,4.8rem)}.h-md{font-size:clamp(1.6rem,3vw,2.4rem)}.muted{color:var(--grey)}.outline-text{color:transparent;-webkit-text-stroke:1px currentColor}.on-dark .outline-text{-webkit-text-stroke-color:rgba(255,255,255,.7)}.split-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.split-word>span{display:inline-block;transform:translateY(105%) rotate(4deg);transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i, 0) * 45ms)}.is-inview .split-word>span,.split-word.is-inview>span{transform:none}.section{position:relative;padding:clamp(80px,12vw,160px) 0}.section--light{background:var(--paper);color:var(--black)}.section--light .eyebrow,.section--light .muted{color:#666}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(40px,6vw,80px)}.section-head p{max-width:420px}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-out),transform 1.2s var(--ease-out);transition-delay:var(--delay, 0ms)}[data-reveal=scale]{transform:scale(.92) translateY(30px)}[data-reveal].is-inview{opacity:1;transform:none}.btn{--bg: var(--white);--fg: var(--black);position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:.95rem;background:var(--bg);color:var(--fg);overflow:hidden;isolation:isolate;transition:transform .4s var(--ease-out)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fg);transform:translateY(101%);border-radius:inherit;transition:transform .6s var(--ease-out)}.btn:hover:before{transform:none}.btn:hover{color:var(--bg)}.btn--ghost{--bg: transparent;--fg: var(--white);border:1px solid var(--line-dark)}.btn--ghost:hover{color:var(--black)}.btn--dark{--bg: var(--black);--fg: var(--white)}.btn i{transition:transform .4s var(--ease-out)}.btn:hover i{transform:translate(4px) rotate(-45deg)}.icon-btn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-dark);font-size:1.1rem;transition:background .3s,color .3s,transform .4s var(--ease-out)}.icon-btn:hover{background:var(--white);color:var(--black)}.section--light .icon-btn{border-color:var(--line-light)}.section--light .icon-btn:hover{background:var(--black);color:var(--white)}.tag{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid var(--line-dark);color:#fffc;white-space:nowrap}.section--light .tag{border-color:var(--line-light);color:var(--charcoal)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);display:flex;align-items:center;color:var(--white);transition:transform .6s var(--ease-out),background .4s,border-color .4s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#0a0a0a99;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:var(--line-dark)}.site-header.is-hidden{transform:translateY(-100%)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-bn)}.logo__mark{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--white);border-radius:50%;font-size:1.35rem;font-weight:700;line-height:1;transition:transform .6s var(--ease-out),background .3s,color .3s}.logo:hover .logo__mark{transform:rotate(360deg);background:var(--white);color:var(--black)}.logo__text{font-size:1.1rem;font-weight:500}.nav{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--line-dark);background:#ffffff08}.nav a{position:relative;padding:8px 18px;border-radius:999px;font-size:.88rem;font-weight:500;color:#ffffffb3;transition:color .3s,background .3s}.nav a:hover{color:var(--white)}.nav a.is-active{background:var(--white);color:var(--black)}.header-cta{display:flex;align-items:center;gap:10px}.header-cta .btn{padding:10px 20px;font-size:.85rem}.burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-dark);position:relative;z-index:1101}.burger span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--white);transition:transform .5s var(--ease-out),top .5s var(--ease-out)}.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:27px}.menu-open .burger span:nth-child(1){top:23px;transform:rotate(45deg)}.menu-open .burger span:nth-child(2){top:23px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;padding:calc(var(--header-h) + 24px) var(--gutter) max(24px,env(safe-area-inset-bottom));overflow-y:auto;color:var(--white);background:radial-gradient(ellipse at 100% 0%,#1c1c1c 0%,var(--black) 60%);clip-path:circle(0% at calc(100% - 40px) 36px);transition:clip-path .9s var(--ease-in-out);pointer-events:none}.menu-open .mobile-menu{clip-path:circle(150% at calc(100% - 40px) 36px);pointer-events:auto}.menu-open .site-header{z-index:1200;transform:none;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.menu-open .site-header .logo__mark,.menu-open .site-header .burger{border-color:#ffffff80!important}.menu-open .site-header .logo__mark{border-color:var(--white)!important}.mobile-menu__eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--grey);margin-bottom:12px}.mobile-menu__nav{border-top:1px solid var(--line-dark)}.mobile-menu__link{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:16px 4px;border-bottom:1px solid var(--line-dark);opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s var(--ease-out),padding .4s var(--ease-out)}.menu-open .mobile-menu__link{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * .06s)}.mobile-menu__num{font-family:var(--font-display);font-size:.8rem;color:var(--grey);font-variant-numeric:tabular-nums}.mobile-menu__label{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.mobile-menu__link .fa-arrow-right{font-size:.95rem;color:var(--grey);transition:transform .4s var(--ease-out),color .3s}.mobile-menu__link{color:#ffffffb8}.mobile-menu__link.is-active,.mobile-menu__link.is-active .mobile-menu__num{color:var(--white)}.mobile-menu__link.is-active .fa-arrow-right,.mobile-menu__link:active .fa-arrow-right{color:var(--white);transform:rotate(-45deg)}.mobile-menu__foot{margin-top:auto;padding-top:32px;display:grid;gap:20px;opacity:0;transition:opacity .6s .5s}.menu-open .mobile-menu__foot{opacity:1}.mobile-menu__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu__actions .btn{justify-content:center;padding:14px 12px}.mobile-menu__socials{display:flex;justify-content:space-between}.mobile-menu__socials{justify-content:center;gap:12px}.mobile-menu__socials .icon-btn{width:44px;height:44px;font-size:1rem}.mobile-menu__meta{font-size:.78rem;color:var(--grey);text-align:center}.mobile-menu__meta i{margin-right:6px}.cursor,.cursor-dot{position:fixed;top:0;left:0;z-index:9500;pointer-events:none;border-radius:50%;mix-blend-mode:difference}.cursor{width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid var(--white);transition:width .4s var(--ease-out),height .4s var(--ease-out),margin .4s var(--ease-out),background .3s}.cursor.is-hover{width:80px;height:80px;margin:-40px 0 0 -40px;background:var(--white)}.cursor.is-hover.is-icon{width:64px;height:64px;margin:-32px 0 0 -32px;background:transparent}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--white)}.cursor-label{position:fixed;top:0;left:0;z-index:9501;pointer-events:none;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--black);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;mix-blend-mode:normal}@media (hover: none),(pointer: coarse){.cursor,.cursor-dot,.cursor-label{display:none}}.preloader{position:fixed;inset:0;z-index:9800;background:var(--black);display:flex;flex-direction:column;justify-content:space-between;padding:var(--gutter);transition:transform 1.1s var(--ease-in-out)}.preloader.is-done{transform:translateY(-100%)}.preloader__name{font-family:var(--font-bn);font-size:clamp(3rem,14vw,9rem);font-weight:700;line-height:1}.preloader__row{display:flex;justify-content:space-between;align-items:flex-end}.preloader__count{font-family:var(--font-display);font-size:clamp(4rem,18vw,12rem);font-weight:700;line-height:.8;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.preloader__bar{height:1px;background:var(--line-dark);margin:24px 0;overflow:hidden}.preloader__bar span{display:block;height:100%;width:100%;background:var(--white);transform-origin:left;transform:scaleX(0)}.curtain{position:fixed;inset:0;z-index:9700;pointer-events:none;display:grid;grid-template-columns:repeat(5,1fr)}.curtain span{background:var(--black);border-left:1px solid #111;transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-in-out);transition-delay:calc(var(--i) * 60ms)}.curtain.is-covering span{transform:scaleY(1);transform-origin:bottom}.curtain.is-revealing span{transform:scaleY(0);transform-origin:top}.curtain.is-instant span{transition:none}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#1a1a1a 0%,var(--black) 60%)}.hero__canvas{position:absolute;inset:0;width:100%;height:100%}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding-top:var(--header-h);padding-bottom:80px}.hero__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--line-dark);border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);font-size:.82rem;color:#fffc;margin-bottom:28px}.hero__badge img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:center 20%}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--white);box-shadow:0 0 #fff9;animation:pulse-dot 2s infinite}@keyframes pulse-dot{70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.hero__title{margin-bottom:28px}.hero__title .line{display:block}.hero__roles{display:flex;align-items:center;gap:12px;font-size:clamp(1rem,1.6vw,1.25rem);color:#ffffffbf;margin-bottom:20px;min-height:1.6em}.typing{color:var(--white);font-weight:600}.typing-caret{display:inline-block;width:2px;height:1.1em;background:var(--white);margin-left:2px;vertical-align:-.15em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero__lead{max-width:520px;color:#fff9;font-size:1.05rem;margin-bottom:36px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero__socials{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero__socials .icon-btn{background:#ffffff0a;backdrop-filter:blur(8px)}.hero__socials .icon-btn:hover{background:var(--white);color:var(--black);border-color:var(--white)}.hero__card{position:relative;justify-self:end;width:min(380px,100%);perspective:1200px}.photo-card{position:relative;aspect-ratio:4 / 5;border-radius:28px;overflow:hidden;border:1px solid var(--line-dark);transform-style:preserve-3d;transition:transform .6s var(--ease-out);box-shadow:0 60px 120px -40px #000000e6;animation:float-card 7s ease-in-out infinite}@keyframes float-card{50%{translate:0 -14px}}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.1);transition:filter .8s}.photo-card:hover img{filter:grayscale(.2) contrast(1.05)}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.85))}.photo-card__shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.25),transparent 45%);mix-blend-mode:overlay}.photo-card__meta{position:absolute;left:20px;right:20px;bottom:20px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;transform:translateZ(40px)}.photo-card__meta strong{display:block;font-family:var(--font-display);font-size:1.2rem}.photo-card__meta span{font-size:.8rem;color:#fff9}.orbit-badge{position:absolute;top:-36px;left:-36px;z-index:4;width:120px;height:120px;animation:spin 18s linear infinite}.orbit-badge text{fill:var(--white);font-size:9.5px;letter-spacing:3.5px;font-weight:600;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.scroll-hint{position:absolute;left:50%;bottom:28px;z-index:2;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--grey)}.scroll-hint span{width:1px;height:48px;background:linear-gradient(var(--white),transparent);animation:scroll-line 2s var(--ease-in-out) infinite;transform-origin:top}@keyframes scroll-line{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee{position:relative;overflow:hidden;padding:28px 0;border-block:1px solid var(--line-dark);background:var(--black);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee__track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee__track>span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.marquee__track>span:nth-child(2n){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}.marquee__track i{font-size:.9rem;color:var(--grey)}@keyframes marquee{to{transform:translate(-50%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark)}.stat{border-right:1px solid var(--line-dark);padding:40px 24px 0}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat__num{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5rem);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat__label{margin-top:12px;color:var(--grey);font-size:.9rem}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,6vw,96px);margin-bottom:clamp(60px,8vw,120px)}.about-grid .lead{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.3;letter-spacing:-.015em}.about-grid .lead em{font-style:normal;color:var(--grey)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}.skill-card{position:relative;padding:32px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line-light);transform-style:preserve-3d;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out);box-shadow:0 1px #0000000a}.skill-card:hover{box-shadow:0 40px 80px -30px #00000059}.skill-card>*{transition:transform .6s var(--ease-out)}.skill-card:not(:hover)>*{transform:none!important}.skill-card__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--black);color:var(--white);font-size:1.3rem;margin-bottom:24px;transform:translateZ(50px)}.skill-card h3{font-family:var(--font-display);font-size:1.4rem;margin-bottom:6px;transform:translateZ(35px)}.skill-card>p{color:#666;font-size:.92rem;margin-bottom:24px;transform:translateZ(25px)}.skill-list{display:grid;gap:14px;transform:translateZ(20px)}.skill-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:.9rem;font-weight:500}.skill-row small{color:#888;font-size:.75rem;font-weight:500}.skill-bar{grid-column:1 / -1;height:3px;border-radius:3px;background:#e6e6e6;overflow:hidden}.skill-bar span{display:block;height:100%;width:var(--w);background:var(--black);transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--ease-out);transition-delay:calc(var(--i, 0) * 80ms + .2s)}.is-inview .skill-bar span{transform:scaleX(1)}.eca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}.eca-card{position:relative;padding:28px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line-light);transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}.eca-card:hover{box-shadow:0 40px 80px -30px #00000059}.eca-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eca-card__top .skill-card__icon{margin-bottom:20px;transform:none}.eca-card__date{padding:6px 12px;border-radius:999px;border:1px solid var(--line-light);font-size:.75rem;font-weight:600;white-space:nowrap;color:var(--charcoal)}.eca-card h3{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em}.eca-card__org{font-size:.85rem;font-weight:500;color:#777;margin:2px 0 14px}.eca-card p{font-size:.92rem;color:#555}.tree-intro{padding-bottom:40px}.tree-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem;color:var(--grey)}.tree-legend span{display:inline-flex;align-items:center;gap:8px}.legend-leaf{width:12px;height:12px;border-radius:0 50%;background:var(--white)}.legend-leaf--edu{background:transparent;border:1.5px solid var(--white)}.legend-seed{width:10px;height:10px;border-radius:50%;background:var(--white);box-shadow:0 0 12px var(--white)}.tree-scroller{position:relative}.tree-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;background:radial-gradient(ellipse at 30% 55%,#161616 0%,var(--ink) 65%)}.tree-canvas-wrap{position:relative;min-height:0}.tree-canvas{position:absolute;inset:0;width:100%;height:100%}.tree-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.tree-connector path{fill:none;stroke:#ffffff73;stroke-width:1;stroke-dasharray:4 6;animation:dash 30s linear infinite}.tree-connector circle{fill:var(--white)}@keyframes dash{to{stroke-dashoffset:-400}}.tree-cards{position:relative;z-index:2;display:flex;align-items:center;padding:var(--header-h) clamp(24px,5vw,80px) 40px 0;perspective:1600px}.tree-card{position:absolute;left:0;right:clamp(24px,5vw,80px);top:50%;translate:0 -50%;padding:clamp(24px,3vw,40px);border-radius:24px;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid var(--line-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(60px) rotateX(-18deg) scale(.96);transform-origin:50% 100%;transition:opacity .6s var(--ease-out),transform .9s var(--ease-out),visibility 0s .9s}.tree-card.is-before{transform:translateY(-60px) rotateX(18deg) scale(.96);transform-origin:50% 0%}.tree-card.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .8s var(--ease-out) .1s,transform 1s var(--ease-out) .1s,visibility 0s}.tree-card__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.tree-card__index{font-family:var(--font-display);font-size:.85rem;color:var(--grey);font-variant-numeric:tabular-nums}.tree-card__type{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--white);color:var(--black)}.tree-card__type--education{background:transparent;color:var(--white);border:1px solid var(--white)}.tree-card__year{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,6rem);font-weight:700;line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);margin-bottom:16px}.tree-card h3{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:8px}.tree-card__org{font-weight:500;color:#ffffffd9}.tree-card__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 18px;font-size:.82rem;color:var(--grey)}.tree-card__meta i{margin-right:6px}.tree-card__summary{color:#ffffffbf;margin-bottom:16px}.tree-card ul{display:grid;gap:8px;margin-bottom:20px}.tree-card li{position:relative;padding-left:22px;font-size:.92rem;color:#ffffffb3}.tree-card li:before{content:"";position:absolute;left:0;top:.65em;width:10px;height:1px;background:var(--white)}.tree-card__tags{display:flex;flex-wrap:wrap;gap:6px}.tree-card .tree-card__draft{display:inline-block;margin-top:14px;font-size:.72rem;color:var(--grey);letter-spacing:.06em}.tree-rail{position:absolute;right:14px;top:50%;translate:0 -50%;z-index:4;display:flex;flex-direction:column;gap:4px}.tree-rail button{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:18px;font-size:.65rem;color:transparent;font-variant-numeric:tabular-nums;transition:color .3s}.tree-rail button:after{content:"";width:10px;height:1px;background:#ffffff4d;transition:width .4s var(--ease-out),background .3s}.tree-rail button:hover,.tree-rail button.is-active{color:var(--white)}.tree-rail button.is-active:after{width:26px;background:var(--white)}.tree-rail button:hover:after{background:var(--white)}.tree-progress{position:absolute;left:var(--gutter);bottom:28px;z-index:4;display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:.85rem;color:var(--grey);font-variant-numeric:tabular-nums}.tree-progress__bar{width:120px;height:1px;background:var(--line-dark);overflow:hidden}.tree-progress__bar span{display:block;height:100%;background:var(--white);transform-origin:left;transform:scaleX(0)}.tree-progress strong{color:var(--white)}.tree-hint{position:absolute;left:var(--gutter);top:calc(var(--header-h) + 16px);z-index:4;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}.cta{position:relative;overflow:hidden;text-align:center}.cta .display{margin:24px auto 40px;max-width:12ch}.site-footer{border-top:1px solid var(--line-dark);background:var(--black);color:var(--white);padding:48px 0 32px}.site-footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}.site-footer__socials{display:flex;gap:10px}.site-footer__big{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,15vw,13rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;user-select:none}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;font-size:.82rem;color:var(--grey)}.page-hero{position:relative;padding:calc(var(--header-h) + clamp(60px,10vw,140px)) 0 clamp(40px,6vw,80px);overflow:hidden}.page-hero__bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);opacity:.5;transform:perspective(600px) rotateX(55deg) translateY(-20%) scale(2);transform-origin:top}.section--light .page-hero__bg{background-image:linear-gradient(var(--line-light) 1px,transparent 1px),linear-gradient(90deg,var(--line-light) 1px,transparent 1px)}.page-hero .container{position:relative}.page-hero p{max-width:560px;margin-top:24px;font-size:1.05rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.filter{padding:10px 20px;border-radius:999px;border:1px solid var(--line-dark);font-size:.88rem;font-weight:500;color:#ffffffb3;transition:background .3s,color .3s,border-color .3s}.filter:hover{color:var(--white);border-color:#fff6}.filter.is-active{background:var(--white);color:var(--black);border-color:var(--white)}.filter__short{display:none}.filter sup{margin-left:4px;font-size:.65rem;opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;perspective:1600px}.project-card{position:relative;display:flex;flex-direction:column;border-radius:28px;border:1px solid var(--line-dark);background:linear-gradient(170deg,#161616,#0b0b0b);overflow:hidden;transform-style:preserve-3d;transition:transform .6s var(--ease-out),border-color .4s,opacity .5s,scale .6s var(--ease-out)}.project-card:hover{border-color:#ffffff47}.project-card.is-hidden{display:none}.project-grid.is-filtered .project-card:nth-child(n){grid-column:auto;flex-direction:column}.project-grid.is-filtered .project-card:nth-child(n) .project-card__stage{flex:none;aspect-ratio:16 / 10;min-height:0;border-right:0;border-bottom:1px solid var(--line-dark)}.project-card:nth-child(3n+1){grid-column:span 2;flex-direction:row}.project-card:nth-child(3n+1) .project-card__stage{flex:1.1;aspect-ratio:auto;min-height:360px}.project-card:nth-child(3n+1) .project-card__body{flex:1;justify-content:center}.project-card__stage{position:relative;aspect-ratio:16 / 10;border-bottom:1px solid var(--line-dark);background:radial-gradient(circle at 50% 60%,#222 0%,transparent 70%);overflow:hidden}.project-card:nth-child(3n+1) .project-card__stage{border-bottom:0;border-right:1px solid var(--line-dark)}.project-card__stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 70%)}.project-card__view{position:absolute;inset:0}.project-card__num{position:absolute;top:20px;left:24px;font-family:var(--font-display);font-size:.85rem;color:var(--grey);z-index:2}.project-card__year{position:absolute;top:18px;right:20px;z-index:2}.project-card__body{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);flex:1}.project-card h3{font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.02em}.project-card__summary{color:#ffffffa6;font-size:.95rem}.project-card ul{display:grid;gap:6px}.project-card li{position:relative;padding-left:20px;font-size:.88rem;color:#ffffff8c}.project-card li:before{content:"↳";position:absolute;left:0;color:var(--grey)}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}.project-card__links .btn{padding:12px 20px;font-size:.85rem}.page--light{background:var(--paper);color:var(--black)}html:has(body.page--light){background:var(--paper)}.page--light .site-header:not(.is-scrolled) .logo__mark{border-color:var(--black)}.page--light .site-header:not(.is-scrolled){color:var(--black)}.page--light .site-header:not(.is-scrolled) .nav{border-color:var(--line-light);background:#00000008}.page--light .site-header:not(.is-scrolled) .nav a{color:#0009}.page--light .site-header:not(.is-scrolled) .nav a:hover{color:var(--black)}.page--light .site-header:not(.is-scrolled) .nav a.is-active{background:var(--black);color:var(--white)}.page--light .site-header:not(.is-scrolled) .burger{border-color:var(--line-light)}.page--light .site-header:not(.is-scrolled) .burger span{background:var(--black)}.page--light .site-header:not(.is-scrolled) .btn{--bg: var(--black);--fg: var(--white)}.menu-open .site-header{color:var(--white)!important}.menu-open .burger span{background:var(--white)!important}.page--light .eyebrow,.page--light .muted{color:#666}.hobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1400px}.hobby-card{position:relative;display:flex;flex-direction:column;border-radius:24px;background:var(--white);border:1px solid var(--line-light);overflow:hidden;transform-style:preserve-3d;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}.hobby-card:hover{box-shadow:0 50px 80px -40px #00000059}.hobby-card:nth-child(3n+2){margin-top:48px}.hobby-card__stage{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fff,#ececec);border-bottom:1px solid var(--line-light)}.hobby-card__stage .project-card__view{inset:0}.hobby-card__meta{position:absolute;top:16px;left:16px;z-index:2;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#777}.hobby-card__body{padding:24px}.hobby-card__tagline{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:6px}.hobby-card h3{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em;margin-bottom:10px;transform:translateZ(30px)}.hobby-card p{font-size:.92rem;color:#555}.quote-band{text-align:center}.quote-band blockquote{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.02em;max-width:22ch;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}.contact-links{display:grid;gap:2px;border-top:1px solid var(--line-dark)}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-dark);transition:padding .5s var(--ease-out)}.contact-link:hover{padding-left:12px;padding-right:12px}.contact-link__label{display:flex;align-items:center;gap:16px}.contact-link__label i{width:24px;text-align:center;font-size:1.2rem}.contact-link strong{display:block;font-family:var(--font-display);font-size:1.15rem}.contact-link small{color:var(--grey)}.contact-link .fa-arrow-right{transition:transform .5s var(--ease-out)}.contact-link:hover .fa-arrow-right{transform:rotate(-45deg)}.form-card{padding:clamp(24px,4vw,48px);border-radius:28px;border:1px solid var(--line-dark);background:linear-gradient(160deg,#ffffff0f,#ffffff04)}.field{position:relative;margin-bottom:28px}.field input,.field textarea{width:100%;padding:22px 0 10px;background:transparent;border:0;border-bottom:1px solid var(--line-dark);color:var(--white);font:inherit;font-size:1.05rem;outline:none;resize:vertical;transition:border-color .3s}.field textarea{min-height:130px}.field label{position:absolute;left:0;top:22px;color:var(--grey);pointer-events:none;transition:transform .4s var(--ease-out),font-size .4s,color .3s;transform-origin:left}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-22px) scale(.8);color:var(--white)}.field:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.field:focus-within:after{transform:scaleX(1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-status{margin-top:20px;font-size:.9rem;min-height:1.4em}.form-status.is-ok{color:var(--white)}.form-status.is-err{color:#ff8a8a}.map-card{margin-top:32px;border-radius:20px;overflow:hidden;border:1px solid var(--line-dark);aspect-ratio:16 / 10}.map-card iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9)}.icon-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.no-webgl .tree-canvas-wrap:after{content:"Your browser does not support WebGL — the 3D tree is hidden.";position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--grey)}@media (max-width: 1100px){.hobby-grid{grid-template-columns:repeat(2,1fr)}.hobby-card:nth-child(n){margin-top:0}.hobby-card:nth-child(2n){margin-top:48px}}@media (max-width: 960px){.nav,.header-cta .btn{display:none}.burger{display:block}.hero .container{grid-template-columns:1fr;gap:56px;padding-bottom:120px}.hero__card{justify-self:center;width:min(320px,82%)}.hero__canvas{opacity:.6}.about-grid,.contact-grid,.skills-grid{grid-template-columns:1fr}.eca-grid,.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:32px 16px;border-bottom:1px solid var(--line-dark)}.stat:nth-child(2n){border-right:0}.stat:nth-child(odd){padding-left:0}.tree-stage{display:block}.tree-canvas-wrap{position:absolute;inset:0}.tree-cards{position:absolute;left:0;right:0;bottom:0;height:100%;padding:0;pointer-events:none}.tree-card{translate:0 0;inset:auto 12px 52px;max-height:58%;overflow:hidden;padding:18px 18px 16px;border-radius:22px;background:linear-gradient(160deg,#1c1c1cdb,#0c0c0ce6);transform-origin:50% 100%;pointer-events:auto}.tree-card__top{margin-bottom:10px}.tree-card__type{padding:5px 10px;font-size:.66rem}.tree-card__year{font-size:1.9rem;margin-bottom:6px}.tree-card h3{font-size:1.2rem;margin-bottom:4px}.tree-card__org{font-size:.9rem}.tree-card__meta{margin:4px 0 10px;font-size:.75rem}.tree-card__summary{font-size:.88rem;line-height:1.5;margin-bottom:10px}.tree-card ul{gap:5px;margin-bottom:12px}.tree-card li{font-size:.82rem;line-height:1.45;padding-left:18px}.tree-card li:nth-child(n+4),.tree-card .tag:nth-child(n+4){display:none}.tree-card__tags{flex-wrap:nowrap;overflow:hidden}.tree-card .tag{padding:4px 10px;font-size:.68rem}.tree-rail,.tree-connector{display:none}.tree-progress{bottom:18px;left:24px}.tree-hint{display:none}.hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero__actions .btn{justify-content:center;padding:14px 10px;font-size:.88rem;white-space:nowrap}.hero__actions .btn:first-child{grid-column:1 / -1}.filters{flex-wrap:nowrap}.filter{flex:1;padding:10px 8px;font-size:.82rem;white-space:nowrap}.filter .filter__long{display:none}.filter .filter__short{display:inline}.project-card__tags{flex-wrap:nowrap;overflow:hidden}.project-card .tag:nth-child(n+4){display:none}.tag{padding:5px 10px;font-size:.7rem}.project-card__links{display:grid;grid-template-columns:1fr 1fr}.project-card__links .btn{justify-content:center;padding:12px 10px;white-space:nowrap}.project-card__links .btn:only-child{grid-column:1 / -1}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3n+1){grid-column:auto;flex-direction:column}.project-card:nth-child(3n+1) .project-card__stage{aspect-ratio:16 / 10;min-height:0;border-right:0;border-bottom:1px solid var(--line-dark)}}@media (max-width: 560px){.hobby-grid,.eca-grid{grid-template-columns:1fr}.hobby-card:nth-child(n){margin-top:0}.field-row{grid-template-columns:1fr;gap:0}.orbit-badge{width:96px;height:96px;top:-28px;left:-28px}.tree-card li{font-size:.86rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}.grain{display:none}}