.bwg-intro {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100dvh;
    max-height: none;
    padding: 24px;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    overflow: auto;
    background: #18232b;
    color: var(--bwg-text, #fff);
    font-family: inherit;
}
.bwg-intro[open] { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; }
.bwg-intro::backdrop { background: #18232b; }
.bwg-intro__background { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.bwg-intro__poster, .bwg-intro__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bwg-intro__video { opacity: 0; }
.bwg-intro__video.is-playing { opacity: 1; }
.bwg-intro__content { position: relative; z-index: 1; min-width: 0; width: 100%; max-width: 767px; text-align: center; padding: 28px 16px; box-sizing: border-box; }
.bwg-intro__logo { display: block; width: 300px; max-width: 85%; height: auto; margin: 0 auto 28px; }
.bwg-intro__text { color: inherit; font-size: 18px; font-weight: 700; line-height: 1.5; margin: 0 0 30px; white-space: normal; }
.bwg-intro__continue { display: inline-block; border: 2px solid transparent; border-radius: 5px; padding: 18px 28px; background: var(--bwg-button, #fff); color: var(--bwg-button-text, #000); font: 700 16px/1.3 system-ui, sans-serif; cursor: pointer; }
.bwg-intro__continue:hover { filter: brightness(.94); }
.bwg-intro__continue:focus-visible { outline: 3px solid #fff; outline-offset: 5px; box-shadow: 0 0 0 6px #17232c; }
.bwg-intro__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }