@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-v2-2 #new-products .home-family-card .lpl-product-media,
  body.leadin-productlist-v2 #goods_list .lpl-product-media,
  body.projects-v2-page .project-card figure {
    position: relative;
    scale: 1;
    transform-origin: center;
    transition: scale 320ms cubic-bezier(.2,.65,.3,1);
  }
  .home-v2-2 #new-products .home-family-card .lpl-product-media:hover,
  body.leadin-productlist-v2 #goods_list .lpl-product-media:hover,
  body.projects-v2-page .project-card figure:hover {
    scale: 1.06;
    z-index: 3;
  }
  body.leadin-productlist-v2 .lpl-family-rail .lpl-family-tab {
    position: relative;
    scale: 1;
    transform-origin: center;
    transition: scale 320ms cubic-bezier(.2,.65,.3,1), background-color 200ms ease, color 200ms ease;
  }
  body.leadin-productlist-v2 .lpl-family-rail .lpl-family-tab:hover {
    scale: 1.06;
    z-index: 3;
  }
  body.projects-v2-page .project-card:hover img {
    transform: none;
  }
  body.projects-v2-page .project-card:hover h3,
  body.projects-v2-page .project-card:focus-visible h3 {
    color: #2e59b7;
  }
  .home-v2-2 #range .range-portal,
  .home-v2-2 #projects .project-card {
    scale: 1;
    transform-origin: center;
    transition: opacity 680ms cubic-bezier(.22,1,.36,1), transform 840ms cubic-bezier(.22,1,.36,1), scale 320ms cubic-bezier(.2,.65,.3,1);
    transition-delay: var(--reveal-delay,0ms), var(--reveal-delay,0ms), 0ms;
  }
  .home-v2-2 #range .range-portal:hover,
  .home-v2-2 #projects .project-card:hover {
    scale: 1.06;
    z-index: 3;
  }
  .home-v2-2 #range .range-portal:hover img,
  .home-v2-2 #projects .project-card:hover img,
  .home-v2-2 #projects .project-card:focus-within img {
    transform: none;
  }
  .home-v2-2 #range .range-portal:hover strong,
  .home-v2-2 #range .range-portal:focus-within strong,
  .home-v2-2 #projects .project-card:hover strong,
  .home-v2-2 #projects .project-card:focus-within strong {
    color: #2e59b7;
  }
}
.home-v2-2 #new-products .home-family-card::after {
  content: none;
  display: none;
}
body.leadin-productlist-v2 #goods_list .lpl-product-card .ui-arrow-right {
  display: none;
}
body.leadin-productlist-v2 #goods_list .lpl-product-card .lpl-product-copy h2 {
  color: inherit;
}
body.leadin-productlist-v2 #goods_list .lpl-product-card:hover .lpl-product-copy h2,
body.leadin-productlist-v2 #goods_list .lpl-product-card:focus-visible .lpl-product-copy h2 {
  color: #2e59b7;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.projects-v2-page .project-card {
    position: relative;
    isolation: isolate;
  }
  body.projects-v2-page .project-card > a {
    display: block;
  }
  body.projects-v2-page .project-card figure,
  body.projects-v2-page .project-card figure:hover {
    scale: 1;
    z-index: 1;
    transform: translateZ(0) scale(1);
    transition: transform 320ms cubic-bezier(.2,.65,.3,1);
    backface-visibility: hidden;
    pointer-events: none;
  }
  body.projects-v2-page .project-card > a:hover figure,
  body.projects-v2-page .project-card > a:focus-visible figure {
    transform: translateZ(0) scale(1.06);
  }
  body.projects-v2-page .project-card img,
  body.projects-v2-page .project-card:hover img {
    transform: none;
  }
}

body.projects-v2-page .project-card {
  isolation: auto;
}
body.projects-v2-page .project-card > a {
  display: block;
}
body.projects-v2-page .project-media-slot {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: visible;
}
body.projects-v2-page .project-card--landscape .project-media-slot {
  aspect-ratio: 16 / 10;
}
body.projects-v2-page .project-card--tall .project-media-slot {
  aspect-ratio: 4 / 5;
}
body.projects-v2-page .project-media-slot > figure,
body.projects-v2-page .project-media-slot > figure:hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  aspect-ratio: auto;
  scale: none;
  transform: none;
  backface-visibility: visible;
  will-change: auto;
  z-index: auto;
  pointer-events: none;
  transition: none;
}
body.projects-v2-page .project-card > a:hover .project-media-slot > figure,
body.projects-v2-page .project-card > a:focus-visible .project-media-slot > figure,
body.projects-v2-page .project-card:hover img {
  transform: none;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.projects-v2-page .project-media-slot > figure,
  body.projects-v2-page .project-media-slot > figure:hover {
    transition: width 320ms cubic-bezier(.2,.65,.3,1), height 320ms cubic-bezier(.2,.65,.3,1), left 320ms cubic-bezier(.2,.65,.3,1), top 320ms cubic-bezier(.2,.65,.3,1);
  }
  body.projects-v2-page .project-card > a:hover .project-media-slot > figure,
  body.projects-v2-page .project-card > a:focus-visible .project-media-slot > figure {
    width: 106%;
    height: 106%;
    left: -3%;
    top: -3%;
    transform: none;
  }
}

body.projects-v2-page .project-grid {
  columns: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 0;
  align-items: start;
  grid-auto-flow: row dense;
}
body.projects-v2-page .project-grid.is-grid-masonry {
  grid-auto-rows: 1px;
}
body.projects-v2-page .project-grid > .project-card {
  min-width: 0;
  align-self: start;
}
body.projects-v2-page .project-grid > .project-card.is-reveal-settled {
  transform: none;
  will-change: auto;
}
@media (max-width: 1180px) {
  body.projects-v2-page .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  body.projects-v2-page .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.projects-v2-page .project-grid { grid-template-columns: minmax(0, 1fr); }
}