/* juice.css — the apiary motion layer.
   Load with assets/juice.js. Everything is decorative + pointer-safe.
   prefers-reduced-motion: the whole layer stands down. */

/* --- ambient pollen motes canvas (injected fixed, pointer-events none) --- */
.juice-motes{position:fixed;inset:0;width:100vw;height:100vh;
  pointer-events:none;z-index:2147483000;opacity:.55}

/* --- entrance: page materializes like a render finishing --- */
body{animation:juice-in .55s cubic-bezier(.2,.9,.25,1) both}
@keyframes juice-in{from{opacity:0;transform:translateY(10px) scale(.995)}
  to{opacity:1;transform:none}}

/* --- headings get a slow golden sweep (background-clip text where set,
   else a soft glow pulse — safe fallback, never hides content) --- */
@keyframes juice-glow{0%,100%{text-shadow:0 0 0 rgba(251,191,36,0)}
  50%{text-shadow:0 0 22px rgba(251,191,36,.35)}}
h1{animation:juice-in .55s cubic-bezier(.2,.9,.25,1) both,
  juice-glow 6s ease-in-out 1s infinite}

/* --- interaction physics: links/buttons/cards breathe on hover --- */
a,button,.card,.tier,.nav-item,.drop a{transition:transform .16s ease-out,
  box-shadow .16s ease-out,border-color .16s ease-out,filter .16s ease-out}
a:hover{filter:brightness(1.12)}
.card:hover,.tier:hover{transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.35)}

/* --- selection: wax-seal amber instead of platform default --- */
::selection{background:#f59e0b;color:#17100a}

/* --- scanline: a single sweep down the page on load, then gone --- */
.juice-scan{position:fixed;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#fbbf24aa,transparent);
  pointer-events:none;z-index:2147483001;
  animation:juice-scan 1.1s ease-out .2s both}
@keyframes juice-scan{from{transform:translateY(-10px);opacity:1}
  to{transform:translateY(105vh);opacity:0}}

/* --- the chaser bee --- */
.juice-bee{position:fixed;width:11px;height:8px;pointer-events:none;
  z-index:2147483000;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fbbf24,#b45309);
  box-shadow:0 0 8px rgba(251,191,36,.6);
  transition:transform .05s linear}
.juice-bee::before{content:'';position:absolute;left:-1px;top:-6px;
  width:7px;height:7px;border-radius:50%;
  background:rgba(253,243,221,.5);animation:juice-buzz .09s infinite alternate}
@keyframes juice-buzz{to{transform:rotate(38deg) translateY(-1.5px)}}

@media (prefers-reduced-motion: reduce){
  .juice-motes,.juice-scan,.juice-bee{display:none!important}
  body,h1{animation:none!important}
  a,button,.card,.tier{transition:none!important}
}