.hub-slideshow { position: relative; margin: 48px 0; color: #fff; }
.hub-slideshow [hidden] { display: none !important; }
.hub-slideshow__viewport { overflow: hidden; border-radius: 24px; background: var(--primary, #007a37); }
.hub-slideshow__slide { position: relative; min-height: 520px; display: flex; align-items: flex-end; isolation: isolate; }
.hub-slideshow__image { position: absolute; inset: 0; width: 100% !important; height: 100%; object-fit: cover; z-index: -2; }
.hub-slideshow__slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,22,35,.06) 10%, rgba(11,22,35,.86) 100%); z-index: -1; }
.hub-slideshow__content { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; width: 100%; padding: 64px 64px 88px; }
.hub-slideshow__copy { max-width: 760px; min-width: 0; }
.hub-slideshow .hub-slideshow__title { color: #fff; font-size: clamp(24px, 2.6vw, 40px); font-weight: 700; line-height: 1.25 !important; margin: 0; overflow-wrap: anywhere; }
.hub-slideshow__date { display: flex; align-items: center; gap: 8px; font-size: 14px; margin: 0 0 16px; }
.hub-slideshow__date .material-icons-round { font-size: 18px; }
.hub-slideshow__description { color: #fff; font-size: 16px; line-height: 1.6; margin: 16px 0 0; white-space: pre-line; }
.hub-slideshow .hub-slideshow__button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; flex-shrink: 0; white-space: normal; max-width: 100%; overflow-wrap: anywhere; }
.hub-slideshow__nav { position: absolute; top: 50%; transform: translateY(-50%); border: 2px solid #fff; background: var(--primary, #007a37); color: #fff; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(11,22,63,.2); z-index: 2; cursor: pointer; }
.hub-slideshow__nav--prev { left: -28px; }
.hub-slideshow__nav--next { right: -28px; }
.hub-slideshow__nav:hover { background: #005c29; }
.hub-slideshow__nav .material-icons-round { font-size: 30px; }
.hub-slideshow__pagination { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 10px; max-width: calc(100% - 64px); flex-wrap: wrap; }
.hub-slideshow__pagination button { cursor: pointer; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #fff; padding: 0; background: transparent; }
.hub-slideshow__pagination button[aria-current="true"] { background: #ffda17; border-color: #ffda17; }
.hub-slideshow__pagination .hub-slideshow__play { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: #fff; }
.hub-slideshow__play .material-icons-round { font-size: 18px; }
.hub-slideshow button:focus-visible, .hub-slideshow a:focus-visible { outline: 3px solid #ffda17; outline-offset: 4px; }
@media (max-width: 1199.98px) {
    .hub-slideshow__content { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767.98px) {
    .hub-slideshow { margin: 32px 8px; }
    .hub-slideshow__slide { min-height: 480px; }
    .hub-slideshow__content { padding: 48px 32px 88px; gap: 24px; }
    .hub-slideshow__nav { width: 40px; height: 40px; }
    .hub-slideshow__nav--prev { left: -20px; }
    .hub-slideshow__nav--next { right: -20px; }
}