/* Shared desktop home hero: crop the workshop deliberately and balance its white space. */
@media (min-width: 1024px) {
  .hero.shell {
    min-height: 0;
    padding-block: 0;
    column-gap: clamp(12px, 1.4vw, 24px);
  }

  .hero.shell .hero-media {
    --hero-image-bleed: clamp(36px, calc(8.5vw - 51px), 80px);
    height: clamp(420px, 38vw, 530px);
    min-height: 0;
    align-self: center;
    margin-block: clamp(12px, 1.4vw, 20px);
    margin-inline-start: calc(clamp(8px, 1vw, 16px) - var(--hero-image-bleed));
  }

  .hero.shell .hero-media img {
    object-position: 55% 50%;
  }
}

/* Localized home heroes follow the English image's balanced top/bottom inset.
   The image is removed from intrinsic grid sizing so translations can wrap freely. */
@media (min-width: 1280px) {
  html:not([lang="en"]) .hero.shell .hero-media {
    height: auto;
    align-self: stretch;
    margin-block: 28px;
  }
  html:not([lang="en"]) .hero.shell .hero-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  html:not([lang="en"]) .hero.shell .hero-media { margin-block: 68px; }
}
@media (min-width: 1800px) {
  html:not([lang="en"]) .hero.shell .hero-media { margin-block: 22px; }
}