.hero-letter-svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; overflow: visible; pointer-events: none; }
.hero-glyph { transform-box: fill-box; transform-origin: 50% 85%; }
.hero-ribbon-front { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; z-index: 1; pointer-events: none; clip-path: polygon(30% 49%,38% 57%,47% 54%,57% 48%,63% 49%,70% 57%,79% 62%,90% 61%,100% 50%,100% 100%,30% 100%); }
.hero--blue h1 .hero-copy-letter { display: inline-block; white-space: pre; transform-origin: 50% 90%; }
.hero--blue.letter-pending .hero-glyph,.hero--blue.letter-pending .hero-copy-letter { opacity: 0; }
.hero--blue.hero-glyph-fallback .hero-letter-svg,.hero--blue.hero-glyph-fallback .hero-ribbon-front { display: none; }
@media(prefers-reduced-motion:reduce) {
  .hero--blue.letter-pending .hero-glyph,.hero--blue.letter-pending .hero-copy-letter { opacity: 1; }
}