/* The player has no panel: only the rounded video, its close control and the backdrop. */
.site-shell .video-dialog{inset:0;margin:auto;width:min(1120px,calc(100vw - 48px),calc((100dvh - 144px) * 16 / 9));height:fit-content;max-width:none;max-height:none;border:0;padding:0;background:transparent;color:#fff;overflow:visible;box-shadow:none}
.site-shell .video-dialog::backdrop{background:rgb(0 0 0 / 80%);backdrop-filter:blur(8px);opacity:1;transition:opacity .28s ease}
.site-shell .video-dialog[data-state=opening]::backdrop,.site-shell .video-dialog[data-state=closing]::backdrop{opacity:0}
.site-shell .video-frame{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:24px;background:transparent;line-height:0;transform-origin:center}
.site-shell .video-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:inherit;background:transparent}
.site-shell .video-close{position:absolute;top:-64px;right:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;background:transparent;color:#fff;padding:12px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.site-shell .video-close svg{display:block;width:22px;height:22px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.site-shell .video-close:hover,.site-shell .video-close:focus-visible{background:#c1b397;border-color:#c1b397;color:#393e46}
.site-shell .video-close:hover svg{transform:rotate(90deg)}
.site-shell .video-dialog :focus-visible{outline:2px solid #c1b397;outline-offset:6px}
@media(max-width:599px){.site-shell .video-dialog{width:min(calc(100vw - 32px),calc((100dvh - 128px) * 16 / 9))}.site-shell .video-frame{border-radius:20px}.site-shell .video-close{top:-60px}}
@media(prefers-reduced-motion:reduce){.site-shell .video-dialog::backdrop,.site-shell .video-close,.site-shell .video-close svg{transition:none}.site-shell .video-close:hover svg{transform:none}}