/* Scoped to the brand introduction player; existing page layout is preserved. */
.brand-video-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid #54453d;border-radius:12px;background:#171412;color:#fffaf5;overflow:auto;box-shadow:0 24px 80px #0006}
.brand-video-dialog::backdrop{background:rgba(15,12,10,.82)}
.brand-video-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.brand-video-heading h2{margin:0;font-size:16px;font-weight:500;line-height:1.5}.brand-video-heading button{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #6a5e55;border-radius:4px;background:transparent;color:inherit;font:28px/1 system-ui;cursor:pointer}
.brand-video-frame{width:min(100%,calc((100vh - 160px)*9/16));width:min(100%,calc((100dvh - 160px)*9/16));min-width:200px;aspect-ratio:9/16;margin-inline:auto;background:#000}.brand-video-frame iframe{display:block;width:100%;height:100%;border:0}.brand-video-fallback{display:inline-block;margin-top:12px;color:inherit;font-size:14px;text-underline-offset:4px}.brand-video-dialog :focus-visible{outline:2px solid #d8bda3;outline-offset:3px}html.brand-video-open{overflow:hidden}
@media(max-height:500px) and (orientation:landscape){.brand-video-dialog{width:min(680px,calc(100vw - 24px));padding:12px}.brand-video-heading{margin-bottom:8px}.brand-video-frame{width:100%;height:max(200px,calc(100dvh - 140px));aspect-ratio:auto}.brand-video-fallback{margin-top:8px}}