/* Interview section: name parent width (0 ↔ auto) — animated by GSAP */
.section.is--interviews .interview--person-name-parent {
  overflow: hidden;
}

/* Optional: smooth content fade */
.section.is--interviews .interview--content {
  transition: opacity 0.25s ease;
}

.section.is--interviews .interview--question h2.is--empty {
  display: none;
}

.swiper-slide .swiper--img-wrapper {
  transform: translateY(0rem);
  transition: transform 0.25s ease;
}

.swiper-slide.swiper-slide-active .swiper--img-wrapper {
  transform: translateY(-2rem);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

/* Hover: .hover--svg fades in when an item with data-hover="yes" is hovered */
[data-hover="yes"] .hover--svg {
  opacity: 0 !important;
  transition: opacity 0.2s ease;
}

[data-hover="yes"]:hover .hover--svg {
  opacity: 1 !important;
}

.faq--item .faq--response {
  overflow: hidden;
}
.faq--item.is--open .icon--faq {
  transform: rotate(180deg); /* optional: rotate chevron */
}

/* --------------------- Inspiration image hover (GSAP in script.js) --------------------- */
.inspiration--image-wrapper {
  position: relative;
}

/* Page-level .bg--overlay is driven by GSAP; remove opacity !important on it in Webflow if it never shows. */

/* --------------------- Navbar Dropdown Hover --------------------- */
/* Animations in script.js (GSAP). List starts collapsed. */
.navbar--dropdown-list {
  height: 0;
  overflow: hidden;
}

/* --------------------- Directional List Hover --------------------- */

[data-directional-hover-tile] {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(-100%);
  will-change: transform;
}

/* --------------------- Vimeo Background Video --------------------- */

/* Placeholder */
.vimeo-bg[data-vimeo-activated="true"][data-vimeo-loaded="true"]
  .vimeo-bg__placeholder {
  opacity: 0;
  transition-delay: 0.2s;
}

/* Play/Pause */
.vimeo-bg .vimeo-bg__pause {
  display: none;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause {
  display: flex;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__play {
  opacity: 1;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__play,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__pause {
  opacity: 0;
}

.finance--link:hover .btn {
  transform: translateX(0.5rem);
}