/* REASONS SECTION - deep green statement band, sticky intro + numbered list (no icon cards) */
.why{background:var(--forest);color:rgba(255,255,255,.74);overflow:hidden;isolation:isolate}
.why::before{content:"";position:absolute;z-index:-1;top:-240px;left:-200px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(185,208,108,.12),transparent 65%)}
.why__leaf{position:absolute;z-index:-1;right:-110px;bottom:-90px;width:380px;color:#fff;opacity:.06}
.why__leaf svg{width:100%;height:auto;aspect-ratio:120/220;stroke-width:1.2}
.why__grid {
    display: grid;
    gap: clamp(30px,30px,30px);
    align-items: start;
}
.why h2{color:#fff}
.why h2 em,.why .eyebrow{color:var(--lime)}
.why__intro > p{margin-top:24px;font-size:1.05rem;color:rgba(255,255,255,.74)}
.why__photo{position:relative;max-width:620px;margin-top:38px;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 120px;overflow:hidden;aspect-ratio:4/3}
.why__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.why__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,43,29,.35),rgba(15,43,29,0) 50%)}

.why__list {
    border-bottom: 1px solid rgba(255,255,255,.14);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.why__list li {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 10px;
    padding: 30px 0;
    border-top: 1px solid rgba(255,255,255,.14);
}
.why__list li > span{font:500 1.5rem/1 var(--font-head);color:transparent;-webkit-text-stroke:1px var(--lime)}
.why__list h3{color:#fff;font-size:clamp(1.1rem,1.5vw,1.3rem);transition:color .5s ease}
.why__list p{max-width:480px;margin-top:8px;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.66);transition:color .5s ease}
.why__list li:hover h3{color:var(--lime)}
.why__list li:hover p{color:rgba(255,255,255,.85)}

@media only screen and (max-width:991px){
  .why__grid{grid-template-columns:1fr}
  .why__photo{max-width:520px}
  .why__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width:767px){
  .why__list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width:575px){
  .why__list li{grid-template-columns:44px 1fr;padding:22px 0}
  .why__list li > span{font-size:1.25rem}
  .why__photo{border-radius:var(--r-md) var(--r-md) var(--r-md) 80px}
  .why__leaf{width:240px;right:-50px}
}