/* Keep each editorial composition intact at every viewport size. */
.editorial-illustration {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  border-radius: 24px;
  background: #f3e9dc;
}

.editorial-illustration img {
  display: block;
  width: 100%;
  height: auto;
}

.editorial-illustration--archive {
  margin: 0 auto;
}

.editorial-illustration--security {
  max-width: 980px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .editorial-illustration,
  .hero-photo .editorial-illustration img {
    border-radius: 16px;
  }
}