/* Page photos (Our story, Contact) */
.tcp-page-photo{margin:0;border-radius:24px;overflow:hidden;background:#eef3f7;box-shadow:0 18px 44px rgba(18,50,76,.10)}
.tcp-page-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Our story: under the opening line, in the left column */
.about-page .story-head .tcp-page-photo--story{margin-top:1.75rem;aspect-ratio:4/3}
@media(max-height:899px){.about-page .story-head.tcp-has-photo{position:static}}

/* Contact: a second column beside the heading */
@media(min-width:900px){
  .tcp-contact-intro.tcp-has-photo{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,4.5rem);align-items:center}
  .tcp-contact-intro.tcp-has-photo>*:not(.tcp-page-photo){grid-column:1}
  .tcp-contact-intro.tcp-has-photo>.tcp-page-photo{grid-column:2;grid-row:1/span 6;align-self:center;aspect-ratio:16/11}
}
@media(max-width:899px){
  .tcp-contact-intro .tcp-page-photo--contact{margin-top:1.75rem;aspect-ratio:16/10}
}