.badge-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.badge-list__item{margin:0}.badge-list__badge{border:1px solid color-mix(in srgb,var(--border)82%,transparent);background:color-mix(in srgb,var(--surface-subtle)90%,transparent);color:var(--text-primary);text-shadow:none;font:var(--portfolio-text-b3);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;line-height:1;display:inline-flex}
.project-card{border:1px solid var(--border-subtle);border-radius:var(--radius-32);background:var(--surface);width:100%;display:block;overflow:hidden}.project-card-link{color:inherit;text-decoration:none;display:block}.project-card-inner{flex-direction:row-reverse;min-height:360px;display:flex}.project-card--image-left .project-card-inner{flex-direction:row}.project-card-image-wrap{background:var(--surface-subtle);flex:0 0 58%;min-height:360px;position:relative;overflow:hidden}.project-card-image{object-fit:cover;transition:transform .32s;transform:scale(1)}.project-card:hover .project-card-image{transform:scale(1.08)}.project-card-image-placeholder{background:var(--surface-subtle);position:absolute;inset:0}.project-card-text{flex-direction:column;flex:1;justify-content:center;gap:12px;min-width:0;padding:48px 40px;display:flex}.project-card-keywords{color:var(--text-secondary);margin:0}.project-card-keywords .badge-list{gap:6px}.project-card-title{font:var(--portfolio-text-h2);color:var(--text-primary);margin:0}.project-card-description{font:var(--portfolio-text-b2);color:var(--text-secondary);margin:0;line-height:1.5}@media (min-width:769px){.project-card-link[href="/portfolio/basilar"] .project-card-image{object-position:center 70%}.project-card-title{order:1}.project-card-keywords{order:2}.project-card-description{order:3}}@media (max-width:1024px){.project-card-inner{min-height:320px}.project-card-image-wrap{flex:0 0 55%;min-height:320px}.project-card-text{padding:40px 32px}}@media (max-width:768px){.project-card-inner,.project-card--image-left .project-card-inner{flex-direction:column;min-height:0}.project-card-image-wrap{aspect-ratio:16/10;flex:none;min-height:0}.project-card-text{gap:8px;padding:32px 24px}.project-card:hover .project-card-image{transform:scale(1)}}