/* Three-image stepped row used only by the homepage about section. */
.about-layout{gap:52px;grid-template-columns:minmax(0,1fr) 470px}
.about-gallery-five{align-items:flex-end;display:grid;gap:10px;grid-template-columns:130px 170px 130px;height:300px;justify-content:center;padding-bottom:30px;width:470px}
.about-gallery-five .about-shot{border:0;border-radius:8px;box-shadow:0 10px 24px rgba(25,59,49,.12);height:auto;inset:auto;margin:0;position:relative;transform:none;width:100%;z-index:1}
.about-gallery-five .about-shot img{display:block;height:100%;object-fit:cover;width:100%}
.about-gallery-five .about-shot-road,.about-gallery-five .about-shot-garden{height:190px}
.about-gallery-five .about-shot-main{height:240px;inset:auto;transform:none;width:170px;z-index:2}
.about-shot-road img{object-position:center 36%}
.about-gallery-five .about-shot-main img{object-position:center 34%}
.about-shot-garden img{object-position:center 50%}
.about-gallery-five .about-caption{bottom:0}

@media(max-width:900px){
  .about-layout{gap:40px;grid-template-columns:minmax(0,1fr) 350px}
  .about-gallery-five{gap:8px;grid-template-columns:96px 126px 96px;height:250px;width:350px}
  .about-gallery-five .about-shot-road,.about-gallery-five .about-shot-garden{height:150px}
  .about-gallery-five .about-shot-main{height:198px;width:126px}
}

@media(max-width:760px){
  .about-layout{gap:30px;grid-template-columns:1fr}
  .about-gallery-five{gap:8px;grid-template-columns:96px 126px 96px;height:250px;margin:0 auto;max-width:100%;padding-bottom:28px;width:350px}
  .about-gallery-five .about-shot{border-width:0}
  .about-gallery-five .about-shot-road,.about-gallery-five .about-shot-garden{height:150px}
  .about-gallery-five .about-shot-main{height:198px;width:126px}
}

@media(max-width:380px){
  .about-gallery-five{gap:7px;grid-template-columns:91px 121px 91px;height:236px;width:331px}
  .about-gallery-five .about-shot-road,.about-gallery-five .about-shot-garden{height:140px}
  .about-gallery-five .about-shot-main{height:185px;width:121px}
}