/* Hive cinema layer. Pairs with /assets/hive-cinema.js */
.cine-amb{position:fixed;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}
.cine-rel{position:relative}
.cine-js .cine-r{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.cine-js .cine-r.cine-in{opacity:1;transform:none}
.cine-seam{position:absolute;left:50%;top:-1px;width:min(980px,86%);height:2px;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(47,128,255,.55) 30%,rgba(167,139,250,.6) 50%,rgba(45,212,191,.5) 70%,transparent);
  opacity:.55;filter:drop-shadow(0 0 6px rgba(47,128,255,.6));z-index:0}
.cine-seam::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#E6F0FF;
  box-shadow:0 0 12px 4px rgba(47,128,255,.75);animation:cineRun 6.5s linear infinite}
@keyframes cineRun{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
.cine-band{position:relative;margin:56px auto 0;max-width:1400px;height:clamp(220px,32vw,420px);border-radius:24px;overflow:hidden;isolation:isolate;
  box-shadow:0 40px 90px -50px rgba(47,128,255,.55);border:1px solid rgba(220,227,234,.10)}
.cine-band img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;transform:scale(1.12);will-change:transform}
.cine-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,19,.88) 0%,rgba(5,9,19,.45) 42%,rgba(5,9,19,0) 70%),linear-gradient(0deg,rgba(5,9,19,.7),transparent 45%)}
.cine-band figcaption{position:absolute;z-index:2;left:clamp(18px,4vw,48px);bottom:clamp(18px,3.4vw,40px);max-width:min(520px,80%);color:#F2F6FB}
.cine-band figcaption span{display:block;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#9FB3C8;margin-bottom:8px}
.cine-band figcaption b{display:block;font-size:clamp(22px,2.6vw,34px);line-height:1.15;font-weight:700}
@media (prefers-reduced-motion:reduce){.cine-seam::after{animation:none;display:none}.cine-js .cine-r{opacity:1;transform:none;transition:none}}
@media print{.cine-amb,.cine-seam{display:none}.cine-js .cine-r{opacity:1;transform:none}}
.cine-bw{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
@media (max-width:720px){.cine-bw{padding:0 16px}.cine-band{margin-top:40px;border-radius:18px}}
