/* Universal Plywood v1.1.83 — Projects gallery clean hover + smooth image transition.
   Loaded last so historical green active/hover outlines cannot reappear. */
html body .up-project-case__thumbs button,
html body .up-project-case__thumbs button:hover,
html body .up-project-case__thumbs button.is-active {
  outline: none !important;
  outline-offset: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .up-project-case__thumbs button.is-active img,
html body .up-project-case__thumbs button:hover img {
  outline: none !important;
  box-shadow: none !important;
}

/* Keep keyboard accessibility without bringing back the green designer-debug outline. */
html body .up-project-case__thumbs button:focus-visible {
  outline: 1px solid rgba(45,42,38,.45) !important;
  outline-offset: 3px !important;
}

html body .up-project-case__main-image {
  overflow: hidden !important;
}
html body .up-project-case__main-image img {
  opacity: 1;
  transform: scale(1);
  will-change: opacity, transform;
  transition: opacity .34s cubic-bezier(.22,1,.36,1),
              transform .52s cubic-bezier(.22,1,.36,1) !important;
}

html body .up-project-case__thumbs button {
  opacity: 1 !important;
  transform: translateY(0);
  transition: opacity .32s cubic-bezier(.22,1,.36,1),
              transform .38s cubic-bezier(.22,1,.36,1) !important;
}
html body .up-project-case__thumbs button:hover {
  opacity: .94 !important;
  transform: translateY(-1px);
}
html body .up-project-case__thumbs button.is-active {
  opacity: 1 !important;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  html body .up-project-case__main-image img,
  html body .up-project-case__thumbs button {
    transition: none !important;
    animation: none !important;
  }
}