/* Animated ORA wordmark (shared by storefront and admin). */
.ora-logo { display: block; width: auto; height: 26px; overflow: visible; }
.lockup.on-dark { color: #FFFFFF; }
.lockup.on-light { color: #0A0A0A; }
.ora-logo .tri { transform-box: fill-box; transform-origin: 50% 100%; transition: transform 300ms cubic-bezier(.2, .8, .2, 1); }
.ora-logo .sheen { transform: translateX(0) skewX(-20deg); }

@media (prefers-reduced-motion: no-preference) {
  /* idle: one gloss sweep shortly after load, then on every hover */
  .ora-logo.idle .sheen { animation: ora-sheen 1.1s cubic-bezier(.4, 0, .2, 1) .5s both; }
  a:hover > .lockup .ora-logo.idle .sheen, .lockup:hover .ora-logo.idle .sheen, .logo:hover .ora-logo .sheen { animation: ora-sheen-hover 900ms cubic-bezier(.4, 0, .2, 1); }
  a:hover > .lockup .ora-logo .tri, .lockup:hover .ora-logo .tri, .logo:hover .ora-logo .tri { transform: translateY(-6px) scale(1.08); }

  /* intro: outline draws in, letters fill, triangle springs up, gloss sweeps, HELMETS settles */
  .ora-logo.intro .lg { fill-opacity: 0; stroke: currentColor; stroke-width: 3; stroke-dasharray: 1; stroke-dashoffset: 1;
    animation: ora-draw 1s cubic-bezier(.6, 0, .3, 1) forwards, ora-fill 500ms ease forwards; }
  .ora-logo.intro .lg-o { animation-delay: 0s, .85s; }
  .ora-logo.intro .lg-r { animation-delay: .15s, 1s; }
  .ora-logo.intro .lg-a { animation-delay: .3s, 1.15s; }
  .ora-logo.intro .tri { opacity: 0; animation: ora-tri 750ms cubic-bezier(.3, 1.6, .5, 1) 1.3s forwards, ora-glow 2.4s ease-in-out 2.2s infinite; }
  .ora-logo.intro .sheen { animation: ora-sheen 1.2s cubic-bezier(.4, 0, .2, 1) 1.9s both; }
  .lockup.intro .lockup-word { opacity: 0; letter-spacing: 1.4em; animation: ora-word 900ms cubic-bezier(.2, .8, .2, 1) 1.6s forwards; }
}
@keyframes ora-draw { to { stroke-dashoffset: 0; } }
@keyframes ora-fill { to { fill-opacity: 1; stroke-width: 0; } }
@keyframes ora-tri { 0% { opacity: 0; transform: translateY(60%) scale(.2); } 100% { opacity: 1; transform: none; } }
@keyframes ora-glow { 0%, 100% { filter: none; } 50% { filter: drop-shadow(0 0 10px rgba(225, 6, 0, .9)); } }
@keyframes ora-sheen { from { transform: translateX(0) skewX(-20deg); } to { transform: translateX(1250px) skewX(-20deg); } }
@keyframes ora-sheen-hover { from { transform: translateX(0) skewX(-20deg); } to { transform: translateX(1250px) skewX(-20deg); } }
@keyframes ora-word { to { opacity: 1; letter-spacing: .62em; } }