/* Scroll changes the brand frame's depth, while its content and click targets stay in flow. */
.home .footer-cta > .home-outro-copy {
  display: block;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  transform: none;
  transition: none;
}
.home .footer-cta > .home-outro-mark { transform: none; }

@media (prefers-reduced-motion: no-preference) {
  .home-scroll-opening.home-scroll-active::before,
  .home-scroll-opening.home-scroll-active::after,
  .home-scroll-invitation.home-scroll-active::before,
  .home-scroll-invitation.home-scroll-active::after {
    transform: perspective(1800px) translateY(var(--hs-frame-y, 0px)) rotateX(var(--hs-frame-tilt, 0deg)) scale(var(--hs-frame-scale, 1));
    transform-origin: 50% 50%;
  }
  .home-scroll-opening.home-scroll-active h1 {
    translate: 0 var(--hs-title-y, 0px);
    scale: var(--hs-title-scale, 1);
    transform-origin: 50% 0;
  }
  .home-scroll-opening.home-scroll-active h1 > .home-service-window { translate: var(--hs-service-x, 0px) 0; }
  .home-scroll-opening.home-scroll-active h1 > span + span { translate: var(--hs-built-x, 0px) 0; }
  .home-scroll-opening.home-scroll-active .hero-foot { translate: 0 var(--hs-copy-y, 0px); }
  .home-scroll-clients.home-scroll-active .client-window,
  .home-scroll-work-end.home-scroll-active .all-work-link,
  .home-scroll-colophon.home-scroll-active > * { translate: 0 var(--hs-arrival-y, 0px); }
  .home-scroll-work-end.home-scroll-active .all-work-link { position: relative; border-top-color: transparent; }
  .home-scroll-work-end.home-scroll-active .all-work-link::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    height: 4px;
    background: currentColor;
    transform: scaleX(var(--hs-rule-scale, 1));
    transform-origin: 0 50%;
    pointer-events: none;
  }
  .home-scroll-invitation.home-scroll-active .home-outro-copy {
    translate: 0 var(--hs-outro-y, 0px);
    scale: var(--hs-outro-scale, 1);
    transform-origin: 0 50%;
  }
  .home-scroll-invitation.home-scroll-active > .eyebrow { translate: 0 var(--hs-outro-y, 0px); }
  .home-scroll-opening.home-scroll-active.home-scroll-visible h1,
  .home-scroll-invitation.home-scroll-active.home-scroll-visible .home-outro-copy { will-change: translate, scale; }
  .home-scroll-opening.home-scroll-active.home-scroll-visible::before,
  .home-scroll-opening.home-scroll-active.home-scroll-visible::after,
  .home-scroll-invitation.home-scroll-active.home-scroll-visible::before,
  .home-scroll-invitation.home-scroll-active.home-scroll-visible::after { will-change: transform; }
  .home-scroll-invitation:focus-within .home-outro-copy,
  .home-scroll-work-end:focus-within .all-work-link,
  .home-scroll-colophon:focus-within > * { translate: none; scale: 1; }
}