/*
 * Styles the Webflow export doesn't contain, loaded after site.css:
 *  1. States the Finsweet components used to inject at runtime.
 *  2. Markup the live site never rendered (the updates list never had a published item).
 * Keep this file small: everything else comes verbatim from the original stylesheet.
 */

/*
 * 1. Swiper's core layout, scoped to the site's own slider classes (Swiper normally ships this
 *    for .swiper-wrapper/.swiper-slide). The event slider container intentionally does NOT clip:
 *    on the original site the cards slide over the section heading.
 */
.fs-slider_list,
.fs-instagramfeed-2_list.is-slider {
  transition-property: transform;
  box-sizing: content-box;
}

.fs-slider_slide {
  flex-shrink: 0;
}

.fs-instagramfeed-2_wrapper {
  position: relative;
  overflow: hidden;
}

/* Slider arrows at the start/end of a slider (Swiper `disabledClass`). */
.is-nav-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}

/* Instagram posts open on Instagram when clicked (instagram feed items). */
[fs-instagramfeed-element='item'][data-permalink] {
  cursor: pointer;
}

/* 2. Update items. */
.updates_list-wrapper .w-dyn-items {
  display: grid;
  gap: 2rem;
}

.updates_item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.updates_media {
  overflow: hidden;
}

.updates_media-video {
  position: relative;
  aspect-ratio: 16 / 9;
}

.updates_media-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.updates_image {
  display: block;
  width: 100%;
  height: auto;
}