/* === ATLAS STORY CARD ===
   Used by sections/landing-story-card.liquid.

   Forensic source: sunday.ai story card after the "Built for busy
   households…" block (see section comment for measured values).

   Reuses .ac-feature-card / .ac-feature-card__media / .ac-feature-card__cta
   from atlas-header.min.css (globally loaded). This file owns only the
   card-grid wrapper + the left text column. */

.ac-story-card-section{width:100%;background:var(--ac-bg,#fff);padding:48px 16px}
@media (min-width:1024px){.ac-story-card-section{padding:96px 24px}}

/* The card itself:
   - 1 column on mobile (stack: text on top, video below)
   - 2 columns 50/50 at ≥640px (text left, video right)
   - 12px padding, 24px gap, 1px subtle border, 12px radius (Sunday exact) */
.ac-story-card{display:grid;grid-template-columns:1fr;gap:24px;padding:12px;border:1px solid rgba(26,26,26,0.1);border-radius:12px;background:transparent;max-width:100%;margin:0 auto}
@media (min-width:640px){.ac-story-card{grid-template-columns:1fr 1fr}}
@media (min-width:768px){.ac-story-card{max-width:1160px}}
@media (min-width:1024px){.ac-story-card{max-width:900px}}

/* Left text column. Sunday measured: 16px/24px, weight 400, #1A1A1A,
   flex centered vertically, 16px horizontal padding inside the column. */
.ac-story-card__text{display:flex;align-items:center;padding:16px;margin:0;font-family:"Geist","Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:var(--ac-ink,#1A1A1A);text-align:start}

/* Video opacity override:
   .ac-feature-card__media starts at opacity:0 in the header (faded in
   after lazy-load). Here we render the video immediately at full opacity
   — no lazy load, no shimmer. */
.ac-story-card .ac-feature-card__media{opacity:1}