/* Desktop hero alignment from Figma frame 1:622. */
@media (min-width: 981px) {
  .tg-hero[data-tg-hero] > .tg-hero__content,
  .tg-hero[data-tg-hero] > .tg-hero__bottom {
    max-width: none;
  }

  .tg-hero[data-tg-hero] .tg-hero__showreel {
    right: calc(var(--tg-gutter) + 22px);
  }

  .tg-hero[data-tg-hero] > [data-tg-showreel] {
    --tgc-edge: var(--tg-gutter);
  }

  .tg-hero[data-tg-hero] > [data-tg-showreel] .tgc-surface {
    right: -24px;
  }
}
