/* === ATLAS HERO VIDEO ===
   Used by sections/landing-hero-video.liquid.
   Sunday-style vertical composition: pre-headline + H1 + full-bleed video
   with scroll-tied clip-path expansion.

   Forensic values extracted from sunday.ai (scroll=0):
   --- DESKTOP (1440×900) ---
     header_bottom → pre.top      = 32px  (pre.top = 140 in viewport)
     pre.line-1 / pre.line-2      = font-size 14px, mono, lh 1.2
     pre.line-2.color             = rgba(26,26,26,0.63)
     pre → h1 gap                 = 24px
     h1                           = 120px, font-weight 400, lh 1.0, ls -0.025em
     h1 → video gap               = 64px
     video container              = h: 120svh, full bleed
   --- MOBILE (390×844) ---
     header_bottom → pre.top      = 48px  (pre.top = 140)
     pre font-size                = 12px (lh 14.4px)
     pre → h1 gap                 = 12px
     h1                           = 42px (lh 42px)
     h1 → video gap               = 32px (off-screen at scroll=0)
     video container              = h: 80svh
   --- CLIP-PATH ANIMATION (existing) ---
     inset(0 X round R) → inset(0)
     X = (1−p) × 16px (mobile) or 24px (desktop)
     R = (1−p) × 12px
     scroll range: 0→300px mobile / 0→400px desktop, easeInOutCubic */

.ac-hero-video{position:relative;width:100%;background:#fff;padding-top:140px;padding-bottom:0}

.ac-hero-video__sticky{position:sticky;top:140px;z-index:2;will-change:opacity}

.ac-hero-video__pre{max-width:576px;margin:0 auto;padding:0 24px;text-align:center;font-family:"Geist Mono",ui-monospace,"JetBrains Mono",monospace}
.ac-hero-video__pre-l1{margin:0;font-size:12px;font-weight:400;line-height:1.2;color:var(--ac-ink,#1A1A1A)}
.ac-hero-video__pre-l2{margin:0;font-size:12px;font-weight:400;line-height:1.2;color:rgba(26,26,26,0.63)}
@media (min-width:768px){.ac-hero-video__pre-l1,.ac-hero-video__pre-l2{font-size:14px}}

.ac-hero-video__h1{max-width:24ch;margin:12px auto 0;padding:0 16px;text-align:center;font-family:"Geist","Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:42px;font-weight:400;line-height:1;letter-spacing:-0.025em;color:var(--ac-ink,#1A1A1A)}
@media (min-width:768px){.ac-hero-video__h1{font-size:120px;margin-top:24px}}

.ac-hero-video__clip{position:relative;width:100%;height:80svh;margin-top:32px;clip-path:inset(0 16px round 12px);-webkit-clip-path:inset(0 16px round 12px);background:#000;overflow:hidden}
@media (min-width:768px){.ac-hero-video__clip{height:120svh;margin-top:64px;clip-path:inset(0 24px round 12px);-webkit-clip-path:inset(0 24px round 12px)}}

.ac-hero-video__media{display:block;width:100%;height:100%;object-fit:cover;background:#000}

@keyframes ac-hero-video-expand{to{clip-path:inset(0);-webkit-clip-path:inset(0)}}
@keyframes ac-hero-text-fade{to{opacity:0}}
@supports (animation-timeline: scroll()){.ac-hero-video--anim .ac-hero-video__clip{animation:ac-hero-video-expand cubic-bezier(0.65,0,0.35,1) both;animation-timeline:scroll(root);animation-range:0 300px}.ac-hero-video__sticky{animation:ac-hero-text-fade linear both;animation-timeline:scroll(root);animation-range:40px 100px}@media (min-width:768px){.ac-hero-video--anim .ac-hero-video__clip{animation-range:0 400px}.ac-hero-video__sticky{animation-range:400px 560px}}}
@media (prefers-reduced-motion:reduce){.ac-hero-video--anim .ac-hero-video__clip{animation:none !important}.ac-hero-video__sticky{animation:none !important}}