/* The illustration and its sampled edge extensions share one continuous backdrop. */
.page-somos .hero.somos-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #f5f9fd;
}
.page-somos .somos-hero::before, .page-somos .somos-hero::after { display: none; }
.page-somos .somos-copy { position: relative; z-index: 2; }
.page-somos .somos-hero-art { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.page-somos .somos-hero-scene { position: absolute; inset: 7.5%; display: block; width: 85%; height: 85%; overflow: visible; }
@media (max-width: 1000px) {
  .page-somos .somos-hero-art {
    position: relative;
    inset: auto;
    height: auto;
    aspect-ratio: 1109 / 746;
    max-width: 610px;
    justify-self: center;
    mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent), linear-gradient(to bottom, transparent, #000 20px, #000 calc(100% - 20px), transparent);
    mask-composite: intersect;
  }
  .page-somos .somos-hero-scene { inset: 0; width: 100%; height: 100%; overflow: hidden; }
}