/* Shared geometry for event-detail heroes. Jornades d'equip & Offsites is the reference. */
:is(
  .offsites-hero,
  .afterworks-hero,
  .family-days-hero,
  .anniversary-hero,
  .jubilacions-hero,
  .gala-hero,
  .summer-hero,
  .conventions-hero,
  .product-hero
) {
  min-height: min(680px, 72vh);
  border-radius: 0;
}

:is(
  .offsites-hero-copy,
  .afterworks-hero-copy,
  .family-days-hero-copy,
  .anniversary-hero-copy,
  .jubilacions-hero-copy,
  .gala-hero-copy,
  .summer-hero-copy,
  .conventions-hero-copy,
  .product-hero-copy
) {
  display: flex;
  min-height: inherit;
  width: min(100%, var(--event-container-max, 1360px));
  margin-inline: auto;
  padding: clamp(60px, 6vw, 86px) var(--event-gutter, 4.4vw) clamp(54px, 5.5vw, 78px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* Keep the long product title below the fixed desktop header without shrinking it. */
@media (min-width: 761px) {
  .product-hero {
    min-height: clamp(650px, 78vh, 820px);
  }

  .product-hero-copy {
    padding-top: clamp(166px, 14vw, 210px);
    justify-content: flex-start;
  }
}

:is(
  .offsites-hero-image,
  .afterworks-hero-image,
  .jubilacions-hero-image,
  .gala-hero-image,
  .product-hero-image,
  .anniversary-hero > img,
  .family-days-hero-media img,
  .summer-hero-media img
) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 760px) {
  :is(
    .offsites-hero,
    .afterworks-hero,
    .family-days-hero,
    .anniversary-hero,
    .jubilacions-hero,
    .gala-hero,
    .summer-hero,
    .conventions-hero,
    .product-hero
  ) {
    min-height: 540px;
  }

  .product-hero {
    min-height: 670px;
  }

  :is(
    .offsites-hero-copy,
    .afterworks-hero-copy,
    .family-days-hero-copy,
    .anniversary-hero-copy,
    .jubilacions-hero-copy,
    .gala-hero-copy,
    .summer-hero-copy,
    .conventions-hero-copy,
    .product-hero-copy
  ) {
    justify-content: flex-end;
    padding: 64px var(--event-gutter, 23px) 50px;
  }
}