/* Final layout and framing: preserve the subject instead of forcing tall crops. */
html[data-study="1"] .masthead{top:0}
html[data-study="1"] .hero{height:100svh}
.portfolio-card:nth-child(2n){padding-top:0}
.portfolio-grid{align-items:start}
.portfolio-image{aspect-ratio:16/10}
.project-hero{padding-inline:var(--pad);max-width:1680px;margin-inline:auto}
.project-hero>img{height:auto;max-height:none;object-fit:contain}
.project-hero figcaption.wrap{padding-inline:0}
.photo .zoom-link,.photo.wide .zoom-link{aspect-ratio:auto}
.photo img{height:auto;object-fit:contain}
.approach-photo{min-height:0;align-self:center;aspect-ratio:3/2}
.approach-photo img{height:auto;object-fit:contain}
.about-photo{aspect-ratio:3/2}
.services-opening img{aspect-ratio:3/2;height:auto}
.service-photo{aspect-ratio:16/10}
.process-landscape{max-width:1680px;padding-inline:var(--pad);margin-inline:auto}
.process-landscape img{height:auto;object-fit:contain}
.process-landscape figcaption.wrap{padding-inline:0}
.about-home img{height:auto;object-fit:contain}
.enquiry-photo img,.not-found-photo img{height:auto;object-fit:contain}
[data-photo="ohaupo-dining"]{object-position:45% 60%}
[data-photo="reid-exterior"]{object-position:50% 42%}
[data-photo="estuary-exterior"]{object-position:53% 48%}
[data-photo="surfers-living"]{object-position:58% 50%}
@media(max-width:760px){
  html[data-study="1"] .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;background:var(--ink)}
  html[data-study="1"] .hero-photo{position:relative;inset:auto;aspect-ratio:16/10;margin-top:90px}
  html[data-study="1"] .hero-photo img{object-fit:cover;object-position:50% 48%}
  html[data-study="1"] .hero:after{display:none}
  html[data-study="1"] .hero-copy{padding-top:35px;padding-bottom:45px}
  .project-hero>img,.process-landscape img,.about-home img{height:auto}
  .not-found-photo img{height:auto}
}