/* Filaro scene focus - desktop
   FILARO_DESKTOP_IMAGES 10/Aug/26 (Paul paste) - base only; phone @767 block below freezes.
   Fit: cover - shape: viewport */

/* ----- Story ----- */
#s01-story .hero__media img,
#s01-story .hero__media video,
#s01-story .book1-poster {
  object-fit: cover;
  object-position: 51% 0%;
  transform: scaleX(-1) scale(1.1);
  transform-origin: 51% 0%;
}
#s01-story .hero__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.621) 0%, rgba(20, 20, 18, 0.469) 26%, rgba(20, 20, 18, 0.193) 48%, rgba(20, 20, 18, 0.041) 68%, transparent 82%);
}
#s02 .story__media img {
  object-fit: cover;
  object-position: 27% 46%;
  transform: none;
  transform-origin: 27% 46%;
}
#s02 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.702) 0%, rgba(20, 20, 18, 0.530) 26%, rgba(20, 20, 18, 0.218) 48%, rgba(20, 20, 18, 0.047) 68%, transparent 82%);
}
#s04 .story__media img {
  object-fit: cover;
  object-position: 31% 70%;
  transform: scale(1.2);
  transform-origin: 31% 70%;
}
#s04 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.702) 0%, rgba(20, 20, 18, 0.530) 26%, rgba(20, 20, 18, 0.218) 48%, rgba(20, 20, 18, 0.047) 68%, transparent 82%);
}
#s05 .story__media img {
  object-fit: cover;
  object-position: 52% 45%;
  transform: scaleX(-1) scale(1.1);
  transform-origin: 52% 45%;
}
#s05 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.810) 0%, rgba(20, 20, 18, 0.612) 26%, rgba(20, 20, 18, 0.252) 48%, rgba(20, 20, 18, 0.054) 68%, transparent 82%);
}
#s05b .scene__bg img,
#s05b .scene__bg-img--desk {
  object-fit: cover;
  object-position: 53% 23%;
  transform: scaleX(-1) scale(1.15);
  transform-origin: 53% 23%;
}
#s05b .scene__bg::after {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(20, 20, 18, 0.810) 0%, rgba(20, 20, 18, 0.612) 26%, rgba(20, 20, 18, 0.252) 48%, rgba(20, 20, 18, 0.054) 68%, transparent 82%);
}
#s06b .scene__bg img {
  object-fit: cover;
  object-position: 22% 48%;
  transform: none;
  transform-origin: 22% 48%;
}
#s06b .scene__bg::after {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.837) 0%, rgba(20, 20, 18, 0.632) 26%, rgba(20, 20, 18, 0.260) 48%, rgba(20, 20, 18, 0.056) 68%, transparent 82%);
}
#s07 .story__media video,
#s07 .story__media video.story__media-video--desk {
  object-fit: cover;
  object-position: 29% 50%;
  transform: none;
  transform-origin: 29% 50%;
}
#s07 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.792) 0%, rgba(20, 20, 18, 0.598) 26%, rgba(20, 20, 18, 0.246) 48%, rgba(20, 20, 18, 0.053) 68%, transparent 82%);
}
#s08 .story__media img {
  object-fit: cover;
  object-position: 52% 62%;
  transform: scale(1.1);
  transform-origin: 52% 62%;
}
#s08 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.702) 0%, rgba(20, 20, 18, 0.530) 26%, rgba(20, 20, 18, 0.218) 48%, rgba(20, 20, 18, 0.047) 68%, transparent 82%);
}
#s09 .story__media img {
  object-fit: cover;
  object-position: 51% 33%;
  transform: none;
  transform-origin: 51% 33%;
}
#s09 .story__media::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.792) 0%, rgba(20, 20, 18, 0.598) 26%, rgba(20, 20, 18, 0.246) 48%, rgba(20, 20, 18, 0.053) 68%, transparent 82%);
}

