/* R6 motion changes no image dimensions, crop, colors or page layout.
   Photographs remain visible in CSS; JavaScript owns temporary reveals. */
body.page-id-37 #main .nb-r3-link > span[aria-hidden="true"],
body.page-id-57 #main .nb-r3-link > span[aria-hidden="true"] {
  display: inline-block;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.page-id-65 #main .elementor-widget-icon-box .elementor-icon,
body.page-id-71 #main .elementor-widget-icon-box .elementor-icon {
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-37 #main .nb-r3-link:hover > span[aria-hidden="true"],
  body.page-id-57 #main .nb-r3-link:hover > span[aria-hidden="true"] {
    transform: translateX(3px);
  }

  body.page-id-65 #main .elementor-widget-icon-box:hover .elementor-icon,
  body.page-id-71 #main .elementor-widget-icon-box:hover .elementor-icon {
    transform: translateY(-2px);
  }
}

body.page-id-37 #main .nb-r3-link:focus-visible > span[aria-hidden="true"],
body.page-id-57 #main .nb-r3-link:focus-visible > span[aria-hidden="true"] {
  transform: translateX(3px);
}

body.page-id-65 #main .elementor-widget-icon-box:focus-within .elementor-icon,
body.page-id-71 #main .elementor-widget-icon-box:focus-within .elementor-icon {
  transform: translateY(-2px);
}

/* Override the older Home hover rule on touch-only devices. */
@media (hover: none), (pointer: coarse) {
  body.page-id-37 #main .nb-r3-link:hover:not(:focus-visible) > span[aria-hidden="true"],
  body.page-id-57 #main .nb-r3-link:hover:not(:focus-visible) > span[aria-hidden="true"] {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-37 #main .nb-r3-link > span[aria-hidden="true"],
  body.page-id-57 #main .nb-r3-link > span[aria-hidden="true"],
  body.page-id-37 #main .nb-r3-link:is(:hover, :focus-visible) > span[aria-hidden="true"],
  body.page-id-57 #main .nb-r3-link:is(:hover, :focus-visible) > span[aria-hidden="true"],
  body.page-id-65 #main .elementor-widget-icon-box .elementor-icon,
  body.page-id-71 #main .elementor-widget-icon-box .elementor-icon,
  body.page-id-65 #main .elementor-widget-icon-box:is(:hover, :focus-within) .elementor-icon,
  body.page-id-71 #main .elementor-widget-icon-box:is(:hover, :focus-within) .elementor-icon {
    transition: none;
    transform: none;
  }
}