.cbanner{background:#0A1524}.cbanner,.cbanner__frame{position:relative;width:100%;overflow:hidden}.cbanner__frame{aspect-ratio:1920/773;min-height:260px;isolation:isolate}.cbanner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .52s ease;will-change:opacity;z-index:0;display:block}.cbanner__img--active{opacity:1;z-index:1}.cbanner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:999px;background:rgba(10,21,36,.42);color:#FBFAF8;border:1.5px solid rgba(255,255,255,.4);cursor:pointer;font-size:26px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s var(--ease-out)}.cbanner__arrow:hover{background:rgba(10,21,36,.72);border-color:#FBFAF8;transform:translateY(-50%) scale(1.05)}.cbanner__arrow--prev{left:clamp(8px,2vw,22px)}.cbanner__arrow--next{right:clamp(8px,2vw,22px)}.cbanner__arrow span{transform:translateY(-2px)}.cbanner__dots{position:absolute;bottom:clamp(12px,2.4vw,24px);left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(10,21,36,.36);backdrop-filter:blur(6px)}.cbanner__dot{width:20px;height:20px;border-radius:999px;border:0;padding:0;background:var(--cb-dot-color,#F87303);opacity:.82;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;transition:transform .2s var(--ease-out),background .2s ease,width .25s ease,opacity .2s ease}.cbanner__dot:hover{opacity:1;transform:translateY(-1px)}.cbanner__dot--active{width:52px;border-radius:999px;opacity:1}.cbanner__dot:nth-child(5n+1){--cb-dot-color:#1FA971}.cbanner__dot:nth-child(5n+2){--cb-dot-color:#5B37A6}.cbanner__dot:nth-child(5n+3){--cb-dot-color:#F87303}.cbanner__dot:nth-child(5n+4){--cb-dot-color:#2E86AB}.cbanner__dot:nth-child(5n+5){--cb-dot-color:#F1B24C}@media (max-width:720px){.cbanner__frame{aspect-ratio:4/3;max-height:520px}.cbanner__arrow{width:36px;height:36px;font-size:22px}.cbanner__dot{width:12px;height:12px}.cbanner__dot--active{width:28px}.cbanner__dots{gap:6px;padding:6px 10px;bottom:10px}}@media (max-width:480px){.cbanner__frame{aspect-ratio:3/4}.cbanner__arrow--prev{left:6px}.cbanner__arrow--next{right:6px}.cbanner__dot{width:10px;height:10px}.cbanner__dot--active{width:24px}}