/* V5.26: extra voices for the shared score. All marks are decorative and temporary. */
.az517-frame.az526-frame-shards>.az517-frame-layer{
  background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(189,117,84,.52) 13px 17px,transparent 17px 31px),
    linear-gradient(90deg,rgba(227,190,136,.28),transparent 48%,rgba(8,55,62,.4));
  animation:az526-shards .85s steps(1,end) both
}
.az517-frame.az526-frame-grid>.az517-frame-layer{
  background:linear-gradient(90deg,transparent 0 48%,rgba(224,185,132,.58) 49% 51%,transparent 52%),
    linear-gradient(0deg,transparent 0 48%,rgba(189,117,84,.5) 49% 51%,transparent 52%);
  background-size:34px 34px;
  animation:az526-grid .84s steps(1,end) both
}
@keyframes az526-shards{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  10%{opacity:.65;clip-path:polygon(0 10%,39% 10%,39% 23%,0 23%,64% 59%,100% 59%,100% 71%,64% 71%);transform:translateX(5px)}
  24%{opacity:.04}43%{opacity:.63;clip-path:polygon(15% 24%,65% 24%,65% 35%,15% 35%,0 77%,48% 77%,48% 88%,0 88%);transform:translateX(-7px)}
  61%{opacity:.06}72%{opacity:.38;clip-path:inset(40% 14% 45% 53%);transform:translateX(3px)}
}
@keyframes az526-grid{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);background-position:0 0}
  13%{opacity:.47;clip-path:inset(7% 2% 63% 3%);background-position:0 0}
  30%{opacity:.07}46%{opacity:.43;clip-path:inset(37% 3% 31% 2%);background-position:9px -6px}
  60%{opacity:.06}72%{opacity:.34;clip-path:inset(72% 2% 5% 3%);background-position:-6px 5px}
}

/* A narrow copy of the original photograph drifts or changes tint; the image itself stays still. */
.az-photo-card.az526-photo-drift>.az517-frame-layer{
  filter:contrast(1.25) saturate(1.3);mix-blend-mode:screen;
  animation:az526-photo-drift .96s steps(1,end) both
}
.az-photo-card.az526-photo-tint>.az517-frame-layer{
  filter:sepia(.68) hue-rotate(315deg) saturate(2.1);mix-blend-mode:lighten;
  animation:az526-photo-tint .96s steps(1,end) both
}
@keyframes az526-photo-drift{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  12%{opacity:.56;clip-path:inset(21% 0 68% 0);transform:translate(12px,-3px)}
  26%{opacity:.05}44%{opacity:.53;clip-path:inset(48% 0 41% 0);transform:translate(-14px,4px)}
  58%{opacity:.05}72%{opacity:.42;clip-path:inset(76% 0 14% 0);transform:translate(7px,-2px)}
}
@keyframes az526-photo-tint{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0)}
  13%{opacity:.46;clip-path:polygon(0 9%,100% 9%,100% 17%,0 17%,0 38%,100% 38%,100% 44%,0 44%)}
  29%{opacity:.04}47%{opacity:.39;clip-path:polygon(0 54%,100% 54%,100% 61%,0 61%,0 81%,100% 81%,100% 87%,0 87%)}
  66%{opacity:.05}
}

/* These ink copies are aria-hidden; the readable text beneath never changes. */
.az517-ink.az526-ink-scanfold>.az517-ghost{
  color:#e4bf8c;text-shadow:2px 0 #bd7554,-2px 0 #31858b;
  animation:az526-ink-scanfold .82s steps(1,end) both
}
.az517-ink.az526-ink-carbon>.az517-ghost{
  color:#08262d;text-shadow:-2px 0 #e8bb83,3px 1px #bd7554;
  animation:az526-ink-carbon .82s steps(1,end) both
}
@keyframes az526-ink-scanfold{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  13%{opacity:.86;clip-path:inset(0 0 72% 0);transform:translateY(-2px)}
  26%{opacity:.04}45%{opacity:.8;clip-path:inset(39% 0 33% 0);transform:translateY(2px)}
  57%{opacity:.04}72%{opacity:.68;clip-path:inset(75% 0 0 0);transform:translateY(-1px)}
}
@keyframes az526-ink-carbon{
  0%,100%{opacity:0;clip-path:inset(0 100% 0 0);transform:none}
  12%{opacity:.72;clip-path:inset(0 57% 0 0);transform:translateX(-4px)}
  30%{opacity:.03}47%{opacity:.78;clip-path:inset(0 13% 0 47%);transform:translateX(4px)}
  59%{opacity:.04}74%{opacity:.54;clip-path:inset(0 0 0 81%);transform:translateX(-2px)}
}

