/* ==========================================================================
   layout.css — full-bleed bands and their ambient glows
   Content sits in a 1440px .wrap with a fluid gutter (base.css).
   ========================================================================== */

/* ---------- ambient ---------- */
.band{position:relative;overflow:hidden;isolation:isolate}
.band>.wrap{position:relative;z-index:1}
.b0{background:var(--bg0)}.b1{background:var(--bg1)}.b2{background:var(--bg2)}
.bt{border-top:1px solid var(--line)}
.glow{position:absolute;border-radius:999px;filter:blur(110px);pointer-events:none;z-index:0;animation:drift 16s ease-in-out infinite}
.glow.g2{animation-duration:20s;animation-delay:-6s}.glow.g3{animation-duration:18s;animation-delay:-11s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-36px) scale(1.12)}}
.bob{animation:bob 6s ease-in-out infinite}.bob.b-2{animation-duration:7.5s;animation-delay:-2s}.bob.b-3{animation-duration:8.5s;animation-delay:-4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}