/* The introduction owns motion only. The existing MV owns its scene geometry. */
.hero-entry-rings{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none;opacity:1;transition:opacity 180ms ease-out}
.hero-entry-rings i{position:absolute;display:block;width:min(60vw,340px);aspect-ratio:1;border:2px solid;border-radius:50%;background:transparent;opacity:.55;transform:translate(-50%,-50%) scale(.35)}
.hero-entry-rings .ring-blue{left:32%;top:48%;border-color:rgba(116,177,209,.25)}
.hero-entry-rings .ring-yellow{left:57%;top:39%;border-color:rgba(222,190,91,.23);animation-delay:60ms}
.hero-entry-rings .ring-pink{left:58%;top:60%;border-color:rgba(219,148,177,.23);animation-delay:100ms}
html[data-home-phase="rings"] .hero-entry-rings i{animation:aal-home-ring 620ms cubic-bezier(.2,.8,.2,1) both}
html[data-home-phase="writing"] .hero-entry-rings{opacity:0}
html[data-home-phase="complete"] .hero-entry-rings{display:none}
body[data-page="home"] .hero-handwritten-word{animation:none;fill:transparent;stroke:var(--hero-ink-color,#25292b);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;transform-box:view-box}
body[data-page="home"] .hero-handwritten-word--one{transform-origin:170px 64px;transform:scale(1.25)}
body[data-page="home"] .hero-handwritten-word--two{transform-origin:170px 129px;transform:scale(1.240506)}
body[data-page="home"] .hero-ink-letter{fill:transparent;stroke-dasharray:420;stroke-dashoffset:420}
body[data-page="home"] .hero-ink-underline{fill:none;stroke:var(--hero-ink-color,#25292b);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
body[data-page="home"] .hero-kicker{opacity:0;transform:none;animation:none}
html[data-home-phase="writing"] body[data-page="home"] .hero-ink-letter{animation:aal-home-letter 540ms ease-out calc(var(--ink-order)*90ms) both}
html[data-home-phase="writing"] body[data-page="home"] .hero-handwritten-word--two .hero-ink-letter{animation-delay:calc(620ms + var(--ink-order)*90ms)}
html[data-home-phase="writing"] body[data-page="home"] .hero-ink-underline{animation:aal-home-underline 260ms ease-out 1980ms both}
html[data-home-phase="writing"] body[data-page="home"] .hero-kicker{animation:aal-home-kicker 160ms ease-out 2040ms both}
html[data-home-phase="complete"] body[data-page="home"] .hero-ink-letter{fill:var(--hero-ink-color,#25292b);stroke-dashoffset:0}
html[data-home-phase="complete"] body[data-page="home"] .hero-ink-underline{stroke-dashoffset:0}
html[data-home-phase="complete"] body[data-page="home"] .hero-kicker{opacity:1}
body[data-page="home"] .hero.hero--custom .hero-picture{display:block}
body[data-page="home"] .hero.hero--custom>:not(.hero-picture){display:none}
@keyframes aal-home-ring{from{transform:translate(-50%,-50%) scale(.35);opacity:.55}to{transform:translate(-50%,-50%) scale(1.8);opacity:.12}}
@keyframes aal-home-letter{0%{stroke-dashoffset:420;fill:transparent}82%{fill:transparent}100%{stroke-dashoffset:0;fill:var(--hero-ink-color,#25292b)}}
@keyframes aal-home-underline{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes aal-home-kicker{from{opacity:0}to{opacity:1}}
@media(max-width:640px){body[data-page="home"] .hero-handwritten-word--one,body[data-page="home"] .hero-handwritten-word--two{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-entry-rings{display:none}body[data-page="home"] .hero-ink-letter,body[data-page="home"] .hero-ink-underline,body[data-page="home"] .hero-kicker{animation:none!important}body[data-page="home"] .hero-ink-letter{fill:var(--hero-ink-color,#25292b);stroke-dashoffset:0}body[data-page="home"] .hero-ink-underline{stroke-dashoffset:0}body[data-page="home"] .hero-kicker{opacity:1}}
