.cl{margin:0}.cl,.cl__stage{position:relative}.cl__stage{aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#05081f;box-shadow:var(--shadow-lift);isolation:isolate;outline:1px solid rgb(255 255 255/.1);outline-offset:-1px}.cl__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,transform;animation:cl-in 3s linear infinite;animation-delay:calc(var(--i) * .5s)}.cl__frame:nth-child(2n){animation-name:cl-out}@keyframes cl-in{0%{opacity:0;transform:scale(1.1)}5%{opacity:1}16.67%{opacity:1;transform:scale(1.03)}22%{opacity:0;transform:scale(1.01)}to{opacity:0;transform:scale(1.01)}}@keyframes cl-out{0%{opacity:0;transform:scale(1)}5%{opacity:1}16.67%{opacity:1;transform:scale(1.07)}22%{opacity:0;transform:scale(1.09)}to{opacity:0;transform:scale(1.09)}}.cl__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgb(5 8 31/.35),rgb(5 8 31/0) 30%,rgb(5 8 31/0) 50%,rgb(5 8 31/.85));pointer-events:none}.cl__labels{position:absolute;left:16px;top:14px;height:26px}.cl__label{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 9px;border-radius:999px;border:1px solid rgb(255 255 255/.22);background:rgb(5 8 31/.55);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;animation:cl-label 3s linear infinite;animation-delay:calc(var(--i) * .5s)}.cl__label i{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--color-green)}@keyframes cl-label{0%{opacity:0;transform:translateY(6px)}6%{opacity:1;transform:none}16.67%{opacity:1;transform:none}21%{opacity:0;transform:translateY(-4px)}to{opacity:0;transform:translateY(-4px)}}.cl__bar{position:absolute;left:16px;right:16px;bottom:14px;display:flex;gap:4px;margin:0;padding:0;list-style:none}.cl__bar li{position:relative;flex:1;height:3px;border-radius:3px;background:rgb(255 255 255/.22);overflow:hidden}.cl__bar li:after{content:"";position:absolute;inset:0;background:var(--color-green);transform:scaleX(0);transform-origin:left;animation:3s linear infinite}.cl__bar li:first-child:after{animation-name:cl-seg-1}@keyframes cl-seg-1{0%{transform:scaleX(0)}16.67%{transform:scaleX(1)}to{transform:scaleX(1)}}.cl__bar li:nth-child(2):after{animation-name:cl-seg-2}@keyframes cl-seg-2{0%,16.67%{transform:scaleX(0)}33.33%{transform:scaleX(1)}to{transform:scaleX(1)}}.cl__bar li:nth-child(3):after{animation-name:cl-seg-3}@keyframes cl-seg-3{0%,33.33%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(1)}}.cl__bar li:nth-child(4):after{animation-name:cl-seg-4}@keyframes cl-seg-4{0%,50%{transform:scaleX(0)}66.67%{transform:scaleX(1)}to{transform:scaleX(1)}}.cl__bar li:nth-child(5):after{animation-name:cl-seg-5}@keyframes cl-seg-5{0%,66.67%{transform:scaleX(0)}83.33%{transform:scaleX(1)}to{transform:scaleX(1)}}.cl__bar li:nth-child(6):after{animation-name:cl-seg-6}@keyframes cl-seg-6{0%,83.33%{transform:scaleX(0)}to{transform:scaleX(1)}}.cl__line{position:absolute;left:16px;right:16px;bottom:30px;margin:0;max-width:20ch;font-family:var(--font-display);font-weight:600;font-size:clamp(17px,1.7vw,23px);line-height:1.25;color:#fff;text-wrap:balance;text-shadow:0 2px 14px rgb(0 0 0/.65)}.cl__credit{margin-top:8px;font-size:11px;line-height:1.4;color:var(--color-on-navy-muted)}@media (max-width:640px){.cl__stage{border-radius:18px}.cl__labels{left:12px;top:10px}.cl__bar{bottom:11px}.cl__bar,.cl__line{left:12px;right:12px}.cl__line{bottom:24px;font-size:16px}}@media (prefers-reduced-motion:reduce){.cl__bar li:after,.cl__frame,.cl__label{animation:none}.cl__frame:first-child,.cl__label:first-child{opacity:1;transform:none}.cl__bar li:first-child:after{transform:none}}