/* ----- Residences ----- */
#s12 .hero__media img {
  object-fit: cover;
  object-position: 32% 73%;
  transform: none;
  transform-origin: 32% 73%;
}
#s12 .hero__scrim {
  display: block;
  background: linear-gradient(135deg, rgba(20, 20, 18, 0.531) 0%, rgba(20, 20, 18, 0.401) 26%, rgba(20, 20, 18, 0.165) 48%, rgba(20, 20, 18, 0.035) 68%, transparent 82%);
}
#s12-place .story__media img {
  object-fit: cover;
  object-position: 27% 26%;
  transform: none;
  transform-origin: 27% 26%;
}
#s12-place .story__media .story__scrim {
  display: block;
  background: linear-gradient(135deg, rgba(20, 20, 18, 0.900) 0%, rgba(20, 20, 18, 0.680) 26%, rgba(20, 20, 18, 0.280) 48%, rgba(20, 20, 18, 0.060) 68%, transparent 82%);
}
#s12-aerial video, #s12-aerial img {
  object-fit: cover;
  object-position: 91% 51%;
  transform: none;
  transform-origin: 91% 51%;
}
#s12-aerial .story__media .story__scrim, #s12-aerial .hero__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.261) 0%, rgba(20, 20, 18, 0.197) 26%, rgba(20, 20, 18, 0.081) 48%, rgba(20, 20, 18, 0.017) 68%, transparent 82%);
}
#s12-light > img, #s12-light img {
  object-fit: cover;
  object-position: 41% 35%;
  transform: none;
  transform-origin: 41% 35%;
}
#s12-light .story__scrim, #s12-light .hero__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.549) 0%, rgba(20, 20, 18, 0.415) 26%, rgba(20, 20, 18, 0.171) 48%, rgba(20, 20, 18, 0.037) 68%, transparent 82%);
}
#s12-light-still > img, #s12-light-still img,
#s12-light-still.key-still--benefits .key-still__pin img {
  object-fit: cover;
  object-position: 49% 37%;
  transform: scaleX(-1) scale(1.1);
  transform-origin: 49% 37%;
}
#s12-light-still .story__scrim,
#s12-light-still .hero__scrim,
#s12-light-still.key-still--benefits .hero__scrim {
  display: block;
  background: linear-gradient(135deg, rgba(20, 20, 18, 0.540) 0%, rgba(20, 20, 18, 0.408) 26%, rgba(20, 20, 18, 0.168) 48%, rgba(20, 20, 18, 0.036) 68%, transparent 82%);
}
#s12-layout .story__media img {
  object-fit: cover;
  object-position: 0% 30%;
  transform: none;
  transform-origin: 0% 30%;
}
#s12-layout .story__media .story__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.819) 0%, rgba(20, 20, 18, 0.619) 26%, rgba(20, 20, 18, 0.255) 48%, rgba(20, 20, 18, 0.055) 68%, transparent 82%);
}
#s12-layout-living .kitchen-block__media > img {
  object-fit: cover;
  object-position: 75% 38%;
  transform: none;
  transform-origin: 75% 38%;
}
#s12-layout-living .kitchen-block__media > .kitchen-block__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.639) 0%, rgba(20, 20, 18, 0.483) 26%, rgba(20, 20, 18, 0.199) 48%, rgba(20, 20, 18, 0.043) 68%, transparent 82%);
}
#s12-layout-lkd .story__media img, #s12-layout-lkd .kitchen-block__media > img {
  object-fit: cover;
  object-position: 82% 59%;
  transform: none;
  transform-origin: 82% 59%;
}
#s12-layout-lkd .kitchen-block__media > .kitchen-block__scrim {
  display: none;
  background: none;
}
#s12-layout-retreat .kitchen-block__media > img {
  object-fit: cover;
  object-position: 48% 0%;
  transform: scaleX(-1) scale(1.1);
  transform-origin: 48% 0%;
}
#s12-layout-retreat .kitchen-block__media > .kitchen-block__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.693) 0%, rgba(20, 20, 18, 0.524) 26%, rgba(20, 20, 18, 0.216) 48%, rgba(20, 20, 18, 0.046) 68%, transparent 82%);
}
#s12-finishes .story__media img {
  object-fit: cover;
  object-position: 11% 49%;
  transform: none;
  transform-origin: 11% 49%;
}
#s12-finishes .story__media .story__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.072) 0%, rgba(20, 20, 18, 0.054) 26%, rgba(20, 20, 18, 0.022) 48%, rgba(20, 20, 18, 0.005) 68%, transparent 82%);
}
#s12-finishes-kitchen .kitchen-block__media > img {
  object-fit: cover;
  object-position: 50% 50%;
  transform: none;
  transform-origin: 50% 50%;
}
#s12-finishes-kitchen .kitchen-block__media > .kitchen-block__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.513) 0%, rgba(20, 20, 18, 0.388) 26%, rgba(20, 20, 18, 0.160) 48%, rgba(20, 20, 18, 0.034) 68%, transparent 82%);
}
#s12-finishes-key-after-kitchen .story__media img {
  object-fit: cover;
  object-position: 23% 50%;
  transform: none;
  transform-origin: 23% 50%;
}
#s12-finishes-key-after-kitchen .story__media .story__scrim {
  display: block;
  background: linear-gradient(135deg, rgba(20, 20, 18, 0.594) 0%, rgba(20, 20, 18, 0.449) 26%, rgba(20, 20, 18, 0.185) 48%, rgba(20, 20, 18, 0.040) 68%, transparent 82%);
}
#s12-finishes-throughout-ensuite .kitchen-block__media > img {
  object-fit: cover;
  object-position: 66% 46%;
  transform: none;
  transform-origin: 66% 46%;
}
#s12-finishes-throughout-ensuite .kitchen-block__media > .kitchen-block__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.666) 0%, rgba(20, 20, 18, 0.503) 26%, rgba(20, 20, 18, 0.207) 48%, rgba(20, 20, 18, 0.044) 68%, transparent 82%);
}
#s12-finishes-bathroom .kitchen-block__media > img {
  object-fit: cover;
  object-position: 29% 50%;
  transform: none;
  transform-origin: 29% 50%;
}
#s12-finishes-bathroom .kitchen-block__media > .kitchen-block__scrim {
  display: block;
  background: linear-gradient(90deg, rgba(20, 20, 18, 0.468) 0%, rgba(20, 20, 18, 0.354) 26%, rgba(20, 20, 18, 0.146) 48%, rgba(20, 20, 18, 0.031) 68%, transparent 82%);
}
#s12-programme > img, #s12-programme img {
  object-fit: cover;
  object-position: 68% 24%;
  transform: none;
  transform-origin: 68% 24%;
}
#s12-programme .hero__scrim, #s12-programme::before {
  display: none;
  background: none;
}

