/* AYYAD.MOV / V7 - natural image framing, no forced crops. 
   Do not use object-fit:cover in photo displays: compositions are intentional. */
:root{--bg:#10100f}
.hero-photo,.pair-image,.archive-image,.story-photo,.film-hero,.film-pair a,.film-pair figure,.break-photo a{background:#111110}
.hero-photo{height:clamp(300px,46vw,565px);display:grid;place-items:center;overflow:hidden}
.hero-photo img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.pair-image{height:clamp(295px,32vw,440px);display:grid;place-items:center;overflow:hidden}
.pair-image img,.pair-right .pair-image img,.pair-hospitality .pair-image img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important}
.break-photo img{width:100%;max-height:470px!important;object-fit:contain!important}
.archive-image{height:clamp(265px,31vw,410px);display:grid;place-items:center;overflow:hidden}
.archive-image img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.story-photo{height:clamp(270px,31vw,415px);display:grid;place-items:center;overflow:hidden}
.story-photo img,.story-nasim .story-photo img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.film-hero img{height:auto!important;max-width:100%;max-height:460px;object-fit:contain!important}
.film-pair img{max-width:100%;width:100%;height:clamp(260px,30vw,390px)!important;object-fit:contain!important;background:#111}
.opening-photo img{height:auto!important;max-width:100%;object-fit:contain!important}
.project-gallery{gap:27px 20px}
.project-shot{overflow:visible!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent!important}
.project-shot img,.project-shot.wide-shot img{
  width:auto!important;height:auto!important;max-width:100%!important;
  max-height:420px!important;aspect-ratio:auto!important;
  object-fit:contain!important;object-position:center!important;display:block;
  box-shadow:none;transform:none!important;
}
.project-shot.wide-shot{grid-column:span 2;max-width:none}
.project-shot figcaption{width:100%;text-align:left;padding-top:9px!important}
.project-shot img:hover{filter:brightness(1.08)}
@media(max-width:880px){
 .pair-image{height:350px}
 .archive-image{height:360px}
 .story-photo{height:350px}
 .project-shot img,.project-shot.wide-shot img{max-height:350px!important}
}
@media(max-width:660px){
 .hero-photo{height:clamp(260px,45svh,380px);min-height:0}
 .pair-image{height:300px}
 .archive-image{height:310px}
 .story-photo{height:245px}
 .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}
 .project-shot.wide-shot{grid-column:span 2}
 .project-shot img{max-height:270px!important}
 .project-shot.wide-shot img{max-height:345px!important}
 .film-pair img{height:230px!important}
}
@media(max-width:390px){.story-photo{height:290px}}
/* Logo slot: the existing wordmark is a fallback until the user's original logo file arrives. */
.wordmark:has(img){display:inline-flex;align-items:center;min-height:32px}
.wordmark img{max-width:180px;max-height:36px;width:auto;height:auto;object-fit:contain}
@media(max-width:660px){.wordmark img{max-width:132px;max-height:30px}}