/* A few purposeful photographs give long operational pages a quieter rhythm. */
body.sp-site .page-family .sector-context-media{
  width:var(--acx-page,min(1180px,calc(100% - 40px)));
  max-width:1180px;
  margin:var(--site-section-gap,80px) auto 0;
  padding:0;
  background:transparent;
  border:0;
}
body.sp-site .page-family .sector-context-media>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2.1 / 1;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
  filter:none;
}
body.sp-site .page-family .sector-context-media>figcaption{
  max-width:32ch;
  margin:24px 0 0;
  padding:0;
  color:#282828;
  font-size:clamp(22px,2.5vw,32px);
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.025em;
  text-wrap:balance;
  background:transparent;
}
/* Reading photographs use natural colour; dark shading is reserved for text over heroes. */
body.sp-site .page-family .article-feature-media>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
  filter:none;
}
body.sp-site .page-family .article-feature-media>figcaption>p{
  max-width:58ch;
  margin:0;
  color:#626262;
  font-size:14px;
  line-height:1.7;
}
body.sp-site .page-family .page-hero-metricon .page-hero-media img{
  object-position:center;
}
@media(max-width:760px){
  body.sp-site .page-family .sector-context-media{
    margin-top:var(--site-section-gap,56px);
  }
  body.sp-site .page-family .sector-context-media>img{
    aspect-ratio:4 / 3;
  }
  body.sp-site .page-family .sector-context-media>figcaption{
    margin-top:20px;
    font-size:22px;
  }
  body.sp-site .page-family .article-feature-media>img{
    aspect-ratio:4 / 3;
  }
}