:root{--bg-body: #0a0a0a;--bg-card: #141414;--primary: #4ade80;--primary-hover: #22c55e;--text-main: #f2f2f0;--text-muted: #888884;--nav-height: 80px;--container-width: 1100px;--accent-glow: rgba(74, 222, 128, .12);--z-scroll-top: 999;--z-nav: 1000;--z-hamburger: 1001;--z-modal-overlay: 2050;--z-lightbox: 3000;--z-lightbox-controls: 3001}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background-color:var(--bg-body);color:var(--text-main);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#1f1f1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}::-moz-selection{background:var(--primary);color:var(--bg-body)}::selection{background:var(--primary);color:var(--bg-body)}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}.site-nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:block;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;z-index:var(--z-nav);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,height .3s ease}.site-nav.scrolled{background:#0a0a0ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff0a,0 8px 32px -8px #0006;height:68px}.nav-container{width:100%;height:100%;max-width:var(--container-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.logo{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);display:inline-flex;align-items:center;gap:.1em;transition:color .2s ease}.logo:hover{color:var(--primary)}.logo-dot{color:var(--primary);font-size:1.4em;line-height:0;margin-bottom:-.05em;transition:color .2s ease}.logo:hover .logo-dot{color:var(--text-main)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links li a{display:block;padding:.4rem .75rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-muted);border-radius:6px;transition:color .2s ease,background .2s ease;position:relative}.nav-links li a:hover{color:var(--text-main);background:#ffffff0a}.nav-links li a.active{color:var(--text-main)}.nav-links li a.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary)}.hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-main);cursor:pointer;z-index:var(--z-hamburger);transition:border-color .2s ease,background .2s ease;flex-shrink:0}.hamburger:hover{border-color:#ffffff26;background:#ffffff0a}.nav-drawer-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-nav) - 1);opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-drawer-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;right:0;width:min(340px,85vw);height:100vh;height:100dvh;background:#0e0e0efa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.07);z-index:var(--z-nav);display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.nav-drawer-logo{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.1em}.nav-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s}.nav-drawer-close:hover{border-color:#fff3;color:var(--text-main)}.nav-drawer-links{flex:1 1 auto;height:auto;min-height:0;display:flex;flex-direction:column;padding:2rem 1.5rem;gap:.25rem;overflow-y:auto}.nav-drawer-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:8px;text-decoration:none;transition:background .2s ease;cursor:pointer}.nav-drawer-item:hover{background:#ffffff0a}.nav-drawer-item.active{background:#4ade800f}.nav-drawer-num{font-family:Geist Mono,SF Mono,monospace;font-size:.62rem;font-weight:500;letter-spacing:.08em;color:var(--primary);opacity:.6;min-width:1.5rem;flex-shrink:0}.nav-drawer-item.active .nav-drawer-num{opacity:1}.nav-drawer-name{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:500;color:var(--text-muted);transition:color .2s}.nav-drawer-item:hover .nav-drawer-name,.nav-drawer-item.active .nav-drawer-name{color:var(--text-main)}.nav-drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.nav-drawer-footer-label{font-family:Geist Mono,SF Mono,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);opacity:.4}.nav-drawer-socials{display:flex;gap:.5rem}.nav-drawer-social-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);transition:border-color .2s,color .2s}.nav-drawer-social-link:hover{border-color:#4ade8059;color:var(--primary)}.hero{min-height:100vh;min-height:100dvh;display:flex;justify-content:flex-start;align-items:center;padding:0 1.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 60%,var(--accent-glow) 0%,transparent 55%)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,var(--bg-body) 90%),linear-gradient(to bottom,transparent 60%,var(--bg-body) 100%);pointer-events:none;z-index:1}.hero-status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .6rem;border:1px solid rgba(74,222,128,.22);border-radius:999px;background:#4ade800d;margin-bottom:1.75rem;width:-moz-fit-content;width:fit-content}.hero-status-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 #4ade8099;animation:statusPulse 2.4s ease-out infinite;flex-shrink:0}@keyframes statusPulse{0%{box-shadow:0 0 #4ade808c}60%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero-status-text{font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}.hero-scroll-hint{position:absolute;bottom:2.5rem;left:2.5rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-scroll-label{font-family:Geist Mono,SF Mono,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);opacity:.45;writing-mode:vertical-rl}.hero-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(74,222,128,.5),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:top;opacity:1}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.hero-content{position:relative;z-index:2;width:100%;max-width:var(--container-width);margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-eyebrow{font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.1rem;opacity:.7}.hero-name-wrapper{position:relative;display:inline-block;margin-bottom:1.75rem}.hero-name-underline{position:absolute;bottom:-6px;left:0;width:100%;height:3px;border-radius:2px;background:linear-gradient(to right,var(--primary),rgba(134,239,172,.3))}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin-bottom:2.75rem;line-height:1.85;font-weight:400}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3.2rem,7.5vw,5.2rem);font-weight:800;line-height:1.05;margin-bottom:0;letter-spacing:-.035em}.hero h1 .hero-name{display:block;color:var(--text-main)}.hero h1 .hero-name-jade{display:block;color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--bg-body);padding:.875rem 2rem;border-radius:10px;font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #4ade80b3}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px -4px #4ade8059}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text-muted);box-shadow:none}.btn.outline:hover{border-color:#4ade8066;color:var(--text-main);transform:translateY(-2px);background:#4ade800d}.container{max-width:var(--container-width);margin:0 auto;padding:8rem 1.5rem}#about,#skills,#experience,#projects,#gallery,#blog,#contact{scroll-margin-top:calc(var(--nav-height) - 16px)}h2{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;letter-spacing:-.02em}.section-eyebrow{display:block;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);text-align:center;margin-bottom:1rem;opacity:.85}.section-heading{position:relative;margin-bottom:4rem}.about-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}.about-text{text-align:left;display:flex;flex-direction:column;gap:0}.about-avatar-row{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.about-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:1.5px solid rgba(74,222,128,.35);box-shadow:0 0 0 4px #4ade800f;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;color:var(--primary);flex-shrink:0;letter-spacing:-.02em}.about-avatar-meta{display:flex;flex-direction:column;gap:.2rem}.about-avatar-name{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-main)}.about-avatar-role{font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);opacity:.8}.about-body{position:relative;padding-left:1.5rem}.about-body:before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:2px;border-radius:2px;background:linear-gradient(to bottom,var(--primary),transparent);opacity:.45}.about-text p{font-size:1.05rem;color:var(--text-muted);margin-bottom:1.4rem;line-height:1.85;font-weight:400;letter-spacing:.01em}.about-text p:last-of-type{margin-bottom:0}.about-text .lead{font-size:1.45rem;color:var(--text-main);font-weight:300;line-height:1.5}.about-text strong{color:var(--text-main);font-weight:600;border-bottom:1px solid rgba(74,222,128,.4);padding-bottom:.05em}.about-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.75rem;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);transition:gap .2s ease,opacity .2s ease;opacity:.8}.about-cta:hover{gap:.65rem;opacity:1}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:var(--bg-card);padding:1.75rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-card:hover{border-color:#4ade8040;box-shadow:0 0 0 1px #4ade8014,0 8px 24px -8px #0006}.stat-number{display:block;font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700;color:var(--primary);line-height:1;letter-spacing:-.03em}.stat-label{font-family:Geist Mono,SF Mono,monospace;font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500;opacity:.7;line-height:1.4}.scroll-zoom-wrapper{position:relative;overflow:hidden;border-radius:inherit}.scroll-zoom-inner{will-change:transform,opacity}.scrub-text{position:relative;line-height:1.8}.scrub-word{display:inline;transition:none;will-change:color,opacity}.scrub-paragraph{font-size:1.1rem;margin-bottom:1.5rem}.sticky-feature-container{display:grid;grid-template-columns:1fr 1fr;position:relative}.sticky-feature-left{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,rgba(74,222,128,.04) 0%,transparent 70%)}.sticky-feature-left:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,222,128,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.sticky-feature-media-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sticky-feature-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:opacity,transform}.sticky-feature-media-mobile{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.sticky-feature-right{display:flex;flex-direction:column}.sticky-feature-text-block{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem;will-change:opacity,transform;position:relative}.feature-slide-counter{font-family:Geist Mono,SF Mono,monospace;font-size:.62rem;letter-spacing:.12em;color:var(--text-muted);opacity:.35;position:absolute;top:2.5rem;right:3rem}.feature-tag{display:inline-flex;align-items:center;font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);border:1px solid rgba(74,222,128,.25);border-radius:4px;padding:.2rem .55rem;background:#4ade800a;margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content}.feature-title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem;color:var(--text-main);padding-left:1.1rem;border-left:2px solid var(--primary)}.feature-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.9;max-width:480px;font-weight:400;letter-spacing:.01em}.skill-media-icon{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.skill-media-icon-item{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:14px;background:#4ade800d;border:1px solid rgba(74,222,128,.12);color:var(--primary);transition:background .2s,border-color .2s}.skill-media-icon-item:hover{background:#4ade801a;border-color:#4ade804d}.skill-media-label{font-family:Space Grotesk,sans-serif;font-size:clamp(5rem,12vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--primary)}.skills-sticky-section{position:relative}.skills-sticky-label{display:flex;align-items:center;gap:1.25rem;padding:4.5rem 2rem 1.5rem;max-width:var(--container-width);margin:0 auto}.skills-sticky-label-num{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;letter-spacing:.1em;color:var(--primary);flex-shrink:0}.skills-sticky-label-text{font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);opacity:.55;flex-shrink:0}.skills-sticky-label-line{flex:1;height:1px;background:linear-gradient(to right,rgba(74,222,128,.2),transparent)}@media(max-width:768px){.sticky-feature-container{display:block;height:auto!important}.sticky-feature-left{display:none}.sticky-feature-right{padding:0 1.5rem}.sticky-feature-text-block{height:auto;min-height:unset;padding:2rem 0;opacity:1!important;transform:none!important}.feature-slide-counter{display:none}.feature-tag{margin-bottom:.75rem}.feature-title{font-size:1.5rem;margin-bottom:.875rem;padding-left:.875rem}.feature-desc{font-size:1rem;max-width:100%}.skills-sticky-label{padding:3rem 1.5rem 1rem}.skill-media-icon-item{width:64px;height:64px;border-radius:10px}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.75rem 1.5rem;padding:2rem 0}.projects-grid .fade-in-section{width:100%}.project-card{cursor:pointer}.project-cover{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--bg-card);margin-bottom:.9rem;transition:border-color .3s ease,box-shadow .3s ease}.project-card:hover .project-cover{border-color:#ffffff2e;box-shadow:0 16px 40px -12px #0009}.project-cover img,.project-cover video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.project-card:hover .project-cover img,.project-card:hover .project-cover video{transform:scale(1.05)}.project-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,transparent 45%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1.1rem}.project-card:hover .project-cover-overlay{opacity:1}@media(hover:none){.project-cover-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 55%)}}.project-cover-cta{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.01em}.skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--bg-card) 25%,#1f1f1f 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;z-index:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card-info{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.6rem}.project-card h3{font-size:1.05rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em;margin:0 0 .3rem;transition:color .2s ease}.project-card:hover h3{color:var(--primary)}.project-number{font-family:Geist Mono,SF Mono,monospace;font-size:.7rem;font-weight:500;color:var(--primary);letter-spacing:.08em;opacity:.6;flex-shrink:0}.project-domain{display:block;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-card .tag{font-size:.68rem;padding:.25rem .55rem}.tag-more{opacity:.6}.tag{background:#0a0a0a99;color:var(--primary);font-family:Geist Mono,SF Mono,monospace;font-size:.8rem;padding:.4rem .8rem;border-radius:6px;font-weight:500;border:1px solid rgba(74,222,128,.2);transition:all .2s ease}.project-card:hover .tag{background:#4ade801a;color:var(--primary);border-color:#4ade8033}.site-footer{background:var(--bg-body);border-top:1px solid rgba(255,255,255,.08);padding:3.5rem 0 0;margin-top:auto}.footer-container{padding-top:0;padding-bottom:0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:4rem;align-items:start;padding-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand-name{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em}.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.65;max-width:320px;opacity:.75}.footer-social-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-muted);transition:border-color .25s ease,color .25s ease,box-shadow .25s ease}.social-link:hover{border-color:#4ade8059;color:var(--primary);box-shadow:0 0 0 1px #4ade801a}.footer-nav-col{display:flex;flex-direction:column;gap:1.25rem}.footer-nav-label{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.55}.footer-nav-links{display:flex;flex-direction:column;gap:.6rem;list-style:none;padding:0}.footer-nav-links a{display:inline-flex;align-items:center;gap:0;font-size:.9rem;color:var(--text-muted);transition:color .2s ease,gap .2s ease}.footer-nav-links a:after{content:"→";font-size:.75rem;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease;margin-left:0}.footer-nav-links a:hover{color:var(--text-main);gap:.3rem}.footer-nav-links a:hover:after{opacity:.6;transform:translate(0)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-bottom-copy{font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;letter-spacing:.04em;color:var(--text-muted);opacity:.45}.footer-bottom-stack{font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;letter-spacing:.04em;color:var(--text-muted);opacity:.35}.footer-bottom-stack span{color:var(--primary);opacity:.7}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-brand p{max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.4rem}}@media(max-width:768px){.hamburger{display:flex}.nav-drawer-overlay{display:block}.nav-links{display:none}.hero{justify-content:center}.hero-content{align-items:center;text-align:center}.hero-status,.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-scroll-hint{left:50%;transform:translate(-50%);flex-direction:row}.hero-scroll-label{writing-mode:horizontal-tb}.hero-scroll-line{width:32px;height:1px;background:linear-gradient(to right,rgba(74,222,128,.5),transparent);animation:none}.hero h1{font-size:clamp(2.6rem,10vw,3.5rem)}.container{padding:5rem 1.5rem}.about-content{grid-template-columns:1fr;gap:3rem}.about-text{text-align:left}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.fade-in-section.is-visible{opacity:1;transform:none;will-change:auto}.skills-category{margin-bottom:4rem}.skills-category:last-child{margin-bottom:0}.category-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2rem;text-align:center;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;justify-content:center}.skill-card{background:var(--bg-card);padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;text-align:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px -10px #4ade8033}.skill-icon{margin-bottom:1rem;color:var(--primary);display:flex;justify-content:center;align-items:center}.skill-icon svg{width:48px;height:48px;stroke-width:1.5}.skill-card h3{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}.contact-info-panel{display:flex;flex-direction:column;gap:2rem;position:sticky;top:calc(var(--nav-height) + 2rem)}.contact-intro{font-size:1.05rem;color:var(--text-muted);line-height:1.85;font-weight:400;letter-spacing:.01em}.contact-info-list{display:flex;flex-direction:column;gap:.625rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.1rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;border-radius:.75rem;transition:border-color .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit}.contact-info-item:hover{border-color:#4ade804d;box-shadow:0 0 0 1px #4ade8014,inset 0 1px #ffffff0a}.contact-info-icon{width:38px;height:38px;background:#4ade8014;border:1px solid rgba(74,222,128,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.contact-info-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.contact-info-label{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.7}.contact-info-value{font-family:Space Grotesk,sans-serif;font-size:.9rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-working-style{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;border-radius:.75rem}.contact-working-title{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-bottom:.5rem}.contact-working-item{display:flex;align-items:baseline;gap:.6rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.contact-working-dot{width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:.6;flex-shrink:0;margin-top:.45em}.contact-availability{display:inline-flex;align-items:center;gap:.6rem;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.06em;color:var(--primary)}.availability-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 #4ade8080;animation:pulse-green 2s infinite;flex-shrink:0}@keyframes pulse-green{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}.contact-form-new{display:flex;flex-direction:column;gap:1.25rem}.ff-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ff-group{position:relative;display:flex;flex-direction:column}.ff-input{width:100%;padding:1.25rem 1rem .5rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:1rem;line-height:1.5;outline:none;transition:border-color .25s ease,box-shadow .25s ease;resize:none;box-shadow:inset 0 1px #ffffff08}.ff-textarea{min-height:148px;padding-top:1.5rem}.ff-input:focus{border-color:#4ade8080;box-shadow:0 0 0 3px #4ade801a}.ff-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.95rem;color:var(--text-muted);pointer-events:none;transition:top .2s ease,transform .2s ease,font-size .2s ease,color .2s ease;white-space:nowrap}.ff-textarea~.ff-label{top:1.25rem;transform:none}.ff-label--up{top:.45rem;transform:none;font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.ff-textarea~.ff-label.ff-label--up{top:.45rem}.ff-char-count{align-self:flex-end;font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;letter-spacing:.04em;color:var(--text-muted);opacity:.45;margin-top:.35rem;transition:color .2s,opacity .2s}.ff-char-count.warn{color:#f59e0b;opacity:.8}.ff-char-count.over{color:#ef4444;opacity:1}.ff-error .ff-input{border-color:#ef444499}.ff-error .ff-input:focus{box-shadow:0 0 0 3px #ef44441a}.ff-error-msg{margin-top:.4rem;font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;letter-spacing:.04em;color:#ef4444;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-submit{align-self:flex-end;margin-left:auto;margin-top:1.5rem;gap:.55rem;padding:.875rem 2rem;font-size:.9rem;letter-spacing:.03em;background:#4ade800f;color:var(--primary);border:1px solid rgba(74,222,128,.32);box-shadow:none}.contact-submit:hover:not(:disabled){background:var(--primary);color:var(--bg-body);border-color:var(--primary);box-shadow:0 6px 22px -4px #4ade8052;transform:translateY(-2px)}.contact-submit .submit-arrow{transition:transform .22s ease}.contact-submit:hover:not(:disabled) .submit-arrow{transform:translate(4px)}.btn.success{background:var(--primary);color:var(--bg-body);border-color:var(--primary);box-shadow:0 4px 18px -4px #4ade804d;pointer-events:none}button:disabled{opacity:.55;cursor:not-allowed}.contact-spinner{width:14px;height:14px;border:1.5px solid rgba(74,222,128,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:10px;background:var(--bg-card);border:1px solid rgba(74,222,128,.18);color:var(--text-muted);display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;z-index:var(--z-scroll-top);padding:0}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{border-color:#4ade8080;box-shadow:0 0 18px #4ade8026;color:var(--primary)}.stt-ring{position:absolute;inset:0;width:100%;height:100%;border-radius:10px;overflow:visible;pointer-events:none}.stt-ring-track{stroke:#4ade8014}.stt-ring-progress{stroke:var(--primary);opacity:.7;transition:stroke-dashoffset .15s linear}.stt-arrow{position:relative;z-index:1;flex-shrink:0}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:3rem}.contact-info-panel{position:static}}@media(max-width:560px){.ff-row{grid-template-columns:1fr}}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:2.25rem 1.25rem}}@media(max-width:560px){.projects-grid{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:480px){.nav-container{padding:0 1.25rem}.container{padding:4rem 1.25rem}}.bh-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal-overlay);overflow-y:auto;padding:28px 16px 0;cursor:zoom-out}.bh-close{position:fixed;top:16px;right:20px;z-index:calc(var(--z-modal-overlay) + 1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#141414d9;color:var(--text-main);cursor:pointer;transition:background .2s,border-color .2s}.bh-close:hover{background:#282828f2;border-color:#ffffff4d}.bh-page{max-width:min(1600px,94vw);margin:0 auto;min-height:calc(100vh - 28px);background:#0d0d0d;border:1px solid rgba(255,255,255,.07);border-bottom:none;border-radius:16px 16px 0 0;cursor:default;overflow:hidden}.bh-header{max-width:1100px;margin:0 auto;padding:3rem 3rem 2rem}.bh-index{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);opacity:.7}.bh-title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin:.5rem 0 1.5rem;line-height:1.15}.bh-meta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.bh-author{display:flex;align-items:center;gap:.75rem}.bh-author-avatar{width:42px;height:42px;border-radius:50%;background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--primary);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bh-author-info{display:flex;flex-direction:column}.bh-author-name{font-weight:600;font-size:.92rem;color:var(--text-main)}.bh-author-domain{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.bh-tags{display:flex;flex-wrap:wrap;gap:.4rem}.bh-hero{width:100%;background:var(--bg-body)}.bh-hero-img{width:100%;display:block}.bh-embed-wrapper{position:relative;width:100%;height:72vh}.bh-embed-wrapper .skeleton{border-radius:0;z-index:2}.bh-hero-embed{width:100%;height:100%;border:none;display:block;position:relative;z-index:1;transition:opacity .3s ease}.bh-hero canvas{height:60vh!important}.bh-hero .vp-wrapper{max-width:100%;border-radius:0}.bh-hero .vp-video{border-radius:0}.bh-section{max-width:760px;margin:0 auto;padding:2.5rem 2rem 0}.bh-lead{font-size:1.2rem;line-height:1.8;color:var(--text-main);font-weight:300}.bh-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.bh-case-block h4,.bh-process-title{font-family:Geist Mono,SF Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem}.bh-case-block p{font-size:.95rem;line-height:1.75;color:var(--text-muted)}.bh-process{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.bh-process li{display:flex;align-items:baseline;gap:1rem}.bh-step-num{font-family:Geist Mono,SF Mono,monospace;font-size:.7rem;color:var(--primary);opacity:.7;flex-shrink:0}.bh-process li p{font-size:.95rem;line-height:1.7;color:var(--text-muted);margin:0}.bh-gallery{max-width:1400px;margin:3rem auto 0;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bh-gallery-item{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:var(--bg-card);cursor:zoom-in;padding:0}.bh-gallery-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.bh-gallery-item:hover img{transform:scale(1.03)}.bh-gallery-item-overlay{position:absolute;inset:0;background:#0a0a0a59;opacity:0;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center;color:var(--text-main)}.bh-gallery-item:hover .bh-gallery-item-overlay{opacity:1}.bh-gallery-video{grid-column:span 2;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden}.bh-gallery-video iframe{width:100%;height:100%;border:none;display:block}@media(max-width:900px){.bh-gallery{grid-template-columns:repeat(2,1fr)}.bh-gallery-video{grid-column:span 2}}@media(max-width:560px){.bh-gallery{grid-template-columns:1fr;padding:0 1.25rem}.bh-gallery-video{grid-column:span 1}}.bh-footer{border-top:1px solid rgba(255,255,255,.07);margin-top:3rem;padding:3rem 2rem 4rem}.bh-footer-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.bh-footer-label{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-main)}.bh-footer-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media(max-width:680px){.bh-overlay{padding:16px 0 0}.bh-page{border-radius:14px 14px 0 0;min-height:calc(100vh - 16px)}.bh-header{padding:2rem 1.25rem 1.5rem}.bh-section{padding:2rem 1.25rem 0}.bh-lead{font-size:1.05rem}.bh-case-grid{grid-template-columns:1fr;gap:1.5rem}.bh-embed-wrapper{height:60vh}.bh-footer{padding:2.5rem 1.25rem 3rem}.bh-footer-actions{flex-direction:column;width:100%}.bh-footer-actions .btn{width:100%;justify-content:center}}.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:2.5rem}.timeline:before{content:"";position:absolute;left:0;top:.75rem;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(74,222,128,.35) 0%,rgba(74,222,128,.12) 60%,transparent 100%)}.timeline-item{margin-bottom:2.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot-wrap{position:absolute;left:-2.95rem;top:1.25rem;display:flex;align-items:center;gap:.5rem}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#4ade8040;border:1px solid rgba(74,222,128,.4);flex-shrink:0;position:relative}.timeline-item.is-current .timeline-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 #4ade8080;animation:dotPulse 2.4s ease-out infinite}@keyframes dotPulse{0%{box-shadow:0 0 #4ade8073}60%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.timeline-num{font-family:Geist Mono,SF Mono,monospace;font-size:.58rem;letter-spacing:.08em;color:var(--primary);opacity:.4;line-height:1;position:absolute;left:-1.6rem;top:50%;transform:translateY(-50%)}.timeline-item.is-current .timeline-num{opacity:.75}.timeline-content{background:var(--bg-card);padding:1.75rem 2rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:border-color .25s ease,box-shadow .25s ease}.timeline-item.is-current .timeline-content{border-color:#4ade8033;box-shadow:0 0 24px #4ade800f}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem;margin-bottom:.4rem}.timeline-date{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.08em;color:var(--primary);background:#4ade800f;border:1px solid rgba(74,222,128,.2);border-radius:4px;padding:.2rem .55rem;white-space:nowrap}.timeline-content h3{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:0;color:var(--text-main);letter-spacing:-.01em}.timeline-content h4{font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1.1rem;font-weight:400;opacity:.7}.timeline-content h4:before{content:"· ";color:var(--primary);opacity:.6}.timeline-content p{font-size:.975rem;color:var(--text-muted);line-height:1.85}.timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.timeline-tag{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.2rem .55rem;background:transparent;transition:border-color .2s,color .2s}.timeline-item.is-current .timeline-tag{border-color:#4ade802e;color:#4ade80b3}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:0}.filter-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:.6rem 1.25rem .7rem;border-radius:0;cursor:pointer;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease;margin-bottom:-1px}.filter-btn:hover{color:var(--text-main)}.filter-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:1rem}.gallery-item:nth-child(1){grid-column:span 8;grid-row:span 2}.gallery-item:nth-child(2){grid-column:span 4;grid-row:span 2}.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){grid-column:span 4;grid-row:span 1}.gallery-item:nth-child(6){grid-column:span 12;grid-row:span 1}.gallery-item{position:relative;border-radius:.875rem;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px #ffffff0d;transition:box-shadow .3s ease,transform .3s ease}.gallery-item:hover{box-shadow:0 0 0 1px #4ade8066,0 12px 40px #4ade801a;transform:translateY(-2px)}.gallery-image-wrapper{width:100%;height:100%;position:relative}.gallery-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-image-wrapper img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2.5rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(10,10,10,.92) 0%,rgba(10,10,10,.5) 60%,transparent 100%);display:flex;flex-direction:column;gap:.35rem}.gallery-overlay h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text-main);margin:0;letter-spacing:-.01em}.gallery-description,.gallery-category-badge{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.gallery-item:hover .gallery-description,.gallery-item:hover .gallery-category-badge{opacity:1;transform:translateY(0)}@media(hover:none){.gallery-description,.gallery-category-badge{opacity:1;transform:none}}.gallery-category-badge{display:inline-block;width:-moz-fit-content;width:fit-content;background:#4ade801f;color:var(--primary);border:1px solid rgba(74,222,128,.25);font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .55rem;border-radius:4px}.gallery-description{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#0a0a0a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(74,222,128,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .25s ease;z-index:10}.play-icon svg{width:28px;height:28px;margin-left:4px}.gallery-item:hover .play-icon{transform:translate(-50%,-50%) scale(1.1);background:var(--primary);border-color:var(--primary);color:var(--bg-body)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:var(--z-lightbox);display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;cursor:zoom-out}.lightbox-content{position:relative;width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.lightbox-content .vp-wrapper{width:100%;max-width:100%;border-radius:12px}.lightbox-media{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:.75rem;box-shadow:0 40px 80px #000c}.lightbox-caption{margin-top:1.25rem;text-align:center}.lightbox-caption h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text-main);margin:0 0 .2rem;letter-spacing:-.01em}.lightbox-caption p{font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin:0;opacity:.8}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;width:36px;height:36px;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff73;cursor:pointer;z-index:var(--z-lightbox-controls);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s}.lightbox-close:hover{background:#4ade8014;border-color:#4ade804d;color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s,transform .2s;z-index:var(--z-lightbox-controls)}.lightbox-nav:hover{background:#4ade8026;border-color:#4ade8066;color:var(--primary);transform:translateY(-50%) scale(1.08)}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}.lightbox-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.threed-viewer-container{width:100%;height:50vh;min-height:300px;background:radial-gradient(circle at center,#1f1f1f 0%,var(--bg-body) 100%);border-radius:.5rem;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeInUp .5s ease-out .3s forwards}.viewer-hint{position:absolute;bottom:1rem;width:100%;text-align:center;pointer-events:none}.viewer-hint p{background:#00000080;display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;color:#fffc;margin:0}.embed-container{width:100%;height:60vh;min-height:400px;background:var(--bg-body);border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;opacity:0;animation:fadeInUp .5s ease-out .3s forwards}.embed-container iframe{width:100%;height:100%;border:none}.loading-screen{height:50vh;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:var(--primary);font-weight:500}.blog-section{background-color:var(--bg-body);min-height:100vh}.blog-filters{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1rem}@media(min-width:768px){.blog-filters{flex-direction:row}}.search-wrapper{position:relative;width:100%}@media(min-width:768px){.search-wrapper{width:16rem}}.search-input{width:100%;padding:.5rem 2.5rem .5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:var(--bg-card);color:var(--text-main);outline:none;transition:border-color .25s ease,box-shadow .25s ease;font-family:inherit;font-size:.875rem}.search-input::-moz-placeholder{color:var(--text-muted);opacity:.6}.search-input::placeholder{color:var(--text-muted);opacity:.6}.search-input:focus{border-color:#4ade8066;box-shadow:0 0 0 3px #4ade8014}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-muted);pointer-events:none;opacity:.5}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-card:nth-child(1){grid-column:span 2}.blog-card:nth-child(1) .blog-card-image{height:18rem}.blog-card:nth-child(1) .blog-card h3{font-size:1.5rem}.blog-card{background:var(--bg-card);border-radius:.75rem;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease;height:100%}.blog-card:hover{border-color:#4ade8038;box-shadow:0 0 0 1px #4ade8014,0 8px 32px -8px #0006}.blog-card-image{position:relative;height:13rem;overflow:hidden;display:block}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-category-badge{position:absolute;top:1rem;left:1rem;background:#0a0a0ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--primary);font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;padding:.22rem .65rem;border-radius:4px;border:1px solid rgba(74,222,128,.2)}.blog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;align-items:center;gap:.75rem;font-family:Geist Mono,SF Mono,monospace;font-size:.7rem;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.75rem}.blog-meta-dot{width:3px;height:3px;background:var(--text-muted);border-radius:50%;opacity:.5}.blog-card h3{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:.75rem;line-height:1.35}.blog-card h3 a{color:var(--text-main);transition:color .2s}.blog-card h3 a:hover{color:var(--primary)}.blog-excerpt{color:var(--text-muted);font-size:.875rem;line-height:1.65;margin-bottom:1.5rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.blog-author{display:flex;align-items:center;gap:.6rem}.blog-author-avatar{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(74,222,128,.3);box-shadow:0 0 0 2px #4ade800f;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.blog-author-info{display:flex;flex-direction:column;gap:0}.blog-author-name{font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600;color:var(--text-main);line-height:1.2}.blog-author-role{font-family:Geist Mono,SF Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);opacity:.7;line-height:1.3}.read-more{color:var(--primary);font-family:Geist Mono,SF Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s ease}.read-more:hover{gap:.65rem}.pagination{display:flex;justify-content:center;align-items:center;margin-top:3.5rem;gap:.375rem}.page-btn{min-width:2.25rem;height:2.25rem;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-muted);font-family:Geist Mono,SF Mono,monospace;font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.page-btn:hover:not(:disabled){border-color:#ffffff2e;color:var(--text-main);background:#ffffff0a}.page-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg-body);font-weight:600}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn svg{width:14px;height:14px;stroke-width:2}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--primary);z-index:9999;transition:width .1s linear;box-shadow:0 0 8px #4ade8080}.blog-post-page{background-color:var(--bg-body);min-height:100vh;padding-bottom:6rem}.blog-post-container{max-width:760px;margin:0 auto;padding:0 1.5rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2.5rem 0 2rem;transition:color .2s,gap .2s}.back-link:hover{color:var(--primary);gap:.65rem}.back-link svg{width:13px;height:13px;flex-shrink:0}.blog-article{background:transparent}.article-hero{position:relative;height:13rem;width:100%;border-radius:.75rem;overflow:hidden;margin-bottom:0}@media(min-width:640px){.article-hero{height:22rem;margin-bottom:2.5rem}}@media(min-width:768px){.article-hero{height:26rem}}.article-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000eb,#0000008c 55%,#00000026)}.article-header-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;color:#fff;display:none}@media(min-width:640px){.article-header-content{display:block;padding:2rem}}@media(min-width:768px){.article-header-content{padding:2.5rem 3rem}}.article-header-below{display:block;padding:1.5rem 0 .5rem;margin-bottom:1.5rem}.article-header-below .article-title{color:var(--text-main)}.article-header-below .article-meta{color:var(--text-muted);flex-wrap:wrap}.article-header-below .article-category{margin-bottom:.75rem}@media(min-width:640px){.article-header-below{display:none}}.article-category{display:inline-block;font-family:Geist Mono,SF Mono,monospace;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);background:#0a0a0abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(74,222,128,.25);padding:.22rem .65rem;border-radius:4px;margin-bottom:1rem}.article-title{font-family:Space Grotesk,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.18;margin-bottom:1rem;color:#f2f2f0}@media(min-width:768px){.article-title{font-size:2.6rem}}.article-meta{display:flex;align-items:center;gap:.75rem;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;letter-spacing:.04em;color:#fff9}.article-meta-dot{width:3px;height:3px;background:#fff6;border-radius:50%;flex-shrink:0}.article-author-row{display:inline-flex;align-items:center;gap:.5rem}.article-author-avatar{width:22px!important;height:22px!important;max-width:22px;max-height:22px;border-radius:50%;border:1.5px solid rgba(74,222,128,.35);-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:block}.article-content{padding:0}.article-body{color:#f2f2f0d1;font-size:1.08rem;line-height:1.85}.article-body p{margin-bottom:1.75rem}.article-h2{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-main);margin:2.75rem 0 1rem;line-height:1.25}.article-h3{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-main);margin:2.25rem 0 .75rem;line-height:1.3;padding-left:.85rem;border-left:2px solid var(--primary)}.article-list{margin:0 0 1.75rem;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.article-list li{padding-left:1.35rem;position:relative;color:#f2f2f0d1;line-height:1.7}.article-list li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.7}.article-sublist{list-style:none;padding-left:0;margin:.4rem 0 .2rem 1rem;display:flex;flex-direction:column;gap:.4rem}.article-sublist li{padding-left:1.1rem;position:relative;color:#f2f2f0ad;font-size:.96em;line-height:1.65}.article-sublist li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:1px;background:#4ade8080}.inline-code{font-family:Geist Mono,SF Mono,monospace;font-size:.85em;background:#4ade8014;color:var(--primary);border:1px solid rgba(74,222,128,.18);border-radius:4px;padding:.1em .4em}.article-footer{margin-top:3rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.08)}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{font-family:Geist Mono,SF Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.08em;color:var(--primary);background:#4ade8012;border:1px solid rgba(74,222,128,.18);padding:.25rem .65rem;border-radius:4px;transition:background .2s,border-color .2s}.article-tag:hover{background:#4ade8021;border-color:#4ade8059}.related-section{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.08)}.related-section h3{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:Geist Mono,SF Mono,monospace;font-size:.72rem;margin-bottom:1.5rem;text-align:left}.related-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.related-grid{grid-template-columns:1fr 1fr}}.related-card{background:var(--bg-card);border-radius:.75rem;overflow:hidden;display:flex;height:8rem;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0a;transition:border-color .3s,box-shadow .3s}.related-card:hover{border-color:#4ade8038;box-shadow:0 0 0 1px #4ade8014,0 6px 24px -6px #0006}.related-image{width:33%;position:relative;flex-shrink:0}.related-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.related-card:hover .related-image img{transform:scale(1.04)}.related-content{flex:1;padding:1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.related-category{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;color:var(--primary);text-transform:uppercase}.related-title{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-read-time{font-family:Geist Mono,SF Mono,monospace;font-size:.65rem;letter-spacing:.04em;color:var(--text-muted);opacity:.6}@media(max-width:900px){h2{font-size:2rem;margin-bottom:3rem}.about-content{grid-template-columns:1fr;gap:2.5rem}.about-text{text-align:left}.hero-subtitle{font-size:1.05rem}.hero-buttons{gap:1rem}}@media(max-width:768px){.logo{padding:8px;margin:-8px}.filter-btn{min-height:44px}.read-more,.about-cta{padding:.5rem 0;min-height:40px}.footer-nav-links a{padding:.4rem 0}.footer-nav-links{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:1.5rem;column-gap:1.5rem}.nav-drawer-close,.nav-drawer-social-link{width:40px;height:40px}.hero{padding:0 1.25rem;justify-content:center}.hero-content{align-items:center;text-align:center}.hero-status{margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto}.hero-name-underline{left:50%;transform:translate(-50%)}.hero h1{font-size:clamp(2.2rem,10vw,3.5rem)}.hero-buttons{flex-direction:column;align-items:stretch;gap:.875rem;width:100%;max-width:300px;margin:0 auto}.hero-buttons .btn{width:100%;justify-content:center}.hero-scroll-hint{left:50%;transform:translate(-50%);flex-direction:row}.hero-scroll-label{writing-mode:horizontal-tb}.hero-scroll-line{width:28px;height:1px;background:linear-gradient(to right,rgba(74,222,128,.5),transparent);animation:none}.about-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1.25rem 1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.6rem}.about-body{padding-left:1.25rem}.about-avatar-row{margin-bottom:1.5rem}.timeline{padding-left:1.5rem}.timeline-dot-wrap{left:-2rem}.timeline-num{display:none}.timeline-content{padding:1.25rem}.timeline-header{flex-direction:column;gap:.4rem}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card:nth-child(1){grid-column:span 1}.blog-card:nth-child(1) .blog-card-image{height:13rem}.blog-card:nth-child(1) .blog-card h3{font-size:1.15rem}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:.75rem}.gallery-item:nth-child(1),.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 1;grid-row:span 1}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}.lightbox-close{top:1rem;right:1rem;font-size:2.5rem}.scroll-to-top{bottom:1.25rem;right:1.25rem;width:40px;height:40px}}@media(max-width:480px){.nav-links a{font-size:1.25rem}.hero h1{font-size:clamp(2rem,9vw,2.75rem)}.hero-eyebrow{font-size:.78rem}.about-stats{gap:.75rem}.container{padding:3.5rem 1.25rem}h2{font-size:1.75rem;margin-bottom:2rem}.gallery-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}.gallery-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:.4rem 1rem;font-size:.85rem}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:200px;gap:.625rem}.gallery-item:nth-child(1),.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 1;grid-row:span 1}.timeline{padding-left:1.25rem}.timeline-dot-wrap{left:-1.6rem}.blog-grid{grid-template-columns:1fr}.blog-card:nth-child(1){grid-column:span 1}.blog-card:nth-child(1) .blog-card-image{height:13rem}.blog-card:nth-child(1) .blog-card h3{font-size:1.15rem}.blog-post-page{padding:4rem 0}}@media(max-width:380px){.hero h1{font-size:1.9rem}.about-stats{grid-template-columns:1fr 1fr}.stat-number{font-size:1.5rem}.skills-sticky-label{gap:.75rem;padding:3rem 1.5rem 1rem}}.vp-wrapper{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:14px;background:#111;box-shadow:0 0 40px #00000080}.vp-video{width:100%;display:block;cursor:pointer;border-radius:14px}.vp-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;cursor:pointer;color:#fff}.vp-play-overlay svg{width:52px;height:52px;opacity:.9;filter:drop-shadow(0 2px 12px rgba(0,0,0,.6))}.vp-controls-anchor{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;padding:0 12px;pointer-events:none}.vp-controls{width:100%;padding:12px 14px 10px;background:#111111d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;border:1px solid rgba(255,255,255,.06);pointer-events:all}.vp-progress-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vp-time{font-size:.72rem;color:#ffffffa6;font-family:Geist Mono,monospace;white-space:nowrap;min-width:32px}.vp-slider{position:relative;height:4px;background:#ffffff2e;border-radius:99px;cursor:pointer;flex-shrink:0}.vp-slider:hover .vp-slider-thumb{opacity:1;transform:translate(-50%) scale(1)}.vp-main-bar{flex:1}.vp-vol-bar{width:72px}.vp-slider-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);border-radius:99px;pointer-events:none}.vp-slider-thumb{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%) translateY(-50%);opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}.vp-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vp-left,.vp-right{display:flex;align-items:center;gap:4px}.vp-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.vp-btn:hover{background:#ffffff1a;color:#fff}.vp-volume-group{display:flex;align-items:center;gap:6px}.vp-speed-btn{background:none;border:none;color:#ffffff8c;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:.72rem;font-family:Geist Mono,monospace;letter-spacing:.03em;transition:background .15s,color .15s}.vp-speed-btn:hover{background:#ffffff14;color:#fff}.vp-speed-btn.active{background:#4ade8026;color:var(--primary)}@media(max-width:600px){.vp-controls-anchor{bottom:6px;padding:0 6px}.vp-controls{padding:10px 10px 8px;border-radius:12px}.vp-progress-row{gap:6px;margin-bottom:8px}.vp-btn{padding:8px;min-width:36px;min-height:36px}.vp-vol-bar{display:none}.vp-speed-btn{padding:4px 6px;font-size:.65rem;min-width:30px;min-height:30px}.vp-slider-thumb{opacity:1;width:12px;height:12px}.vp-slider{height:5px}.vp-play-overlay svg{width:40px;height:40px}}@media(max-width:380px){.vp-right{display:none}.vp-time{font-size:.65rem;min-width:26px}}