.project-hero{min-height:84svh;padding:150px 0 80px;display:flex;align-items:end;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.project-hero:after{content:"";position:absolute;right:-10vw;bottom:-25vw;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.1),transparent 68%);pointer-events:none}
.project-kicker{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.project-kicker span{padding:8px 10px;border:1px solid var(--border-strong);border-radius:99px;color:var(--muted);font:500 .57rem/1 "JetBrains Mono",monospace}
.project-hero h1{font-size:clamp(5rem,15vw,15rem);line-height:.7;letter-spacing:-.1em;margin:0}.project-summary{max-width:680px;margin:45px 0 0;color:var(--text-2);line-height:1.85}
.project-grid{display:grid;grid-template-columns:.35fr 1fr;gap:7vw}.project-meta{display:grid;gap:18px}.meta-item{border-top:1px solid var(--border);padding-top:13px}.meta-item b{display:block;color:var(--muted);font:500 .55rem/1 "JetBrains Mono",monospace;letter-spacing:.1em}.meta-item span{display:block;margin-top:8px;color:var(--text-2);font:500 .65rem/1.5 "JetBrains Mono",monospace}
.architecture{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:25px;position:relative;overflow:hidden}.architecture:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.22}.arch-label{position:relative;display:flex;justify-content:space-between;color:var(--muted);font:500 .57rem/1 "JetBrains Mono",monospace}.arch-canvas{position:relative;min-height:440px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px;align-items:center}.arch-line{position:absolute;left:13%;right:13%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.45}.arch-col{display:grid;gap:16px;z-index:1}.arch-box{padding:19px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-2);transition:.3s ease}.arch-box:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--glow)}.arch-box strong{display:block;font:600 .62rem/1.3 "JetBrains Mono",monospace}.arch-box small{display:block;margin-top:8px;color:var(--muted);font:400 .54rem/1.45 "JetBrains Mono",monospace}.arch-center{width:175px;height:175px;justify-self:center;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--surface-2);box-shadow:0 0 70px rgba(var(--accent-rgb),.12);z-index:1}.arch-center b{font-size:2.5rem;letter-spacing:-.08em}.arch-center small{display:block;margin-top:8px;color:var(--muted);font:500 .52rem/1 "JetBrains Mono",monospace}
.command-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.command{padding:21px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font:600 .62rem/1 "JetBrains Mono",monospace}.command span{display:block;margin-top:12px;color:var(--muted);font-weight:400;line-height:1.5}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-card{padding:25px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:.3s ease}.tech-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--glow)}.tech-card b{font:600 .63rem/1.2 "JetBrains Mono",monospace}.tech-card p{margin:12px 0 0;color:var(--text-2);line-height:1.7;font-size:.85rem}
.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.lesson b{color:var(--accent);font:500 .57rem/1 "JetBrains Mono",monospace}.lesson h3{margin:27px 0 12px;font-size:1.9rem;line-height:.95}.lesson p{color:var(--text-2);line-height:1.7}
@media(max-width:700px){.project-hero{min-height:76svh}.project-hero h1{font-size:clamp(4.5rem,22vw,8rem)}.project-grid,.lesson-grid{grid-template-columns:1fr}.arch-canvas{grid-template-columns:1fr;min-height:700px}.arch-line{display:none}.arch-center{order:2;width:145px;height:145px}.arch-col:first-child{order:1}.arch-col:last-child{order:3}.command-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr}}