/* 关于同德会 + 精神理念 图片精修 */

body[data-page="about.html"] .photo-banner,
body[data-page="action.html"] .photo-banner{
  aspect-ratio:16 / 7 !important;
  min-height:0 !important;
}
body[data-page="about.html"] .photo-banner img{object-position:center 42% !important;}

body[data-page="about.html"] .story-photo-grid{
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  grid-auto-rows:250px !important;
  gap:20px !important;
}
body[data-page="about.html"] .story-photo-grid figure{
  min-height:0 !important;
  aspect-ratio:auto !important;
}
body[data-page="about.html"] .story-photo-grid figure.big{grid-row:span 2 !important;}
body[data-page="about.html"] .story-photo-grid figure.big img{object-position:center 42% !important;}
body[data-page="about.html"] .story-photo-grid figure:nth-child(2) img{object-position:center 40% !important;}
body[data-page="about.html"] .story-photo-grid figure:nth-child(3) img{object-position:center 34% !important;}

body[data-page="spirit.html"] .values-photo-grid{
  display:grid !important;
  grid-template-columns:.92fr 1.04fr 1.04fr !important;
  grid-auto-rows:250px !important;
  gap:20px !important;
}
body[data-page="spirit.html"] .values-photo-grid figure{
  min-height:0 !important;
  aspect-ratio:auto !important;
}
body[data-page="spirit.html"] .values-photo-grid figure.tall{grid-row:span 2 !important;}
body[data-page="spirit.html"] .values-photo-grid figure.tall img{object-position:center 42% !important;}
body[data-page="spirit.html"] .values-photo-grid figure:nth-child(2) img{object-position:center 48% !important;}
body[data-page="spirit.html"] .values-photo-grid figure:nth-child(3) img{object-position:center 38% !important;}

@media (max-width:1040px){
  body[data-page="about.html"] .story-photo-grid,
  body[data-page="spirit.html"] .values-photo-grid{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
  }
  body[data-page="about.html"] .story-photo-grid figure,
  body[data-page="about.html"] .story-photo-grid figure.big,
  body[data-page="spirit.html"] .values-photo-grid figure,
  body[data-page="spirit.html"] .values-photo-grid figure.tall{
    grid-row:auto !important;
    aspect-ratio:16 / 10 !important;
  }
}
@media (max-width:760px){
  body[data-page="about.html"] .photo-banner,
  body[data-page="about.html"] .story-photo-grid figure,
  body[data-page="spirit.html"] .values-photo-grid figure{
    aspect-ratio:4 / 3 !important;
  }
}