/* Generated workspace photographs are decorative, tinted and scoped to package bands. */
#flm-social #reel-editing { --flm-package-image:url('/assets/social-generated/reel-editing-background-1536.webp'); position:relative; isolation:isolate; overflow:hidden; background:#193f97; color:#fff; }
#flm-social #reel-editing::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:900px; max-height:100%; background-image:linear-gradient(90deg,#193f97f2 0%,#193f97e6 42%,#193f976b 100%),linear-gradient(0deg,#193f97 0%,#193f9700 32%),var(--flm-package-image); background-size:cover; background-position:right top; background-repeat:no-repeat; pointer-events:none; }
#flm-social #reel-editing>.social-shell { position:relative; }
#flm-social #reel-editing .social-heading .social-lead { color:#e0eaff; }
#flm-social #reel-editing :is(.social-single,.social-plan) { color:var(--ink); border-color:#d7e3fc; }
#flm-social #reel-editing .social-plan.recommended { background:#edf3ff; border-color:#9bbcff; }
#flm-social #reel-editing .social-plan.recommended h3 { color:#1b49a8; }
#flm-social #reel-editing .social-scope { padding-top:22px; border-top:1px solid #ffffff35; }
#flm-social #reel-editing .social-scope :is(.social-small,details p) { color:#e0eaff; }
#flm-social #reel-editing .social-scope summary { color:#fff; }
#flm-social #reel-editing .social-scope a { color:#fff; }
#flm-social #content-partner { --flm-planning-image:url('/assets/social-generated/content-planning-background-1536.webp'); position:relative; isolation:isolate; overflow:hidden; background:#edf3ff; border-block:1px solid #d7e3fc; }
#flm-social #content-partner::before { content:""; position:absolute; z-index:-1; inset:0; background-image:linear-gradient(90deg,#edf3fff5 0%,#edf3fff0 55%,#edf3ff70 100%),var(--flm-planning-image); background-size:cover; background-position:right top; background-repeat:no-repeat; pointer-events:none; }
#flm-social #content-partner>.social-shell { position:relative; }
#flm-social #content-partner .social-calendar { background:#fff; border-color:#c7d7f4; border-top:4px solid var(--blue); }
#flm-social #full-service { border-top:6px solid var(--blue); }
@media(max-width:700px) {
  #flm-social #reel-editing { --flm-package-image:url('/assets/social-generated/reel-editing-background-768.webp'); }
  #flm-social #reel-editing::before { height:500px; background-image:linear-gradient(#193f97d6,#193f97d6),linear-gradient(0deg,#193f97 0%,#193f9700 36%),var(--flm-package-image); }
  #flm-social #content-partner { --flm-planning-image:url('/assets/social-generated/content-planning-background-768.webp'); }
  #flm-social #content-partner::before { height:320px; background-image:linear-gradient(#edf3ffe6,#edf3ffe6),linear-gradient(0deg,#edf3ff 0%,#edf3ff00 50%),var(--flm-planning-image); }
  #flm-social #reel-editing .social-scope { padding-top:18px; }
}

/* Compare capture quality directly: phone footage and professional filming.
   Both receive the same caption treatment; the source image quality stays distinct. */
