/* Typography remains visible before JS loads and if the library is unavailable. */
.word-art { translate:var(--motion-x,0px) var(--motion-y,0px); }
.type-line { display:block; white-space:nowrap; }
.type-letter { display:inline-block; transform-origin:50% 75%; }
.universe-band,.universe-entry { transition:translate .3s ease,box-shadow .3s ease; }
a.universe-band:active { scale:.992; }
.universe-entry>a.universe-band:active { scale:1; }
.discover-pill { transition:background .25s,color .25s,border-color .25s; }
a.universe-band:is(:hover,:focus-visible) .discover-pill { background:var(--ink); color:#fff; border-color:var(--ink); }
a.universe-band.social:is(:hover,:focus-visible) .discover-pill { background:#fff; color:var(--social); border-color:#fff; }
@media (hover:hover) and (pointer:fine) {
  a.universe-band:hover { translate:0 -4px; box-shadow:0 14px 28px #22212912; }
  .universe-entry:hover { translate:0 -4px; box-shadow:0 14px 28px #22212912; }
  .universe-entry>a.universe-band:hover { translate:none; box-shadow:none; }
}
/* Native links, distinct URLs, and normal browser history are preserved. */
@view-transition { navigation:auto; }
.site-header { view-transition-name:studio-navigation; }
.universe-band.social { view-transition-name:universe-social; }
.universe-band.friends { view-transition-name:universe-friends; }
.universe-band.dating { view-transition-name:universe-dating; }
.universe-band.couple { view-transition-name:universe-couple; }
::view-transition-group(*) { animation-duration:.5s; animation-timing-function:cubic-bezier(.25,.8,.25,1); }
::view-transition-old(root) { animation:studio-fade-out .18s ease-in both; }
::view-transition-new(root) { animation:studio-fade-in .3s ease-out .08s both; }
::view-transition-group(studio-navigation) { animation-duration:.3s; }
@keyframes studio-fade-out { to { opacity:0; } }
@keyframes studio-fade-in { from { opacity:0; } }
@media (prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  .word-art { translate:none!important; }
  a.universe-band:active { scale:1; }
  a.universe-band:hover,.universe-entry:hover { translate:none; }
  .site-header,.universe-band { view-transition-name:none; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
}