/* Real printed work: an editorial grid that alternates wide and narrow cases, like studio case pages. */
.work-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 46px 24px; }
.work-card { grid-column: span 5; min-width: 0; }
.work-card:nth-child(4n + 1), .work-card:nth-child(4n) { grid-column: span 7; }
.work-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.work-photo { margin: 0 0 18px; height: clamp(260px, 34vw, 480px); overflow: hidden; border-radius: 20px; background: var(--raise); border: 1px solid var(--line); }
.work-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.work-card:hover .work-photo img { transform: scale(1.03); }
.work-pieces { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 14px; padding: 0; }
.work-pieces li { padding: 4px 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: 11px; font-weight: 500; color: var(--ink); }
.work-card h3 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.05; }
.work-sector { display: block; margin-top: 8px; font-size: 10px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--cobalt); }
.work-card p { margin-top: 10px; max-width: 46ch; font-size: 14px; line-height: 1.7; }
.portfolio .section-heading h2 i { background: var(--spectrum-text); color: transparent; background-clip: text; -webkit-background-clip: text; }
.work-thumb { display: block; width: 100%; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 18px; }
.work-remove { margin-top: 18px; padding-top: 6px; border-top: 1px solid var(--line); }

@media (max-width: 760px) {
    .work-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
    .work-card, .work-card:nth-child(4n + 1), .work-card:nth-child(4n) { grid-column: 1 / -1; }
    .work-photo { height: 72vw; }
}
@media (prefers-reduced-motion: reduce) {
    .work-photo img { transition: none; }
    .work-card:hover .work-photo img { transform: none; }
}
