/* Preserve v10 frame geometry and blend photographs into the page itself. */
.case-study-detail-page{
  --photo-sweep-depth:22%;
}
.case-study-detail-page .crawley-case-image img,
.case-study-detail-page .child-case-image img,
.case-study-detail-page .joint-photo-frame img,
.case-study-detail-page .neighbourhood-photo-frame img{
  /* Feather the actual photo silhouette; side anchors remain crisp. */
  filter:url(#photo-haze-both) saturate(.90) brightness(.98);
  border-radius:inherit;
  -webkit-mask-image:none;
  mask-image:none;
}
.case-study-detail-page .crawley-case-image{
  border-radius:var(--photo-sweep-depth) 0 0 var(--photo-sweep-depth) / 50% 0 0 50%;
}
.case-study-detail-page .child-case-image{
  border-radius:0 var(--photo-sweep-depth) var(--photo-sweep-depth) 0 / 0 50% 50% 0;
}
.case-study-detail-page .joint-photo-frame,
.case-study-detail-page .neighbourhood-photo-frame{
  border-radius:0 0 50% 50% / 0 0 var(--photo-sweep-depth) var(--photo-sweep-depth);
}
.case-study-detail-page .crawley-case-image img{
  filter:url(#photo-haze-right) saturate(.90) brightness(.98);
}
.case-study-detail-page .child-case-image img{
  filter:url(#photo-haze-left) saturate(.90) brightness(.98);
}
.case-study-detail-page .crawley-case-image,
.case-study-detail-page .child-case-image,
.case-study-detail-page .joint-photo-frame,
.case-study-detail-page .neighbourhood-photo-frame{
  /* Curved alpha edges reveal the page, including its subtle background shapes. */
  background:transparent;
}
.case-study-detail-page .crawley-case-image::before,
.case-study-detail-page .child-case-image::after,
.case-study-detail-page .joint-photo-frame::after,
.case-study-detail-page .neighbourhood-photo-frame::after{
  display:none;
}
.case-study-detail-page .joint-photo-frame img,
.case-study-detail-page .neighbourhood-photo-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:850px){
  .case-study-detail-page .crawley-case-image,
  .case-study-detail-page .child-case-image{
    border-radius:0 0 50% 50% / 0 0 var(--photo-sweep-depth) var(--photo-sweep-depth);
  }
  /* Stacked portrait photos have four exposed edges on small screens. */
  .case-study-detail-page .crawley-case-image img,
  .case-study-detail-page .child-case-image img{
    filter:url(#photo-haze-all) saturate(.90) brightness(.98);
  }
}
@media(min-width:1601px){
  /* Centred banners stop touching the page sides on very wide screens. */
  .case-study-detail-page .joint-photo-frame img,
  .case-study-detail-page .neighbourhood-photo-frame img{
    filter:url(#photo-haze-all) saturate(.90) brightness(.98);
  }
}