@keyframes project-showcase-module-scss-module__mCNHzG__fade-up{0%{opacity:0;transform:translateY(calc(20px + var(--item-index,0) * 12px))}to{opacity:1;transform:translateY(0)}}.project-showcase-module-scss-module__mCNHzG__showcase{z-index:1;position:relative}.project-showcase-module-scss-module__mCNHzG__list{gap:var(--space-6);z-index:2;margin:0;padding:0;list-style:none;display:grid;position:relative}.project-showcase-module-scss-module__mCNHzG__listItem{margin:0}@media (prefers-reduced-motion:no-preference){.project-showcase-module-scss-module__mCNHzG__listItem{animation:project-showcase-module-scss-module__mCNHzG__fade-up 1s calc(var(--item-index,0)*.1s) cubic-bezier(.16, 1, .3, 1) both}}.project-showcase-module-scss-module__mCNHzG__item{color:var(--color-fg);cursor:pointer;text-decoration:none;display:inline-block}.project-showcase-module-scss-module__mCNHzG__item:focus-visible{outline:var(--border-width-thick) solid var(--color-accent);outline-offset:var(--space-1)}.project-showcase-module-scss-module__mCNHzG__row{align-items:baseline;gap:var(--space-4);display:flex}.project-showcase-module-scss-module__mCNHzG__badge{font-size:var(--text-xs);flex-shrink:0}.project-showcase-module-scss-module__mCNHzG__name{color:var(--color-fg);font-family:var(--font-heading);font-size:var(--text-display-sm);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);transition:color var(--duration-base) var(--ease-out);margin:0;line-height:1.06}.project-showcase-module-scss-module__mCNHzG__item[data-active=true] .project-showcase-module-scss-module__mCNHzG__name{color:var(--color-accent)}.project-showcase-module-scss-module__mCNHzG__preview{pointer-events:none;z-index:1;display:block;position:absolute;inset:0}.project-showcase-module-scss-module__mCNHzG__previewItem{opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.project-showcase-module-scss-module__mCNHzG__previewItem[data-active=true]{opacity:1}.project-showcase-module-scss-module__mCNHzG__media{aspect-ratio:1;opacity:.5;left:0;top:var(--preview-top,50%);width:min(15rem,22vw);position:absolute;overflow:hidden;transform:translate(-75%)}.project-showcase-module-scss-module__mCNHzG__mediaImage{object-fit:cover}.project-showcase-module-scss-module__mCNHzG__detail{gap:var(--space-3);text-align:left;right:0;top:calc(var(--preview-top,50%) + var(--space-8));width:min(20rem,34%);display:grid;position:absolute}.project-showcase-module-scss-module__mCNHzG__detailInner{gap:var(--space-3);display:grid}.project-showcase-module-scss-module__mCNHzG__detailMeta{align-items:start;gap:var(--space-2);flex-direction:column;display:flex}.project-showcase-module-scss-module__mCNHzG__status{font-size:var(--text-xs);justify-self:start}.project-showcase-module-scss-module__mCNHzG__description{color:var(--color-fg);font-size:var(--text-base);line-height:var(--leading-snug);margin:0}.project-showcase-module-scss-module__mCNHzG__language{color:var(--color-fg-muted);font-size:var(--text-xs);text-transform:uppercase}.project-showcase-module-scss-module__mCNHzG__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-showcase-module-scss-module__mCNHzG__tag{border:var(--border-width) solid var(--color-border);color:var(--color-fg-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);text-transform:uppercase}.project-showcase-module-scss-module__mCNHzG__meta{color:var(--color-fg-muted);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.project-showcase-module-scss-module__mCNHzG__stats{color:var(--color-fg-muted);align-items:center;gap:var(--space-4);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;flex-wrap:wrap;display:flex}.project-showcase-module-scss-module__mCNHzG__stat{align-items:center;gap:var(--space-1);display:inline-flex}.project-showcase-module-scss-module__mCNHzG__stat svg{width:14px;height:14px}@media (max-width:768px){.project-showcase-module-scss-module__mCNHzG__showcase{min-height:0}.project-showcase-module-scss-module__mCNHzG__preview{display:none}}@media (max-width:767px){.project-showcase-module-scss-module__mCNHzG__list{gap:var(--space-4)}.project-showcase-module-scss-module__mCNHzG__name{font-size:var(--text-3xl);letter-spacing:-1.8px;line-height:40px}}