/* Fayendra campaign stills: complete images, small captions and open spacing. */
.campaign-jump-links{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:26px}
.campaign-jump-links .text-link{font-size:10px}
.campaign-section{padding-top:16px;padding-bottom:72px;scroll-margin-top:100px}
.campaign-index{display:flex;flex-wrap:wrap;gap:13px 32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:54px;font-size:9px;line-height:1.6}
.campaign-index a{display:inline-flex;gap:12px}
.campaign-index a>span{color:var(--muted);font-size:8px}
.campaign-index a:hover{text-decoration:underline}
.campaign-chapter{scroll-margin-top:100px;margin-bottom:65px}
.campaign-chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:29px}
.campaign-chapter-heading h3{font-family:var(--serif);font-size:clamp(29px,3vw,46px);line-height:1.12;letter-spacing:-.035em;margin-top:15px}
.campaign-chapter-heading>p{font-size:11px;line-height:1.85;color:var(--muted);max-width:49ch}
.campaign-lead-pair{display:grid;grid-template-columns:1.08fr .92fr;gap:8%;align-items:start;margin-bottom:48px}
.campaign-lead-pair>.campaign-image:last-child{margin-top:15%}
.campaign-grid{display:grid;gap:30px 21px;align-items:start}
.campaign-grid-pair{grid-template-columns:1fr 1fr;gap:7%;max-width:1000px;margin:0 auto}
.campaign-grid-pair>.campaign-image:last-child{margin-top:16%}
.campaign-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.campaign-grid-three>.campaign-image:nth-child(2){margin-top:12%}
.campaign-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.campaign-image{min-width:0}
.campaign-image>.gallery-button{display:block;width:100%;padding:0;overflow:hidden;background:var(--paper-light);line-height:0}
.campaign-image img{display:block;width:100%;height:auto;transition:transform .4s}
.campaign-image figcaption{display:flex;justify-content:space-between;gap:13px;padding-top:11px;font-size:8px;line-height:1.6;color:var(--muted)}
.campaign-image figcaption>span:last-child{font-variant-numeric:tabular-nums}
.campaign-endnote{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid var(--line);padding-top:20px}
.campaign-endnote>p{font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.campaign-home{margin-top:40px}
.campaign-home-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;border-top:1px solid var(--line);padding-top:19px;margin-bottom:23px}
.campaign-home-heading>.text-link{font-size:9px}
.campaign-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.campaign-home-grid>figure:nth-child(2){margin-top:12%}
.campaign-home-grid>figure:nth-child(3){margin-top:25%}
.campaign-home-grid a{display:block;overflow:hidden}
.campaign-home-grid img{width:100%;height:auto;transition:opacity .25s}
.campaign-home-grid a:hover img{opacity:.85}
.campaign-home-grid figcaption{font-size:8px;color:var(--muted);line-height:1.6;padding-top:11px}
@media(max-width:1000px){
  .campaign-index{gap:13px 24px;margin-bottom:42px}
  .campaign-grid{gap:26px 17px}
  .campaign-lead-pair{gap:6%;margin-bottom:35px}
  .campaign-chapter-heading{gap:8%}
  .campaign-home-grid{gap:21px}
}
@media(max-width:760px){
  .campaign-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .campaign-chapter{margin-bottom:49px}
  .campaign-chapter-heading{grid-template-columns:1fr;gap:17px;margin-bottom:25px}
  .campaign-chapter-heading h3{font-size:36px}
  .campaign-chapter-heading>p{max-width:54ch}
  .campaign-home-grid{gap:17px}
  .campaign-home-grid figcaption{font-size:7px}
}
@media(max-width:620px){
  .campaign-section{padding-top:8px;padding-bottom:47px;scroll-margin-top:90px}
  .campaign-jump-links{gap:17px 24px;margin-top:22px}
  .campaign-jump-links .text-link{font-size:9px;gap:17px}
  .campaign-index{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;font-size:8px;padding:17px 0;margin-bottom:34px}
  .campaign-index a{gap:8px;align-items:baseline}
  .campaign-index a>span{font-size:7px}
  .campaign-chapter{scroll-margin-top:90px;margin-bottom:40px}
  .campaign-chapter-heading h3{font-size:clamp(29px,8.2vw,36px);margin-top:13px}
  .campaign-chapter-heading>p{font-size:12px}
  .campaign-chapter-heading .eyebrow{font-size:7px}
  .campaign-lead-pair{gap:16px;grid-template-columns:1fr 1fr;margin-bottom:26px}
  .campaign-lead-pair>.campaign-image:last-child{margin-top:24%}
  .campaign-grid{gap:24px 16px}
  .campaign-grid-pair{gap:16px}
  .campaign-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .campaign-grid-three>.campaign-image:first-child{grid-column:1/-1}
  .campaign-grid-three>.campaign-image:nth-child(2){margin-top:0}
  .campaign-grid-three>.campaign-image:last-child{margin-top:18%}
  .campaign-image figcaption{font-size:7px;gap:8px;padding-top:8px}
  .campaign-endnote{display:block;padding-top:17px}
  .campaign-endnote>p{font-size:7px}
  .campaign-endnote>.text-link{font-size:9px;margin-top:17px}
  .campaign-home{margin-top:31px}
  .campaign-home-heading{gap:15px;padding-top:17px;margin-bottom:21px}
  .campaign-home-heading>.eyebrow{font-size:7px;max-width:100px}
  .campaign-home-heading>.text-link{font-size:8px;gap:12px;white-space:nowrap}
  .campaign-home-grid{gap:12px}
  .campaign-home-grid figcaption{font-size:7px;line-height:1.7;padding-top:9px}
}
@media(prefers-reduced-motion:reduce){.campaign-image img,.campaign-home-grid img{transition:none}}
@media print{.campaign-image{break-inside:avoid}.campaign-index,.campaign-jump-links,.campaign-endnote>.text-link{display:none}.campaign-chapter{margin-bottom:25px}.campaign-section{padding-bottom:25px}}

/* Keep the lead campaign's film and images together. */
.oasis-campaign{padding-top:8px}
.campaign-film{margin-bottom:38px}
.oasis-arabic{font-size:15px;line-height:1.7;margin-top:13px;text-align:left;color:var(--muted)}
.fayendra-directions{border-top:1px solid var(--ink);padding-top:35px;margin-top:25px}
.campaign-direction{scroll-margin-top:100px}
.campaign-section>.campaign-chapter:not(.oasis-campaign){padding-top:30px;border-top:1px solid var(--line)}
@media(max-width:620px){
  .campaign-film{margin-bottom:26px}
  .oasis-arabic{font-size:14px;margin-top:11px}
  .fayendra-directions{padding-top:27px;margin-top:17px}
  .campaign-direction{scroll-margin-top:90px}
  .campaign-section>.campaign-chapter:not(.oasis-campaign){padding-top:25px}
  .campaign-home-heading>.text-link{white-space:normal;max-width:165px}
}