/* Commissioned imagegen artwork: one garden, from afternoon to blue hour. */
.hero-bough { position: absolute; z-index: 4; top: -80px; right: -125px; width: min(55vw,850px); pointer-events: none; transform-origin: 100% 0; transform: translate3d(calc(var(--petal-x,0px) * .15),calc(var(--petal-y,0px) * .52),0) rotate(-8deg); filter: drop-shadow(0 15px 16px #714b5012); }
.hero-bough img { display: block; width: 100%; }

.services-section { background: linear-gradient(180deg,var(--paper) 0%,#eaf0ee 220px); padding-top: 120px; }
.services-section::before { top: 59%; opacity: .65; }
.garden-scene { position: relative; isolation: isolate; width: 100%; height: clamp(560px,50vw,900px); margin: 35px 0 20px; }
.garden-distance { position: absolute; inset: 0; overflow: hidden; transform: translate3d(0,var(--photo-far-y,0px),0); mask-image: linear-gradient(180deg,transparent,#000 14%,#000 74%,transparent); }
.garden-distance::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#eef2ea 0%,#eef2eae6 26%,#eef2ea9e 45%,#eef2ea00 66%),linear-gradient(180deg,#eef2ea 0%,#eef2ea8f 18%,#eef2ea00 40%); }
.garden-distance > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; transform: translate3d(0,calc(var(--photo-pan,0px) * .4),0) scale(1.05); }
.garden-foreground { position: absolute; z-index: 2; width: min(39vw,600px); left: clamp(16px,2vw,56px); bottom: 48px; pointer-events: none; transform: translate3d(0,calc(var(--photo-near-y,0px) * .3),0); }
.garden-foreground img { display: block; width: 100%; }
.garden-scene figcaption { position: absolute; z-index: 3; right: 75px; bottom: 36px; text-align: right; transform: translate3d(0,calc(var(--photo-mid-y,0px) * .4),0); }
.garden-scene figcaption > span { display: block; color: #7b8377; font: 8px/1.8 ui-monospace,monospace; letter-spacing: .13em; }
.garden-scene figcaption > strong { display: block; color: #617261; font: italic 30px/1.4 Georgia,serif; font-weight: 400; letter-spacing: -.035em; }
.garden-legend { display: flex; align-items: center; justify-content: center; gap: 26px; margin: 3px auto 40px; color: #728171; font-size: 10px; }
.garden-legend i { display: block; height: 1px; width: 50px; background: #c4cec0; }
.garden-legend b { font: italic 12px Georgia,serif; font-weight: 400; margin-right: 7px; color: #b4868c; }
.service-map { margin-top: 0; }
.theme-landscape { background-image: url('./assets/painted-garden.webp'); background-position: 65% 65%; }
.room-portrait { padding: 0; background: transparent; box-shadow: 0 30px 45px -30px #6a493f4a; border-radius: 48% 48% 3px 3px; overflow: hidden; }
.room-portrait > img { object-position: 47% 50%; }
.room-portrait figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 32px 14px 14px; background: linear-gradient(transparent,#514036a3); color: #fff3df; font-size: 6px; letter-spacing: .1em; }
.theme-preview { box-shadow: 0 22px 40px -26px #47374455; }
.night-postcard { background: #293446; }

@media (max-width:1200px) {
  .garden-scene { height: 560px; }
  .garden-scene figcaption { right: 40px; bottom: 25px; }
}
@media (max-width:999px) {
  .hero-bough { width: 63vw; top: -30px; right: -100px; }
  .garden-scene { margin-top: 20px; height: 500px; }
  .garden-distance > img { object-position: 65% 65%; }
  .garden-scene figcaption > strong { font-size: 24px; }
  .garden-legend { gap: 15px; font-size: 9px; }
  .garden-legend i { width: 30px; }
}
@media (max-width:719px) {
  .hero-bough { top: 52%; right: -72px; width: 76vw; }
  .services-section { padding-top: 90px; }
  .garden-scene { height: 400px; margin: 18px 0 20px; }
  .garden-distance > img { object-position: 64% 60%; }
  .garden-foreground { width: 73vw; left: 12px; }
  .garden-scene figcaption { right: 26px; bottom: 22px; }
  .garden-scene figcaption > span { font-size: 5px; }
  .garden-scene figcaption > strong { font-size: 21px; }
  .garden-legend { gap: 10px; margin: 0 -3px 32px; font-size: 8px; }
  .garden-legend i { width: 13px; }
  .garden-legend b { font-size: 10px; margin-right: 4px; }
  .services-section::before { top: 62%; }
}
@media (max-width:349px) {
  .garden-scene { height: 360px; }
  .garden-legend { gap: 7px; font-size: 7px; }
  .garden-legend i { width: 9px; }
  .garden-scene figcaption > strong { font-size: 18px; }
}
.motion-reduced .hero-bough { transform: rotate(-8deg); }
.motion-reduced .garden-distance, .motion-reduced .garden-distance > img,
.motion-reduced .garden-scene figcaption { transform: none; }
.motion-reduced .garden-foreground { transform: none; }