/* Eco Heroes video banner loop (V64/V76) — static copy of the rules in js/eh-loop.js so the banner renders before the script runs (no layout shift) */
.eh-loop{position:relative;margin:24px auto 0;max-width:760px;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(26,58,13,.16);background:#fff;display:flex;flex-direction:column}.eh-loop video,.eh-loop img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#eef4ea}.eh-loop-btn{align-self:flex-start;margin:12px 14px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:100px;background:#1a3a0d;color:#fff;font:800 15px/1.1 Nunito,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}.eh-loop-btn small{font-weight:700;opacity:.8}.eh-loop-btn:hover{background:#2d6e1a}.eh-loop-btn:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}.eh-loop-play{position:absolute;top:calc(50% - 56px);inset-inline-start:calc(50% - 32px);width:64px;height:64px;border-radius:50%;border:0;background:rgba(26,58,13,.85);color:#fff;font-size:26px;cursor:pointer}.eh-loop-modal{position:fixed;inset:0;z-index:2000;background:rgba(10,20,6,.82);display:flex;align-items:center;justify-content:center;padding:16px}.eh-loop-modal video{width:min(1100px,100%);max-height:86vh;border-radius:14px;background:#000}.eh-loop-x{position:absolute;top:14px;inset-inline-end:14px;border:0;border-radius:100px;padding:10px 16px;background:#fff;color:#1a3a0d;font:800 14px Nunito,system-ui,sans-serif;cursor:pointer}.eh-loop-band{background:#1a3a0d;color:#fff;padding:0;margin:0}.eh-loop-band .eh-in{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px}.eh-loop-band .eh-loop{margin:0;max-width:none;width:min(440px,42vw);flex:0 0 auto;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.35);background:#0f2408}.eh-loop-band .eh-txt{flex:1 1 auto;min-width:0}.eh-loop-band .eh-eye{font:800 12px/1.2 Nunito,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b9dca0;margin:0 0 8px}.eh-loop-band .eh-h{font:800 clamp(20px,2.4vw,30px)/1.2 Nunito,system-ui,sans-serif;margin:0 0 14px;color:#fff}.eh-loop-band .eh-loop-btn{margin:0;background:#fff;color:#1a3a0d}.eh-loop-band .eh-loop-btn:hover{background:#e8f5e0}@media(max-width:700px){.eh-loop-band .eh-in{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px 16px}.eh-loop-band .eh-loop{width:100%}.eh-loop-band .eh-h{font-size:19px;margin-bottom:10px}}@media(max-width:640px){.eh-loop{border-radius:14px;margin-top:18px}.eh-loop-btn{font-size:14px;padding:9px 13px}}