/* BN724 - Bottom band: real manila tags hanging from a twine (replaces the drawing that the bn719 sway displaced). */
section.closer svg g{animation:none!important}
.bn724-line{position:relative;width:100%;max-width:380px;height:220px;margin-left:auto}
.bn724-line>svg.twine{position:absolute;left:0;top:0;width:100%;height:60px;overflow:visible}
.bn724-hang{position:absolute;top:22px;width:86px;transform-origin:50% 0;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35)) drop-shadow(0 2px 2px rgba(0,0,0,.25));animation:bn724sway 6s ease-in-out infinite}
.bn724-hang svg{display:block;width:100%;height:auto}
.bn724-hang.h1{left:4%;animation-delay:-1s}.bn724-hang.h2{left:37%;top:34px;animation-delay:-3s}.bn724-hang.h3{left:70%;animation-delay:-5s}
@keyframes bn724sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media (max-width:700px){.bn724-line{max-width:300px;height:190px;margin:10px auto 0}.bn724-hang{width:70px}}
@media (prefers-reduced-motion:reduce){.bn724-hang{animation:none}}
/* BN724: outline buttons on the dark green bands stay transparent with light text (bn719 gave all outline buttons a white face) */
section.closer .btn.btn-ghost,section.why+section .btn.btn-ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
section.closer .btn.btn-ghost:hover,section.why+section .btn.btn-ghost:hover{background:rgba(255,255,255,.1)!important}
/* BN725: light primary buttons on dark green panels (booth calculator results) use dark green text */
.res .btn.btn-primary,.calc .res .btn.btn-primary{color:#14532d!important}