.family-guide {
  display: block;
  flex: none;
  width: 250px;
  max-width: 100%;
  margin: 0 0 24px auto;
  pointer-events: none;
}
.family-guide-portrait { position: relative; width: 100%; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.family-guide-portrait img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center top; }
.family-heading-with-guide { display: flex; align-items: center; gap: 20px; }
.family-heading-with-guide h2 { flex: 1; min-width: 0; }
.family-heading-with-guide .family-guide { width: 230px; margin: 0; }
.content-dialog > .family-guide + h2,
.content-dialog .dialog-content > .family-guide + h2 { clear: both; overflow-wrap: anywhere; hyphens: auto; }
.content-dialog > .profile-list,
.content-dialog .dialog-content > .profile-list,
.gallery-dialog > .photo-grid,
.gallery-dialog .dialog-content > .photo-grid,
.contact-form-slot,
.contact-dialog > address,
.contact-dialog .dialog-content > address,
.kitten-litter { clear: both; }
.family-peek {
  --guide-width: 250px;
  --guide-reveal: 215px;
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding-top: var(--guide-reveal);
}
.family-peek > .family-guide {
  position: absolute;
  top: 0;
  right: 18px;
  z-index: 0;
  width: var(--guide-width);
  height: var(--guide-reveal);
  margin: 0;
  overflow: hidden;
}
.family-peek > .family-peek-panel { position: relative; z-index: 1; min-width: 0; }
.family-peek--mother { --guide-width: 270px; --guide-reveal: 225px; align-self: end; width: 100%; }
.family-peek--mother > .family-guide { right: 12px; }
.family-peek--mother > .family-photo { margin: 0; }
.family-peek--father { margin-top: 4px; }
.family-peek--father > .cat-profile { margin-top: 0; }
.family-peek--son { --guide-width: 230px; --guide-reveal: 200px; clear: both; }
.family-peek--daughter-long { margin-top: 4px; }
.family-peek--daughter-wavy { clear: both; }
.family-peek--daughter-wavy > .contact-form-slot,
.family-peek--daughter-wavy > address { margin-top: 0; }
@media (max-width: 800px) {
  .family-peek { --guide-width: 210px; --guide-reveal: 185px; }
  .family-peek--mother { --guide-width: 220px; --guide-reveal: 190px; }
}
@media (max-width: 600px) {
  .family-guide { width: 175px; }
  .family-heading-with-guide { justify-content: center; flex-wrap: wrap; gap: 18px; }
  .family-heading-with-guide h2 { flex: 1 1 100%; }
  .family-heading-with-guide .family-guide { width: 175px; }
  .family-peek { --guide-width: 175px; --guide-reveal: 155px; }
  .family-peek > .family-guide { right: 8px; }
  .family-peek--mother { --guide-width: 180px; --guide-reveal: 160px; width: 100%; max-width: 370px; margin-inline: auto; }
}
@media (max-width: 370px) {
  .family-peek { --guide-width: 165px; --guide-reveal: 147px; }
  .family-peek--mother { --guide-width: 170px; --guide-reveal: 151px; }
}