/* About hero only: mirror the organic frame shape without transforming the photo. */
.about-hero-photo { border-radius: 56% 44% 58% 42% / 67% 60% 40% 33%; }

/* Keep the shard centered over the visible edge of the frame. */
body.content-page .editorial-hero--orb .about-hero-visual .editorial-shard {
  top: calc(50% - 16px);
  right: -34px;
  transform: translateY(-50%) rotate(-5deg);
}

@media (max-width: 900px) {
  body.content-page .editorial-hero--orb .about-hero-visual .editorial-shard {
    top: calc(50% - 20px);
    right: -42px;
  }
}

@media (max-width: 620px) {
  body.content-page .editorial-hero--orb .about-hero-visual .editorial-shard {
    top: calc(50% - 39px);
    right: -35px;
  }
}