/* Five-project index and the complete Azza Fahmy project collages. */
.folio-index-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.folio-index-label{flex-wrap:wrap;gap:3px 12px}
.azza-home-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:start}
.azza-home-grid figure>a{display:block;overflow:hidden}
.azza-home-grid img{display:block;width:100%;height:auto;transition:opacity .25s}
.azza-home-grid a:hover img{opacity:.85}
.azza-home-grid figcaption{font-size:8px;line-height:1.7;color:var(--muted);padding-top:11px}
.azza-home-side{display:grid;gap:30px;padding-top:16%}
.azza-home-note{padding:27px;background:var(--sage);display:flex;flex-direction:column;align-items:start;gap:27px}
.azza-home-note>.eyebrow{line-height:1.8}
.azza-home-note h3{font-family:var(--serif);font-size:clamp(34px,3.8vw,57px);line-height:1.06;letter-spacing:-.035em}
.azza-home-note>.text-link{font-size:9px}
.azza-cover{max-width:1100px;margin:0 auto}
.azza-image{min-width:0}
.azza-image>.gallery-button{display:block;width:100%;padding:0;overflow:hidden;background:var(--paper-light);line-height:0}
.azza-image img{width:100%;height:auto;display:block;transition:transform .4s}
.azza-image figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:8px;line-height:1.7;color:var(--muted)}
.azza-image figcaption>span:last-child{text-align:right}
.azza-process{padding-top:14px;padding-bottom:70px;scroll-margin-top:100px}
.azza-process-pair{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.azza-process-pair>.azza-image:last-child{margin-top:20%}
@media(max-width:1000px){
  .folio-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}
  .azza-home-grid{gap:5%}
  .azza-home-note{padding:23px;gap:22px}
  .azza-home-side{gap:24px}
}
@media(max-width:760px){
  .folio-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .azza-home-note{padding:20px;gap:20px}
  .azza-home-note h3{font-size:35px}
  .azza-home-note>.eyebrow{font-size:7px}
  .azza-home-note>.text-link{font-size:8px;gap:14px}
  .azza-home-grid figcaption{font-size:7px}
  .azza-image figcaption{display:block;font-size:7px}
  .azza-image figcaption>span{display:block}
  .azza-image figcaption>span:last-child{text-align:left;margin-top:2px}
}
@media(max-width:620px){
  .folio-index-grid{gap:23px 13px}
  .azza-home-grid{grid-template-columns:1fr;gap:24px}
  .azza-home-side{grid-template-columns:1fr 1fr;gap:17px;padding-top:0}
  .azza-home-note{padding:17px;gap:20px}
  .azza-home-note h3{font-size:clamp(25px,6.8vw,35px)}
  .azza-home-note>.eyebrow{font-size:6px;line-height:1.9}
  .azza-home-note>.text-link{font-size:7px;gap:8px;margin-top:auto}
  .azza-home-note>.text-link>span{font-size:15px}
  .azza-home-grid figcaption{font-size:7px;padding-top:9px}
  .azza-process{padding-top:5px;padding-bottom:45px;scroll-margin-top:90px}
  .azza-process-pair{grid-template-columns:1fr;gap:31px}
  .azza-process-pair>.azza-image:last-child{width:85%;margin:0 0 0 auto}
  .azza-image figcaption{padding-top:9px}
}
@media(prefers-reduced-motion:reduce){.azza-home-grid img,.azza-image img{transition:none}}
@media print{.azza-image{break-inside:avoid}.azza-home-note{background:white}.azza-process{padding-bottom:25px}}

/* Celestial Scarf Necklace campaign films, kept at their supplied portrait ratio. */
.azza-films{padding-top:64px;padding-bottom:16px;scroll-margin-top:100px}
.azza-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%;align-items:start;max-width:1000px;margin:0 auto}
.azza-film-card{min-width:0}
.azza-film-player{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#171914}
.azza-film-player:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.azza-film-meta{display:flex;justify-content:space-between;gap:18px;margin-top:14px;font-size:8px;line-height:1.7;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.azza-film-card h3{font-family:var(--serif);font-size:29px;line-height:1.15;letter-spacing:-.025em;margin-top:10px}
.azza-film-card figcaption>p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:12px}
.azza-film-credit{font-size:8px;line-height:1.8;letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:35px}
@media(max-width:760px){.azza-films{padding-top:48px}.azza-film-grid{gap:24px}.azza-film-card h3{font-size:25px}}
@media(max-width:620px){
  .azza-films{padding-top:44px;padding-bottom:4px;scroll-margin-top:90px}
  .azza-film-grid{grid-template-columns:1fr;gap:34px;max-width:380px}
  .azza-film-card h3{font-size:29px}
  .azza-film-card figcaption>p{font-size:12px}
  .azza-film-meta{font-size:7px}
  .azza-film-credit{font-size:7px;margin-top:28px}
}
@media print{.azza-film-player{display:none}.azza-film-card{break-inside:avoid}.azza-films{padding:25px}}