/* oac-photos.css — real Open Air Cinema photos paired with text-heavy sections.
   Added 2026-10-15. To undo: run oac_photos_revert.py (removes every
   <!-- oac-photo:* --> block and this file's <link>), or delete single blocks by id. */

.oacp-pic{display:block;position:relative;overflow:hidden;border-radius:8px;border-radius:var(--radius,8px);background:#eceef0;background:var(--wash,#eceef0);box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08)}
.oacp-pic picture{display:block;width:100%;height:100%}
.oacp-pic img,.prose .oacp-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;max-width:none}
[data-theme="dark"] .oacp-pic{box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}
.oacp-fig,.oacp-split__media,.oacp-trio figure,.oacp-pair figure{margin:0}

/* text + photo, side by side (Who we serve pages) */
.oacp-split{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;text-align:left}
.oacp-split__media{order:-1}
.oacp-split__media .oacp-pic{aspect-ratio:3/2}
.oacp-split__text > :last-child{margin-bottom:0}
@media (min-width:960px){
  .oacp-split{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:56px;align-items:start}
  .oacp-split__media{order:0;position:sticky;top:112px}
  .oacp-split__media .oacp-pic{aspect-ratio:4/5}
}

/* photo across the top of a card (Who we serve index) */
.serve-card.oacp-has-media{padding-top:0;overflow:hidden}
.oacp-card-media{display:block;margin:0 -22px 18px;aspect-ratio:3/2;overflow:hidden;background:#eceef0;background:var(--wash,#eceef0)}
.oacp-card-media picture{display:block;width:100%;height:100%}
.oacp-card-media img{display:block;width:100%;height:100%;object-fit:cover}

/* one wide photo between prose sections (FAQ) */
.oacp-fig{margin:30px 0 36px}
.oacp-fig .oacp-pic{aspect-ratio:16/9}

/* three lineups, three photos (Compare the Lineups) */
.oacp-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0 34px;padding:0;list-style:none}
.oacp-trio .oacp-pic{aspect-ratio:4/3}
.oacp-trio figcaption{margin-top:12px;font-size:15px;font-weight:600;line-height:1.3;text-align:center;letter-spacing:.2px}
@media (max-width:700px){.oacp-trio{grid-template-columns:minmax(0,1fr);gap:24px}.oacp-trio .oacp-pic{aspect-ratio:16/9}}

/* two photos side by side under the product description */
.oacp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 34px}
.oacp-pair .oacp-pic{aspect-ratio:4/3}
.oacp-pair--one{grid-template-columns:minmax(0,1fr)}
.oacp-pair--one .oacp-pic{aspect-ratio:16/9}
@media (max-width:520px){.oacp-pair{gap:10px;margin:22px 0 28px}}