/* Selected motto concept 1: one quiet underline, 2026-09-14 [6]. */
html:not(.homepage-motto-ready) #homepage-title > .homepage-blue:nth-of-type(2)::after { animation: none; transform: scaleX(0); }
html:not(.homepage-motto-ready) #homepage-title .homepage-motto-dot { animation: none; color: #fff; transform: none; }
#homepage-title > .homepage-blue:nth-of-type(2) {
  position: relative;
}
#homepage-title > .homepage-blue:nth-of-type(2)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: .1em;
  height: 3.5px;
  border-radius: 2px;
  background: #1689a7;
  opacity: .70;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: left center;
  animation: homepage-motto-underline 1.2s cubic-bezier(.22,.61,.36,1) .4s both, homepage-motto-settle .35s ease-out 1.6s forwards;
}
html.motion-paused #homepage-title > .homepage-blue:nth-of-type(2)::after {
  animation-play-state: paused;
}
@keyframes homepage-motto-underline {
  from { transform: scaleX(0); opacity: .2; }
  to { transform: scaleX(1); opacity: .90; }
}
#homepage-title .homepage-motto-dot {
  color: #1689a7;
  font-size: 1em;
  display: inline-block;
  transform-origin: 50% 80%;
  animation: homepage-motto-dot 1.35s step-end .4s both, homepage-motto-dot-size .3s ease-out 1.75s;
}
html.motion-paused #homepage-title .homepage-motto-dot {
  animation-play-state: paused;
}
@keyframes homepage-motto-dot {
  from { color: #fff; }
  to { color: #1689a7; }
}
@keyframes homepage-motto-dot-size {
  0%, 100% { transform: scale(1); text-shadow: 0 0 0 transparent; }
  35% { transform: scale(1.45); text-shadow: 0 0 .16em rgba(74, 197, 234, .7); }
}

@keyframes homepage-motto-settle {
  from { opacity: .90; }
  to { opacity: .70; }
}
@supports (background-clip: text) {
  html.homepage-motto-ready #homepage-title > .homepage-blue:nth-of-type(2) {
    background-image: linear-gradient(90deg, #1689a7 46%, #a2e8fb 50%, #1689a7 54%);
    background-size: 250% 100%;
    background-position: 100% 0;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: homepage-motto-sheen 1.2s cubic-bezier(.22,.61,.36,1) .55s backwards;
  }
  html.homepage-motto-ready.motion-paused #homepage-title > .homepage-blue:nth-of-type(2) {
    animation-play-state: paused;
  }
}
@keyframes homepage-motto-sheen {
  /* With a 250% background, these positions move its center from 0% to 100% of the text width. */
  from { background-position: 83.333333% 0; }
  to { background-position: 16.666667% 0; }
}