.mission-hero-photo{
  position:relative;
  margin:28px 0 0;
  overflow:hidden;
  min-height:210px;
  border:1px solid rgba(44,68,55,.14);
  border-radius:22px;
  background:#e8e1d5;
  box-shadow:0 18px 42px rgba(40,52,43,.14);
}
.mission-hero-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:210px;
  max-height:245px;
  object-fit:cover;
}
.mission-hero-photo figcaption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(31,37,31,.82);
  color:#fff;
  font-size:.78rem;
  font-weight:750;
  line-height:1.35;
  backdrop-filter:blur(8px);
}
.mission-photo-gallery{
  background:var(--mission-paper);
}
.mission-photo-heading{
  max-width:760px;
  margin-bottom:30px;
}
.mission-photo-heading h2{
  margin:10px 0 12px;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1;
}
.mission-photo-heading p:last-child{
  margin:0;
  color:var(--mission-muted);
  line-height:1.6;
}
.mission-photo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.mission-photo-card{
  overflow:hidden;
  border:1px solid rgba(44,68,55,.14);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(40,52,43,.09);
}
.mission-photo-card img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  background:#e8e1d5;
}
.mission-photo-card div{
  padding:18px 18px 20px;
}
.mission-photo-card span{
  display:block;
  margin-bottom:7px;
  color:var(--mission-rust);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mission-photo-card h3{
  margin:0 0 8px;
  font-size:1.2rem;
  line-height:1.2;
}
.mission-photo-card p{
  margin:0;
  color:var(--mission-muted);
  font-size:.9rem;
  line-height:1.55;
}
.mission-photo-note{
  margin:16px 0 0;
  color:var(--mission-muted);
  font-size:.8rem;
  line-height:1.5;
}
@media(max-width:820px){
  .mission-hero-photo{
    margin-top:24px;
    min-height:230px;
  }
  .mission-hero-photo img{
    min-height:230px;
    max-height:280px;
  }
  .mission-photo-grid{
    grid-template-columns:1fr;
  }
  .mission-photo-card img{
    aspect-ratio:16/10;
  }
}
@media(max-width:520px){
  .mission-hero-photo{
    min-height:210px;
    border-radius:18px;
  }
  .mission-hero-photo img{
    min-height:210px;
    max-height:230px;
  }
  .mission-hero-photo figcaption{
    left:10px;
    right:10px;
    bottom:10px;
  }
}