/* Resident stories collage. All decoration stays behind the editable callout. */
.planning-stories {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  margin-block: 0;
  padding: 68px 7% 84px;
  min-height: 520px;
  background: #f6f0e9;
  color: #003d31;
  font-family: var(--wp--preset--font-family--sora);
  letter-spacing: 0;
}
.planning-stories .planning-stories__collage { position: absolute; inset: 0; z-index: -1; margin: 0; }
.planning-stories .planning-stories__photo { position: absolute; box-sizing: border-box; width: 17%; height: 260px; margin: 0; border: 10px solid #f6f0e9; box-shadow: 0 3px 16px rgb(0 0 0 / .18); }
.planning-stories .planning-stories__photo img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .32; }
.planning-stories .planning-stories__photo--porch { left: 2.3%; top: -10px; }
.planning-stories .planning-stories__photo--porch img { object-position: 35% center; }
.planning-stories .planning-stories__photo--door { left: 33%; top: 16px; }
.planning-stories .planning-stories__photo--door img { object-position: center top; }
.planning-stories .planning-stories__photo--walking { right: 4%; top: -110px; }
.planning-stories .planning-stories__photo--walking img { object-position: center bottom; }
.planning-stories .planning-stories__photo--family { left: 8%; bottom: -90px; }
.planning-stories .planning-stories__photo--family img { object-position: 45% center; }
.planning-stories .planning-stories__photo--children { left: 52%; bottom: -100px; }
.planning-stories .planning-stories__photo--play { right: 3.5%; bottom: 8px; }
.planning-stories .planning-stories__panel { box-sizing: border-box; width: 74%; max-width: 900px; margin: 0 auto; padding: 34px 44px 40px; background: #f6f0e9; box-shadow: 0 3px 7px rgb(0 0 0 / .16); text-align: center; }
.planning-stories .planning-stories__heading { margin: 0; color: inherit; font-size: 36px; line-height: 47px; font-weight: 400; letter-spacing: 0; }
.planning-stories .planning-stories__body { margin: 20px 0 0; font-size: 19px; line-height: 28px; font-weight: 400; }
.planning-stories .planning-stories__buttons { justify-content: center; margin: 48px 0 0; }
.planning-stories .wp-block-button__link { padding: 20px 24px; border: 0; border-radius: 0; background: #aad5af; color: #003d31; font-size: 17px; line-height: 26px; font-weight: 700; letter-spacing: 0; text-transform: capitalize; text-decoration: none; }
.planning-stories .wp-block-button__link:hover { background: #60a7aa; color: #003d31; }
@media (min-width: 1800px) {
  .planning-stories .planning-stories__photo { height: 330px; }
}
@media (max-width: 781px) {
  .planning-stories { padding: 64px 6%; min-height: 0; }
  .planning-stories .planning-stories__panel { width: 100%; padding: 32px 24px; }
  .planning-stories .planning-stories__heading { font-size: 30px; line-height: 40px; }
  .planning-stories .planning-stories__body { font-size: 17px; line-height: 26px; }
  .planning-stories .planning-stories__buttons { margin-top: 28px; }
  .planning-stories .planning-stories__photo { display: none; width: 44%; height: 200px; }
  .planning-stories .planning-stories__photo--porch { display: block; top: -40px; left: -4%; }
  .planning-stories .planning-stories__photo--family { display: block; bottom: -50px; left: auto; right: -4%; }
}