/* HERO ONLY — approved direction A refinement round. */
[data-review-section="hero"]{
  background-image:url('../../assets/images/fantasy-forest-hero-dobbo-v2.png');
  overflow:hidden;
  isolation:isolate;
}
[data-review-section="hero"] .hero-copy{z-index:4}
[data-review-section="hero"] h1 em{
  color:var(--purple);
  text-shadow:0 4px 0 rgba(38,36,33,.2),0 10px 28px rgba(10,32,23,.48);
}
[data-review-section="hero"] .arrow-link{position:relative;z-index:4}

.hero-atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.hero-atmosphere:before{
  content:"";position:absolute;inset:-12%;
  background:radial-gradient(circle at 76% 18%,rgba(255,243,184,.2),transparent 25%),radial-gradient(circle at 64% 68%,rgba(255,208,98,.13),transparent 23%);
  mix-blend-mode:screen;opacity:.5;
  animation:forest-light 9s ease-in-out infinite alternate;
}
.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffeaa0;box-shadow:0 0 8px 3px rgba(255,211,91,.65);animation:firefly-float 7s ease-in-out infinite alternate}
.f1{left:13%;top:30%;animation-delay:-1s}.f2{left:37%;top:67%;animation-delay:-4s}.f3{left:55%;top:25%;animation-delay:-2s}.f4{right:12%;top:43%;animation-delay:-5s}
.drift-leaf{position:absolute;width:15px;height:9px;border-radius:90% 12% 90% 12%;background:rgba(246,241,231,.32);filter:blur(.2px);animation:leaf-drift 12s linear infinite}
.l1{left:48%;top:-4%;animation-delay:-2s}.l2{left:68%;top:-8%;animation-delay:-7s;transform:scale(.75)}.l3{left:84%;top:-5%;animation-delay:-10s;transform:scale(1.15)}
@keyframes forest-light{0%{transform:translate3d(-1%,1%,0) scale(.98);opacity:.32}100%{transform:translate3d(1%,-1%,0) scale(1.04);opacity:.64}}
@keyframes firefly-float{0%{transform:translate3d(-8px,10px,0) scale(.7);opacity:.28}55%{opacity:1}100%{transform:translate3d(12px,-12px,0) scale(1.25);opacity:.55}}
@keyframes leaf-drift{0%{translate:0 -20px;rotate:0deg;opacity:0}12%{opacity:.72}50%{translate:32px 48vh;rotate:180deg}88%{opacity:.45}100%{translate:-12px 105vh;rotate:360deg;opacity:0}}

@media(max-width:520px){
  [data-review-section="hero"]{background-image:url('../../assets/images/fantasy-forest-hero-mobile-dobbo-v2.png')}
  [data-review-section="hero"] h1 em{text-shadow:0 3px 0 rgba(38,36,33,.22),0 8px 20px rgba(10,32,23,.5)}
  .l3,.f3{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-atmosphere:before,.firefly,.drift-leaf{animation:none!important}.drift-leaf{display:none}.hero-atmosphere:before{opacity:.38}}