.code-hero{padding-block:72px 48px;border-bottom:1px solid var(--line)}.code-hero h1{font-size:clamp(3.5rem,7vw,6.4rem);line-height:1;letter-spacing:-.065em;margin:0 0 24px}.code-hero h1 span{color:var(--lime)}.code-hero p{font-size:1.125rem;line-height:1.7;color:#c1c1c7;max-width:660px;margin:0}.code-hero .profile-link{margin-top:30px}
.featured-repo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;margin-block:56px;padding:44px;border:1px solid #3f4a29;border-radius:18px;background:radial-gradient(ellipse at 85% 50%,#d3ff6214 0,transparent 60%),#151613}
.featured-repo .eyebrow{color:var(--lime);font-size:.6875rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.featured-repo h2{font-size:clamp(2.6rem,4.6vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:0 0 18px}.featured-repo .tagline{font-size:1.25rem;color:#e4e3dc;margin:0 0 18px;letter-spacing:-.02em}.featured-repo p{color:#b8b8c0;line-height:1.7;margin:0 0 16px}
.repo-facts{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:8px}.repo-facts li{font-family:var(--mono);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:#c8c8cf}
.repo-actions{display:flex;flex-wrap:wrap;gap:12px}.repo-actions a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid #57575c;border-radius:999px;font-size:.875rem;font-weight:500}.repo-actions a:hover,.repo-actions a:focus-visible{border-color:var(--lime);color:var(--lime)}.repo-actions a.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.repo-actions a.primary:hover,.repo-actions a.primary:focus-visible{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.city{position:relative;aspect-ratio:1.1;border:1px solid #2c2f25;border-radius:14px;overflow:hidden;background:linear-gradient(#ffffff08 1px,transparent 1px) 0 0/10% 10%,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/10% 10%,#101110}
.city .block{position:absolute;bottom:18%;width:12%;background:linear-gradient(#2b2d31,#1d1e21);border:1px solid #3a3c41;border-bottom:0;border-radius:3px 3px 0 0}.city .b1{left:8%;height:30%}.city .b2{left:22%;height:46%}.city .b3{left:36%;height:24%}.city .b4{left:50%;height:56%}.city .b5{left:64%;height:34%}.city .b6{left:78%;height:42%}
.city .ground{position:absolute;left:0;right:0;bottom:0;height:18%;border-top:1px solid #3f4a29;background:#151711}
.city .agent{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lilac);box-shadow:0 0 0 4px #b2a2ef22}.city .a1{left:15%;bottom:12%}.city .a2{left:43%;bottom:8%}.city .a3{left:71%;bottom:11%}.city .a4{left:57%;bottom:63%;background:#ff6b6b;box-shadow:0 0 0 6px #ff6b6b30}
.city .bubble{position:absolute;left:51%;bottom:69%;background:var(--paper);color:var(--ink);font-size:.6875rem;font-weight:500;padding:6px 10px;border-radius:10px 10px 10px 2px;white-space:nowrap}
.city .label{position:absolute;left:14px;top:12px;font-family:var(--mono);font-size:.5625rem;letter-spacing:.05em;color:#8d8f86}
@media(prefers-reduced-motion:no-preference){.city .a4{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #ff6b6b10}}}
.repo-group{padding-block:28px 8px;border-top:1px solid var(--line)}.repo-group>.eyebrow{font-size:.6875rem;color:var(--lilac);margin-bottom:22px}
.repo-grid{list-style:none;padding:0;margin:0 0 36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.repo-card{display:flex;flex-direction:column;height:100%;padding:28px;border:1px solid var(--line);border-radius:14px;background:#151517}.repo-card h3{font-size:1.5rem;letter-spacing:-.035em;margin:0 0 8px}.repo-card .tagline{color:var(--paper);margin:0 0 14px;line-height:1.5}.repo-card p{color:#b0b0b8;line-height:1.65;margin:0 0 18px;font-size:.9375rem}.repo-card .repo-facts{margin:auto 0 18px}.repo-card .repo-actions a{min-height:40px;font-size:.8125rem}
.code-note{color:#8e8e93;font-size:.8125rem;line-height:1.7;margin:0 0 64px;max-width:640px}
@media(max-width:900px){.featured-repo{grid-template-columns:1fr;padding:28px;gap:30px}.city{aspect-ratio:1.6}}
.repo-kind{font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--lilac);margin:0 0 14px}
@media(max-width:700px){.repo-grid{grid-template-columns:1fr}}