/* Static export: restore hovers Webflow IX handled. Do NOT force project-card opacity. */

/* Process section cards were left at opacity:0 without IX animation */
.service-features-wrapper .service-heading-title,
.service-features-wrapper .service-features-item {
  opacity: 1 !important;
}

.service-features-item {
  background-color: #fff;
  transition:
    border-color 0.28s ease,
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background-color 0.28s ease;
}

.service-features-item:hover {
  border-color: var(--primary-color, #df2b49);
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(10, 10, 25, 0.1);
}

.service-features-item:hover .features-item-nubnar-text {
  color: var(--primary-color, #df2b49);
}

/* Hero service links — red text + underline on hover / active */
.other-link-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.other-link-item {
  position: relative !important;
  display: block !important;
  color: #f0f0f0 !important;
  transition: color 0.25s ease !important;
}

.other-link-item .other-link-item-border {
  transition: width 0.3s ease;
  background-color: var(--primary-color, #df2b49);
}

.other-link-item:hover,
.other-link-item.is-active {
  color: var(--primary-color, #df2b49) !important;
}

.other-link-item:hover .other-link-item-border,
.other-link-item.is-active .other-link-item-border {
  width: 100% !important;
}

/* Headings / lists that must stay readable if IX fails — NOT project cards */
.project-heading-title-2-home,
.project-heading-title,
.service-heading-title,
.home-heading-block,
.hero-top-heading-block,
.hero-heading-block,
.blog-all-button,
.team-item-block,
.team-item {
  opacity: 1 !important;
}

/* Project card images always fill (overlays animate on top) */
.project-thumbnail-block img,
.image-cover-copy {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Hide dyn empty when present accidentally */
.w-dyn-empty:empty {
  display: none !important;
}

/* Smooth scroll-cover finish states (IX sets inline width/height) */
.scroll-ovarlay-01,
.scroll-ovarlay-02 {
  pointer-events: none;
  will-change: width, height;
}