#banner.dty-pond-active {
    background: #182a3b !important;
    isolation: isolate;
    overflow: hidden;
}
html.darkmode #banner.dty-pond-active { background: #101a28 !important; }
#banner.dty-pond-active > .shape { opacity: 0 !important; }
#banner.dty-pond-active::after { pointer-events: none; }
#banner.dty-pond-active > canvas { z-index: 1; }
#banner.dty-pond-active #banner_container { position: relative; z-index: 2; }
#banner.dty-pond-active .banner-title { text-shadow: 0 2px 14px #0b1828; }
#banner .dty-pond-caption {
    position: absolute;
    top: calc(50% + 38px);
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    color: #c0cfda;
    font-size: 12px;
    letter-spacing: .12em;
    text-align: center;
    pointer-events: none;
}
@media (max-width: 600px) {
    #banner .dty-pond-caption { font-size: 11px; letter-spacing: .06em; }
}