/* R30: a brief studio-logo flicker, restricted to the existing letter pixels.
   The original SVG stays visible and clickable. No geometry or page movement.
   brand-logo-r25.js owns is-logo-active (startup, visibility and reduced motion).
   The existing R22 one-time entrance keeps ::after; this layer uses ::before. */
.site-header .brand::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:#000;
  opacity:0;
  image-rendering:pixelated;
  mask:url("assets/aether-logo-wordmark-mask-r25.svg") center/100% 100% no-repeat;
  -webkit-mask:url("assets/aether-logo-wordmark-mask-r25.svg") center/100% 100% no-repeat;
  animation:aether-wordmark-intro-r30 28s steps(1,end) 2s infinite both paused;
}
.site-header .brand.is-logo-active::before {
  animation-play-state:running;
}
/* Two 200 ms dips separated by 300 ms. The letter layer retains at least
   74% of its original light. The remaining 26.5 s stays fully unchanged. */
@keyframes aether-wordmark-intro-r30 {
  0% { opacity:0; }
  0.7142857143% { opacity:.26; }
  1.4285714286% { opacity:0; }
  2.5% { opacity:.18; }
  3.2142857143% { opacity:0; }
  5.3571428571%,100% { opacity:0; }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  .site-header .brand::before { display:none;animation:none!important;opacity:0!important; }
}
@media print {
  .site-header .brand::before { display:none;animation:none!important; }
}