#flm-social .flm-agent-example { margin:42px 0; padding:36px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); scroll-margin-top:0; }
#flm-social .flm-agent-example-heading { max-width:850px; margin-bottom:32px; }
#flm-social .flm-agent-example-heading h3 { font-size:clamp(25px,2.4vw,32px); line-height:1.2; margin:0 0 12px; }
#flm-social .flm-agent-example-heading p { font-size:17px; line-height:1.6; color:var(--muted); margin:0; }
#flm-social .flm-quality-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
#flm-social .flm-quality-option { min-width:0; }
#flm-social .flm-quality-option h4 { margin:0 0 22px; color:var(--ink); font:650 22px/1.35 Manrope,sans-serif; }
#flm-social .flm-quality-body { display:flex; align-items:flex-start; gap:24px; }
#flm-social .flm-quality-copy { flex:1; min-width:0; padding-top:8px; }
#flm-social .flm-quality-copy p { margin:0 0 18px; font-size:15.5px; line-height:1.6; color:var(--muted); }
#flm-social .flm-quality-copy .flm-quality-source { color:var(--ink); font:650 18px/1.4 Manrope,sans-serif; }
#flm-social .flm-quality-copy a { display:inline-flex; align-items:center; min-height:46px; font-size:15px; line-height:1.4; color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
#flm-social .flm-quality-copy a:focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
#flm-social .flm-reel-frame { position:relative; flex:0 0 230px; width:230px; max-width:100%; aspect-ratio:9/16; overflow:hidden; margin:0; border:5px solid #162444; border-radius:24px; background:#162444; box-sizing:border-box; }
#flm-social .flm-reel-frame img { width:100%; height:100%; object-fit:cover; display:block; }
#flm-social .flm-reel-frame:after { content:""; position:absolute; inset:48% 0 0; background:linear-gradient(transparent,#0d183be0); pointer-events:none; }
#flm-social .flm-reel-topic { position:absolute; z-index:1; top:14px; left:12px; padding:6px 10px; background:#fbfcfff0; border-radius:999px; color:#162444; font:600 12px/1.3 "DM Sans",sans-serif; }
#flm-social .flm-reel-captions { position:absolute; z-index:1; left:10px; right:10px; bottom:12%; text-align:center; }
#flm-social .flm-reel-captions span { display:table; margin:3px auto; padding:5px 7px; color:white; background:#162444ef; border-radius:5px; font:650 15px/1.35 Manrope,sans-serif; }
#flm-social .flm-reel-insights { display:flex; align-items:center; justify-content:center; gap:30px; margin:30px 0 0; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
#flm-social .flm-insights-heading { margin:0; font:650 14px/1.3 Manrope,sans-serif; color:var(--ink); }
#flm-social .flm-reel-insights>div { display:grid; gap:4px; }
#flm-social .flm-reel-insights strong { font:650 23px/1.2 Manrope,sans-serif; color:var(--ink); }
#flm-social .flm-reel-insights>div:first-of-type strong { color:var(--blue); }
#flm-social .flm-reel-insights span { font-size:12px; color:var(--muted); }
#flm-social .flm-insights-note { font-size:11px; line-height:1.4; color:var(--muted); margin:0; }
#flm-social .flm-agent-example-note { margin:22px 0 0; max-width:850px; color:var(--muted); font-size:12px; line-height:1.5; }
#flm-social #why-video .social-stat { padding:24px; border:1px solid var(--line); border-radius:16px; background:#fff; min-width:0; }
#flm-social .flm-stat-dots { display:grid; grid-template-columns:repeat(20,minmax(0,1fr)); gap:4px; max-width:280px; margin:18px 0; }
#flm-social .flm-stat-dots i { display:block; aspect-ratio:1; border-radius:2px; background:#e7edf7; }
#flm-social .flm-stat-dots i.filled { background:#2458cf; }
#flm-social .social-phone[data-flm-unique-cover] .social-video-cover { aspect-ratio:auto; min-height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:14px; box-sizing:border-box; text-decoration:none; }
#flm-social .social-phone[data-flm-unique-cover] .social-play { position:static; transform:none; flex:none; }
#flm-social .flm-unique-cover-label { color:white; text-align:center; font:650 14px/1.4 Manrope,sans-serif; }
@media(max-width:1050px) {
  #flm-social .flm-quality-columns { gap:30px; }
  #flm-social .flm-quality-option h4 { text-align:center; }
  #flm-social .flm-quality-body { flex-direction:column; align-items:center; gap:20px; }
  #flm-social .flm-reel-frame { flex:none; width:260px; }
  #flm-social .flm-reel-captions span { font-size:17px; }
  #flm-social .flm-quality-copy { max-width:340px; padding-top:0; text-align:center; }
}
@media(max-width:700px) {
  #flm-social .flm-agent-example { margin:30px 0; padding:28px 0; }
  #flm-social .flm-agent-example-heading { margin-bottom:30px; }
  #flm-social .flm-agent-example-heading p { font-size:16px; }
  #flm-social .flm-quality-columns { grid-template-columns:minmax(0,1fr); gap:34px; }
  #flm-social .flm-quality-option+article { border-top:1px solid var(--line); padding-top:30px; }
  #flm-social .flm-quality-option h4 { font-size:21px; }
  #flm-social .flm-quality-copy p { margin-bottom:14px; }
  #flm-social .flm-reel-insights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; text-align:center; }
  #flm-social .flm-insights-heading,#flm-social .flm-insights-note { grid-column:1/-1; }
  #flm-social #why-video .social-stat { padding:22px; }
  #flm-social #why-video .social-stat>.flm-stat-dots { margin:3px 0 0; align-self:center; }
  #flm-social #why-video .social-stat>p,#flm-social #why-video .social-stat>a { grid-column:1/-1; }
  #flm-social .social-phone[data-flm-unique-cover] .social-video-cover { min-height:128px; padding:10px; }
  #flm-social .flm-unique-cover-label { font-size:13px; }
  #flm-social figure:has(img.social-shoot) figcaption { max-width:calc(100% - 124px); }
}