/* Capturas reales de productos: se muestran completas y sin deformación. */
.hero-shot{position:absolute;overflow:hidden;margin:0;border:1px solid #d9dfe6;border-radius:11px;background:#fff;box-shadow:var(--shadow)}
.hero-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hero-shot picture,.product-preview picture,.project-image picture{display:block;height:100%}
.hero-shot-stock{width:88%;height:330px;right:0;top:0}
.hero-shot-control{width:55%;height:205px;left:0;bottom:0}
.product-preview{margin:0;padding:0}
.product-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.project-image{padding:0;background:#e7edf4}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:720px){.hero-shot-stock{width:91%;height:265px}.hero-shot-control{width:60%;height:168px}}

/* Interacción sutil: las interfaces cobran protagonismo sin distraer. */
@media(hover:hover) and (pointer:fine){
  .hero-shot,.product-preview,.project-image{transform:scale(.88);transform-origin:center;transition:transform .34s ease,box-shadow .34s ease}
  .hero-shot:hover,.product-preview:hover,.project-image:hover{z-index:4;transform:translateY(-4px) scale(1.045);box-shadow:0 22px 48px rgba(17,19,24,.14)}
  .hero-shot img,.product-preview img,.project-image img{opacity:.62;filter:blur(4.5px);transition:transform .4s ease,filter .34s ease,opacity .34s ease}
  .hero-shot:hover img,.product-preview:hover img,.project-image:hover img{opacity:1;filter:none;transform:scale(1.012)}
  body.is-dark .hero-shot:hover,body.is-dark .product-preview:hover,body.is-dark .project-image:hover{box-shadow:0 22px 48px rgba(0,0,0,.3)}
}