/* Portfolio photographs meet the same edges as their captions. */
.home-page .project-picture img {object-fit:cover}

/* Paired square canvases keep product cutouts and contextual photos balanced. */
@media (min-width:761px) {
  .home-page .project-card .project-picture {aspect-ratio:1 / 1}
  .home-page .project-card[href*="iona-home-max"] .project-picture {aspect-ratio:16 / 9}
  .home-page .project-card[href*="hamilton"] .project-picture img {object-position:0% 50%!important}
}

/* A hash destination is a heading, not an interactive control. */
.home-page #projects:focus {outline:none}

/* All mobile covers share one square frame; the selected focal points remain in use. */
@media (max-width:760px) {
  .home-page .project-card .project-picture {aspect-ratio:1 / 1}
  .home-page .project-picture img {
    width:100%;height:100%;max-height:none;object-fit:cover;transform:none
  }
  .home-page .project-caption::after {
    content:"";width:18px;height:18px;background:var(--cobalt);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}

/* Tablets use equal cover cells, including the desktop wide feature. */
@media (min-width:761px) and (max-width:1024px), (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse) {
  .home-page .project-entry:has(a[href*="iona-home-max"]){grid-column:auto}
  .home-page .project-card .project-picture, .home-page .project-card[href*="iona-home-max"] .project-picture {aspect-ratio:1 / 1}
  .home-page .project-picture img {width:100%;height:100%;object-fit:cover}
  .home-page .project-card[href*="iona-home-max"] .project-caption {grid-template-columns:1fr;align-items:start}
  .home-page .project-card[href*="iona-home-max"] .project-caption .type {text-align:left}
}