/* ============================================================
   Photography page only. Everything else comes from
   /assets/brand.css and /assets/site.css.
   ============================================================ */

/* The "pricing on request" line under the page head lead. */
.head-meta { margin-top: 1.25rem; }
.head-meta .tlink { color: var(--ink); }

/* On the dark section the "see the package" button sits under the copy,
   so give it room without an inline style on every page. */
.dark .sticky .btn { margin-top: .5rem; }

/* The gallery groups. A portfolio row wants a touch more air between frames
   than the shell's default once there's room for it. */
@media (min-width: 980px) {
  .frames--mosaic, .frames--four { gap: 1rem; }
}

/* The line that closes a gallery group sits clear of the last row. */
.group-note { margin-top: clamp(1.5rem, 1rem + 1vw, 2.25rem); }

/* A gallery group closes on a full-width frame. Dense packing pushes any
   leftover space to the last row, so a frame that spans every column is what
   stops the group ending on an empty square, at 2 or 3 columns alike. */
.frames--mosaic .span3 { grid-column: 1 / -1; }
.frames--mosaic .span3 img { aspect-ratio: 16 / 9; }
@media (min-width: 620px) { .frames--mosaic .span3 img { aspect-ratio: 21 / 9; } }