.business-preview-hero {
  --business-preview-action-motion: 320ms cubic-bezier(0.22, 1, 0.36, 1);

  display: flow-root;
}

#VideoHero-business .video-hero__inner,
#OutcomeJourney-business .outcome-journey__inner,
#ServicesGrid-business .services-grid__inner,
.business-stories .articles-slider__inner,
.business-preview-events .business-journey-page__section-inner,
#ActionShowcase-business .action-showcase__inner {
  width: min(
    calc(100% - var(--layout-page-gutter) - var(--layout-page-gutter)),
    var(--layout-content-max-width)
  );
  padding-inline: 0;
  margin-inline: auto;
}

#BenefitsSlider-business {
  --benefits-slider-inline: max(
    var(--layout-page-gutter),
    calc((100vw - var(--layout-content-max-width)) / 2)
  );
}

.business-stories {
  scroll-margin-top: 9rem;
}

.business-preview-hero .video-hero__actions-heading {
  font-size: var(--font-size-label);
}

.business-preview-hero .video-hero__body,
#ServicesGrid-business .services-card__body,
#SolutionsModal-business-services .solutions-modal-highlight__body {
  font-size: var(--font-size-body);
}

#ServicesGrid-business .services-grid__title,
#ActionShowcase-business .action-showcase__title {
  font-size: var(--font-size-heading-lg);
  font-weight: 500;
}

#ActionShowcase-business .action-showcase__eyebrow {
  font-size: var(--font-size-label);
  text-transform: none;
}

.business-preview-hero .video-hero--layout-bottom-overlap {
  --video-hero-layout-overlap: clamp(2rem, 7vw, 3rem);
  --video-hero-layout-overlap-clearance: clamp(1.25rem, 3vw, 2rem);
}

.business-preview-hero .video-hero__action {
  position: relative;
  z-index: 0;
  padding-inline: 0.75rem;
  margin-inline: -0.75rem;
  overflow: hidden;
  border-radius: var(--control-radius-default);
  isolation: isolate;
  transition: transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action::before {
  position: absolute;
  z-index: -1;
  inset: 0.25rem 0;
  border: 1px solid var(--color-border-muted);
  border-radius: var(--control-radius-default);
  background-color: var(--color-surface-interactive);
  content: "";
  opacity: 0;
  transform: scaleX(0.97);
  transform-origin: left center;
  transition:
    opacity var(--business-preview-action-motion),
    transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action-icon {
  position: relative;
  isolation: isolate;
  transition: transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action-icon::before {
  position: absolute;
  z-index: -1;
  width: 2rem;
  border: 1px solid var(--color-border-default);
  border-radius: 50%;
  aspect-ratio: 1;
  background-color: var(--color-surface-default);
  content: "";
  opacity: 0;
  transform: scale(0.72);
  transition:
    opacity var(--business-preview-action-motion),
    transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action-label {
  display: block;
  transition: transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action-arrow {
  transition: transform var(--business-preview-action-motion);
}

.business-preview-hero .video-hero__action:focus-visible {
  color: var(--color-interactive-hover);
  transform: translateX(0.2rem);
}

.business-preview-hero .video-hero__action:focus-visible::before,
.business-preview-hero .video-hero__action:focus-visible .video-hero__action-icon::before {
  opacity: 1;
  transform: scale(1);
}

.business-preview-hero .video-hero__action:focus-visible .video-hero__action-icon {
  transform: translateY(-1px) scale(1.06);
}

.business-preview-hero .video-hero__action:focus-visible .video-hero__action-label {
  transform: translateX(0.125rem);
}

.business-preview-hero .video-hero__action:focus-visible .video-hero__action-arrow {
  transform: translateX(0.4rem);
}

@media (min-width: 900px) {
  .business-preview-hero .video-hero {
    min-height: clamp(46rem, 56vw, 60rem);
  }
}

@media (min-width: 900px) {
  .business-preview-hero .video-hero--layout-bottom-overlap {
    --video-hero-layout-overlap: clamp(4rem, 5.5vw, 5.5rem);
    --video-hero-layout-overlap-clearance: clamp(1.5rem, 2vw, 2.25rem);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover {
    background-color: transparent;
    color: var(--color-interactive-hover);
    transform: translateX(0.2rem);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover::before {
    opacity: 1;
    transform: scale(1);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover .video-hero__action-icon::before {
    opacity: 1;
    transform: scale(1);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover .video-hero__action-icon {
    transform: translateY(-1px) scale(1.06);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover .video-hero__action-label {
    transform: translateX(0.125rem);
  }
}

@media (hover: hover) {
  .business-preview-hero .video-hero__action:hover .video-hero__action-arrow {
    transform: translateX(0.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .business-preview-hero {
    --business-preview-action-motion: 0ms linear;
  }
}

.articles-slider .article-card__media {
  grid-row: 3;
}