/* Project covers and original artwork; scoped to the portfolio routes. */
.page-work .work-image{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.page-work .work-image>img{min-width:0;min-height:0;max-width:min(100%,var(--artwork-width,100%));max-height:100%;width:100%;height:100%;object-fit:contain}
.page-work .work-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:18px 2px 12px}
.page-work .work-caption>strong{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.page-work .work-caption-type{grid-column:1;font-size:13px;color:var(--grey)}
.page-work .work-caption-arrow{grid-column:2;grid-row:1/3;font-size:26px;color:var(--accent)}
.page-project .case-hero{position:relative}
.page-project .case-hero>img{max-width:var(--artwork-width,100%);min-height:0;object-fit:contain}
.page-project .case-hero:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.page-project .case-gallery:not(:has(.gallery-grid)){padding-top:0}
.page-project .case-decision.no-art{grid-template-columns:1fr}
.page-project .case-decision.no-art>div{max-width:820px}
@media(max-width:767px){.page-work .work-caption>strong{font-size:21px}.page-work .work-caption{padding-top:15px}}