/* ENTERADS site development (release 29 'site-develop', 2026-11-02): the two silent 15-second videos on the public screens,
   the per-video cases (a short of a channel below 1,000 subscribers past 1,000,000 views), the custom-fit copy and the
   creators' pay section without amounts. Loaded after public-screens.css on /, /creators/ and /advertisers/ only; every
   rule matches .ea-vid*, .ea-vc*, .ea-pay-plain, .ea-contact-sub or an .ad-* class of /advertisers/. */

/* ---------- video in a phone frame ---------- */
.ea-vid{flex:0 1 340px;min-width:0;margin:0}
.ea-vid-frame{position:relative;box-sizing:border-box;width:min(100%,340px);margin:0 auto;aspect-ratio:9/16;border:6px solid #0d0e11;border-radius:30px;overflow:hidden;background:#0d0e11;box-shadow:0 24px 48px rgba(24,25,27,.18)}
.ea-vid-el{display:block;width:100%;height:100%;object-fit:cover;background:#0d0e11}
.ea-vid figcaption{max-width:340px;margin:12px auto 0;font-size:12.5px;line-height:1.5;color:var(--ea-muted);text-align:center}
.ea-vid-hero{flex:0 0 300px}
.ea-hero-grid:has(.ea-vid-hero) .ea-hero-copy{flex-basis:520px}
@media (min-width:1281px){.ea-vid-hero{flex-basis:340px}}
.ea-vid-cr{margin:clamp(24px,3vw,40px) auto 0}
.ea-vid-ent{max-width:300px;margin:clamp(24px,3vw,40px) 0 0}
.ea-vid-ent .ea-vid-frame{width:min(100%,300px);margin:0}
.ea-vid-ent figcaption{margin-left:0;text-align:left}

/* ---------- per-video cases ---------- */
.ea-vc-lead{max-width:720px;margin:clamp(20px,2.4vw,32px) 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.6;font-weight:500}
.ea-vc-grid{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.ea-vc{box-sizing:border-box;min-width:0;padding:22px 24px 24px;background:var(--ea-surface);border:1px solid var(--ea-line);border-radius:14px}
.ea-vc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ea-muted)}
.ea-vc-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--ea-ink);color:var(--ea-bg);font-size:12px;font-weight:700;white-space:nowrap}
.ea-vc-artist{margin:18px 0 0;font-size:16px;line-height:1.5;font-weight:700}
.ea-vc-views{margin:4px 0 0;font-size:clamp(32px,2.6vw,40px);line-height:1.05;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ea-vc-views span{margin-left:4px;font-size:.48em;letter-spacing:0}
.ea-vc-subs{margin:10px 0 0;font-size:14px;line-height:1.5;font-weight:700;color:var(--ea-blue)}
.ea-vc-note{margin:20px 0 0;font-size:12.5px;line-height:1.5;color:var(--ea-muted)}
.ea-vc-after{max-width:820px;margin:clamp(28px,3vw,40px) 0 0;font-size:clamp(20px,2.2vw,30px);line-height:1.35;font-weight:900;letter-spacing:-.03em}
.ea-vc-after .ea-blue{color:var(--ea-blue)}

/* ---------- home: entertainment section with the agency video, contact band line ---------- */
.ea-ent-head .ea-vid{flex:none}
.ea-contact-sub{margin:16px 0 0;font-size:17px;line-height:1.6;color:var(--ea-dark-muted)}

/* ---------- /creators/: pay section without amounts ---------- */
.ea-pay-plain{list-style:none;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;border-bottom:1px solid var(--ea-dark-line)}
.ea-pay-plain li{display:flex;flex-wrap:wrap;gap:6px 24px;padding:18px 0;border-top:1px solid var(--ea-dark-line);font-size:17px;line-height:1.5}
.ea-pay-plain b{flex:0 0 112px;font-weight:900}
.ea-pay-plain span{flex:1 1 260px;min-width:0;color:var(--ea-dark-muted)}
.ea-pay-console{margin:20px 0 0;font-size:15px;line-height:1.6;color:var(--ea-dark-muted)}
.ea-pay-console a{color:var(--ea-bg);font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* ---------- /advertisers/: hero video, custom-fit line, cases band ---------- */
.ad-hero-grid:has(.ad-hero-video){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(40px,4.7vw,72px);align-items:center}
.ad-hero-video{justify-self:center;width:min(100%,340px);margin:0}
@media (max-width:900px){.ad-hero-grid:has(.ad-hero-video){grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.ad-hero-grid:has(.ad-hero-video){display:block}}
.ad-custom{margin:14px 0 0;font-size:16px;line-height:1.6;color:#555b66}
.ad-vcases{background:#e6e8eb;border-top:0}
.ad-vcases .ea-h2{font-size:clamp(28px,3.6vw,48px)}
.ad-vcases .ea-vc{background:#fff}
.ad-vcases .ea-actions{margin-top:clamp(24px,3vw,40px)}
.ad-vcases .ea-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;box-sizing:border-box;border:1.5px solid #18191b;border-radius:999px;background:#18191b;color:#f7f7f4;font-size:16px;font-weight:700;text-decoration:none}
.ad-vcases .ea-btn:hover{background:#2f3136}

@media (max-width:760px){
  .ea-vid-hero{flex-basis:100%}
  .ad-hero-video{margin:32px auto 0}
  .ea-vid-frame{width:min(100%,280px)}
  .ea-vid-ent{max-width:280px}
  .ea-pay-plain b{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.ea-vid-frame{box-shadow:none}}