/* ============================================
   British Institute - Animations
   All animations handled by Anime.js (js/animations.js)
   ============================================ */

/* --- Scroll Progress Bar --- */
.m3-scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));
  z-index: 10000;
  transition: none;
  pointer-events: none;
}

/* --- Scroll-Linked Element Initial States --- */
[data-scroll-transform] {
  will-change: transform, opacity;
}

[data-scroll-speed] {
  will-change: transform;
}

/* --- Hero Typed Text Animation --- */
.typed-text {
  display: inline-block;
  position: relative;
}

.typed-text::after {
  content: '|';
  color: var(--md-sys-color-inverse-primary);
  font-weight: 300;
  animation: blink 0.7s step-end infinite;
  margin-left: 2px;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}