html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  background: #eadadd;
}
body {
  overflow-x: hidden;
}
.page {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}
.hotspot {
  position: absolute;
  display: block;
  z-index: 5;
  background: transparent;
  border: 0;
  text-decoration: none;
}
.hotspot:focus-visible {
  outline: 2px solid rgba(120, 70, 85, .55);
  outline-offset: 2px;
}
/* Common navigation hotspots, expressed in percentages so they scale with the image */
.hs-home-logo { left: 2.3%; top: 1.7%; width: 28%; height: 8.5%; }
.hs-competenze { left: 46.1%; top: 2.1%; width: 7.8%; height: 5.5%; }
.hs-tecnologie { left: 61.4%; top: 2.1%; width: 7.7%; height: 5.5%; }
.hs-contact-top { left: 87.3%; top: 2.0%; width: 10.2%; height: 6.4%; }
.hs-phone { left: 38.0%; top: 91.2%; width: 12.5%; height: 7.4%; }
.hs-email { left: 50.5%; top: 91.2%; width: 17.0%; height: 7.4%; }
/* Sequential calls-to-action */
.hs-cta-home { left: 3.2%; top: 50.4%; width: 15.2%; height: 4.7%; }
.hs-cta-competenze { left: 3.0%; top: 39.6%; width: 14.8%; height: 4.6%; }
.hs-cta-tecnologie { left: 3.2%; top: 38.5%; width: 15.3%; height: 4.9%; }
/* Page 4: Thierry Bruno card */
.hs-thierry-bruno { left: 3.7%; top: 38.2%; width: 22.2%; height: 37.4%; }
@media (max-width: 700px) {
  /* Preserve the complete artwork on mobile; no cover/cropping. */
  .page-image { width: 100%; height: auto; object-fit: contain; }
}