.live-carousel { position:relative; margin:0 0 26px; overflow:hidden; border-radius:17px; background:#e6f2f0; box-shadow:0 5px 22px rgba(18,65,68,.06); }
.live-carousel[hidden] { display:none; }
.live-carousel__slide { position:relative; min-height:264px; overflow:hidden; background:linear-gradient(110deg,#123f49,#236f76); color:#fff; }
.live-carousel__slide.is-own { background:radial-gradient(ellipse at 90% 15%,rgba(103,220,206,.24),transparent 56%),linear-gradient(110deg,#e7f3ef,#c6e2dc); color:#17444a; }
.live-carousel__slide::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(12,39,49,.98),rgba(12,39,49,.6) 55%,rgba(12,39,49,.06)); }
.live-carousel__slide.is-own::after { background:linear-gradient(90deg,rgba(231,243,239,.97),rgba(231,243,239,.66) 60%,transparent); }
.live-carousel__image { position:absolute; inset:0 0 0 auto; height:100%; width:70%; object-fit:cover; }
.live-carousel__brand { position:absolute; z-index:1; right:8%; top:50%; display:flex; flex-direction:column; align-items:center; gap:10px; transform:translateY(-50%); color:#fff; font:700 22px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.live-carousel__brand img { width:98px; height:98px; border-radius:23px; box-shadow:0 12px 32px rgba(18,65,68,.15); }
.live-carousel__copy { position:relative; z-index:2; width:74%; padding:24px 32px 52px; }
.live-carousel__eyebrow { display:inline-block; margin-bottom:9px; padding:4px 9px; border-radius:5px; background:rgba(255,255,255,.14); font-size:11px; font-weight:700; }
.is-own .live-carousel__eyebrow { background:rgba(23,68,74,.1); }
.live-carousel__title { margin:0 0 10px; font-size:clamp(24px,3vw,35px); line-height:1.25; font-weight:750; overflow-wrap:anywhere; }
.live-carousel__copy p { margin:4px 0; font-size:13px; line-height:1.5; opacity:.85; overflow-wrap:anywhere; }
.live-carousel__copy .live-carousel__subtitle { font-size:15px; opacity:.96; }
.live-carousel__copy .live-carousel__meta_text { font-size:11px; opacity:.7; }
.live-carousel__action { display:inline-flex; align-items:center; min-height:35px; margin-top:12px; padding:0 16px; border-radius:8px; background:#fff; color:#204e57; text-decoration:none; font-size:13px; font-weight:700; }
.is-own .live-carousel__action { background:#216c70; color:#fff; }
.live-carousel__action:focus-visible,.live-carousel button:focus-visible { outline:2px solid #f4c968; outline-offset:3px; }
.live-carousel__controls { position:absolute; z-index:3; right:18px; bottom:12px; display:flex; gap:4px; }
.live-carousel__controls button { display:grid; place-items:center; width:31px; height:29px; padding:0; border:1px solid rgba(255,255,255,.25); border-radius:6px; background:rgba(0,0,0,.22); color:#fff; cursor:pointer; font:22px/1 sans-serif; }
.live-carousel__controls .live-carousel__pause { font-size:13px; }
.live-carousel__dots { position:absolute; z-index:3; left:32px; bottom:21px; display:flex; gap:6px; max-width:calc(100% - 160px); overflow:auto; scrollbar-width:none; }
.live-carousel__dots::-webkit-scrollbar { display:none; }
.live-carousel__dots button { width:7px; height:7px; flex:0 0 auto; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; }
.live-carousel__dots .is-active { width:21px; border-radius:5px; background:#fff; }
.live-carousel:has(.is-own) .live-carousel__dots button { background:rgba(23,68,74,.24); }
.live-carousel:has(.is-own) .live-carousel__dots .is-active { background:#216c70; }
.live-carousel__state { min-height:264px; padding:20px 24px; color:#3e666a; font-size:13px; }
.live-carousel__retry { margin-left:10px; border:0; color:#216c70; background:transparent; text-decoration:underline; font:inherit; cursor:pointer; }
@media(max-width:600px) {
 .live-carousel { margin-bottom:20px; border-radius:12px; }
 .live-carousel__slide,.live-carousel__state { min-height:218px; }
 .live-carousel__copy { width:78%; padding:18px 17px 47px; }
 .live-carousel__title { margin-bottom:8px; font-size:22px; }
 .live-carousel__copy p { font-size:11px; }
 .live-carousel__copy .live-carousel__subtitle { font-size:12px; }
 .live-carousel__copy .live-carousel__meta_text { font-size:10px; }
 .live-carousel__brand { right:6%; gap:7px; font-size:13px; }
 .live-carousel__brand img { width:53px; height:53px; border-radius:12px; }
 .live-carousel__action { min-height:31px; padding:0 12px; font-size:12px; margin-top:9px; }
 .live-carousel__dots { left:17px; bottom:20px; }
 .live-carousel__controls { right:11px; bottom:10px; }
}

.live-carousel__slide.is-own .live-carousel__brand { color:#1a6065; }
@media(max-width:600px) { .live-carousel__title,.live-carousel__copy p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } }