@layer components{.project-card-grid{min-height:0}.project-card{min-width:0;color:var(--cream);background:var(--forest);border:5px solid var(--cream);transition:transform .2s var(--ease), box-shadow .2s var(--ease);outline:3px solid #12303a1f;grid-template-rows:minmax(0,1fr) 62px;text-decoration:none;display:grid;overflow:hidden;container-type:inline-size}.project-card:hover,.project-card:focus-visible{z-index:3;box-shadow:9px 10px 0 var(--brick);transform:translateY(-5px)rotate(-.35deg)}.project-card__art{background-color:var(--scheme-field,var(--charcoal));place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.project-card__art img{object-fit:cover;width:100%;height:100%;display:block}.project-card__placeholder{background-color:var(--scheme-field,var(--teal));background-image:var(--texture-halftone);background-size:var(--texture-halftone-tile);width:100%;height:100%;min-height:180px;display:block}.project-card__repo-art{width:100%;height:100%;min-height:180px;color:var(--cream);background-color:var(--scheme-field,var(--forest));background-image:var(--texture-halftone);background-size:var(--texture-halftone-tile);place-content:center;justify-items:center;gap:12px;display:grid}.project-card__repo-art small{color:var(--navy);background-color:var(--ochre);border:2px solid var(--navy);font-family:var(--font-stamp);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;font-size:.6rem}.project-card__band{text-align:center;background:var(--scheme-band,var(--navy));color:var(--scheme-band-text,var(--cream));place-items:center;padding:8px;display:grid}.project-card__title{font-family:var(--font-label);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:clamp(.5rem,6.2cqi,1.15rem);line-height:1}.project-card__stamp{z-index:4;color:var(--cream);background:var(--navy);border:2px solid var(--ochre);font-family:var(--font-stamp);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;font-size:.62rem;line-height:1;position:absolute;bottom:8px;left:8px}@media (width<=620px){.project-card__stamp,.project-card__repo-art small{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover,.project-card:focus-visible{transform:none}}@media print{.project-card{box-shadow:none;break-inside:avoid}}}