/* Hero A: kinnitatud kaar, paigutus ja crop; liikuvad kihid on sellest eraldi. */
.hero .hero-name > .hero-name-part { position: relative; }
.hero .hero-name > .hero-name-part:first-child { transform-origin: left top; }
.hero .hero-name > .hero-name-part:last-child { transform-origin: right top; }
.hero .hero-name > .hero-name-part.has-hero-glyphs { color: transparent; }
.hero .hero-name .hero-motion-glyph {
  position: absolute;
  top: 0;
  display: block;
  color: var(--ink);
  line-height: inherit;
  pointer-events: none;
}
.hero .hero-arch { transform-origin: center bottom; }
.hero .hero-image-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform-origin: center bottom;
}
html.hero-motion-pending .hero .hero-name,
html.hero-motion-pending .hero .hero-arch,
html.hero-motion-pending .hero .hero-copy,
html.hero-motion-pending .hero .hero-offer { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  html.hero-motion-pending .hero .hero-name,
  html.hero-motion-pending .hero .hero-arch,
  html.hero-motion-pending .hero .hero-copy,
  html.hero-motion-pending .hero .hero-offer { visibility: visible; }
}