.by-welcome{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fbfaf7;color:#20251a;overflow:hidden;opacity:1;transition:opacity .24s ease-out}
.by-welcome::backdrop{background:#fbfaf7}
.by-welcome[open]{display:grid;place-items:center}
.by-welcome video{display:block;width:min(100vw,100dvh,760px);height:min(100vw,100dvh,760px);object-fit:contain}
.by-welcome button{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));padding:12px 20px;border:1px solid #b8bbae;border-radius:30px;background:#fbfaf7;color:#34392c;font:500 14px/1.2 system-ui,sans-serif;cursor:pointer}
.by-welcome button:focus-visible{outline:2px solid #55713b;outline-offset:4px}
.by-welcome.is-leaving{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.by-welcome{transition:none}}