.faq-page-hero{
  position:relative;
  min-height:clamp(250px,29vw,360px);
  margin:0 0 24px;
  overflow:hidden;
  border:1px solid #c9ddc8;
  border-radius:16px;
  background:#f5f2ec;
  box-shadow:0 8px 22px #075f2b12;
}
.faq-page-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.faq-page-hero:after{
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,.24) 60%,rgba(255,255,255,0) 78%);
}
.faq-page-hero-copy{
  position:relative;
  z-index:1;
  width:min(52%,540px);
  padding:clamp(32px,5vw,64px) clamp(26px,5vw,58px);
}
.faq-page-hero-copy small{
  display:inline-block;
  margin-bottom:10px;
  padding:5px 12px;
  border-radius:999px;
  background:#e5f3e4;
  color:#08622a;
  font-weight:800;
}
.faq-page-hero-copy h1{
  margin:0 0 12px;
  color:#075f2b;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.25;
}
.faq-page-hero-copy p{
  margin:0;
  color:#34443a;
  font-weight:700;
  line-height:1.8;
}
.faq-page-content>h1:first-child{display:none}
.faq-page-content{border-top-color:#168a39}
@media(max-width:720px){
  .faq-page-hero{min-height:420px;border-radius:12px}
  .faq-page-hero>img{object-position:66% center}
  .faq-page-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.08) 72%)}
  .faq-page-hero-copy{width:100%;padding:24px 22px}
  .faq-page-hero-copy p{max-width:31em;font-size:.95rem}
}