/* The existing line drawings change as tools do: adjust, separate, reveal, arrange. */
@media (min-width:768px) {
  .product-site .ps-capability-card {
    --glyph-duration:360ms;
    --glyph-ease:cubic-bezier(.22,1,.36,1);
  }
  .product-site .ps-capability-card [data-icon-part] {
    transform-box:fill-box;
    transform-origin:center;
    transition:transform var(--glyph-duration) var(--glyph-ease),opacity 260ms var(--glyph-ease);
  }

  /* The example points out of its sheet; the search lens scans the tool grid. */
  .product-site .ps-capability-card[data-capability='onboarding']:is(:hover,:focus-visible) [data-icon-part='arrow'] { transform:translateX(4px); }
  .product-site .ps-capability-card[data-capability='discover']:is(:hover,:focus-visible) [data-icon-part='lens'] { transform:translate(-3px,-3px) scale(1.06); }

  /* Parameters move along complete tracks. */
  .product-site .ps-capability-card[data-capability='numeric']:is(:hover,:focus-visible) [data-icon-part='knob-first'] { transform:translateX(3px); }
  .product-site .ps-capability-card[data-capability='numeric']:is(:hover,:focus-visible) [data-icon-part='knob-second'] { transform:translateX(-3px); }
  .product-site .ps-capability-card[data-capability='numeric']:is(:hover,:focus-visible) [data-icon-part='knob-third'] { transform:translateX(2.5px); }

  /* Paths straighten, the library opens, and workspace tiles change their spacing. */
  .product-site .ps-capability-card[data-capability='library'] [data-icon-part='lid'] { transform-origin:left bottom; }
  .product-site .ps-capability-card[data-capability='workspace'] [data-icon-part='detail'] { transform-origin:left center; }
  .product-site .ps-capability-card[data-capability='prepare']:is(:hover,:focus-visible) [data-icon-part='path'] { transform:rotate(-8deg); }
  .product-site .ps-capability-card[data-capability='library']:is(:hover,:focus-visible) [data-icon-part='lid'] { transform:translateY(-2px) rotate(-5deg); }
  .product-site .ps-capability-card[data-capability='library']:is(:hover,:focus-visible) [data-icon-part='contents'] { transform:translateY(-2px); }
  .product-site .ps-capability-card[data-capability='workspace']:is(:hover,:focus-visible) [data-icon-part='tile-first'] { transform:translate(-2px,2px); }
  .product-site .ps-capability-card[data-capability='workspace']:is(:hover,:focus-visible) [data-icon-part='tile-second'] { transform:translate(2px,-2px); }
  .product-site .ps-capability-card[data-capability='workspace']:is(:hover,:focus-visible) [data-icon-part='detail'] { transform:scaleX(.7); }

  /* Different image styles retain different behavior. */
  .product-site .ps-capability-card[data-capability='image-styles']:is(:hover,:focus-visible) [data-icon-part='stripes'] { transform:scaleY(1.18); }
  .product-site .ps-capability-card[data-capability='image-styles']:is(:hover,:focus-visible) [data-icon-part='waves'] { transform:translateX(-2px); }
  .product-site .ps-capability-card[data-capability='image-styles']:is(:hover,:focus-visible) [data-icon-part='tile'] { transform:rotate(12deg); }
  .product-site .ps-capability-card[data-capability='image-styles']:is(:hover,:focus-visible) [data-icon-part='dots'] { transform:scale(1.18); }
  .product-site .ps-capability-card[data-capability='custom-screen']:is(:hover,:focus-visible) [data-icon-part='dots-small'] { transform:scale(1.5); }
  .product-site .ps-capability-card[data-capability='custom-screen']:is(:hover,:focus-visible) [data-icon-part='dots-medium'] { transform:scale(1.18); }
  .product-site .ps-capability-card[data-capability='custom-screen']:is(:hover,:focus-visible) [data-icon-part='dots-large'] { transform:scale(.82); }

  /* Rays fan at the dividing axis; nested contours lift to show height. */
  .product-site .ps-capability-card[data-capability='refraction'] [data-icon-part] { transform-box:view-box; transform-origin:17px 20px; }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-first'] { transform:rotate(-6deg); }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-second'] { transform:rotate(-4deg); }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-third'] { transform:rotate(-2deg); }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-fourth'] { transform:rotate(2deg); }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-fifth'] { transform:rotate(4deg); }
  .product-site .ps-capability-card[data-capability='refraction']:is(:hover,:focus-visible) [data-icon-part='ray-sixth'] { transform:rotate(6deg); }
  .product-site .ps-capability-card[data-capability='relief']:is(:hover,:focus-visible) [data-icon-part='contour-middle'] { transform:translateY(-1.4px); }
  .product-site .ps-capability-card[data-capability='relief']:is(:hover,:focus-visible) [data-icon-part='contour-inner'] { transform:translateY(-2.7px); }
  .product-site .ps-capability-card[data-capability='relief']:is(:hover,:focus-visible) [data-icon-part='contour-core'] { transform:translateY(-4px); }
  .product-site .ps-capability-card[data-capability='lenticular']:is(:hover,:focus-visible) [data-icon-part='image-first'] { transform:translateX(2px); }
  .product-site .ps-capability-card[data-capability='lenticular']:is(:hover,:focus-visible) [data-icon-part='image-second'] { transform:translateX(-2px); opacity:.3; }

  /* Alternate wave phases and counter-rotating rosette layers. */
  .product-site .ps-capability-card[data-capability='wave-lines'] { --glyph-duration:400ms; }
  .product-site .ps-capability-card[data-capability='wave-lines']:is(:hover,:focus-visible) [data-icon-part='wave-first'],
  .product-site .ps-capability-card[data-capability='wave-lines']:is(:hover,:focus-visible) [data-icon-part='wave-third'] { transform:translateX(3px); }
  .product-site .ps-capability-card[data-capability='wave-lines']:is(:hover,:focus-visible) [data-icon-part='wave-second'],
  .product-site .ps-capability-card[data-capability='wave-lines']:is(:hover,:focus-visible) [data-icon-part='wave-fourth'] { transform:translateX(-3px); }
  .product-site .ps-capability-card[data-capability='rosette'] { --glyph-duration:420ms; }
  .product-site .ps-capability-card[data-capability='rosette']:is(:hover,:focus-visible) [data-icon-part='petals-first'],
  .product-site .ps-capability-card[data-capability='rosette']:is(:hover,:focus-visible) [data-icon-part='petals-third'] { transform:rotate(14deg); }
  .product-site .ps-capability-card[data-capability='rosette']:is(:hover,:focus-visible) [data-icon-part='petals-second'],
  .product-site .ps-capability-card[data-capability='rosette']:is(:hover,:focus-visible) [data-icon-part='petals-fourth'] { transform:rotate(-14deg); }

  /* Control points change the ribbon, while stacked effects open their spacing. */
  .product-site .ps-capability-card[data-capability='guide-path']:is(:hover,:focus-visible) [data-icon-part='upper'] { transform:translateY(-2px); }
  .product-site .ps-capability-card[data-capability='guide-path']:is(:hover,:focus-visible) [data-icon-part='lower'] { transform:translateY(2px); }
  .product-site .ps-capability-card[data-capability='guide-path']:is(:hover,:focus-visible) [data-icon-part='node-first'] { transform:translateY(-2px); }
  .product-site .ps-capability-card[data-capability='guide-path']:is(:hover,:focus-visible) [data-icon-part='node-second'] { transform:translateY(2px); }
  .product-site .ps-capability-card[data-capability='layering']:is(:hover,:focus-visible) [data-icon-part='top'] { transform:translateY(-3px); }
  .product-site .ps-capability-card[data-capability='layering']:is(:hover,:focus-visible) [data-icon-part='bottom'] { transform:translateY(3px); }
  .product-site .ps-capability-card[data-capability='compare']:is(:hover,:focus-visible) [data-icon-part='divider'],
  .product-site .ps-capability-card[data-capability='compare']:is(:hover,:focus-visible) [data-icon-part='texture'] { transform:translateX(-3px) scaleY(.975); }
  .product-site .ps-capability-card[data-capability='development']:is(:hover,:focus-visible) [data-icon-part='plus'] { transform:rotate(90deg); }
  .product-site .ps-capability-card[data-capability='development']:is(:hover,:focus-visible) [data-icon-part='ring'] { transform:rotate(15deg); }
}

@media (prefers-reduced-motion:reduce) {
  .product-site .ps-capability-card [data-icon-part] {
    transform:none !important;
    opacity:1 !important;
    transition:none;
  }
}