/* Keep the original photographs and all other lettering; use only the edited caption. */
/* Limit the restoration to the opening illustration, with a soft edge. */
.legacy-body #page-animal .animal-page-one .animal-collage .animal-hero-restoration {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  pointer-events: none;
  -webkit-mask-image: url('/assets/animal-hero-mask.svg');
  mask-image: url('/assets/animal-hero-mask.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.legacy-body #page-animal .animal-page-one .animal-collage {
  display: block;
  position: relative;
  width: min(100%, 373.333333px);
  margin: 0 auto;
}
.legacy-body #page-animal .animal-page-one .animal-collage .animal-final-image {
  width: 100%;
  max-height: none;
}
.legacy-body #page-animal .animal-page-one .animal-collage .animal-name-correction {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  pointer-events: none;
  clip-path: polygon(28.41796875% 54.16666667%, 39.55078125% 54.81770833%, 39.55078125% 57.6171875%, 28.41796875% 56.96614583%);
}
/* Replace only the printed interface controls; all people, animals and logos retain their existing pixels. */
.legacy-body #page-animal .animal-page-one .animal-collage .animal-interface-cleanup {
  display:block;position:absolute;inset:0;width:100%;height:auto;max-height:none;margin:0;pointer-events:none;z-index:2;
  -webkit-mask-image:url('/assets/animal-interface-mask.svg');mask-image:url('/assets/animal-interface-mask.svg');
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* Keep Lay's photograph inside its own frame, above the gallery caption. */
.legacy-body #page-animal .animal-memory-photo-lay{
  position:relative;
  width:100%;
  aspect-ratio:223 / 180;
  overflow:hidden;
  flex:0 0 auto;
}
.legacy-body #page-animal .animal-memory-photo-lay img{
  position:absolute;
  inset:0 auto auto 0;
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  margin:0;
  clip-path:none;
  border-radius:0;
}

/* Fit only the four cat photographs above their existing captions. */
.legacy-body #page-animal .animal-memory-photo-cat{
  position:relative;
  width:100%;
  aspect-ratio:var(--cat-photo-ratio);
  overflow:hidden;
  flex:0 0 auto;
}
.legacy-body #page-animal .animal-memory-photo-cat img{
  position:absolute;
  top:var(--cat-photo-offset);
  left:0;
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  margin:0;
  clip-path:none;
  border-radius:0;
}