/* v251 photographic editorial layer — varied imagery, no repeating four-image cycle */
body[data-active] .hero-photo{background-size:cover!important;background-position:center!important;filter:saturate(.96) contrast(1.05)}
body[data-active="solutions"] .hero-photo{background-position:center 48%!important}
body[data-active="policy"] .hero-photo{background-position:center 52%!important}
body[data-active="news"] .hero-photo{background-position:center 48%!important}
body[data-active="resources"] .hero-photo{background-position:center 28%!important}
body[data-active="library"] .hero-photo{background-position:center 32%!important}
body[data-active="events"] .hero-photo{background-position:center 46%!important}
body[data-active="participants"] .hero-photo{background-position:center 55%!important}
body[data-active="discussions"] .hero-photo{background-position:center 45%!important}
body[data-active="coedit"] .hero-photo{background-position:center 50%!important}
body[data-active="people"] .hero-photo{background-position:center 48%!important}

/* Every photographic card gets a different image within a page. */
.layout > section > .panel:nth-child(1) .card:nth-child(1) .card-photo{background-position:center 50%!important}
.layout > section > .panel:nth-child(1) .card:nth-child(2) .card-photo{background-position:center 34%!important}
.layout > section > .panel:nth-child(1) .card:nth-child(3) .card-photo{background-position:center 50%!important}
.layout > section > .panel:nth-child(1) .card:nth-child(4) .card-photo{background-position:center 50%!important}
.layout > section > .panel:nth-child(2) .card:nth-child(1) .card-photo{background-position:center 28%!important}
.layout > section > .panel:nth-child(2) .card:nth-child(2) .card-photo{background-position:center 45%!important}
.layout > section > .panel:nth-child(2) .card:nth-child(3) .card-photo{background-position:center 50%!important}
.layout > section > .panel:nth-child(2) .card:nth-child(4) .card-photo{background-position:center 45%!important}
.layout > section > .panel:nth-child(3) .card:nth-child(1) .card-photo{background-position:center 35%!important}
.layout > section > .panel:nth-child(3) .card:nth-child(2) .card-photo{background-position:center 38%!important}
.layout > section > .panel:nth-child(3) .card:nth-child(3) .card-photo{background-position:center 50%!important}
.layout > section > .panel:nth-child(3) .card:nth-child(4) .card-photo{background-position:center 38%!important}

/* State-position / large media panels get their own image too. */
body[data-active] .media{background-position:center 52%!important;background-size:cover!important}
body[data-active="policy"] .media{}
body[data-active="resources"] .media,body[data-active="library"] .media{}

.hero{min-height:330px}.card-photo{height:168px;position:relative;background-size:cover!important}.grid.four .card-photo{height:145px}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,16,24,.18))}.panel{overflow:hidden}.media{min-height:300px}.photo-credit{font-size:8px;color:#71838d;margin-top:6px}