/* Quiet precision: each character settles into the headline, in reading order. */
.hero-intro h1{animation:none}
.title-mask{display:block;overflow:hidden;padding-block:.14em;margin-block:-.14em}
h1>.title-mask,h2>.title-mask{color:inherit}
.title-line{display:block;transform:none}
.title-word{display:inline-block;white-space:nowrap}
.title-glyph{display:inline-block;transform-origin:50% 90%}
#hero-heading .title-line>span:not(.title-word){color:var(--purple)}
.section-heading h2 .title-line>span:not(.title-word){color:var(--muted)}
.technology-section h2 .title-line>span:not(.title-word){color:#baa2dc}
.company-intro h2 .title-mask{color:inherit}.company-intro h2 .title-line>span:not(.title-word){color:#bca1f2}
@media(prefers-reduced-motion:no-preference){
 .title-reveal .title-glyph{transition:transform 1050ms cubic-bezier(.22,.8,.2,1),opacity 780ms ease;transition-delay:var(--glyph-delay,0ms)}
 .title-reveal:not(.is-title-visible) .title-glyph{opacity:0;transform:translate3d(0,.88em,0) rotateX(22deg)}
 .title-reveal.is-title-visible .title-glyph{opacity:1;transform:translate3d(0,0,0) rotateX(0)}
 .title-hero .title-glyph{transition-duration:1250ms,900ms}
 .title-hero:not(.is-title-visible) .title-mask:nth-child(2) .title-glyph{transform:translate3d(.06em,.92em,0) rotateX(22deg)}
 .hero-aside{animation-delay:1200ms}.perception-panel{animation-delay:1450ms}
 .product-details .title-reveal .title-glyph{transition-duration:850ms,650ms}
}
@media(prefers-reduced-motion:reduce){.title-reveal .title-glyph{opacity:1!important;transform:none!important;transition:none!important}.title-mask{overflow:visible}}

.title-resetting .title-glyph{transition:none!important}