/* Shared photo presentation on the landing and the kennel page. */
:root {
  --frame-paper: #f7f4ee;
  --frame-line: #ded8ce;
  --frame-mat: clamp(9px, 1.1vw, 17px);
  --frame-shadow: 0 8px 24px rgb(60 48 32 / 6%);
}
.dark, .gaze-with-photo, .kennel-hero {
  --frame-shadow: 0 12px 28px rgb(0 0 0 / 14%);
}
.photo.photo-framed,
.intro .intro-shot.photo-framed,
.together .photo.photo-framed,
.free .free-photo.photo-framed,
.character-photos > div:nth-child(n) .photo.photo-framed,
.kennel-page .poodle-frame,
.kennel-page .kennel-frame--photo {
  box-sizing: border-box;
  padding: var(--frame-mat);
  border: 1px solid var(--frame-line);
  background: var(--frame-paper);
  box-shadow: var(--frame-shadow);
  align-self: start;
}
.photo.photo-framed picture,
.intro .intro-shot.photo-framed picture,
.together .photo.photo-framed picture,
.free .free-photo.photo-framed picture {
  outline: 1px solid rgb(80 66 47 / 8%);
}
.kennel-page .kennel-frame--photo {
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
}
.kennel-page .kennel-frame--photo img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain;
}