/* Small corrections on top of Super's stylesheets. Loaded last so these win. */

/* Notion callouts (testimonials) export without Super's icon markup; keep the
   icon column from reserving space when there is no icon. */
.notion-callout__icon:empty {
  display: none;
}

/* Case-study card grids (/my-work and the "Read more" block).
   Covers come in several aspect ratios, which made rows ragged and pushed
   titles out of line. Crop them all to the 832x1120 thumbnail ratio the
   Projects database specifies, so every card is the same height. */
.am-gallery .notion-column > .notion-image {
  aspect-ratio: 832 / 1120;
  overflow: hidden;
  border-radius: 8px;
}
.am-gallery .notion-column > .notion-image img,
.am-gallery .notion-column > .notion-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.am-gallery .notion-column > .notion-heading {
  margin-top: 14px;
}

/* .notion-column-list is flex with no gap, while the column widths subtract
   two gutters. Supply the gutters so cards don't sit flush against each other. */
.am-gallery {
  gap: var(--column-spacing);
  margin-bottom: var(--column-spacing);
}
.am-gallery:last-child { margin-bottom: 0; }

/* Keep the "Read more" block out of the flow until the page is unlocked. */
.am-after-gate[hidden] { display: none; }