.socials{display:flex;gap:1.25rem;margin:1.5rem 0 2.5rem;font-size:1.6rem}.socials a{text-decoration:none;color:var(--accent)}.socials a:hover,.socials a:focus-visible{opacity:.75}.socials a{display:inline-flex;align-items:center}.icon-svg{display:block}.home-heading{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.showcase-description{margin:0 0 2rem;opacity:.85}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem}.project-card{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .15s ease}.project-card:hover,.project-card:focus-within{border-color:var(--accent)}.project-image{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--background))}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;margin:0;padding:0;border:0}.project-image--empty{display:flex;align-items:center;justify-content:center;text-decoration:none}.project-image__title{color:var(--accent);font-weight:700;font-size:1.1rem;padding:1rem;text-align:center}.project-content{padding:1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.project-title{margin:0;font-size:1.1rem}.project-title a{text-decoration:none}.project-title a:hover{text-decoration:underline}.project-description{margin:0;font-size:.9rem;opacity:.9}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.85rem}.status{opacity:.85}.status--live{color:var(--accent);opacity:1}.project-link{color:var(--accent)}.tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:.75rem}.tech-list li{margin:0;padding:.05rem .5rem;border:1px solid color-mix(in srgb,var(--foreground) 25%,transparent)}ul.tech-list>li::before,ul.tech-list>li::after{content:none;display:none}ul.tech-list>li{position:static}.project .project-lede{font-size:1.05rem;margin:.5rem 0 1rem}.project .tech-list{margin:.75rem 0 0}.project-hero{margin:1.5rem 0}.project-hero img{display:block;width:100%;height:auto;padding:0;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.back-link{margin-top:2.5rem}