/* Full photographs, with lettering kept sharp at every screen size. */
.puppy-pair { min-width: 0; display: grid; gap: 26px; }
.puppy-pair .photo.photo-framed { align-self: start; }
.puppy-pair picture { position: relative; }
.puppy-poster { isolation: isolate; }
.puppy-poster-lettering {
  position: absolute;
  inset: clamp(9px, 1.1vw, 17px);
  width: calc(100% - 2 * clamp(9px, 1.1vw, 17px));
  height: calc(100% - 2 * clamp(9px, 1.1vw, 17px));
  z-index: 3;
  pointer-events: none;
  font-family: var(--story-font);
  font-weight: 400;
}
.poster-top { font-family: var(--story-font); font-size: 49px; font-weight: 500; fill: #49301e; }
.poster-side { font-family: var(--reading-font); font-size: 48px; font-weight: 450; letter-spacing: 1px; fill: #493b32; }
.poodle-frame { padding: 12px; background: #f7f4ee; border: 1px solid #ded8ce; }
.poodle-frame picture, .poodle-frame img { display: block; width: 100%; }
.poodle-frame img { position: static; height: auto; object-fit: contain; }
.poodle-gallery { align-items: start; }
.poodle-gallery figcaption { color: var(--ink); }
@media (max-width: 760px) {
  .puppy-pair { width: 100%; grid-template-columns: 1fr; gap: 22px; }
}