:root{--bg:        #080b16;--bg-2:      #05070f;--surface:   #0d1222;--cold:      #3b82f6;--cyan:      #38bdf8;--violet:    #8b5cf6;--warm:      #f43f5e;--orange:    #fb7185;--text:      #e8edf5;--text-soft: #b6c0d4;--text-dim:  #8a96ad;--text-faint:#5b6680;--glass-bg:      rgba(255, 255, 255, 0.045);--glass-bg-strong: rgba(255, 255, 255, 0.07);--glass-border:  rgba(255, 255, 255, 0.10);--glass-border-hi: rgba(140, 170, 255, 0.30);--glass-blur:    18px;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--r-pill: 999px;--shadow-soft: 0 18px 50px -20px rgba(0, 0, 0, 0.7);--shadow-card: 0 24px 60px -28px rgba(0, 0, 0, 0.8);--glow-cold: 0 0 40px -8px rgba(59, 130, 246, 0.55);--glow-warm: 0 0 40px -8px rgba(244, 63, 94, 0.55);--grad-cold: linear-gradient(135deg, var(--cold), var(--cyan));--grad-warm: linear-gradient(135deg, var(--warm), var(--orange));--grad-mix:  linear-gradient(120deg, var(--cyan), var(--violet) 55%, var(--warm));--container: 1200px;--gap: 24px;--nav-h: 72px;--font-head: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.1;letter-spacing:-0.02em;color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}::selection{background:rgba(139,92,246,0.4);color:#fff}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(18px, 4vw, 32px)}.section{padding-block:clamp(48px, 8vw, 96px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.section-eyebrow{font-family:var(--font-head);font-size:0.74rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-dim);display:inline-flex;align-items:center;gap:10px}.section-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-cold)}.section-title{font-size:clamp(1.5rem, 3vw, 2.1rem);margin-top:8px}.grad-text{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.grad-text-cold{background:var(--grad-cold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:600;font-size:0.92rem;padding:12px 22px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;white-space:nowrap}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-2px)}.btn-cold{background:var(--grad-cold);color:#fff;box-shadow:var(--glow-cold)}.btn-cold:hover{box-shadow:0 0 48px -8px rgba(59,130,246,0.8)}.btn-warm{background:var(--grad-warm);color:#fff;box-shadow:var(--glow-warm)}.btn-warm:hover{box-shadow:0 0 48px -8px rgba(244,63,94,0.8)}.btn-ghost{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--glass-border-hi);background:var(--glass-bg-strong)}.tag{display:inline-flex;align-items:center;font-size:0.72rem;font-weight:500;padding:4px 11px;border-radius:var(--r-pill);color:var(--text-soft);background:rgba(255,255,255,0.05);border:1px solid var(--glass-border)}.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease,transform 0.7s cubic-bezier(0.22, 1, 0.36, 1)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.bp-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--bg);overflow:hidden}.bp-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 8% 0%, rgba(59,130,246,0.3), transparent 60%),radial-gradient(55% 50% at 100% 4%, rgba(244,63,94,0.26), transparent 60%),radial-gradient(45% 45% at 60% 18%, rgba(139,92,246,0.18), transparent 65%),linear-gradient(180deg, var(--bg-2), var(--bg) 40%)}.bp-bg::after{content:"";position:absolute;inset:-2px;background-image:linear-gradient(rgba(125,155,220,0.07) 1px, transparent 1px),linear-gradient(90deg, rgba(125,155,220,0.07) 1px, transparent 1px),linear-gradient(rgba(125,155,220,0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(125,155,220,0.035) 1px, transparent 1px);background-size:120px 120px, 120px 120px, 24px 24px, 24px 24px;-webkit-mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,0.35) 55%, transparent 95%);mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,0.35) 55%, transparent 95%)}.bp-overlay{position:absolute;inset:0;width:100%;height:100%;color:rgba(150,180,240,0.5);opacity:0.5;-webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 80%);mask-image:linear-gradient(180deg, #000 0%, transparent 80%)}.bp-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, transparent 55%, rgba(0,0,0,0.55))}.nav-wrap{position:sticky;top:0;z-index:100;padding-top:16px;pointer-events:none}.navbar{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-pill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;overflow:visible;pointer-events:auto;display:flex;align-items:center;gap:12px;padding:9px 9px 9px 16px;height:var(--nav-h)}.navbar::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.navbar.scrolled{background:var(--glass-bg-strong);border-color:var(--glass-border-hi)}.nav-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.nav-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--glass-border-hi)}.nav-brand .nav-brand-name{font-family:var(--font-head);font-weight:600;font-size:0.9rem;letter-spacing:0.04em;line-height:1.1;color:#fff}.nav-links{display:flex;align-items:center;gap:2px;margin-inline:auto}.nav-links a{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:500;color:var(--text-soft);padding:8px 11px;border-radius:var(--r-pill);white-space:nowrap;transition:color 0.2s ease, background 0.2s ease}.nav-links a .nav-ico{display:inline-flex;align-items:center;justify-content:center;opacity:0.85}.nav-links a .nav-ico svg{width:17px;height:17px}.nav-links a:hover{color:#fff;background:rgba(255,255,255,0.06)}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.lang-switch{display:inline-flex;align-items:center;font-size:0.78rem;font-weight:600;color:var(--text-dim);border:1px solid var(--glass-border);border-radius:var(--r-pill);overflow:hidden}.lang-switch a{padding:7px 11px;transition:background 0.2s, color 0.2s}.lang-switch a.active{background:var(--glass-bg-strong);color:#fff}.lang-switch a:hover{color:#fff}.nav-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer}.nav-burger span{width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform 0.3s ease, opacity 0.3s ease}.mobile-menu{position:fixed;inset:0;z-index:99;display:none;flex-direction:column;gap:6px;padding:calc(var(--nav-h) + 36px) 24px 24px;background:rgba(8,11,22,0.92);backdrop-filter:blur(20px)}.mobile-menu a{font-family:var(--font-head);font-size:1.3rem;font-weight:600;color:var(--text-soft);padding:14px 8px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:12px}.mobile-menu .nav-ico{display:inline-flex;align-items:center;justify-content:center;opacity:0.85}.mobile-menu .nav-ico svg{width:21px;height:21px}.mobile-menu .mobile-menu-lang{margin-top:18px}.mobile-menu .mobile-menu-lang .lang-switch{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:0.9rem;font-weight:600;color:var(--text-dim);border:1px solid var(--glass-border);border-radius:var(--r-pill);overflow:hidden}.mobile-menu .mobile-menu-lang .lang-switch a{font-family:inherit;font-size:inherit;font-weight:inherit;padding:9px 16px;border-bottom:none;color:var(--text-dim);transition:background 0.2s, color 0.2s}.mobile-menu .mobile-menu-lang .lang-switch a.active{background:var(--glass-bg-strong);color:#fff}.mobile-menu .mobile-menu-lang .lang-switch a:hover{color:#fff}.mobile-menu.open{display:flex}@media (max-width: 1024px){.nav-links{display:none}.nav-burger{display:flex}.nav-actions{margin-left:auto}.nav-actions .lang-switch{display:none}}.hero{padding-top:clamp(28px, 5vw, 52px)}.hero-plate{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;display:grid;grid-template-columns:1.15fr 0.85fr;align-items:stretch;min-height:440px;background:radial-gradient(80% 120% at 100% 0%, rgba(244,63,94,0.22), transparent 55%),radial-gradient(70% 110% at 0% 100%, rgba(59,130,246,0.18), transparent 55%),var(--glass-bg)}.hero-plate::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-content{padding:clamp(28px, 4vw, 52px);display:flex;flex-direction:column;justify-content:center;gap:22px}.hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-size:0.78rem;font-weight:500;color:var(--text-soft);padding:7px 14px;border-radius:var(--r-pill);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#10d98a;box-shadow:0 0 0 4px rgba(16,217,138,0.18);animation:pulse 2.2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.hero-greeting{align-self:flex-start;margin-bottom:-14px;font-family:var(--font-head);font-size:0.98rem;font-weight:500;color:var(--text-soft);letter-spacing:0.01em}.hero-title{font-size:clamp(2.2rem, 5vw, 3.6rem);font-weight:700;letter-spacing:-0.03em}.hero-sub{font-size:clamp(0.96rem, 1.4vw, 1.1rem);color:var(--text-dim);max-width:46ch}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:0.84rem;color:var(--text-soft)}.hero-meta span{display:inline-flex;align-items:center;gap:7px}.hero-meta .hero-meta-ico{opacity:0.8}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.hero-visual{position:relative;border-radius:inherit;overflow:hidden;background:radial-gradient(60% 60% at 70% 30%, rgba(59,130,246,0.35), transparent 60%),radial-gradient(60% 60% at 30% 80%, rgba(244,63,94,0.35), transparent 60%),#0a0f1f}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(90deg, transparent, #000 22%);mask-image:linear-gradient(90deg, transparent, #000 22%)}.hero-visual::after{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg, transparent, var(--cyan), var(--warm), transparent);opacity:0.6}@media (max-width: 880px){.hero-plate{grid-template-columns:1fr;min-height:0}.hero-visual{min-height:280px;order:-1}.hero-visual img{-webkit-mask-image:linear-gradient(180deg, #000 40%, transparent);mask-image:linear-gradient(180deg, #000 40%, transparent);object-position:center 20%}.hero-visual::after{display:none}}.shortcuts{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--gap);margin-top:var(--gap)}.shortcut{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,border-color 0.35s ease;display:flex;align-items:center;gap:16px;padding:22px}.shortcut::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.shortcut:hover{transform:translateY(-4px);border-color:var(--glass-border-hi);box-shadow:var(--shadow-card),0 0 50px -16px rgba(80,130,255,0.5)}.shortcut .shortcut-ico{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--r-md);font-size:1.3rem;background:var(--glass-bg-strong);border:1px solid var(--glass-border)}.shortcut .shortcut-ico svg{width:24px;height:24px}.shortcut.is-cold .shortcut-ico{box-shadow:inset 0 0 24px -10px var(--cold);color:var(--cyan)}.shortcut.is-violet .shortcut-ico{box-shadow:inset 0 0 24px -10px var(--violet);color:var(--violet)}.shortcut.is-warm .shortcut-ico{box-shadow:inset 0 0 24px -10px var(--warm);color:var(--orange)}.shortcut .shortcut-body{flex:1;min-width:0}.shortcut .shortcut-title{display:block;font-family:var(--font-head);font-weight:600;font-size:1.02rem;color:#fff}.shortcut .shortcut-desc{display:block;margin-top:3px;font-size:0.82rem;color:var(--text-dim)}.shortcut .shortcut-arrow{flex-shrink:0;width:22px;height:22px;color:var(--text-dim);transition:transform 0.3s ease, color 0.3s ease}.shortcut:hover .shortcut-arrow{transform:translateX(4px);color:#fff}.home-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:start}.home-aside{display:flex;flex-direction:column;gap:var(--gap);position:sticky;top:calc(var(--nav-h) + 28px)}.projects-mosaic{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--gap)}.projects-mosaic .project-card.is-hidden{display:none}.filter-bar-compact{gap:0;margin-bottom:16px}.featured-group{margin-top:var(--gap)}.featured-group:first-of-type{margin-top:18px}.featured-group-title{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:1rem;font-weight:600;color:#fff;margin-bottom:14px}.featured-group-title::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--grad-cold)}.project-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,border-color 0.35s ease;display:flex;flex-direction:column;text-decoration:none}.project-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hi);box-shadow:var(--shadow-card),0 0 50px -16px rgba(80,130,255,0.5)}.project-card.tile-2x1{grid-column:span 2}.project-card .project-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0a0f1f}.project-card .project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1)}.project-card .project-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 40%, rgba(8,11,22,0.85))}.project-card:hover .project-thumb img{transform:scale(1.06)}.project-card .project-sector{position:absolute;top:12px;left:12px;z-index:2;background:rgba(13,18,34,0.72);border-color:var(--glass-border-hi);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-card .project-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.project-card .project-title{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:#fff}.project-card .project-desc{font-size:0.84rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card .project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.project-card .tag-tech{display:inline-flex;align-items:center;gap:6px}.project-card .tag-tech img{width:14px;height:14px;object-fit:contain}.project-card .tag-tech .tag-tech-emoji{font-size:0.85em}.about-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;padding:22px}.about-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.about-card .about-bio{font-size:0.86rem;color:var(--text-soft);margin-top:12px}.about-card .about-facts{display:flex;flex-direction:column;gap:10px;margin-top:16px}.about-card .about-fact{display:flex;gap:10px;font-size:0.82rem;color:var(--text-dim);padding-top:10px;border-top:1px solid var(--glass-border)}.about-card .about-fact .about-fact-ico{color:var(--cyan);flex-shrink:0}.about-card .about-fact strong{color:var(--text);font-weight:600}@media (max-width: 980px){.home-grid{grid-template-columns:1fr}.home-aside{position:static}}@media (max-width: 720px){.shortcuts{grid-template-columns:1fr}.projects-mosaic{grid-template-columns:1fr}.project-card.tile-2x1{grid-column:span 1}}.tech-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;padding:22px}.tech-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tech-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}.tech-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px}.tech-icon{width:26px;height:26px;display:grid;place-items:center}.tech-icon img{width:22px;height:22px;object-fit:contain}.tech-icon .tech-emoji{font-size:1.05rem}.tech-icon .tech-letter{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-family:var(--font-head);font-size:0.72rem;font-weight:700;color:#fff;background:var(--glass-bg-strong)}.tech-meta{min-width:0}.tech-name{display:flex;justify-content:space-between;gap:8px;font-size:0.82rem;color:var(--text-soft);margin-bottom:5px}.tech-name .tech-level{font-size:0.7rem;color:var(--text-faint)}.tech-bar{height:5px;border-radius:3px;background:rgba(255,255,255,0.06);overflow:hidden}.tech-bar span{display:block;height:100%;border-radius:3px;background:var(--grad-cold);box-shadow:0 0 12px -2px rgba(59,130,246,0.7)}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tech-pill{display:inline-flex;align-items:center;gap:7px;font-size:0.76rem;color:var(--text-soft);padding:6px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);transition:border-color 0.2s ease, transform 0.2s ease}.tech-pill img{width:16px;height:16px;object-fit:contain}.tech-pill .tech-emoji{font-size:0.95rem}.tech-pill:hover{border-color:var(--glass-border-hi);transform:translateY(-2px)}.tech-group{margin-top:18px;padding-top:18px;border-top:1px solid var(--glass-border)}.tech-group:first-of-type{margin-top:16px;padding-top:0;border-top:0}.tech-group .tech-pills{margin-top:10px}.tech-subtitle{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:0.74rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-dim);margin-top:0}.tech-subtitle::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--grad-cold)}.testi-carousel{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;position:relative;max-width:820px;margin-inline:auto;padding:clamp(26px, 4vw, 44px) clamp(24px, 4vw, 48px) 30px;overflow:hidden}.testi-carousel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.proj-card .testi-carousel{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:none;margin-inline:0;padding:0 0 30px}.proj-card .testi-carousel::before{display:none}.testi-viewport{position:relative}.testi-slide{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}.testi-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto}.testi-quote{font-size:clamp(1rem, 1.5vw, 1.22rem);line-height:1.6;color:var(--text);position:relative}.testi-quote::before{content:"\201C";font-family:var(--font-head);font-size:3rem;line-height:0;color:var(--violet);opacity:0.45;margin-right:6px;vertical-align:-0.4em}.testi-slide:not(.expanded) .testi-quote{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.6em * 5)}.testi-more{align-self:flex-start;margin-top:-6px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-head);font-size:0.82rem;font-weight:600;color:var(--cyan);transition:color 0.2s ease}.testi-more:hover{color:#fff}.testi-more[hidden]{display:none}.testi-author{display:flex;align-items:center;gap:14px}.testi-author img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--glass-border-hi)}.testi-author .testimonial-name{font-family:var(--font-head);font-weight:600;font-size:0.95rem;color:#fff}.testi-author .testimonial-role{font-size:0.8rem;color:var(--text-dim)}.testi-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,0.06)}.testi-progress span{display:block;height:100%;width:0;background:var(--grad-cold);box-shadow:0 0 12px -2px rgba(59,130,246,0.7)}.testi-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.testi-nav{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;color:var(--text-soft);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);cursor:pointer;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease}.testi-nav svg{width:18px;height:18px}.testi-nav:hover{color:#fff;border-color:var(--glass-border-hi);background:var(--glass-bg-strong);transform:translateY(-1px)}.testi-nav[hidden]{display:none}.testi-dots{display:flex;justify-content:center;gap:8px}.testi-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.18);cursor:pointer;transition:background 0.25s ease, transform 0.25s ease, width 0.25s ease}.testi-dot:hover{background:rgba(255,255,255,0.4)}.testi-dot.is-active{width:22px;border-radius:var(--r-pill);background:var(--grad-cold)}@media (prefers-reduced-motion: reduce){.testi-slide{transition:none;transform:none}}.page-shell{padding-top:clamp(28px, 5vw, 52px)}.page-head{margin-bottom:28px}.page-head .page-kicker{font-family:var(--font-head);font-size:0.74rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-dim)}.page-head h1{font-size:clamp(1.9rem, 4vw, 3rem);margin-top:10px}.page-head .page-lead{color:var(--text-dim);margin-top:12px;max-width:60ch}.prose-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;padding:clamp(24px, 4vw, 44px)}.prose-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.prose{color:var(--text-soft);font-size:1rem;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{color:#fff;margin:1.6em 0 0.6em}.prose h2{font-size:1.5rem}.prose h3{font-size:1.2rem}.prose p{margin:0 0 1.1em}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:#fff}.prose ul,.prose ol{margin:0 0 1.1em 1.3em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:0.4em}.prose strong{color:var(--text)}.prose code{font-family:ui-monospace, "SFMono-Regular", Menlo, monospace;font-size:0.88em;background:rgba(255,255,255,0.07);padding:0.15em 0.4em;border-radius:6px}.prose pre{background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:18px;overflow-x:auto;margin:0 0 1.2em}.prose pre code{background:none;padding:0}.prose blockquote{border-left:3px solid var(--violet);padding-left:16px;margin:0 0 1.2em;color:var(--text-dim);font-style:italic}.prose img{border-radius:var(--r-md);margin:1.2em 0}.prose hr{border:none;border-top:1px solid var(--glass-border);margin:2em 0}.prose .image-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px;margin:1.4em 0}.prose .image-grid img{margin:0;width:100%;height:100%;object-fit:cover}.prose .image-grid p{margin:0}@media (max-width: 560px){.prose .image-grid{grid-template-columns:1fr}}.list-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--gap)}.list-item{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,border-color 0.35s ease;padding:22px;display:flex;flex-direction:column;gap:8px}.list-item:hover{transform:translateY(-4px);border-color:var(--glass-border-hi);box-shadow:var(--shadow-card),0 0 50px -16px rgba(80,130,255,0.5)}.list-item h3{font-size:1.05rem}.list-item p{font-size:0.85rem;color:var(--text-dim)}.list-item time{font-size:0.74rem;color:var(--text-faint)}.filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.filter-mains,.filter-subs{display:flex;flex-wrap:wrap;gap:9px}@media (max-width: 620px){.filter-mains,.filter-subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.filter-mains::-webkit-scrollbar,.filter-subs::-webkit-scrollbar{display:none}}.filter-subs[hidden]{display:none}.filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-adv-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:0.82rem;font-weight:600;color:var(--text-dim);padding:8px 14px;border-radius:var(--r-pill);background:transparent;border:1px dashed var(--glass-border-hi);cursor:pointer;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease}.filter-adv-toggle:hover{color:#fff}.filter-adv-toggle .chev{transition:transform 0.25s ease;font-size:0.7rem}.filter-adv-toggle.open .chev{transform:rotate(180deg)}.filter-adv-toggle.active{color:#fff;border-style:solid;border-color:rgba(59,130,246,0.6);background:rgba(59,130,246,0.14)}.adv-count{font-size:0.72rem;font-weight:700;line-height:1;min-width:18px;padding:3px 6px;text-align:center;border-radius:var(--r-pill);background:var(--grad-cold);color:#fff}.adv-count[hidden]{display:none}.filter-reset{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-size:0.82rem;font-weight:600;color:var(--text-dim);padding:8px 14px;border-radius:var(--r-pill);background:transparent;border:1px solid var(--glass-border);cursor:pointer;transition:color 0.2s ease, border-color 0.2s ease}.filter-reset svg{width:14px;height:14px}.filter-reset:hover{color:#fff;border-color:var(--glass-border-hi)}.filter-reset[hidden]{display:none}.filter-advanced{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px)}.filter-advanced[hidden]{display:none}.filter-adv-group{display:flex;flex-direction:column;gap:9px}.filter-adv-label{font-family:var(--font-head);font-size:0.7rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-faint)}.adv-chips{display:flex;flex-wrap:wrap;gap:8px}.techchip{display:inline-flex;align-items:center;gap:7px;font-size:0.78rem;color:var(--text-soft);padding:6px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);cursor:pointer;transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease}.techchip img{width:14px;height:14px;object-fit:contain}.techchip:hover{color:#fff;border-color:var(--glass-border-hi);transform:translateY(-1px)}.techchip.active{color:#fff;background:rgba(59,130,246,0.18);border-color:rgba(59,130,246,0.5)}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:0.86rem;font-weight:500;color:var(--text-soft);padding:9px 16px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.chip:hover{color:#fff;border-color:var(--glass-border-hi);transform:translateY(-2px)}.chip.active{color:#fff;background:var(--grad-cold);border-color:transparent;box-shadow:var(--glow-cold)}.chip-count{font-size:0.72rem;font-weight:600;line-height:1;padding:3px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,0.1);color:inherit}.chip.active .chip-count{background:rgba(0,0,0,0.22)}.subchip{display:inline-flex;align-items:center;font-family:var(--font-head);font-size:0.8rem;font-weight:500;color:var(--text-soft);padding:7px 14px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;transition:color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.subchip:hover{color:#fff;border-color:var(--glass-border-hi);transform:translateY(-2px)}.subchip.active{color:#fff;background:var(--grad-cold);border-color:transparent;box-shadow:var(--glow-cold)}.filter-subs{padding-left:4px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--gap)}.projects-grid .project-card.is-hidden{display:none}.projects-empty{display:none;color:var(--text-dim);padding:32px 0;text-align:center}.projects-grid:empty+.projects-empty{display:block}@media (max-width: 520px){.projects-grid{grid-template-columns:1fr}}.proj{padding-top:clamp(20px, 4vw, 40px)}.proj-back{display:inline-flex;align-items:center;gap:8px;font-size:0.84rem;color:var(--text-dim);margin-bottom:18px;transition:color 0.2s ease, gap 0.2s ease}.proj-back:hover{color:#fff;gap:12px}.proj-hero{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;position:relative;min-height:360px;display:flex;align-items:flex-end;overflow:visible}.proj-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.proj-hero:has(.proj-more[open]){z-index:10}.proj-hero-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.proj-hero-bg img{width:100%;height:100%;object-fit:cover}.proj-hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 90% at 100% 0%, rgba(244,63,94,0.3), transparent 55%),radial-gradient(70% 90% at 0% 100%, rgba(59,130,246,0.28), transparent 55%),linear-gradient(0deg, rgba(8,11,22,0.96) 8%, rgba(8,11,22,0.55) 55%, rgba(8,11,22,0.35))}.proj-hero-body{position:relative;z-index:2;padding:clamp(24px, 4vw, 48px);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.proj-logo{align-self:flex-start;height:clamp(44px, 6vw, 72px);width:auto;max-width:min(60%, 320px);margin-bottom:2px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 18px rgba(0,0,0,0.6))}.proj-hero-title{font-size:clamp(2rem, 5vw, 3.2rem);font-weight:700;letter-spacing:-0.03em}.proj-hero-sub{font-size:clamp(1rem, 1.6vw, 1.2rem);color:var(--text-soft);max-width:60ch}.proj-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.proj-status{display:inline-flex;align-items:center;gap:7px;font-size:0.76rem;font-weight:600;padding:6px 13px;border-radius:var(--r-pill);color:#6ff0b6;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.32)}.proj-status .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.proj-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.proj-action{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-head);font-weight:600;font-size:0.86rem;padding:11px 18px;border-radius:var(--r-pill);color:var(--text);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(12px);transition:transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease}.proj-action .proj-action-glyph{width:18px;height:18px;display:grid;place-items:center;font-size:0.95rem}.proj-action .proj-action-glyph svg{width:18px;height:18px}.proj-action:hover{transform:translateY(-2px);border-color:var(--glass-border-hi)}.proj-action.is-primary{background:var(--grad-warm);border-color:transparent;color:#fff;box-shadow:var(--glow-warm)}.proj-action.is-primary:hover{box-shadow:0 0 46px -8px rgba(244,63,94,0.85)}.proj-action[data-type="steam"]:hover{border-color:#66c0f4;box-shadow:0 0 30px -10px #66c0f4}.proj-action[data-type="youtube"]:hover{border-color:#ff4d4d;box-shadow:0 0 30px -10px #ff0000}.proj-action[data-type="switch"]:hover{border-color:#e60012;box-shadow:0 0 30px -10px #e60012}.proj-action[data-type="xbox"]:hover{border-color:#3ad15f;box-shadow:0 0 30px -10px #107c10}.proj-action[data-type="playstation"]:hover{border-color:#4a9bff;box-shadow:0 0 30px -10px #006fcd}.proj-action[data-type="epic"]:hover{border-color:#cfcfcf;box-shadow:0 0 30px -10px #888}.proj-more{position:relative}.proj-more summary{list-style:none;cursor:pointer;min-width:48px;justify-content:center}.proj-more summary::-webkit-details-marker{display:none}.proj-more .proj-more-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:230px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--r-md);background:rgba(13,18,34,0.92);border:1px solid var(--glass-border-hi);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.proj-more[open] summary{border-color:var(--glass-border-hi)}.proj-more-item{display:flex;align-items:center;gap:10px;font-size:0.84rem;color:var(--text-soft);padding:9px 12px;border-radius:var(--r-sm);transition:background 0.2s ease, color 0.2s ease}.proj-more-item .proj-action-glyph{width:16px;height:16px}.proj-more-item .proj-action-glyph svg{width:16px;height:16px}.proj-more-item:hover{background:rgba(255,255,255,0.07);color:#fff}.proj-facts{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:var(--gap);margin-top:var(--gap)}.proj-fact{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;display:flex;gap:14px;padding:20px}.proj-fact::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.proj-fact .proj-fact-icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;font-size:1.4rem;border-radius:var(--r-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border)}.proj-fact .proj-fact-label{font-family:var(--font-head);font-weight:600;color:#fff;font-size:0.95rem}.proj-fact .proj-fact-value{font-size:0.84rem;color:var(--text-dim);margin-top:3px}.proj-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:start;margin-top:var(--gap)}.proj-main{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.proj-main .prose>h1:first-child{display:none}.proj-aside{display:flex;flex-direction:column;gap:var(--gap)}.proj-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;padding:clamp(20px, 2.5vw, 30px)}.proj-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.proj-section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:1.15rem;font-weight:600;color:#fff;margin-bottom:18px}.proj-section-title::before{content:"";width:20px;height:2px;border-radius:2px;background:var(--grad-cold)}.proj-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px}.proj-gallery-item{position:relative;aspect-ratio:16 / 10;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--glass-border);cursor:zoom-in;background:#0a0f1f}.proj-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1)}.proj-gallery-item:hover img{transform:scale(1.07)}.proj-gallery-item::after{content:"⤢";position:absolute;top:8px;right:10px;font-size:0.85rem;color:#fff;opacity:0;transition:opacity 0.25s ease;text-shadow:0 1px 4px rgba(0,0,0,0.8)}.proj-gallery-item:hover::after{opacity:0.9}.proj-gallery-item.is-hidden{display:none}.proj-gallery.expanded .proj-gallery-item.is-hidden{display:block}.proj-gallery-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-head);font-size:0.82rem;font-weight:600;color:var(--cyan);padding:9px 18px;border-radius:var(--r-pill);background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.35);cursor:pointer;transition:background 0.2s ease, border-color 0.2s ease}.proj-gallery-more:hover{background:rgba(56,189,248,0.16);border-color:rgba(56,189,248,0.6)}.proj-videos{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:16px}.proj-video{display:flex;flex-direction:column;gap:8px}.proj-video .proj-video-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--glass-border);background:#000}.proj-video .proj-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.proj-video .proj-video-title{font-size:0.82rem;color:var(--text-dim)}.proj-info-row{display:flex;justify-content:space-between;gap:12px;font-size:0.85rem;padding:11px 0;border-top:1px solid var(--glass-border)}.proj-info-row:first-of-type{border-top:0}.proj-info-row span:first-child{color:var(--text-dim)}.proj-info-row span:last-child{color:var(--text);font-weight:500;text-align:right}.proj-stack-group{margin-top:16px}.proj-stack-group:first-child{margin-top:0}.proj-stack-label{font-family:var(--font-head);font-size:0.7rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.proj-chips{display:flex;flex-wrap:wrap;gap:8px}.proj-chip{display:inline-flex;align-items:center;gap:7px;font-size:0.78rem;color:var(--text-soft);padding:7px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,0.04);border:1px solid var(--glass-border)}.proj-chip .proj-chip-ico{opacity:0.9}.proj-chip img.proj-chip-ico{width:16px;height:16px;object-fit:contain}.proj-chip small{color:var(--text-faint);font-size:0.92em}.proj-chip-spec{cursor:default}.proj-chip-spec .chip-label{white-space:normal;overflow-wrap:anywhere}.contributors-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:12px}.contributor{display:flex;gap:12px;align-items:center;padding:14px;border-radius:var(--r-md);background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);transition:border-color 0.2s ease, transform 0.2s ease}.contributor:hover{border-color:var(--glass-border-hi);transform:translateY(-2px)}.contributor .contributor-avatar{flex-shrink:0;width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--glass-border-hi);background:var(--glass-bg-strong)}.contributor .contributor-name{font-family:var(--font-head);font-weight:600;font-size:0.9rem;color:#fff}.contributor .contributor-roles{font-size:0.74rem;color:var(--text-dim);margin-top:2px;line-height:1.35}.contributor.is-me{border-color:rgba(59,130,246,0.5);background:rgba(59,130,246,0.1);box-shadow:var(--glow-cold)}.contributor .contributor-me{font-size:0.62rem;font-weight:700;letter-spacing:0.06em;color:var(--cyan);text-transform:uppercase;border:1px solid rgba(56,189,248,0.5);border-radius:var(--r-pill);padding:1px 6px;margin-left:6px}.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:4vw;background:rgba(4,6,12,0.88);backdrop-filter:blur(8px);cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:92vh;border-radius:var(--r-md);box-shadow:var(--shadow-card);border:1px solid var(--glass-border-hi)}.lightbox .lightbox-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer}.lightbox .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);transition:background 0.2s ease, border-color 0.2s ease}.lightbox .lightbox-nav:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-hi)}.lightbox .lightbox-nav[hidden]{display:none}.lightbox .lightbox-nav svg{width:22px;height:22px}.lightbox .lightbox-prev{left:20px}.lightbox .lightbox-next{right:20px}@media (max-width: 980px){.proj-layout{grid-template-columns:1fr}.proj-aside{position:static}}@media (max-width: 640px){.proj-videos,.proj-facts,.contributors-grid{grid-template-columns:1fr}.proj-more .proj-more-menu{left:auto;right:0;min-width:0;width:max-content;max-width:min(260px, calc(100vw - 32px))}}@media (max-width: 560px){.proj-gallery{grid-template-columns:repeat(2, 1fr)}.proj-hero{min-height:280px}.proj-hero-body{padding:20px 16px}.proj-card{padding:18px 16px}.lightbox .lightbox-nav{width:40px;height:40px}.lightbox .lightbox-prev{left:8px}.lightbox .lightbox-next{right:8px}.lightbox .lightbox-close{top:12px;right:12px}}.skills-intro{margin-top:12px;max-width:65ch;color:var(--text-dim)}.skills-intro>h1:first-child{display:none}.skills-intro p{margin:0}.skills-sections{display:flex;flex-direction:column;gap:var(--gap)}.skills-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.skills-section-head .proj-section-title{margin-bottom:0}.skills-section-head .skills-count{font-family:var(--font-head);font-size:0.74rem;font-weight:600;color:var(--text-dim);padding:4px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,0.05);border:1px solid var(--glass-border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:12px}.skill-card{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);transition:border-color 0.25s ease, transform 0.25s ease, background 0.25s ease}.skill-card:hover{border-color:var(--glass-border-hi);transform:translateY(-3px);background:rgba(255,255,255,0.055)}.skill-card .tech-icon{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--glass-bg-strong);border:1px solid var(--glass-border)}.skill-card .tech-icon img{width:22px;height:22px;object-fit:contain}.skill-card .tech-icon .tech-emoji{font-size:1.15rem}.skill-card .tech-icon .tech-letter{width:24px;height:24px;border-radius:7px;font-size:0.72rem}.skill-card .skill-card-body{flex:1;min-width:0}.skill-card .skill-card-name{font-family:var(--font-head);font-weight:600;font-size:0.92rem;color:#fff}.skill-card .skill-card-desc{margin-top:4px;font-family:var(--font-body);font-weight:400;font-size:0.8rem;line-height:1.4;color:var(--text-dim)}.skill-card .skill-card-desc .highlight{color:var(--cyan);font-weight:600}.skill-card.no-desc{align-items:center}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}}.timeline{display:flex;flex-direction:column;gap:var(--gap)}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:22px}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-rail::before{content:"";position:absolute;left:50%;top:4px;bottom:calc(-1 * var(--gap) - 4px);transform:translateX(-50%);width:2px;background:linear-gradient(180deg, var(--cold), var(--violet) 60%, var(--warm));opacity:0.35}.timeline-item:last-child .timeline-rail::before{display:none}.timeline-marker{position:relative;z-index:1;margin-top:22px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);box-shadow:0 0 0 4px rgba(56,189,248,0.12),var(--glow-cold)}.timeline-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,border-color 0.35s ease;padding:clamp(18px, 2.4vw, 26px);display:flex;flex-direction:column;gap:14px}.timeline-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.timeline-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hi);box-shadow:var(--shadow-card),0 0 50px -16px rgba(80,130,255,0.5)}.timeline-head{display:flex;align-items:flex-start;gap:16px}.timeline-logo{flex-shrink:0;width:56px;height:56px;border-radius:var(--r-md);object-fit:contain;padding:7px;background:rgba(255,255,255,0.06);border:1px solid var(--glass-border)}.timeline-headings{flex:1;min-width:0}.timeline-title{font-family:var(--font-head);font-weight:600;font-size:clamp(1.05rem, 1.8vw, 1.25rem);color:#fff}.timeline-org{font-size:0.9rem;color:var(--cyan);font-weight:500;margin-top:2px}.timeline-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:0.8rem;color:var(--text-dim)}.timeline-sub span{display:inline-flex;align-items:center;gap:6px}.timeline-badge{align-self:flex-start;flex-shrink:0;font-size:0.72rem;font-weight:600;padding:5px 12px;border-radius:var(--r-pill);color:var(--text-soft);background:var(--glass-bg-strong);border:1px solid var(--glass-border)}.timeline-badge.is-done{color:#6ff0b6;background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3)}.timeline-desc{font-size:0.9rem;color:var(--text-soft)}.timeline-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:2px}.exp-hero{margin-bottom:var(--gap)}.exp-hero .timeline-title{font-size:clamp(1.6rem, 3.2vw, 2.3rem)}.exp-hero .timeline-logo{width:68px;height:68px}@media (max-width: 768px){.timeline-head{flex-wrap:wrap}.timeline-badge{order:3;margin-top:4px}.timeline-headings{flex-basis:calc(100% - 72px)}}@media (max-width: 600px){.timeline-item{grid-template-columns:minmax(0, 1fr);gap:0}.timeline-rail{display:none}.timeline-logo{width:44px;height:44px}.timeline-headings{flex-basis:calc(100% - 60px)}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(330px, 1fr));gap:var(--gap)}.post-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),box-shadow 0.35s ease,border-color 0.35s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hi);box-shadow:var(--shadow-card),0 0 50px -16px rgba(80,130,255,0.5)}.post-card .post-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0a0f1f}.post-card .post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1)}.post-card .post-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 45%, rgba(8,11,22,0.8))}.post-card:hover .post-thumb img{transform:scale(1.06)}.post-card .post-cat{position:absolute;top:12px;left:12px;z-index:2;text-transform:capitalize}.post-card .post-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}.post-card .post-date{font-size:0.74rem;color:var(--text-faint)}.post-card .post-title{font-family:var(--font-head);font-weight:600;font-size:1.12rem;color:#fff;line-height:1.25}.post-card .post-excerpt{font-size:0.85rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.article{padding-top:clamp(18px, 4vw, 36px);max-width:840px;margin-inline:auto}.article-hero{aspect-ratio:21 / 9;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--glass-border);margin-bottom:28px}.article-hero img{width:100%;height:100%;object-fit:cover}.article-head{margin-bottom:26px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;font-size:0.82rem;color:var(--text-dim)}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-title{font-size:clamp(1.9rem, 4vw, 2.8rem);letter-spacing:-0.02em}.article-subtitle{margin-top:12px;font-size:clamp(1rem, 1.6vw, 1.2rem);color:var(--text-soft)}.article-body{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;padding:clamp(24px, 4vw, 44px)}.article-body::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.article-body .prose>h1:first-child{display:none}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.footer{margin-top:clamp(48px, 8vw, 96px);padding-bottom:40px}.footer-inner{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card);overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:22px 26px}.footer-inner::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg, rgba(255,255,255,0.35), rgba(255,255,255,0) 35%, rgba(255,255,255,0) 70%, rgba(140,170,255,0.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.footer-brand{font-family:var(--font-head);font-weight:600;color:#fff;font-size:0.95rem}.footer-brand span{color:var(--text-dim);font-weight:400;font-size:0.82rem;display:block}.social-links{display:flex;align-items:center;gap:8px}.social-link{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--text-soft);background:var(--glass-bg);border:1px solid var(--glass-border);transition:color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.social-link svg{width:18px;height:18px}.social-link:hover{color:#fff;border-color:var(--glass-border-hi);transform:translateY(-3px)}.footer-copy{font-size:0.78rem;color:var(--text-faint)}@media (max-width: 620px){.footer-inner{flex-direction:column;text-align:center}}