/* Move the photographs together; the heading and controls retain their positions. */
.hero .hero__media,
.hero .hero__fallback {
  transform: translate3d(var(--hero-photo-x, 0%), var(--hero-photo-y, 0%), 0) scale(var(--hero-photo-scale, 1));
  transform-origin: 50% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero__media,
  .hero .hero__fallback { transform: none; }
}

/* Keep the complete vegetable-curry bowl in the received portrait photograph. */
.proposal--grid .hero .hero__slide[data-hero-slide="curry-first"] { background: #18231a; }
.proposal--grid .hero .hero__slide[data-hero-slide="curry-first"] img { object-fit: cover; object-position: 100% 50%; transform: none; animation: none; }
@media (min-width: 960px) {
 .proposal--grid .hero .hero__slide[data-hero-slide="curry-first"] img { position: absolute; right: 3.8%; width: 76.2%; height: 100%; object-position: 50% 45%; mask-image: linear-gradient(90deg, transparent, black 14%, black 98%, transparent); }
}

/* The approved interior scene is one full-bleed original photograph. */
.hero-interior-scene { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity 400ms; }
.hero[data-hero-interior-scene="true"] .hero-interior-scene { opacity:1; }
.proposal--grid .hero .hero-interior-scene .hero-interior-scene__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:none; animation:none; }
@media (prefers-reduced-motion:reduce) { .hero-interior-scene { transition:none; } }

@media (max-width:959px) {
 .proposal--grid .hero .hero-interior-scene .hero-interior-scene__photo { object-position:35% 50%; filter:none; }
 .proposal--grid .hero[data-hero-interior-scene="true"]::after { background:linear-gradient(90deg,rgb(12 18 13 / .74),rgb(12 18 13 / .62) 52%,rgb(12 18 13 / .28) 78%,transparent); }
}