/*
 * MIC Portfolio — public Work styles (generic defaults).
 * Consumes MIC Experience Language tokens only.
 */

.mic-portfolio__hero-inner { display: grid; gap: var(--mic-space-5); }
.mic-portfolio__media {
  width: 100%; height: auto; max-height: 70vh; object-fit: contain;
  background: var(--mic-color-surface-sunken); border-radius: var(--mic-radius-md); display: block;
}
.mic-portfolio__body { padding-block: var(--mic-section-padding); display: grid; gap: var(--mic-space-8); }
.mic-portfolio__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--mic-space-5); }
.mic-portfolio__metric { display: grid; gap: var(--mic-space-1); }
.mic-portfolio__gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--mic-space-4); align-items: start; }
.mic-portfolio__gallery img { max-width: 100%; height: auto; border-radius: var(--mic-radius-sm); display: block; }

.mic-portfolio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--mic-space-6); }
.mic-portfolio-card { display: block; color: inherit; text-decoration: none; }
.mic-portfolio-card__media { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; display: block; }
.mic-portfolio-card__body { padding: var(--mic-space-5); display: grid; gap: var(--mic-space-2); }
.mic-portfolio-archive__head { max-width: var(--mic-measure); margin-bottom: var(--mic-space-9); }