.rot-bg{position:absolute;inset:0;overflow:hidden}
.rot-bg>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 1.4s ease}
.rot-bg>.is-on{opacity:1;transform:scale(1);transition:opacity 1.4s ease,transform 9s cubic-bezier(.2,.6,.3,1)}
.rot-h{display:grid}
.rot-h>.rot-msg{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .8s cubic-bezier(.22,1,.36,1);pointer-events:none}
.rot-h>.rot-msg.is-on{opacity:1;transform:none;pointer-events:auto;transition-delay:.18s}
.rot-ctl{display:flex;align-items:center;gap:2px;margin-top:24px;color:inherit}
.rot-ctl button{all:unset;box-sizing:border-box;display:grid;place-items:center;height:44px;cursor:pointer;color:inherit}
.rot-ctl button:focus-visible{outline:2px solid #C7A463;outline-offset:2px;border-radius:4px}
.rot-dot{width:44px}
.rot-dot i{position:relative;display:block;width:32px;height:2px;overflow:hidden;background:currentColor;opacity:.35}
.rot-dot[aria-current="true"] i{opacity:1;background:rgba(127,127,127,.35)}
.rot-dot i::after{content:"";position:absolute;inset:0;background:#C7A463;transform:scaleX(0);transform-origin:left}
.rot-dot[aria-current="true"] i::after{animation:rotFill var(--rot-ms,6500ms) linear forwards}
.is-rot-paused .rot-dot[aria-current="true"] i::after{animation:none;transform:scaleX(1)}
@keyframes rotFill{to{transform:scaleX(1)}}
.rot-pp{width:44px;opacity:.85}
.rot-pp svg{width:14px;height:14px}
.rot-pp:hover{opacity:1}
@media (prefers-reduced-motion:reduce){.rot-bg>*,.rot-h>.rot-msg{transition:opacity .01s!important;transform:none!important}.rot-dot[aria-current="true"] i::after{animation:none;transform:scaleX(1)}}

.rot-v{position:absolute;inset:0;overflow:hidden;background:#0B0B0C}
.rot-v>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rot-v>iframe{position:absolute;top:50%;left:50%;width:max(100%,calc(min(88vh,860px) * 1.7778));height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}
.rot-cap{display:grid;margin-top:18px}
.rot-cap>.rot-msg{grid-area:1/1;display:inline-flex;align-items:center;gap:10px;justify-self:start;opacity:0;transition:opacity .5s ease}
.rot-cap>.rot-msg.is-on{opacity:1;transition-delay:.3s}
.rot-live{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:0 14px 0 12px;border-radius:999px;background:rgba(11,11,12,.45);backdrop-filter:blur(8px);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#F4F1EB}
.rot-live i{width:8px;height:8px;border-radius:50%;background:#C7A463;box-shadow:0 0 0 0 rgba(199,164,99,.7);animation:rotPulse 1.8s infinite}
@keyframes rotPulse{0%{box-shadow:0 0 0 0 rgba(199,164,99,.6)}70%{box-shadow:0 0 0 10px rgba(199,164,99,0)}100%{box-shadow:0 0 0 0 rgba(199,164,99,0)}}
@media (prefers-reduced-motion:reduce){.rot-live i{animation:none}}

.rot-v>iframe{opacity:0;transition:opacity .6s ease}
.rot-v.is-playing>iframe{opacity:1}
.rot-v.is-err>iframe{display:none}
.rot-v{container-type:size}
.rot-v>iframe{width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw)}
.rot-v>img{transition:opacity .6s ease .4s}
.rot-v.is-playing>img{opacity:0}