/* Preserve the saved three-screen composition; enhance only the active card. */
[data-component-name="home-dev-section"] [role="group"] {
  isolation: isolate;
}
[data-component-name="home-dev-section"] [data-preview-card] {
  transition: scale 280ms cubic-bezier(.2,.75,.25,1);
}
[data-component-name="home-dev-section"] [data-preview-card="management"] {
  position: relative;
  transform-origin: center top;
}
[data-component-name="home-dev-section"] [data-preview-card="barber"] {
  transform-origin: right top;
}
[data-component-name="home-dev-section"] [data-preview-card="hairdresser"] {
  transform-origin: right top;
}
/* Keyboard users get the same emphasis without changing any link action. */
[data-component-name="home-dev-section"] [data-preview-card]:has(a:focus-visible) {
  scale: 1.1;
  z-index: 30;
}
[data-component-name="home-dev-section"] [data-preview-layout]:has(a:focus-visible) {
  z-index: 30;
}
/* No sticky hover enlargement on touch screens. Individual scale preserves
   the source's translate/rotate transforms and causes no document reflow. */
@media (hover: hover) and (pointer: fine) {
  [data-component-name="home-dev-section"] [data-preview-card]:hover {
    scale: 1.1;
    z-index: 30;
  }
  [data-component-name="home-dev-section"] [data-preview-layout]:has([data-preview-card]:hover) {
    z-index: 30;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-component-name="home-dev-section"] [data-preview-card] {
    transition: none;
  }
}