/* background.css — ambient floating covers behind all content */
.bg-float{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--bg-op,.5);transition:opacity .6s linear}
.bg-float .fl{position:absolute;top:0;left:0;will-change:transform;border-radius:22%;overflow:hidden;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.9);filter:blur(var(--blur,1px)) saturate(.9)}
.bg-float .fl img{width:100%;height:100%;object-fit:cover}
/* soft vignette keeps text crisp on top of covers */
.bg-float::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 100%)}
@media (max-width:700px){.bg-float{--bg-op:.35}}