/* STORY SECTION (About page) - tall rounded photo with a quote card, long-form copy, "what we look after" list */
.story{overflow:hidden}
.story__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,7vw,110px)}

.story__media{position:relative;max-width:520px;padding-bottom:72px}
.story__photo{aspect-ratio:4/5;border-radius:var(--r-xl) var(--r-xl) var(--r-xl) 170px;overflow:hidden;box-shadow:var(--shadow-m)}
.story__photo img{width:100%;height:100%;object-fit:cover;object-position:26% 50%}
.story__quote{position:absolute;right:-34px;bottom:0;width:min(82%,350px);padding:26px 28px 24px;border-radius:var(--r-md);background:var(--forest);color:#fff;box-shadow:var(--shadow-m)}
.story__quote p{font:500 1.28rem/1.32 var(--font-head);letter-spacing:-.01em}
.story__quote footer{margin-top:14px;font-size:13px;font-weight:600;color:var(--lime)}

.story__copy h2{max-width:560px}
.story__copy > p{margin-top:16px;color:var(--muted)}
.story__copy > h2 + p{margin-top:26px;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.7;color:var(--ink)}
.story__list{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:30px;padding:26px 0;border-block:1px solid var(--line)}
.story__list li{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--forest)}
.story__list svg{flex:0 0 auto;width:28px;height:28px;padding:7px;border-radius:50%;background:var(--lime);color:var(--forest)}
.story__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:32px}

@media only screen and (max-width:991px){
  .story__grid{grid-template-columns:1fr;gap:56px}
  .story__media{margin:0 auto;width:100%}
}
@media only screen and (max-width:575px){
  .story__media{padding-bottom:60px}
  .story__quote{right:0;padding:20px 22px}
  .story__quote p{font-size:1.1rem}
  .story__photo{border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 110px}
  .story__list{grid-template-columns:1fr}
  .story__actions .btn{width:100%}
}