[data-home-heading-motion] .home-heading-line{display:block}
[data-home-heading-motion].has-heading-motion .home-heading-line{opacity:0;transform:translateX(-32px);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .65s ease;transition-delay:var(--line-delay,0ms)}
[data-home-heading-motion].has-heading-motion.is-heading-visible .home-heading-line{opacity:1;transform:translateX(0)}
@media(max-width:760px){[data-home-heading-motion].has-heading-motion .home-heading-line{transform:translateX(-20px)}[data-home-heading-motion].has-heading-motion.is-heading-visible .home-heading-line{transform:none}}
@media(prefers-reduced-motion:reduce){[data-home-heading-motion].has-heading-motion .home-heading-line{opacity:1;transform:none;transition:none}}

/* Match the selected-work headline to the Services headline typography. */
.work .work-intro-with-about h2{font-size:clamp(44px,6vw,88px);font-weight:900;letter-spacing:-.05em;line-height:1}

/* More space between the Services headline and the first service. */
.homepage #services>h2{margin-bottom:60px}
@media(max-width:760px){.homepage #services>h2{margin-bottom:45px}}

/* Keep all three homepage headlines consistent on phones. */
@media(max-width:760px){
 .homepage .portrait-hero .hero-copy h1,.homepage .work .work-intro-with-about h2,.homepage #services>h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,10vw,68px)!important;font-weight:900;letter-spacing:-.055em;line-height:1.02}
 [data-home-heading-motion].has-heading-motion .home-heading-line{transform:translateX(-32px);transition-duration:.95s,.8s}
 [data-home-heading-motion].has-heading-motion.is-heading-visible .home-heading-line{transform:translateX(0)}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){[data-home-heading-motion].has-heading-motion .home-heading-line{opacity:1;transform:none;transition:none}}