/* Move only the image; the grid, rounded frame and captions retain their layout. */
@media (prefers-reduced-motion: no-preference) {
  body .portfolio-items:not(.carousel) .work-item.eh-parallax-frame {
    overflow: hidden !important;
    border-radius: 16px;
  }
  body .portfolio-items:not(.carousel) .work-item.eh-parallax-frame > img.eh-parallax-image {
    border-radius: 0 !important;
    transform: translate3d(0, var(--eh-image-y, 0px), 0) scale(1.32) !important;
    transform-origin: center center;
    transition: none !important;
    box-shadow: none !important;
    will-change: transform;
  }
  body .portfolio-items:not(.carousel) .col:hover .work-item.eh-parallax-frame {
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.15);
  }
}

/* Lift the whole card without replacing its click scale or the image parallax. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.home .portfolio-items:not(.carousel) .work-item.eh-parallax-frame {
    transition: box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  body.home .portfolio-items:not(.carousel) .col > .inner-wrap {
    translate: 0 0;
    transition: translate 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  body.home .portfolio-items:not(.carousel) .col:hover > .inner-wrap {
    translate: 0 -4px;
  }
}

/* Space below homepage portfolio card dates. */
body.home .portfolio-items .work-meta {
  padding-bottom: 8px;
}

/* Full-bleed logo scroller; preserve the heading and surrounding content gutters. */
body.home .elfsight-app-d3c903d9-03ca-47aa-8dc0-b91b465223e8 {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Smooth gradient-stroke loading ring centered over the clicked card image. */
body.home .portfolio-items .work-item.eh-card-loading {
  position: relative;
}
body.home .portfolio-items .eh-card-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  z-index: 100;
  pointer-events: none;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}
body.home .portfolio-items .eh-card-spinner {
  display: block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.08) 0deg, rgba(255, 255, 255, 0.3) 120deg, rgba(255, 255, 255, 0.7) 240deg, #fff 330deg, #fff 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px));
  animation: eh-card-spinner-turn 0.75s linear infinite;
}
@keyframes eh-card-spinner-turn {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  body.home .portfolio-items .eh-card-spinner { animation: none; }
}
