/* === ATLAS WIDE VIDEO ===
   Used by sections/landing-wide-video.liquid.

   Wide video card with bottom-left aligned headline overlay.
   Sister to atlas-fullbleed-video.min.css (which centers the
   headline). Both use the same sizing/aspect/radius pattern. */

/* Section wrapper — horizontal padding matches the sibling
   sections above and below (16px mobile / 24px tablet+) so the
   card width lines up with the rest of the landing.
   Top 0 abuts cleanly with the section above. Bottom only 8px —
   sunday's video cards in the same service-card sit 8px apart
   (gap-2), so the next card (text-two-videos) starts right
   after this 8px gap, matching sunday exactly. */
.ac-wide-video-section{width:100%;background:var(--ac-bg,#fff);padding:0 16px 8px}
@media (min-width:768px){.ac-wide-video-section{padding:0 24px 8px}}

/* The video card.
   - mobile: portrait 3/4
   - lg+ (≥1024): landscape 16/9
   - border-radius: 12px on every viewport so the card matches
     the rounded corners of the adjacent sibling sections
     (fullbleed-video, text-video-row, text-two-videos).
   - GPU compositing fix to avoid Safari rounded-corner bug
     with <video> elements (same isolation+translateZ+mask
     trick used in .ac-feature-card). */
.ac-wide-video{position:relative;width:100%;aspect-ratio:3/4;background:#000;overflow:hidden;border-radius:12px;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black)}
@media (min-width:1024px){.ac-wide-video{aspect-ratio:16/9}}

/* Subtle 3% dark tint matching sunday's ::before bg-black/3. */
.ac-wide-video::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,0.03);pointer-events:none}

.ac-wide-video__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Headline overlay — centered both axes (matches sunday's
   flex-col items-center justify-center p-3). */
.ac-wide-video__overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:12px;pointer-events:none}

/* Headline typography — sunday-equivalent sizes. */
.ac-wide-video__headline{margin:0;font-family:"Geist","Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-0.025em;color:#fff;text-align:center;text-wrap:balance;max-width:24ch}
@media (min-width:1024px){.ac-wide-video__headline{font-size:84px}}