/* ----- A Note (unchanged this paste) ----- */
#note-title .filaro-frame__img, .note-title__media .filaro-frame__img {
  object-fit: cover;
  object-position: 53% 47%;
}

/* Design + Construction Progress galleries: original aspect, max caps (not cover) */
.design-view__img,
.progress-view .design-view__img,
#design-main,
#design-main-b,
#progress-main,
#progress-main-b {
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 52rem) !important;
  max-height: min(100%, 58vh) !important;
  object-fit: contain !important;
}


/* Phone pass (06/Aug/26 Paul paste): full-bleed crops. Desktop rows above freeze. */
@media (max-width: 767px) {
  #s01 .hero__media img, #s01 .hero__media video {
    object-position: 50% 50%;
  }
  #s01-story .hero__media img,
  #s01-story .hero__media video,
  #s01-story .book1-poster {
    object-position: 20% 16%;
  }
  #s02 .story__media img {
    object-position: 0% 52%;
  }
  #s04 .story__media img {
    object-position: 53% 54%;
  }
  #s05 .story__media img {
    object-position: 58% 53%;
  }
  #s05b .scene__bg img {
    object-position: 52% 37%;
  }
  #s06 .story__media img {
    object-position: 13% 47%;
  }
  #s06b .scene__bg img {
    object-position: 3% 47%;
  }
  #s08 .story__media img {
    object-position: 6% 63%;
  }
  #s09 .story__media img {
    object-position: 46% 53%;
  }
  #s12 .hero__media img {
    object-position: 41% 55%;
  }
  #s12-place .story__media img {
    object-position: 13% 39%;
  }
  #s12-aerial video, #s12-aerial img {
    object-position: 91% 45%;
  }
  #s12-light > img, #s12-light img {
    object-position: 5% 39%;
  }
  #s12-light-still > img, #s12-light-still img {
    object-position: 5% 51%;
  }
  #s12-layout .story__media img {
    object-position: 55% 28%;
  }
  #s12-layout-living .kitchen-block__media > img {
    object-position: 77% 53%;
  }
  #s12-layout-lkd .story__media img {
    object-position: 70% 69%;
  }
  #s12-layout-retreat .kitchen-block__media > img {
    object-position: 38% 38%;
  }
  #s12-finishes .story__media img {
    object-position: 3% 46%;
  }
  #s12-finishes-kitchen .kitchen-block__media > img {
    object-position: 50% 50%;
  }
  #s12-finishes-key-after-kitchen .story__media img {
    object-position: 36% 49%;
  }
  #s12-finishes-throughout-ensuite .kitchen-block__media > img {
    object-position: 65% 48%;
  }
  #s12-finishes-bathroom .kitchen-block__media > img {
    object-position: 38% 58%;
  }
  #s12-programme > img, #s12-programme img {
    object-position: 53% 47%;
  }
  #note-title .filaro-frame__img, .note-title__media .filaro-frame__img {
    object-position: 50% 45%;
  }
}