/* Approved cosy-home backdrop; FAQ wording and native disclosures stay live. */
.sanctuary-home .faq {
  position: relative;
  isolation: isolate;
  background: #f8f1e8;
  min-height: 640px;
}
.sanctuary-home .faq::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("/assets/faq-cosy-home-v1.png") center bottom / cover no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
}
.sanctuary-home .faq > div {
  min-width: 0;
}
.sanctuary-home .faq details {
  background: rgba(255, 250, 243, .96);
}
@media (max-width: 700px) {
  .sanctuary-home .faq {
    min-height: 0;
    row-gap: 26px;
  }
  .sanctuary-home .faq > div:first-child {
    min-height: 510px;
  }
  .sanctuary-home .faq::before {
    inset: 0 0 auto;
    height: 610px;
    background-image: linear-gradient(to bottom, #f8f1e8, #f8f1e8e6 40%, #f8f1e800 60%), url("/assets/faq-cosy-home-v1.png");
    background-size: 100% 100%, auto 610px;
    background-position: center, left bottom;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
  }
}
