/* PE-3b128d6d-eb71-4a67-ac72-4a099e50f9b4 | Core(root): CORE-EXECUTION-STANDARD.md | Manifest(root): docs/MD-FILE-MANIFEST.md */
/* DA-9accaca8-574e-4393-8bd5-a996000b2368 | MA-1c670ae7-6aaa-48fb-854a-e69b317b6bae | Apple/review/HOMEPAGE-GALLERY-REFERENCE.md */
.documentary-gallery {
  --primary-width: min(930px, 78vw);
  --secondary-width: min(417px, 43vw);
  --primary-height: min(523px, 48svh);
  --secondary-height: 240px;
  --rail-gap: 13px;
  margin-top: 64px;
  overflow: clip;
  color: var(--bo-white, #fcfaee);
  background: var(--bo-black, #191817);
}
.documentary-gallery [data-gallery-rail] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 24px;
  list-style: none;
}
.documentary-gallery li { min-width: 0; }
.documentary-gallery a { display: block; color: inherit; text-decoration: none; }
.documentary-gallery img,.documentary-gallery video { width: 100%; height: 100%; object-fit: cover; object-position:var(--media-position,50% 50%); user-select: none; }
.documentary-gallery video { object-fit:contain; }
.documentary-gallery figure { position:relative; }
.gallery-clip-control { display:none; position:absolute; right:12px; top:12px; min-height:44px; padding:8px 16px; border:1px solid var(--bo-white,#fcfaee); border-radius:24px; color:var(--bo-white,#fcfaee); background:var(--bo-black,#191817); font:400 14px/22px 'LW Beo',sans-serif; cursor:pointer; }
.documentary-gallery[data-enhanced] .gallery-clip-control { display:block; }
.documentary-gallery img[data-fit=contain] { object-fit: contain; }
.documentary-gallery .gallery-image { height: var(--primary-height); background: #111; }
.documentary-gallery .gallery-secondary .gallery-image { height: var(--secondary-height); }
.documentary-gallery figcaption { font: 400 14px/22px 'LW Beo', sans-serif; letter-spacing: .1px; padding: 12px 0; margin: 0; }
.documentary-gallery[data-enhanced] [data-gallery-rail] {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  gap: var(--rail-gap);
  padding: 0 calc((100% - var(--primary-width)) / 2);
  touch-action: pan-x pan-y;
}
.documentary-gallery [data-gallery-rail]::-webkit-scrollbar { display: none; }
.documentary-gallery[data-enhanced] .gallery-primary li { flex: 0 0 min(var(--primary-width), calc(var(--primary-height) * var(--image-ratio))); }
.documentary-gallery[data-enhanced] .gallery-secondary { padding: 0 calc((100% - var(--secondary-width)) / 2); margin-top: 13px; }
.documentary-gallery[data-enhanced] .gallery-secondary li { flex: 0 0 min(var(--secondary-width), calc(var(--secondary-height) * var(--image-ratio))); }
.gallery-controls { display: none; align-items: center; justify-content: center; flex-wrap:wrap; gap: 8px; padding: 20px 24px 32px; }
.documentary-gallery[data-enhanced] .gallery-controls { display: flex; }
.gallery-controls button { display: grid; place-items: center; padding: 0; width: 44px; height: 44px; color: inherit; background: none; border: 0; cursor: pointer; }
.gallery-controls svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.gallery-controls [data-gallery-direction] { border: 1px solid currentColor; border-radius: 50%; margin-inline: 6px; }
.gallery-dot { display: block; width: 8px; height: 8px; overflow: hidden; border-radius: 8px; background: rgb(252 250 238 / .42); transition: width 320ms ease-out; }
.gallery-controls [aria-current=true] .gallery-dot { width: 32px; }
.gallery-dot::before { content: ''; display: block; width: 100%; height: 100%; background: #fcfaee; transform: scaleX(var(--elapsed, 0)); transform-origin: left; }
.gallery-controls [data-state=pause] .play-icon, .gallery-controls [data-state=play] .pause-icon { display: none; }
.gallery-controls .play-icon { fill: currentColor; stroke: none; }
@media(min-width:1441px) {
  .documentary-gallery { --primary-width: min(1250px, 78vw); --secondary-width: 470px; }
  .documentary-gallery { --secondary-height: 264px; }
}
@media(max-width:734px) {
  .documentary-gallery { --primary-width: 82vw; --secondary-width: 72vw; --primary-height:360px; --secondary-height:240px; margin-top: 40px; }
  .documentary-gallery [data-gallery-rail] { grid-template-columns: 1fr; }
  .gallery-controls { gap: 0; padding-inline: 12px; }
  .gallery-controls [data-gallery-direction] { display: none; }
  .gallery-controls button { width: 44px; min-height: 44px; }
}
@media(prefers-reduced-motion:reduce), print {
  .documentary-gallery[data-enhanced] [data-gallery-rail] { display: grid; padding: 24px; overflow: visible; }
  .documentary-gallery[data-enhanced] .gallery-controls { display: none; }
  .gallery-dot { transition: none; }
}