/* ============================================================
   BloomBridge — "The Garden Ignites" entry overlay (home only)
   A luminous seed falls into warm darkness; on impact a garden
   of glowing vines races across the screen, flowers pop open,
   the tagline sweeps in behind a band of light, and everything
   dissolves into pollen that hands off to the hero underneath.
   New file; no existing selectors are overridden.
   Hard cap 2.4s. Any input skips. Reduced motion = no intro.
   ============================================================ */
#bb-intro2{position:fixed;inset:0;z-index:7000;pointer-events:auto}
#bb-intro2.out{pointer-events:none}

/* warm near-black darkness with vignette */
#bb-intro2 .bbi2-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 50% 62%,rgba(61,47,36,.55) 0%,rgba(36,27,19,0) 55%),
    radial-gradient(140% 140% at 50% 45%,#241b13 0%,#1a130c 62%,#0f0b07 100%);
  transition:opacity .38s ease;
}
#bb-intro2.out .bbi2-bg{opacity:0}

#bb-intro2 .bbi2-c{position:absolute;inset:0;width:100%;height:100%;display:block}

/* tagline — light-mask reveal + scale settle */
#bb-intro2 .bbi2-tag{
  position:absolute;left:50%;top:41%;
  transform:translate(-50%,-50%) scale(1.06);
  margin:0;padding:.32em .9em;max-width:none;white-space:nowrap;overflow:hidden;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.2rem,3.6vw,2.2rem);
  letter-spacing:.6px;color:#F5F5DC;opacity:0;
  text-shadow:0 0 14px rgba(217,168,108,.62),0 0 40px rgba(217,168,108,.34);
}
#bb-intro2 .bbi2-txt{display:inline-block;clip-path:inset(-40% 103% -40% -3%)}
#bb-intro2 .bbi2-band{
  position:absolute;top:-30%;bottom:-30%;left:-18%;width:15%;
  background:linear-gradient(90deg,rgba(255,242,205,0) 0%,rgba(255,242,205,.95) 50%,rgba(255,242,205,0) 100%);
  filter:blur(5px);opacity:0;pointer-events:none;
}
#bb-intro2 .bbi2-tag.on{animation:bbi2Settle .95s cubic-bezier(.22,.9,.24,1) forwards}
#bb-intro2 .bbi2-tag.on .bbi2-txt{animation:bbi2Reveal .72s cubic-bezier(.3,.7,.2,1) .06s forwards}
#bb-intro2 .bbi2-tag.on .bbi2-band{animation:bbi2Band .8s cubic-bezier(.3,.7,.2,1) forwards}

/* skip / release: tagline fades fast (placed after .on so it wins) */
#bb-intro2.out .bbi2-tag{animation:bbi2Fade .3s ease forwards}

@keyframes bbi2Settle{
  0%{opacity:0;transform:translate(-50%,-50%) scale(1.07)}
  30%{opacity:1}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes bbi2Reveal{to{clip-path:inset(-40% -3% -40% -3%)}}
@keyframes bbi2Band{
  0%{left:-18%;opacity:0}
  12%{opacity:1}
  86%{opacity:1}
  100%{left:106%;opacity:0}
}
@keyframes bbi2Fade{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(-50%,-50%) scale(.99)}
}

/* Reduced motion: intro never appears (JS also bails; belt + braces) */
html.rm #bb-intro2{display:none !important}
@media (prefers-reduced-motion:reduce){#bb-intro2{display:none !important}}