/* AYYAD.MOV / V10 — Gallery Wall | original ratios, compact editorial rhythm */
:root{--ayyad-red:#e83432}
.accent-dot,.period,.mark-period,.logo-dot,.fullstop{color:var(--ayyad-red)!important}
::selection{background:#e83432;color:#fff}
/* page rhythm */
.page-heading{padding-bottom:42px!important}
.project-intro{padding-bottom:28px!important}
.project-opening{padding-bottom:37px!important}
.project-gallery-shell{padding-bottom:55px!important}
.project-gallery-shell::before{content:'SELECTED IMAGES / ORIGINAL FRAMING';display:block;border-top:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em;padding:17px 0 25px}
/* Layout 01: photographic masonry wall. Every source image retains its native aspect ratio. */
.project-gallery{display:block!important;columns:3;column-gap:24px;column-fill:balance;}
.project-gallery .project-shot,
.project-gallery .project-shot.wide-shot{display:block!important;break-inside:avoid;page-break-inside:avoid;overflow:visible!important;grid-column:auto!important;max-width:none!important;width:100%!important;margin:0 0 29px!important;min-width:0!important;transform:none!important;}
.project-gallery .project-shot img,
.project-gallery .project-shot.wide-shot img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;transform:none!important;cursor:zoom-in;}
.project-gallery .project-shot figcaption{padding:10px 0 0!important;color:#aaa49a;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.105em;display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.project-gallery .project-shot figcaption .caption-counter{font-size:9px;color:#716d65;white-space:nowrap}
.project-gallery .project-shot img:hover{filter:brightness(1.065)}
/* Overview pages: easier client navigation with natural-ratio thumbnails */
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:33px 22px!important;padding-bottom:75px!important;}
.archive-item,.archive-portraits,.archive-performance{padding-top:0!important}
.archive-image{height:auto!important;overflow:visible!important;background:transparent!important;display:block!important;}
.archive-image img{height:auto!important;width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;}
.archive-item h2{font-size:clamp(27px,3vw,41px)!important;line-height:1.04;margin:15px 0 6px!important;}
.archive-meta{padding:11px 0!important;font-size:9px!important;letter-spacing:.095em}
.hospitality-index{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:38px 22px!important;padding-bottom:76px!important;}
.hospitality-story,.hospitality-story:nth-child(even){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important;}
.story-photo{height:auto!important;background:transparent!important;overflow:visible!important;display:block!important;}
.story-photo img,.story-nasim .story-photo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;}
.story-info{gap:8px!important;padding-top:14px!important;}
.story-info h2{font-size:clamp(30px,3vw,46px)!important;line-height:1.02;}
.story-info p{font-size:13px!important;line-height:1.56!important;}
/* Home: three photographs act as a gallery wall, with text underneath each frame. */
.selections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;padding-bottom:48px!important;align-items:start;}
.selections>.section-index{grid-column:1/-1;}
.selections .editorial-pair,.selections .editorial-pair.pair-right{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;margin:0!important;min-width:0!important;}
.selections .editorial-pair.pair-right .pair-image{order:-1}
.selections .pair-image{height:auto!important;display:block!important;background:transparent!important;overflow:visible!important;}
.selections .pair-image img,.selections .pair-right .pair-image img{width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;transform:none!important;}
.selections .pair-copy{gap:10px!important;align-items:flex-start!important;border-top:1px solid var(--line);padding-top:13px;}
.selections .pair-copy h2{font-size:clamp(30px,3vw,45px)!important;line-height:.99;letter-spacing:-.075em;}
.selections .pair-copy p{font-size:13px!important;line-height:1.52!important;}
.selections .pair-copy .text-link{font-size:9px;margin-top:8px;}
.plain-statement{padding-bottom:55px!important}
.index-opening{padding-bottom:65px!important}
.break-photo{padding-bottom:60px!important}
.bottom-navigation{padding-bottom:70px!important}
/* Titles and red punctuation. Preserve logo artwork exactly as provided. */
.project-intro h1{overflow-wrap:normal;word-break:normal;}
.page-heading h1,.project-intro h1{letter-spacing:-.082em}
.footer-bottom .accent-dot{font-weight:700}
/* smaller screens */
@media(max-width:880px){
  .project-gallery{columns:2;column-gap:17px}
  .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hospitality-index{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .selections{grid-template-columns:repeat(2,minmax(0,1fr));}
  .selections .editorial-pair:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;align-items:center!important;gap:20px!important}
  .selections .editorial-pair:last-child .pair-image{order:initial;}
}
@media(max-width:660px){
  .headline-row h1{font-size:clamp(37px,10vw,65px)!important;letter-spacing:-.11em!important;white-space:nowrap;}
  .project-intro h1{font-size:clamp(43px,9.5vw,65px)!important;line-height:.96;}
  .project-gallery{columns:2;column-gap:12px;}
  .project-gallery .project-shot,.project-gallery .project-shot.wide-shot{margin-bottom:24px!important;}
  .project-gallery .project-shot figcaption{font-size:8px;padding-top:7px!important;letter-spacing:.045em}
  .project-gallery .project-shot figcaption .caption-counter{font-size:8px}
  .project-gallery-shell::before{font-size:9px;padding:13px 0 20px}
  .archive-grid{gap:24px 13px!important}
  .archive-item h2{font-size:clamp(23px,5vw,33px)!important;}
  .archive-item>p{font-size:12px!important;}
  .hospitality-index{gap:26px 13px!important;padding-bottom:50px!important}
  .story-info{padding-top:11px!important;}
  .story-info h2{font-size:clamp(24px,5vw,34px)!important;}
  .story-info p{font-size:12px!important;}
  .selections{grid-template-columns:1fr 1fr;gap:22px 12px;}
  .selections .editorial-pair:last-child{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center!important;}
  .selections .editorial-pair:last-child .pair-image,.selections .editorial-pair:last-child .pair-copy{flex:1;min-width:0;}
  .selections .pair-copy h2{font-size:clamp(24px,5vw,37px)!important}
  .selections .pair-copy p{font-size:12px!important;}
  .selections .pair-copy .text-link{font-size:8px;letter-spacing:0;}
  .selections .project-num{font-size:8px;line-height:1.4}
}
@media(max-width:400px){.selections .editorial-pair:last-child{display:flex!important;flex-direction:column!important;align-items:stretch!important}}