/* helpers */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap: 50px;align-items: center;}


/* why + photo */
.about-why-4lnj {
  padding: 50px 0 50px
}
.about-why-4lnj .about-photo{border-radius: 0;overflow:hidden;margin:0;}
.about-why-4lnj .about-photo img{display:block;width:100%;height:auto}

/* benefiting banner */
.benefit-4lnj{padding:0}
.benefit-4lnj .benefit-media{position:relative;overflow:hidden}
.benefit-4lnj .benefit-media img{display:block;width:100%;height:420px;object-fit:cover}
.benefit-4lnj .benefit-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65))
}
.benefit-4lnj .benefit-content{
  position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;
  align-items:center;color:#FFFFFF;padding:clamp(20px,3vw,40px)
}
.benefit-title h2{margin:0}
.benefit-copy p{margin:0 0 10px;max-width:600px}
.em-card{
  display:flex;
  justify-content: space-evenly;
  align-items:center;
  gap:50px;
  margin-top:12px;
  padding: 25px;
  border-radius: 15px;
  color: #2D282E;
  background: var(--4-color, #B9DAD6);
}
.em-logo{width: 100%;max-width: 500px;height: auto;}
.em-text {width: 100%}
.em-text a{text-decoration:underline}

/* mission / vision / values */
.mvv-4lnj {
  position: relative;
  padding: 80px 0 50px;
}
.mvv-4lnj:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .02;
  background: url(../img/4lnj/bnn-waves.jpg) lightgray 50% / cover;
}
.mvv-4lnj .mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap: 30px;}

/* responsive */
@media (max-width:980px){
  .em-card{
    flex-direction: column;
    gap: 30px
  }
  .mvv-4lnj .mvv-grid,
  .grid-2{grid-template-columns:1fr}
  .benefit-4lnj .benefit-content{grid-template-columns:1fr;justify-items:start}
  .benefit-4lnj .benefit-media img{height:520px}
}
@media (max-width:560px){
  .benefit-4lnj .benefit-media img{height:560px}
}