/* The Raisina Post | Full-width institutional architectural illustrations.
   Break artwork out of the text column without overflowing the viewport.
   Captions clearly distinguish illustrations from documentary photography. */
.institutional-photo{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:min(1360px, calc(100vw - 48px));
  max-width:none;
  margin:36px 0 60px;
}
.institutional-photo__frame{
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:8px;
  background:#ededed;
  aspect-ratio:2.25 / 1;
}
.institutional-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(100%) contrast(1.06);
  transition:filter .3s ease;
}
.institutional-photo__frame:hover img{
  filter:grayscale(85%) contrast(1.06);
}
/* Secondary editorial illustration with its own vertical rhythm. */
.institutional-photo--detail{
  max-width:none;
  margin-top:48px;
}
.institutional-photo--detail .institutional-photo__frame{
  aspect-ratio:2.25 / 1;
}
.institutional-photo figcaption{
  margin-top:10px;
  color:#777;
  font:400 10px/1.6 Inter,Arial,sans-serif;
  overflow-wrap:anywhere;
}
.institutional-photo figcaption a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(max-width:900px){
  .institutional-photo{margin-top:28px;margin-bottom:48px}
  .institutional-photo__frame,
  .institutional-photo--detail .institutional-photo__frame{aspect-ratio:1.8 / 1}
}
@media(max-width:640px){
  .institutional-photo{
    width:calc(100vw - 28px);
    margin-top:24px;
    margin-bottom:40px;
  }
  .institutional-photo__frame,
  .institutional-photo--detail .institutional-photo__frame{
    aspect-ratio:1.45 / 1;
    border-radius:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .institutional-photo img{transition:none}
}