/* Hero and Studio use the approved lettering as one rising surface. */
[data-heading-motion]{position:relative;display:flow-root}
[data-heading-motion] [data-motion-word]{display:inline-block}
[data-heading-motion] .headline-outline>[data-motion-word]{color:inherit;-webkit-text-stroke:inherit}
[data-heading-motion] .heading-window{display:block;color:inherit;padding:.2em .2em .65em;margin:-.2em -.2em -.65em}
[data-heading-motion] .heading-rise{display:block;color:inherit}
.heading-waiting>.heading-window{
 -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - .65em),transparent);
 mask-image:linear-gradient(to bottom,#000 calc(100% - .65em),transparent);
}
.heading-waiting .heading-rise{transform:translateY(110%);opacity:0}
.scroll-copy,.studio-sentence{opacity:var(--copy-opacity,1)}
.studio-description.scroll-copy{transition:opacity .4s cubic-bezier(.22,.61,.36,1)}
.copy-motion-starting .scroll-copy{transition:none}
.hero-intro main{height:100svh}
.hero-intro .gallery-hero{position:sticky;top:0}
.hero-intro .gallery-services{display:block}
.hero-copy-word{display:inline-block;transform-origin:50% 100%}
.hero-intro .hero-cta:focus-visible{opacity:1!important;transform:none!important;pointer-events:auto!important}
.hero-intro .hero-cta:focus-visible .hero-copy-word{opacity:1!important;transform:none!important;filter:none!important}
@media(prefers-reduced-motion:reduce){
 .hero-intro main{height:auto}
 .hero-intro .gallery-hero{position:relative}
 .heading-waiting>.heading-window{-webkit-mask-image:none;mask-image:none}
 [data-heading-motion] .heading-rise,.scroll-copy:not(.contact-flow),.studio-sentence,.hero-copy-word{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
 /* Form translation reveals controls; it is functional scrolling, not entrance motion. */
 .contact-flow.scroll-copy{opacity:1!important;filter:none!important;transition:none!important}
}