/* UP1744 — Multi-page Cinematic Hero System
   Page-specific local stock hero imagery across public pages. No external calls/hotlinks.
   Guardrails: CSS/JS/assets only plus layout/config include; no routing, middleware, .htaccess, Stripe, scheduler or email changes. */

body.fij-design-v1744{
  --fij-hero-cyan:#08bfd6;
  --fij-hero-purple:#7b4dff;
  --fij-hero-ink:#07111f;
  --fij-hero-hot:#ff3f6e;
  --fij-hero-orange:#ff8a3d;
}

body.fij-design-v1744 .fij-page-hero-has-image,
body.fij-design-v1744 .fij-auth-brand-panel{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#07111f!important;
}

body.fij-design-v1744 .fij-page-hero-has-image > .container,
body.fij-design-v1744 .fij-page-hero-has-image .container,
body.fij-design-v1744 .fij-auth-brand-panel > *{
  position:relative!important;
  z-index:5!important;
}

body.fij-design-v1744 .fij-page-hero-layer{
  position:absolute!important;
  inset:-6%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:scale(1.035)!important;
  filter:saturate(1.02) contrast(1.05) brightness(1.02)!important;
  transition:opacity 1300ms ease!important;
  will-change:opacity, transform!important;
}
body.fij-design-v1744 .fij-page-hero-layer.is-active{
  opacity:.95!important;
  animation:fijPageHeroKenBurns1744 18s ease-in-out infinite alternate!important;
}

body.fij-design-v1744 .fij-page-hero-tint{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 78% 22%, rgba(123,77,255,.30), transparent 42%),
    radial-gradient(circle at 18% 24%, rgba(8,191,214,.16), transparent 36%),
    linear-gradient(90deg, rgba(7,17,31,.88) 0%, rgba(7,17,31,.70) 42%, rgba(16,10,32,.38) 100%),
    linear-gradient(180deg, rgba(7,17,31,.16) 0%, rgba(7,17,31,.60) 100%)!important;
}
body.fij-design-v1744 .fij-page-hero-tint::before{
  content:"";
  position:absolute;
  inset:-14%;
  opacity:.06;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:72px 72px;
  transform:rotate(-8deg) scale(1.08);
}

/* Page-specific tone adjustments so every hero feels related, but not identical. */
body.fij-design-v1744.fij-jobs-index-context .fij-page-hero-tint{background:radial-gradient(circle at 80% 20%, rgba(8,191,214,.22), transparent 42%),linear-gradient(90deg,rgba(7,17,31,.90),rgba(7,17,31,.68) 46%,rgba(13,22,40,.42)),linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.64))!important;}
body.fij-design-v1744.fij-companies-index-context .fij-page-hero-tint{background:radial-gradient(circle at 78% 24%, rgba(255,138,61,.18), transparent 36%),radial-gradient(circle at 17% 20%, rgba(8,191,214,.18), transparent 34%),linear-gradient(90deg,rgba(7,17,31,.88),rgba(7,17,31,.66) 44%,rgba(27,19,31,.40)),linear-gradient(180deg,rgba(7,17,31,.10),rgba(7,17,31,.62))!important;}
body.fij-design-v1744.fij-articles-index-context .fij-page-hero-tint,
body.fij-design-v1744.fij-article-detail-context .fij-page-hero-tint{background:radial-gradient(circle at 75% 20%, rgba(123,77,255,.24), transparent 40%),linear-gradient(90deg,rgba(7,17,31,.90),rgba(7,17,31,.70) 44%,rgba(20,12,38,.42)),linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.66))!important;}
body.fij-design-v1744.fij-pricing-context .fij-page-hero-tint{background:radial-gradient(circle at 78% 23%, rgba(255,63,110,.16), transparent 42%),radial-gradient(circle at 20% 18%, rgba(123,77,255,.20), transparent 34%),linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.72) 45%,rgba(21,10,33,.46)),linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.68))!important;}
body.fij-design-v1744.fij-dashboard-context .fij-page-hero-tint,
body.fij-design-v1744.fij-auth-context .fij-page-hero-tint{background:radial-gradient(circle at 76% 24%, rgba(8,191,214,.20), transparent 42%),radial-gradient(circle at 20% 20%, rgba(123,77,255,.18), transparent 34%),linear-gradient(90deg,rgba(7,17,31,.90),rgba(7,17,31,.68) 46%,rgba(14,20,38,.42)),linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.66))!important;}

/* Keep smaller detail heroes professional and content-first. */
body.fij-design-v1744.fij-job-detail-context .fij-page-hero-layer,
body.fij-design-v1744.fij-company-detail-context .fij-page-hero-layer{filter:saturate(.92) contrast(1.04) brightness(.94)!important;}
body.fij-design-v1744.fij-job-detail-context .fij-page-hero-tint,
body.fij-design-v1744.fij-company-detail-context .fij-page-hero-tint{background:linear-gradient(90deg,rgba(7,17,31,.94),rgba(7,17,31,.78) 48%,rgba(18,10,34,.55)),linear-gradient(180deg,rgba(7,17,31,.08),rgba(7,17,31,.70))!important;}

/* Auth gets the same brand atmosphere without making the form harder to read. */
body.fj-auth.fij-design-v1744 .fij-auth-brand-panel::before{
  content:"";
  position:absolute;
  inset:-6%;
  z-index:0;
  background:url('/assets/hero/pages/filmjobs-hero-auth-01.webp') center center/cover no-repeat;
  filter:saturate(1.02) contrast(1.04) brightness(.98);
  transform:scale(1.04);
}
body.fj-auth.fij-design-v1744 .fij-auth-brand-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 75% 20%, rgba(123,77,255,.28), transparent 42%),linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.64));
}
body.fj-auth.fij-design-v1744 .fij-auth-brand-panel > *{position:relative;z-index:3;}

/* Header Create profile remains cyan; hero/join conversion CTA keeps hot accent. */
body.fij-design-v1744 .fij-public-header a.fij-nav-action-primary[href*="register"]{
  background:linear-gradient(135deg,#08bfd6,#23d8e8)!important;
  color:#06111d!important;
  border-color:#08bfd6!important;
  box-shadow:0 10px 24px rgba(8,191,214,.22)!important;
}
body.fij-design-v1744.fij-home-context .fij-home-actions-v1739 a[href*="register"],
body.fij-design-v1744 .fij-join-simple-actions-v1739 a[href*="register"],
body.fij-design-v1744 .fij-join-simple-actions-v1696 a[href*="register"]{
  background:linear-gradient(135deg,var(--fij-hero-hot),var(--fij-hero-orange))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}

@keyframes fijPageHeroKenBurns1744{
  0%{transform:scale(1.035) translate3d(0,0,0);}  
  100%{transform:scale(1.075) translate3d(-1.1%,.65%,0);} 
}
@media (max-width:760px){
  body.fij-design-v1744 .fij-page-hero-layer:nth-of-type(n+2){display:none!important;}
  body.fij-design-v1744 .fij-page-hero-layer.is-active{animation:none!important;opacity:.82!important;}
  body.fij-design-v1744 .fij-page-hero-tint{background:linear-gradient(90deg,rgba(7,17,31,.92),rgba(7,17,31,.76)),linear-gradient(180deg,rgba(7,17,31,.10),rgba(7,17,31,.70))!important;}
}
@media (prefers-reduced-motion:reduce){
  body.fij-design-v1744 .fij-page-hero-layer{transition:none!important;animation:none!important;}
}