/* Keep the panoramic opening complete; copy has its own space below the image. */
body.site-composition.projects-two-column main>.page-hero.facade-panorama-hero{
  display:block;
  min-height:0;
  height:auto;
  max-height:none;
  padding-block-start:var(--masthead-clearance);
  background:var(--ink);
}
body.site-composition.projects-two-column main>.page-hero.facade-panorama-hero>img:not(.ip-photo-mark){
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:2038 / 530;
  object-fit:contain;
  object-position:center;
  filter:none;
  transform:none;
}
body.site-composition.projects-two-column main>.page-hero.facade-panorama-hero>.page-hero-copy{
  padding-block-start:clamp(2rem,3vw,3rem);
}

/* Full façade composition, shared by the OASI case study and façade gallery. */
body.site-composition main .facade-project{
  margin:0;
  min-width:0;
}
body.site-composition main .archive-set>.facade-project{
  margin-block:1rem var(--space-group);
}
body.site-composition main .facade-project .gallery-item{
  display:block;
  width:100%;
  margin:0;
  aspect-ratio:2038 / 530;
  background:transparent;
}
body.site-composition main .facade-project .gallery-item img:not(.ip-photo-mark){
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2038 / 530;
  object-fit:contain;
  filter:none;
}
body.site-composition main .facade-project .gallery-item:hover img:not(.ip-photo-mark){
  transform:none;
}
body.site-composition main .facade-project .gallery-item:focus-visible{
  outline:2px solid var(--bronze);
  outline-offset:4px;
}
body.site-composition main .facade-project-label{
  margin-block-start:.85rem;
  color:var(--copy-color);
  font-size:.8rem;
  line-height:1.5;
}
body.site-composition main .facade-project-caption{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem var(--space-columns);
  padding-block:1.5rem;
}
body.site-composition main .facade-project-caption .eyebrow{
  grid-column:1 / -1;
  margin:0;
}
body.site-composition main .facade-project-caption .eyebrow a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.2em;
}
body.site-composition main .facade-project-caption h4{
  margin:0;
  font-family:var(--serif);
  font-size:var(--type-series);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.035em;
}
body.site-composition main .facade-project-caption>p:last-child{
  max-width:42rem;
  margin:0;
  color:var(--copy-color);
  font-size:1.0625rem;
  line-height:1.65;
}
@media(max-width:767px){
  body.site-composition main .facade-project-caption{
    grid-template-columns:minmax(0,1fr);
    padding-block:1.25rem;
  }
}

/* Keep the white plaster facade at its native 3:2 image proportions. */
body.site-composition main .facade-project--white .gallery-item,
body.site-composition main .facade-project--white .gallery-item img:not(.ip-photo-mark){
  aspect-ratio:3 / 2;
}