/* Approved static homepage hero. Typography and section spacing stay in reference.css. */
.home-v1-hero-panel > img { pointer-events: none; }
.home-v1-hero-panel::after { content: ""; position: absolute; inset: 0; z-index: 0; background: rgb(0 0 0 / 30%); pointer-events: none; transition: background-color 450ms ease; }
@media (hover: hover) and (pointer: fine) {
  .home-v1-hero-panel:hover::after { background-color: rgb(0 0 0 / 14%); }
}
.home-v1-hero-panel:focus-visible::after { background-color: rgb(0 0 0 / 14%); }
.home-v1-title p { color: rgb(255 255 255 / 92%); text-shadow: 0 1px 10px rgb(0 0 0 / 65%) !important; }
.home-v1-moment-photo { width: 32px; height: 32px; object-fit: cover; }
@media (max-width: 767px) {
  .home-v1-title { display: none; }
}
@media (min-width: 1024px) {
  .home-v1-divider { width: 48px; background: transparent; box-shadow: none; z-index: 15; }
  .home-v1-wave { display: block; width: 100%; height: 100%; overflow: visible; }
  .home-v1-wave-depth { stroke: rgb(19 29 28 / 24%); stroke-width: 9; filter: blur(2.5px); }
  .home-v1-wave-edge { stroke: rgb(203 189 157 / 46%); stroke-width: 3; }
  [data-home-side="left"] { width: calc(100% + 18px); z-index: 2; }
  [data-home-side="right"] { width: calc(100% + 18px); margin-left: -18px; z-index: 1; }
}

/* Keep the pool in the centre of its portrait card. */
.home-v1-pool-photo { height: 135% !important; top: auto !important; object-position: 43% 100%; transform-origin: 43% 100%; }

/* Wider framing reveals more of the house and pool in the left slideshow. */
.home-v1-experience-wide { aspect-ratio: 4 / 3; }
.home-v1-wide-photo { animation: none; transform: none; object-position: 50% 50%; }

.home-v1-terrace-photo { object-position: 43% 50%; transform-origin: 43% 50%; }

/* Attributed guest summaries retain the reference typography and grid. */
.home-v1-review-source { display: flex; align-items: center; gap: 6px; height: 14px; color: var(--color-coral, #ef5552); font-size: 12px; line-height: 14px; }
.home-v1-review-source a:hover { text-decoration: underline; }
.home-v1-review-source a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.home-v1-review-initials { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--avatar-color, #3cb3e7); color: #fff; font-size: 14px; font-weight: 400; }

.home-v1-review-stars { display: inline-flex; gap: 2px; flex-shrink: 0; }
.home-v1-review-stars svg { width: 14px; height: 14px; }
/* 9.8/10 is 4.9/5; the final star is nearly full. */
.home-v1-review-stars svg:last-child { clip-path: inset(0 10% 0 0); }

.home-v1-property-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }

.home-v1-property-links > a:first-child { background-color: #181818; }
.home-v1-property-links > a:first-child:hover { background-color: #303030; }

/* Small outline icons retain the two property button colours. */
.home-v1-property-links > a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.home-v1-property-icon { display: block; width: 20px; height: 20px; flex: 0 0 20px; }

@media (max-width: 639px) {
  .home-v1-property-links > a { padding-inline: 18px; gap: 8px; }
  .home-v1-property-icon { width: 18px; height: 18px; flex-basis: 18px; }
}
