/* Shared homepage feedback: pictures zoom gently; text tiles change color. */
.ai-project-covers .consulting-tile,
.ai-project-covers > .evga-story-cover {
  transition: background-color .25s ease;
}
.home-world-tile-art img,
.ict-tile-art img,
.work-card-media img {
  transition: transform .25s ease;
}
.consulting-wide:is(:hover, :focus-visible) .consulting-tile {
  background-color: #1b454e;
}
.why-ai-project-cover:is(:hover, :focus-visible) .consulting-tile {
  background-color: #1b454e;
}
.ai-project-covers .privacy-project-cover:is(:hover, :focus-visible) .consulting-tile {
  background-color: #b8d8ca;
}
.ai-project-covers .privacy-project-cover:is(:hover, :focus-visible) .privacy-tile-copy {
  color: #36515b;
}
.ai-project-covers .privacy-project-cover:is(:hover, :focus-visible) .consulting-tile-kicker,
.ai-project-covers .privacy-project-cover:is(:hover, :focus-visible) .consulting-tile-action {
  color: #075b4d;
}
.ai-project-covers > .evga-story-cover:is(:hover, :focus-visible) {
  background-color: #1d2817;
}
.consulting-project-cover:focus-visible .consulting-tile-action > span {
  transform: translate(3px, -3px);
}
.home-world-project-cover:is(:hover, :focus-visible) .home-world-tile-art img,
.ict-project-cover:is(:hover, :focus-visible) .ict-tile-art img,
.work-card:is(:hover, :focus-visible) .work-card-media img {
  transform: scale(1.025);
}
.home-world-project-cover:focus-visible .home-world-action {
  color: #243b35;
}
@media (hover: none) {
  .home-world-project-cover:hover:not(:focus-visible) .home-world-tile-art img,
  .ict-project-cover:hover:not(:focus-visible) .ict-tile-art img,
  .work-card:hover:not(:focus-visible) .work-card-media img {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-project-covers .consulting-tile,
  .ai-project-covers > .evga-story-cover,
  .home-world-tile-art img,
  .ict-tile-art img,
  .work-card-media img {
    transition: none;
  }
  .home-world-project-cover:is(:hover, :focus-visible) .home-world-tile-art img,
  .ict-project-cover:is(:hover, :focus-visible) .ict-tile-art img,
  .work-card:is(:hover, :focus-visible) .work-card-media img {
    transform: none;
  }
  .consulting-project-cover:is(:hover, :focus-visible) .consulting-tile-action > span,
  .ict-project-cover:is(:hover, :focus-visible) .ict-cover-action span {
    transform: none;
  }
}

/* Match the creative portfolio's frame without changing tile dimensions. */
#selected-work > .project-cover {
  position: relative;
  isolation: isolate;
  border-radius: 12px;
}
#selected-work > .project-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid #8cac9d;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transition: opacity .2s ease;
}
#selected-work > .project-cover:focus-visible::before {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  #selected-work > .project-cover:hover::before {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  #selected-work > .project-cover::before {
    transition: none;
  }
}