.art-hero{position:relative;background:radial-gradient(120% 150% at 15% 0%,#12224a,#070d20 62%);padding:150px 0 70px;overflow:hidden}
  .art-hero .wrap{position:relative;z-index:2}
  .art-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:22px}
  .art-hero h1{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;max-width:20ch}
  .art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;color:var(--silver);font-size:14px;font-weight:600}
  .art-meta span{position:relative;padding-left:0}
  .artbody{background:#fff;padding:80px 0 120px}
  .artbody .wrap{max-width:760px}
  .mkt h2{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:clamp(24px,2.7vw,32px);line-height:1.14;letter-spacing:-.02em;margin:52px 0 18px}
  .mkt h2:first-child{margin-top:0}
  .mkt h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:21px;margin:34px 0 12px}
  .mkt p{font-size:18px;line-height:1.72;color:var(--light-body);margin-bottom:20px}
  .mkt a{color:var(--electric);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(39,97,241,.28)}
  .mkt a:hover{border-bottom-color:var(--electric)}
  .mkt strong{color:var(--deep-navy);font-weight:700}
  .mkt ul,.mkt ol{margin:0 0 22px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
  .mkt ul li{position:relative;padding-left:28px;font-size:17px;line-height:1.6;color:var(--light-body)}
  .mkt ul li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
  .mkt ol{counter-reset:i}
  .mkt ol li{position:relative;padding-left:36px;font-size:17px;line-height:1.6;color:var(--light-body);counter-increment:i}
  .mkt ol li::before{content:counter(i);position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;background:var(--offwhite);border:1px solid #e3e9f1;color:var(--deep-navy);font-family:'Outfit';font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
  .mkt table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:15.5px}
  .mkt th,.mkt td{text-align:left;padding:12px 14px;border-bottom:1px solid #eef2f7;color:var(--deep-navy)}
  .mkt th{font-family:'Outfit';font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .mkt blockquote{margin:26px 0;padding:20px 26px;background:var(--offwhite);border-left:3px solid var(--orange);border-radius:0 12px 12px 0;font-size:18px;color:var(--deep-navy)}
  .mkt hr{border:0;border-top:1px solid #eef2f7;margin:44px 0}
  /* short-version / callout blocks that were divs */
  .mkt .tldr,.mkt .callout,.mkt .short{background:var(--offwhite);border:1px solid #e7edf5;border-radius:16px;padding:26px 28px;margin:0 0 30px}
  .art-cta{background:var(--offwhite)}

  /* ============================================================
     MOBILE POLISH (<=640px) — carousels legible, padding tamed,
     hero fixed. Added for yourfilm relaunch mobile pass.
     ============================================================ */
  @media(max-width:640px){
    /* -- global rhythm: kill the cavernous vertical padding -- */
    .wrap{padding:0 20px}
    .band-inner{padding:0 20px}
    .sec{padding:60px 0}
    .stats-band{padding:38px 0}
    .thesis{padding:52px 0 60px}
    .thesis .inner{padding:0 20px}
    .produce{padding:60px 0 30px}
    .formats{padding:60px 0}
    .revx{padding:60px 0}
    .cta-sec{padding:74px 0 !important}
    .ailayer{padding:64px 0}

    /* -- HERO: content flows (no dead space), wall reads as texture -- */
    .hero{height:auto;min-height:auto}
    .hero .wall{inset:-8% -30%;transform:rotate(-8deg) scale(1.5)}
    .hero .vignette{background:
      radial-gradient(150% 100% at 30% 62%,rgba(7,13,32,.9),rgba(7,13,32,.62) 46%,rgba(7,13,32,.5) 72%),
      linear-gradient(180deg,rgba(7,13,32,.72),rgba(7,13,32,.2) 26%,rgba(7,13,32,.72) 70%,rgba(7,13,32,1))}
    .hero-content{position:relative;left:auto;bottom:auto;transform:none;padding:138px 20px 54px}
    .hero h1{font-size:clamp(40px,10.6vw,54px);margin-top:20px}
    .hero .cta{gap:16px;margin-top:26px}
    .scrollcue{display:none}

    /* -- ARC ("what we produce"): flat, obviously-swipeable rail -- */
    .arc{perspective:none;gap:14px;padding:14px 0 6px;margin-top:14px}
    .arc::before,.arc::after{flex:0 0 20px !important}
    .arccard{flex:0 0 80vw !important;aspect-ratio:16/10;transform:none !important;opacity:1 !important;scroll-snap-align:center}
    .arccard .ac-cap{opacity:1 !important;transform:none !important}
    .arccard .ac-play{opacity:1 !important}

    /* -- DOORS ("where next"): crisp peeking cards, no ghost fades -- */
    .doors-shell::before,.doors-shell::after{display:none}
    .doors{gap:16px;padding:4px 0 6px;margin-top:22px}
    .door{width:80% !important;min-height:228px}
    .door .di img{opacity:.75}
    .doors-hd{margin-top:42px}
    .pshow{margin:0 0 8px !important}

    /* -- swipe affordance under each rail -- */
    .produce .arc,.doors{scroll-snap-type:x mandatory}
  }

  /* mobile nav drawer (burger) */
  .navburger{display:none}
  @media(max-width:760px){
    .navburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:0 11px;margin-left:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;cursor:pointer}
    .navburger span{display:block;height:2px;width:22px;background:#fff;border-radius:2px;transition:.25s var(--e)}
    .topbar.mopen .navburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .topbar.mopen .navburger span:nth-child(2){opacity:0}
    .topbar.mopen .navburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .topbar{flex-wrap:wrap;row-gap:0}
    .topbar.mopen{background:rgba(8,14,32,.95);backdrop-filter:blur(22px)}
    .topbar.mopen .topnav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;order:5;margin-top:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);max-height:72vh;overflow-y:auto}
    .topbar.mopen .topnav>a,.topbar.mopen .nav-trig{width:100%;justify-content:space-between;padding:14px 6px;font-size:16px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07)}
    .topbar.mopen .nav-item{width:100%}
    .topbar.mopen .nav-drop{position:static;display:none;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none;min-width:0;padding:2px 0 10px 14px}
    .topbar.mopen .nav-item.open .nav-drop{display:block}
    .topbar.mopen .nav-item.open .caret{transform:rotate(225deg) translateY(-2px)}
    .topbar.mopen .nav-drop a{padding:10px 8px;font-size:14.5px}
  }

  /* mobile nav — full-screen solid menu (override) */
  @media(max-width:760px){
    .topbar.mopen{position:fixed;top:0;left:0;right:auto;width:100%;max-width:none;transform:none;border-radius:0;background:#070D20;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 20px;z-index:200;box-shadow:none;backdrop-filter:none;flex-wrap:nowrap;justify-content:space-between}
    .topbar.mopen .navburger{position:relative;z-index:210;margin-left:0}
    .topbar.mopen .nav-cta{position:relative;z-index:210}
    .topbar.mopen .topnav{position:fixed;inset:0;top:0;z-index:150;background:#070D20;height:100dvh;max-height:none;margin:0;border:0;padding:92px 22px calc(48px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0}
    .topbar.mopen .topnav>a,.topbar.mopen .nav-trig{border-bottom:1px solid rgba(255,255,255,.08);font-size:17px;padding:16px 4px}
    .topbar.mopen .nav-drop a{font-size:15px;padding:11px 8px;color:rgba(255,255,255,.72)}
    .topbar.mopen .nav-item.open .nav-drop{padding:2px 0 12px 16px}
  }

  /* mobile: sticky top bar */
  @media(max-width:760px){
    .topbar{position:fixed;top:10px;z-index:100}
  }

  /* mobile sticky bar: center via margins (no transform) */
  @media(max-width:760px){
    .topbar:not(.mopen){left:16px;right:16px;width:auto;max-width:none;transform:none}
  }

  /* mobile: format cards as a horizontal scrolling carousel (match other rails) */
  @media(max-width:640px){
    .fmt-grid2{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-top:28px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .fmt-grid2::-webkit-scrollbar{display:none}
    .fmt-grid2 .fmt{flex:0 0 80%;scroll-snap-align:center}
  }