/* Small additions on top of the Webflow stylesheet (webflow.css is the live site's CSS, unchanged). */

/* Scrolling image carousel (was an inline script on the Webflow site) */
@keyframes ch-scroll { 0% { transform: translateX(0) } 100% { transform: translateX(calc((340px + 24px) * var(--ch-carousel-count, 7) * -1)) } }
.ch-carousel-track { display: flex !important; gap: 24px !important; width: max-content !important; animation: ch-scroll 45s linear infinite !important; }
.ch-carousel-track:hover { animation-play-state: paused !important; }
.ch-carousel-wrapper { overflow: hidden !important; position: relative !important; width: 100% !important; }
.ch-carousel-img { width: 340px !important; height: 240px !important; object-fit: cover !important; flex-shrink: 0 !important; border-radius: 6px !important; }
@media (prefers-reduced-motion: reduce) { .ch-carousel-track { animation: none !important; } }

/* Wagtail rich text images/embeds inside news posts */
.ch-blog-body .richtext-image { max-width: 100%; height: auto; }
.ch-blog-body .richtext-image.left { float: left; margin: 0 20px 10px 0; }
.ch-blog-body .richtext-image.right { float: right; margin: 0 0 10px 20px; }

/* Team cards are clickable to open the bio */
.fs_modal-1_button { cursor: pointer; }

/* Wagtail adds width/height attributes to images; let the Webflow aspect-ratio rules decide the height, as on the live site. */
img { height: auto; }