/* Red Hound — animated page background: shared color filter, scrim, scanlines and
   readability tints. One file so every page shares the IDENTICAL filter for legibility.
   Activated by `body.socbg` (+ a page-type modifier); driven by soc-bg.js.
   (c) 2026 Redhound Information Security LLC. */

body.socbg { background-color: transparent; }

#socfx-video {
  position: fixed; inset: 0; z-index: -3;
  width: 100%; height: 100%; object-fit: cover; background: #08090c;
  filter: contrast(1.05) brightness(.78) saturate(.9);
  will-change: transform;
}
#socfx-scrim {
  position: fixed; inset: 0; z-index: -2; pointer-events: none; will-change: opacity;
  background:
    linear-gradient(180deg, rgba(8,9,12,.42) 0%, rgba(8,9,12,.50) 45%, rgba(8,9,12,.60) 100%),
    radial-gradient(145% 115% at 50% 36%, rgba(0,0,0,0) 38%, rgba(0,0,0,.55) 100%);
}
#socfx-scan {
  position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 2px, rgba(0,0,0,.10) 3px, rgba(0,0,0,0) 4px);
}

/* Home */
body.socbg-home .hero { background-color: transparent !important; }
body.socbg-home .hero__bg { opacity: 0 !important; }
body.socbg-home .glow-orb { display: none !important; }
body.socbg-home .services,
body.socbg-home .process,
body.socbg-home .expertise,
body.socbg-home .team,
body.socbg-home .pricing,
body.socbg-home .services-cta { background-color: rgba(9,10,13,.74) !important; }

/* Services-type pages (services, partners, learn, fractional-ciso) */
body.socbg-svc .services-hero { background-color: transparent !important; }
body.socbg-svc .service-detail,
body.socbg-svc .services-cta { background-color: rgba(9,10,13,.74) !important; }
body.socbg-svc .service-detail--alt { background-color: rgba(9,10,13,.82) !important; }

/* Darker variant (partners, services) — more contrast for text. Still fades on scroll
   via soc-bg.js (darker at the top, lighter toward the bottom — the apex method). */
body.socbg-darker #socfx-scrim {
  background:
    linear-gradient(180deg, rgba(6,7,10,.56) 0%, rgba(6,7,10,.60) 45%, rgba(6,7,10,.64) 100%),
    radial-gradient(145% 115% at 50% 36%, rgba(0,0,0,0) 34%, rgba(0,0,0,.62) 100%);
}
body.socbg-darker .service-detail,
body.socbg-darker .services-cta { background-color: rgba(9,10,13,.84) !important; }
body.socbg-darker .service-detail--alt { background-color: rgba(9,10,13,.90) !important; }

/* Blog / insights — post list sits on a translucent blurred reading panel */
body.socbg-blog .services-hero { background-color: transparent !important; }
body.socbg-blog .blog-list { background-color: transparent !important; }
body.socbg-blog .blog-list .container--narrow {
  background-color: rgba(10,11,14,.80);
  padding: clamp(20px,3vw,44px);
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  box-shadow: 0 24px 60px rgba(0,0,0,.40);
}