/* A quiet photographic finish for both THRESHOLD13 placements. */
:root{--gy-house-golden-treatment:saturate(.82) sepia(.10) contrast(.98)}

/* A wide photograph needs the full hero width to preserve the house. */
.hero-photo.hero-photo-golden{inset:0}
.hero-photo-golden picture{display:block;width:100%;height:100%}
.hero-photo.hero-photo-golden img{width:100%;height:100%;object-fit:cover;object-position:54% 46%;filter:var(--gy-house-golden-treatment)}
.hero-photo.hero-photo-golden:after{
  background:
    linear-gradient(90deg,rgba(36,28,18,.98) 0%,rgba(36,28,18,.92) 17%,rgba(36,28,18,.74) 35%,rgba(36,28,18,.38) 54%,rgba(36,28,18,.04) 78%),
    linear-gradient(0deg,#241c12 0%,rgba(36,28,18,.46) 12%,transparent 38%),
    linear-gradient(180deg,rgba(36,28,18,.68),transparent 27%);
}

/* The homepage needs a warmer, softer image beside its Espresso and Gold. */
.format-photo-frame.house-golden-frame .format-photo{filter:saturate(.66) sepia(.30) brightness(.93) contrast(.98);object-position:50% 42%}
.format-photo-frame.house-golden-frame:after{
  background:linear-gradient(135deg,rgba(36,28,18,.14),rgba(76,51,28,.10) 58%,rgba(214,177,113,.14));
}

@media(max-width:760px){
  /* The separate portrait photo keeps the entrance and olive tree together. */
  .hero-photo.hero-photo-golden img{object-position:50% 52%}
  .hero-photo.hero-photo-golden:after{
    background:
      linear-gradient(90deg,rgba(36,28,18,.88),rgba(36,28,18,.61) 53%,rgba(36,28,18,.30)),
      linear-gradient(0deg,#241c12 0%,rgba(36,28,18,.20) 24%,transparent 62%),
      linear-gradient(180deg,rgba(36,28,18,.35),transparent 25%);
  }
}