/* Keep the full pool portrait visible in the shallow desktop slider. */
@media (min-width:800px){
  body[data-page="index"] .hero[data-scene="pool"] .hero__media{background:#153d49}
  body[data-page="index"] .hero[data-scene="pool"] .hero__media:before{content:"";position:absolute;inset:-30px;background:url("assets/mia-pool.jpg") center 28%/cover;filter:blur(30px) brightness(.43) saturate(.8)}
  body[data-page="index"] .hero[data-scene="pool"] .hero__media img{left:auto;width:65%;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 27%,#000 65%)}
}