@import url('/v10.css');

/* Final hero refinement: a sharper JGD with a quieter, proportional orbit. */
.hero-orbit{
  right:4.5vw;
  width:min(48vw,720px);
  opacity:.58;
  border-color:rgba(164,211,230,.19);
  box-shadow:0 0 0 70px rgba(91,160,192,.018),0 0 105px rgba(61,140,179,.12);
  animation:none;
}

.hero-orbit:before,.hero-orbit:after{border-color:rgba(164,211,230,.085)}

.hero-film-mark{
  right:8vw;
  top:46%;
  width:min(31vw,470px);
  opacity:.94;
  filter:drop-shadow(0 0 34px rgba(91,168,201,.24)) drop-shadow(0 18px 36px rgba(0,0,0,.3));
  animation:markFloat 10s ease-in-out infinite;
}

.hero-film-mark:before{
  inset:-38%;
  background:radial-gradient(circle,rgba(3,15,26,.7) 0%,rgba(6,34,54,.4) 38%,rgba(55,132,169,.13) 55%,transparent 72%);
}

.hero-film-mark img{
  filter:saturate(.96) contrast(1.13) brightness(1.05);
  transform:translateZ(0);
}

@media(max-width:1120px){
  .hero-orbit{right:-1vw;width:min(55vw,650px)}
  .hero-film-mark{right:4vw;width:min(36vw,430px)}
}

@media(max-width:980px){
  .hero-orbit{right:-10vw;width:69vw;opacity:.46}
  .hero-film-mark{right:-2vw;width:min(46vw,410px);opacity:.74}
}

@media(max-width:650px){
  .hero-orbit{top:34%;right:-21vw;width:88vw;opacity:.34}
  .hero-film-mark{right:-9vw;top:34%;width:70vw;opacity:.5}
}

@media(prefers-reduced-motion:reduce){
  .hero-film-mark{animation:none}
}