/* One object, in native proportions, on white fading to 2% black. */
.project-art { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 8 / 5; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: linear-gradient(180deg,#fff,#fafafa); }
.project-icon img, .project-icon svg { display: block; width: 78%; height: 82%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; object-fit: contain; object-position: center; }
.project-icon svg { mix-blend-mode: multiply; }
.project-icon.is-wide img { width: 85%; height: 85%; mix-blend-mode: multiply; }
.portfolio-index-page .unified-portfolio-item figure.portfolio-art-figure { display: block; margin: 0; padding: 0; border: 0; border-radius: 0; aspect-ratio: 8 / 5; background: #fff; }
.portfolio-index-page .unified-portfolio-item figure .project-icon img { width: 78%; height: 82%; max-width: none; aspect-ratio: auto; border: 0; border-radius: 0; object-fit: contain; object-position: center; }
.portfolio-index-page .unified-portfolio-item figure .project-icon.is-wide img { width: 85%; height: 85%; }
.portfolio-index-page .unified-portfolio-item { border: 0; border-radius: 0; overflow: hidden; box-shadow: none; background: #fafafa; }
.portfolio-index-page .unified-portfolio-item::before { display: none; }
.portfolio-index-page .unified-portfolio-item .portfolio-body { padding: 10px 12px 14px; color: #171717; background: #fafafa; }
.portfolio-index-page .unified-portfolio-item .portfolio-body h3 { margin: 0; color: #171717; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: -.04em; line-height: 1.1; text-transform: uppercase; }
/* Whole app marks, with consistent breathing room: no cropping or stretching. */
.project-icon.is-app-icon img,.project-icon.is-app-icon svg,
.portfolio-index-page .unified-portfolio-item figure .project-icon.is-app-icon img { width:64%; height:68%; object-fit:contain; }
.project-icon.is-square-photo svg { width:72%; height:76%; }