*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);line-height:1.6;color:var(--color-text);background:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;left:var(--space-md);top:-3rem}.skip-link:focus{top:var(--space-md)}.site-header,main,.site-footer{max-width:var(--max-width);margin-inline:auto;padding:var(--space-lg) var(--space-md)}.site-header{padding-block:var(--space-xl) var(--space-lg)}.site-header h1{margin:0;font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.03em}.site-header .dot{color:var(--color-accent)}h2{margin:0 0 var(--space-md);font-size:1.5rem}.projects{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));padding:0;margin:0;list-style:none}.project-card{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden;padding-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.project-card:hover,.project-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.project-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.project-card a:focus-visible{outline:none}.project-card>:not(img,.project-visual){margin-inline:var(--space-md)}.project-card img,.project-visual{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-visual{display:grid;place-items:center;background:var(--gradient-visual);color:#fff;font-size:3.5rem;font-weight:700}.project-card h3{margin-block:var(--space-sm) 0;font-size:1.25rem}.project-card h3 a{color:var(--color-text);text-decoration:none}.project-card h3 a:after{content:"";position:absolute;inset:0}.project-card p{margin-block:0;color:var(--color-text-muted)}.project-status{align-self:flex-start;padding:.125rem var(--space-sm);border-radius:var(--radius-pill);background:var(--color-badge-bg);font-size:.8125rem;font-weight:600}.project-card .project-status{color:var(--color-badge-text)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto;padding:var(--space-sm) 0 0;list-style:none}.project-tags li{padding:.125rem var(--space-sm);border-radius:var(--radius-pill);background:var(--color-tag-bg);color:var(--color-tag-text);font-size:.8125rem}.site-footer{color:var(--color-text-muted);font-size:.875rem}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.project-card:hover,.project-card:focus-within{transform:none}}