.home-hero{max-width:38rem;padding:4rem 0 6rem}.hero-label,.hero-actions a,.project-title-line>span,.project-links a,.section-heading>span{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}.hero-label{display:flex;align-items:center;gap:.65rem;color:var(--muted-foreground)}.signal-eye{width:.5rem;height:.5rem;border-radius:50%;background:var(--signal);animation:eye-pulse 4.5s var(--ease-soft) infinite}.home-hero h1{font-size:4rem;line-height:1.05;letter-spacing:-.025em;margin:1.25rem 0 0}.hero-copy{max-width:34rem;margin:1.5rem 0 0;color:var(--muted-foreground);font-size:1.125rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2.25rem}.hero-actions a,.project-links a{color:var(--muted-foreground);text-decoration:none}.hero-actions a:first-child,.project-links a:hover{color:var(--signal)}
.home-section{border-top:1px solid var(--border);padding-top:2.5rem;margin-top:1rem;scroll-margin-top:2rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between}.section-heading h2{font-size:1.35rem;margin:0}.section-heading>span{color:var(--muted-foreground)}.project-list{display:grid;gap:1.5rem;margin-top:2.5rem}.project-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:1.5rem;align-items:center;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .7s var(--ease-soft),border-color .6s var(--ease-soft),background-color .9s var(--ease-soft)}.project-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--signal) 30%,var(--border))}.project-media{display:block;overflow:hidden;border-radius:.5rem;border:1px solid var(--border);background:var(--muted);aspect-ratio:16/10}.project-media picture,.project-media img{display:block;width:100%;height:100%}.project-media img{object-fit:cover;transition:transform 1.4s var(--ease-soft)}.project-card:hover img{transform:scale(1.025)}.project-media-fallback{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,color-mix(in oklab,var(--signal) 35%,transparent),transparent 40%),var(--muted);text-decoration:none}.project-media-fallback span{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}.project-title-line{display:flex;align-items:baseline;gap:1rem}.project-title-line h3{font-size:1.1rem;margin:0}.project-title-line h3 a{text-decoration:none}.project-title-line>span{color:var(--muted-foreground)}.project-details>p{color:var(--muted-foreground);font-size:.875rem;line-height:1.7;margin:1rem 0}.technology-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0;list-style:none}.technology-list li{border:1px solid var(--border);border-radius:.25rem;padding:.3rem .5rem;color:var(--muted-foreground);font-family:var(--font-mono);font-size:.65rem}.project-links{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:1.5rem}
.writing-section{margin-top:6rem}.writing-list{margin:1.5rem 0 0;padding:0;list-style:none}.writing-list li{border-top:1px solid var(--border)}.writing-list li:first-child{border-top:0}.writing-list a{display:grid;grid-template-columns:10rem 1fr;gap:2rem;padding:1.5rem 0;text-decoration:none}.writing-list time{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.writing-list h3{font-size:1.05rem;margin:0;transition:color .3s}.writing-list a:hover h3{color:var(--signal)}.writing-list p{color:var(--muted-foreground);font-size:.875rem;line-height:1.7;margin:.5rem 0 0}.all-writing{display:inline-block;margin-top:1.5rem;color:var(--signal);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
@keyframes eye-pulse{50%{box-shadow:0 0 0 7px color-mix(in oklab,var(--signal) 0%,transparent);opacity:1}0%,100%{box-shadow:0 0 0 0 color-mix(in oklab,var(--signal) 45%,transparent);opacity:.85}}
@media(max-width:44rem){.home-hero{padding:2.5rem 0 4rem}.home-hero h1{font-size:2.7rem}.hero-copy{font-size:1rem}.project-card{grid-template-columns:1fr;padding:.75rem}.project-details{padding:.5rem}.writing-list a{grid-template-columns:1fr;gap:.5rem}.writing-section{margin-top:4.5rem}}