.article-hero{position:relative;z-index:1;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:140px clamp(24px,5vw,80px) 80px;overflow:hidden}.article-hero-content{max-width:800px;text-align:center;position:relative;z-index:2}.article-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:260px;background:linear-gradient(to bottom,transparent 0%,rgba(6,8,15,.22) 58%,rgba(6,8,15,.08) 100%);z-index:1;pointer-events:none}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);text-decoration:none;letter-spacing:2px;text-transform:uppercase;margin-bottom:40px;transition:all .3s var(--ease-out-expo);padding:8px 16px;border-radius:50px;border:1px solid transparent}.back-link:hover{color:var(--blue-glow);border-color:#3b82f633;background:#3b82f60d;transform:translate(-4px)}.back-link svg{transition:transform .3s var(--ease-out-expo)}.back-link:hover svg{transform:translate(-3px)}.breadcrumb{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 22px;color:var(--text-muted);font-size:.68rem;letter-spacing:1.4px;text-transform:uppercase}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .25s ease}.breadcrumb a:hover,.breadcrumb span[aria-current=page]{color:var(--blue-glow)}.article-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;padding:8px 20px;border-radius:50px;border:1px solid rgba(59,130,246,.2);background:#3b82f60d}.article-hero--teal .article-badge{border-color:#06d6a033;background:#06d6a00d}.article-hero--violet .article-badge{border-color:#8b5cf633;background:#8b5cf60d}.badge-number{font-size:.8rem;font-weight:600;color:var(--blue-glow);letter-spacing:2px}.article-hero--teal .badge-number{color:var(--teal-glow)}.article-hero--violet .badge-number{color:var(--violet-glow)}.badge-label{font-size:.68rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.article-title{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.1;margin-bottom:28px;letter-spacing:-1px}.accent-gradient-teal{background:linear-gradient(135deg,var(--teal) 0%,var(--cyan) 50%,var(--teal-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-gradient-violet{background:linear-gradient(135deg,var(--violet) 0%,var(--blue) 50%,var(--violet-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-subtitle{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-secondary);max-width:640px;margin:0 auto 48px;line-height:1.8}.article-hero-icon{width:100px;height:100px;margin:0 auto;color:var(--blue-glow);opacity:.3;animation:hero-icon-float 6s ease-in-out infinite}.article-hero-icon--teal{color:var(--teal-glow)}.article-hero-icon--violet{color:var(--violet-glow)}.article-hero-icon svg{width:100%;height:100%}@keyframes hero-icon-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(4px) rotate(-1deg)}}.article-body{position:relative;z-index:1;padding-bottom:var(--section-pad)}.article-illustration{margin-bottom:64px;position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 40px #0006,0 0 80px #3b82f60a}.article-hero-img{width:100%;height:auto;display:block;max-height:480px;object-fit:cover;object-position:center}.article-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(6,8,15,.6) 85%,rgba(6,8,15,.95) 100%);pointer-events:none}.article-img-caption{position:absolute;bottom:16px;left:24px;right:24px;font-size:.68rem;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;z-index:2;opacity:.7}.article-hero--teal~.article-body .article-illustration{box-shadow:0 4px 40px #0006,0 0 80px #06d6a00a}.article-hero--violet~.article-body .article-illustration{box-shadow:0 4px 40px #0006,0 0 80px #8b5cf60a}.article-section{margin-bottom:80px}.article-section:last-of-type{margin-bottom:0}.article-section-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(1.4rem,3.5vw,2rem);margin-bottom:32px;display:flex;align-items:center;gap:16px;letter-spacing:.5px}.section-num{font-size:.72rem;color:var(--blue-glow);letter-spacing:2px;padding:6px 12px;border:1px solid rgba(59,130,246,.2);border-radius:6px;background:#3b82f60d;flex-shrink:0}.article-text{max-width:780px}.article-text p{color:var(--text-secondary);font-size:1.02rem;line-height:1.85;margin-bottom:24px}.article-text p:last-child{margin-bottom:0}.article-text strong{color:var(--text-primary);font-weight:600}.article-text em{color:var(--blue-glow);font-style:italic}.article-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-info-card{position:relative;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:36px 32px;overflow:hidden;transition:all .5s var(--ease-out-expo)}.article-info-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:#3b82f64d}.article-info-card--teal:hover{border-color:#06d6a04d}.article-info-card--violet:hover{border-color:#8b5cf64d}.info-card-accent{position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .5s}.accent-blue{background:linear-gradient(90deg,var(--blue),var(--blue-glow))}.accent-teal{background:linear-gradient(90deg,var(--teal),var(--teal-glow))}.accent-violet{background:linear-gradient(90deg,var(--violet),var(--violet-glow))}.article-info-card:hover .info-card-accent{opacity:1}.article-info-card h3{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;margin-bottom:16px;letter-spacing:.5px;color:var(--text-primary)}.article-info-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.75}.tech-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tech-item{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:24px 20px;text-align:center;transition:all .4s var(--ease-out-expo)}.tech-item:hover{background:var(--bg-card-hover);border-color:#3b82f64d;transform:translateY(-3px)}.tech-stack-grid--teal .tech-item:hover{border-color:#06d6a04d}.tech-stack-grid--violet .tech-item:hover{border-color:#8b5cf64d}.tech-name{display:block;font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:600;margin-bottom:8px;color:var(--text-primary);letter-spacing:.5px}.tech-desc{display:block;font-size:.68rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.related-project{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:32px;margin-bottom:20px;transition:all .4s var(--ease-out-expo);border-left:3px solid var(--blue)}.related-project:last-child{margin-bottom:0}.related-project:hover{background:var(--bg-card-hover);transform:translate(6px)}.related-project--teal{border-left-color:var(--teal)}.related-project--violet{border-left-color:var(--violet)}.related-project h3{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;margin-bottom:12px;letter-spacing:.5px}.related-project p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin-bottom:0}.related-project .project-status{display:inline-block;margin-bottom:12px}.related-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-content-card{display:flex;flex-direction:column;min-height:190px;padding:24px;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:transform .35s var(--ease-out-expo),border-color .35s ease,background .35s ease}.related-content-card:hover,.related-content-card:focus-visible{background:var(--bg-card-hover);border-color:#3b82f652;transform:translateY(-4px);outline:none}.related-kicker{color:var(--teal);font-size:.64rem;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:18px}.related-content-card h3{font-family:Orbitron,sans-serif;font-size:.98rem;line-height:1.35;margin-bottom:12px}.related-content-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.65;margin-bottom:0}.article-quote{border-left:3px solid var(--blue);padding:24px 32px;margin:32px 0;background:#3b82f60a;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.article-quote--teal{border-left-color:var(--teal);background:#06d6a00a}.article-quote--violet{border-left-color:var(--violet);background:#8b5cf60a}.article-cta{margin-top:100px;text-align:center;padding:60px 40px;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.article-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent)}.article-cta h2{font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin-bottom:12px;letter-spacing:.5px}.article-cta p{color:var(--text-secondary);font-size:1rem;margin-bottom:32px}.article-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.card-read-more{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:var(--blue-glow);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;margin-top:20px;padding:8px 0;transition:all .3s var(--ease-out-expo);position:relative}.card-read-more:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--blue-glow);transition:width .4s var(--ease-out-expo)}.card-read-more:hover{gap:12px}.card-read-more:hover:after{width:100%}.card-read-more svg{transition:transform .3s var(--ease-out-expo)}.card-read-more:hover svg{transform:translate(3px)}.research-card:nth-child(2) .card-read-more{color:var(--teal-glow)}.research-card:nth-child(2) .card-read-more:after{background:var(--teal-glow)}.research-card:nth-child(3) .card-read-more{color:var(--violet-glow)}.research-card:nth-child(3) .card-read-more:after{background:var(--violet-glow)}.project-hero-tech{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.hero-tech-tag{font-size:.72rem;padding:6px 16px;border-radius:20px;border:1px solid rgba(59,130,246,.25);color:var(--blue-glow);background:#3b82f60f;letter-spacing:1.5px;text-transform:uppercase}.hero-tech-tag--teal{border-color:#06d6a040;color:var(--teal-glow);background:#06d6a00f}.hero-tech-tag--violet{border-color:#8b5cf640;color:var(--violet-glow);background:#8b5cf60f}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-glow));opacity:0;transition:opacity .4s}.metric-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:#3b82f64d}.metric-card:hover:before{opacity:1}.metrics-grid--teal .metric-card:before{background:linear-gradient(90deg,var(--teal),var(--teal-glow))}.metrics-grid--teal .metric-card:hover{border-color:#06d6a04d}.metrics-grid--violet .metric-card:before{background:linear-gradient(90deg,var(--violet),var(--violet-glow))}.metrics-grid--violet .metric-card:hover{border-color:#8b5cf64d}.metric-value{display:block;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.metric-unit{display:block;font-size:.72rem;color:var(--blue-glow);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.metrics-grid--teal .metric-unit{color:var(--teal-glow)}.metrics-grid--violet .metric-unit{color:var(--violet-glow)}.metric-label{display:block;font-size:.78rem;color:var(--text-muted);letter-spacing:.5px}.project-read-more{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:var(--blue-glow);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px;padding:6px 0;transition:all .3s var(--ease-out-expo);position:relative}.project-read-more:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--blue-glow);transition:width .4s var(--ease-out-expo)}.project-read-more:hover{gap:12px}.project-read-more:hover:after{width:100%}.project-read-more svg{transition:transform .3s var(--ease-out-expo)}.project-read-more:hover svg{transform:translate(3px)}.team-flag{display:block;font-size:.7rem;color:var(--text-muted);letter-spacing:1.5px;margin-top:12px}.team-profile-link{display:inline-block;font-size:.68rem;color:var(--blue-glow);text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px;transition:all .3s var(--ease-out-expo)}.team-profile-link:hover{color:var(--teal-glow);letter-spacing:2px}.team-card--hiring{border-style:dashed;border-color:#06d6a033}.team-card--hiring:hover{border-color:#06d6a066}.profile-hero{position:relative;z-index:1;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:140px clamp(24px,5vw,80px) 80px;overflow:hidden}.profile-hero-content{max-width:700px;text-align:center;position:relative;z-index:2}.profile-avatar-large{width:120px;height:120px;margin:0 auto 28px;position:relative}.profile-avatar-large .avatar-ring{animation-duration:4s}.profile-avatar-large .avatar-initials{font-size:2rem}.profile-name{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(1.8rem,5vw,3rem);margin-bottom:12px;letter-spacing:-.5px}.profile-role{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--teal);letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:8px}.profile-location{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:2px;display:block;margin-bottom:28px}.profile-tagline{font-size:clamp(1rem,2.5vw,1.12rem);color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.8;font-style:italic}.profile-stats{display:flex;justify-content:center;gap:40px;margin-top:36px;flex-wrap:wrap}.profile-stat{text-align:center}.profile-stat-value{display:block;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.profile-stat-label{display:block;font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;padding:8px 18px;border-radius:50px;border:1px solid rgba(59,130,246,.2);color:var(--blue-glow);background:#3b82f60d;letter-spacing:1px;transition:all .3s var(--ease-out-expo)}.skill-tag:hover{background:#3b82f61f;border-color:#3b82f666;transform:translateY(-2px)}.profile-projects{display:flex;flex-direction:column;gap:16px}.profile-project-card{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);padding:24px;text-decoration:none;transition:all .4s var(--ease-out-expo);border-left:3px solid var(--blue)}.profile-project-card:hover{background:var(--bg-card-hover);transform:translate(6px);border-color:#3b82f64d}.profile-project-card h3{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-project-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.profile-project-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0;transition:transform .3s}.profile-project-card:hover .profile-project-arrow{transform:translate(4px);color:var(--blue-glow)}@media (max-width: 968px){.article-cards-grid,.related-content-grid{grid-template-columns:1fr}.tech-stack-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.article-hero{min-height:70vh;padding:120px clamp(24px,5vw,80px) 60px}}@media (max-width: 600px){.article-hero{min-height:65vh;padding:100px 20px 40px}.article-title{font-size:clamp(2rem,10vw,3rem)}.tech-stack-grid{grid-template-columns:1fr 1fr;gap:12px}.tech-item{padding:16px 12px}.tech-name{font-size:.75rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-card{padding:24px 16px}.metric-value{font-size:1.6rem}.article-info-card{padding:28px 24px}.related-project{padding:24px}.article-cta{padding:40px 24px}.article-section-title{flex-direction:column;align-items:flex-start;gap:10px}}