.az-fixed-wave.az526-wave-fold{animation:az526-wave-fold .75s steps(1,end) both}
@keyframes az526-wave-fold{
  0%,100%{filter:none;clip-path:none;opacity:.82;transform:none}
  13%{filter:drop-shadow(0 -3px #bd7554);clip-path:inset(0 0 40% 0);transform:translateY(2px)}
  28%{filter:none;clip-path:none;opacity:.53;transform:none}
  46%{filter:drop-shadow(0 3px #e3bd87);clip-path:inset(42% 0 0 0);opacity:.88;transform:translateY(-2px)}
  66%{filter:none;clip-path:none;transform:none}
}

/* Two small faults run inside existing interaction fields. */
.az515-surface.az526-surface-braid>.az515-field{
  background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(225,185,131,.46) 12px 14px,transparent 14px 29px),
    repeating-linear-gradient(0deg,transparent 0 13px,rgba(189,117,84,.37) 13px 15px,transparent 15px 31px);
  animation:az526-surface-braid .83s steps(1,end) both
}
.az515-surface.az526-surface-stutter>.az515-field{
  background:repeating-linear-gradient(90deg,transparent 0 27px,rgba(189,117,84,.72) 27px 34px,transparent 34px 56px);
  animation:az526-surface-stutter .83s steps(1,end) both
}
@keyframes az526-surface-braid{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);background-position:0 0}
  14%{opacity:.65;clip-path:inset(16% 0 66% 0);background-position:0 0}
  30%{opacity:.06}48%{opacity:.54;clip-path:inset(45% 0 37% 0);background-position:8px 4px}
  63%{opacity:.05}75%{opacity:.37;clip-path:inset(77% 0 6% 0);background-position:-5px -3px}
}
@keyframes az526-surface-stutter{
  0%,100%{opacity:0;clip-path:inset(0 100% 0 0);transform:none}
  13%{opacity:.74;clip-path:inset(24% 57% 59% 3%);transform:translateX(5px)}
  27%{opacity:.04}44%{opacity:.64;clip-path:inset(47% 5% 37% 45%);transform:translateX(-5px)}
  62%{opacity:.04}73%{opacity:.45;clip-path:inset(74% 36% 8% 12%);transform:translateX(3px)}
}

/* The old half-word hover remains the final response while the pointer rests on a heading. */
.az525-heading.az526-keyword-split:not(:hover) .az525-word{
  color:transparent;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(90deg,var(--az525-base,#f5e9d7) 0 48%,#bd7554 48% 100%);
  background-clip:text;-webkit-background-clip:text;
  animation:az526-keyword-split .8s steps(1,end) both
}
.az525-heading.az526-keyword-bleed:not(:hover) .az525-word{
  animation:az526-keyword-bleed .8s steps(1,end) both
}
@keyframes az526-keyword-split{
  0%,100%{filter:none;opacity:1;background-position:0 0}
  14%{filter:drop-shadow(2px 0 rgba(189,117,84,.58));background-position:3px 0}
  29%{filter:none;background-position:0 0}
  48%{filter:drop-shadow(-2px 0 rgba(227,189,136,.55));background-position:-3px 0}
  69%{filter:none;background-position:0 0}
}
@keyframes az526-keyword-bleed{
  0%,100%{filter:none;transform:none}
  13%{filter:drop-shadow(2px 0 #bd7554) drop-shadow(-2px 0 #dabb88);transform:translateX(1px)}
  28%{filter:none;transform:none}
  47%{filter:drop-shadow(-3px 0 #bd7554);transform:translateX(-1px)}
  64%{filter:none;transform:none}
}

.az-photo-viewer[open].az526-viewer-grid::after,
.az-photo-viewer[open].az526-viewer-dual::after{
  content:'';position:absolute;z-index:1;inset:55px 78px 57px;pointer-events:none;mix-blend-mode:screen
}
.az-photo-viewer[open].az526-viewer-grid::after{
  background:repeating-linear-gradient(90deg,transparent 0 25px,rgba(224,186,135,.31) 25px 27px,transparent 27px 49px),
    repeating-linear-gradient(0deg,transparent 0 17px,rgba(189,117,84,.19) 17px 19px,transparent 19px 38px);
  animation:az526-viewer-grid .78s steps(1,end) both
}
.az-photo-viewer[open].az526-viewer-dual::after{
  background:linear-gradient(90deg,rgba(189,117,84,.37),transparent 48%,rgba(36,128,136,.27));
  animation:az526-viewer-dual .78s steps(1,end) both
}
@keyframes az526-viewer-grid{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);background-position:0 0}
  13%{opacity:.55;clip-path:inset(17% 0 69% 0);background-position:0 0}
  30%{opacity:.04}46%{opacity:.48;clip-path:inset(49% 0 37% 0);background-position:8px 5px}
  62%{opacity:.04}73%{opacity:.36;clip-path:inset(79% 0 7% 0);background-position:-5px -3px}
}
@keyframes az526-viewer-dual{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:none}
  12%{opacity:.45;clip-path:inset(25% 0 63% 0);transform:translateX(10px)}
  29%{opacity:.04}47%{opacity:.4;clip-path:inset(59% 0 29% 0);transform:translateX(-10px)}
  64%{opacity:.04}
}
@media(max-width:650px){
  .az-photo-viewer[open].az526-viewer-grid::after,.az-photo-viewer[open].az526-viewer-dual::after{inset:54px 15px 57px}
}
@media(prefers-reduced-motion:reduce){
  .az517-frame>.az517-frame-layer,.az517-ink>.az517-ghost,.az515-surface>.az515-field,
  .az-photo-viewer[class*="az526-viewer"]::after{display:none!important;animation:none!important}
  .az525-heading[class*="az526-keyword"] .az525-word,.az-fixed-wave.az526-wave-fold{animation:none!important;filter:none!important;transform:none!important}
}
html.motion-off .az525-heading[class*="az526-keyword"] .az525-word,
html.az517-save-data .az525-heading[class*="az526-keyword"] .az525-word{animation:none!important;filter:none!important;transform:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;background-image:none!important}
html.motion-off .az-photo-viewer[class*="az526-viewer"]::after,
html.az517-save-data .az-photo-viewer[class*="az526-viewer"]::after{display:none!important;animation:none!important}
html.motion-off .az-fixed-wave.az526-wave-fold,html.az517-save-data .az-fixed-wave.az526-wave-fold{animation:none!important;filter:none!important;clip-path:none!important;transform:none!important}
