/* Only loaded by the company-choice page. Retain its existing photo and content. */
html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero {
  background: #faf9f6;
  isolation: isolate;
}

/* Remove the inherited dark treatment underneath the light reading layer. */
html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero-media::after {
  content: none;
  background: none;
}

html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero-media img {
  filter: saturate(.82) contrast(.96);
  object-position: 66% 52%;
  transform: none;
}

html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero::before {
  background:
    linear-gradient(0deg, rgba(250,249,246,.65), rgba(250,249,246,0) 32%),
    linear-gradient(90deg, rgba(250,249,246,.95) 0%, rgba(250,249,246,.89) 30%, rgba(250,249,246,.83) 66%, rgba(250,249,246,.24) 100%);
}

html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero .button-secondary {
  background: rgba(255,255,255,.84);
}

/* Tablet copy spans most of the image: keep the reading layer light across it. */
@media (min-width: 721px) and (max-width: 1100px) {
  html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero::before {
    background: linear-gradient(180deg, rgba(250,249,246,.83) 0%, rgba(250,249,246,.88) 22%, rgba(250,249,246,.86) 68%, rgba(250,249,246,.60) 100%);
  }
}

@media (max-width: 720px) {
  html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero-media img {
    object-position: 57% 48%;
  }

  html body.taste-site.ui-v4-site.ui-v4-family-answer-detail .hero::before {
    background:
      linear-gradient(90deg, rgba(250,249,246,.32), rgba(250,249,246,0) 80%),
      linear-gradient(180deg, rgba(250,249,246,.77) 0%, rgba(250,249,246,.83) 22%, rgba(250,249,246,.84) 62%, rgba(250,249,246,.65) 100%);
  }
}