/* V5.15: a second, spatial signal layer. Decorative pixels never replace content. */
.az515-surface{position:relative;isolation:isolate;--az515-x:50%;--az515-y:50%}
.az515-surface>.az515-field{
  position:absolute;inset:0;z-index:4;display:block;overflow:hidden;
  pointer-events:none;opacity:0;transition:opacity .34s ease;
  background:
    radial-gradient(circle 128px at var(--az515-x) var(--az515-y),rgba(218,177,117,.24),rgba(143,70,52,.09) 52%,transparent 77%),
    repeating-linear-gradient(0deg,transparent 0 6px,rgba(220,184,129,.055) 6px 7px,transparent 7px 12px);
  box-shadow:inset 0 0 0 1px rgba(219,174,115,.04)
}
.az515-surface>.az515-field::before,.az515-surface>.az515-field::after{
  content:"";position:absolute;pointer-events:none;opacity:0
}
.az515-surface>.az515-field::before{
  width:15px;height:15px;left:var(--az515-x);top:var(--az515-y);
  transform:translate(-50%,-50%);
  border-top:1px solid #e0b983;border-left:1px solid #e0b983;
  box-shadow:3px 3px 0 -2px rgba(244,224,190,.85),-3px -3px 0 -2px #a75f45
}
.az515-surface>.az515-field::after{
  height:2px;width:min(38%,130px);left:var(--az515-x);top:var(--az515-y);
  transform:translate(-50%,11px);
  background:repeating-linear-gradient(90deg,#e9bc85 0 7px,transparent 7px 11px,#b36e55 11px 16px,transparent 16px 24px)
}
.az515-surface:is(:hover,:focus-visible)>.az515-field{opacity:.8}
.az515-surface:is(:hover,:focus-visible)>.az515-field::before{opacity:.9}
.az515-surface:is(:hover,:focus-visible)>.az515-field::after{opacity:.68}
.az515-surface.az515-touch>.az515-field{opacity:.95}
.az515-surface.az515-touch>.az515-field::before,.az515-surface.az515-touch>.az515-field::after{opacity:.95}
.az515-surface.az515-burst-scan>.az515-field{animation:az515-scan 1.2s steps(1,end) both}
.az515-surface.az515-burst-block>.az515-field{animation:az515-block .85s steps(1,end) both}
.az515-surface.az515-burst-tear>.az515-field{animation:az515-tear .72s steps(1,end) both}
.az515-surface.az515-burst-echo>.az515-field{animation:az515-echo .95s steps(1,end) both}
.az515-surface.az515-burst-static>.az515-field{animation:az515-static .65s steps(1,end) both}
@keyframes az515-scan{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0)}
  12%{opacity:.9;clip-path:inset(10% 0 76% 0)}
  26%{opacity:.18;clip-path:inset(29% 0 57% 0)}
  43%{opacity:.86;clip-path:inset(47% 0 35% 0)}
  60%{opacity:.3;clip-path:inset(70% 0 15% 0)}
  78%{opacity:.9;clip-path:inset(89% 0 3% 0)}
}
@keyframes az515-block{
  0%,100%{opacity:0;clip-path:inset(0 100% 0 0)}
  9%{opacity:1;clip-path:inset(6% 72% 72% 5%)}
  19%{opacity:0;clip-path:inset(6% 72% 72% 5%)}
  31%{opacity:.95;clip-path:inset(50% 7% 31% 61%)}
  41%{opacity:.2;clip-path:inset(31% 41% 45% 33%)}
  58%{opacity:.9;clip-path:inset(76% 39% 5% 30%)}
  71%{opacity:0;clip-path:inset(76% 39% 5% 30%)}
}
@keyframes az515-tear{
  0%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateX(0)}
  12%{opacity:1;clip-path:inset(28% 0 64% 0);transform:translateX(7px)}
  24%{opacity:.2;clip-path:inset(28% 0 64% 0);transform:translateX(-5px)}
  37%{opacity:.9;clip-path:inset(57% 0 31% 0);transform:translateX(-9px)}
  49%{opacity:0;clip-path:inset(57% 0 31% 0);transform:translateX(4px)}
  64%{opacity:.8;clip-path:inset(81% 0 12% 0);transform:translateX(6px)}
}
@keyframes az515-echo{
  0%,100%{opacity:0;filter:none}
  10%{opacity:.95;filter:drop-shadow(4px 0 #a75f45)}
  20%{opacity:.2;filter:none}
  35%{opacity:.7;filter:drop-shadow(-5px 0 #d2b88f)}
  44%{opacity:0;filter:none}
  60%{opacity:.95;filter:drop-shadow(2px 0 #d2b88f)}
  73%{opacity:.18;filter:none}
}
@keyframes az515-static{
  0%,100%{opacity:0;background-position:0 0}
  10%{opacity:.85;background-position:0 3px}
  19%{opacity:.1;background-position:0 -4px}
  31%{opacity:.95;background-position:0 8px}
  40%{opacity:0;background-position:0 8px}
  53%{opacity:.75;background-position:0 -7px}
  66%{opacity:.15;background-position:0 2px}
}
/* Headline faults use color separation and a small underline; the letters do not move. */
.az515-headline{position:relative}
.az515-headline>.az515-headline-mark{
  position:absolute;left:0;bottom:-.1em;width:min(70px,19%);height:2px;
  pointer-events:none;opacity:0;transform:scaleX(.15);transform-origin:left;
  background:repeating-linear-gradient(90deg,#b16a4b 0 8px,transparent 8px 12px,#e5ba82 12px 21px,transparent 21px 28px)
}
.az515-headline.az515-title-split{animation:az515-title-split .9s steps(1,end) both}
.az515-headline.az515-title-raster{animation:az515-title-raster .85s steps(1,end) both}
.az515-headline.az515-title-pulse{animation:az515-title-pulse 1.1s steps(1,end) both}
.az515-headline:is(.az515-title-split,.az515-title-raster,.az515-title-pulse)>.az515-headline-mark{animation:az515-headline-mark 1s steps(1,end) both}
@keyframes az515-title-split{
  0%,100%{text-shadow:none}
  13%{text-shadow:3px 0 rgba(180,91,60,.8),-2px 0 rgba(233,200,153,.7)}
  20%{text-shadow:none}
  39%{text-shadow:-4px 0 rgba(180,91,60,.75),2px 0 rgba(233,200,153,.6)}
  46%{text-shadow:none}
  67%{text-shadow:2px 0 rgba(180,91,60,.6)}
  75%{text-shadow:none}
}
@keyframes az515-title-raster{
  0%,100%{filter:none}
  14%{filter:drop-shadow(0 2px rgba(207,152,93,.72))}
  21%{filter:none}
  46%{filter:drop-shadow(0 -2px rgba(168,82,61,.85))}
  53%{filter:none}
  70%{filter:drop-shadow(1px 0 rgba(207,152,93,.55))}
  77%{filter:none}
}
@keyframes az515-title-pulse{
  0%,100%{text-shadow:none}
  14%{text-shadow:0 0 9px rgba(218,174,110,.57)}
  26%{text-shadow:none}
  47%{text-shadow:0 0 13px rgba(174,89,60,.64)}
  54%{text-shadow:none}
  76%{text-shadow:0 0 7px rgba(218,174,110,.42)}
  84%{text-shadow:none}
}
@keyframes az515-headline-mark{
  0%,100%{opacity:0;transform:scaleX(.15)}
  12%{opacity:.9;transform:scaleX(.36)}
  24%{opacity:0;transform:scaleX(.36)}
  42%{opacity:.92;transform:scaleX(.75)}
  56%{opacity:.2;transform:scaleX(.75)}
  70%{opacity:.86;transform:scaleX(1)}
}
.az515-pointer{
  position:fixed;z-index:210;left:0;top:0;width:18px;height:18px;
  pointer-events:none;opacity:0;border:1px solid rgba(229,186,130,.78);
  border-right-color:transparent;border-bottom-color:rgba(229,186,130,.3);border-radius:50%;
  transform:translate3d(var(--az515-px, -100px),var(--az515-py, -100px),0) translate(-50%,-50%);
  transition:opacity .16s ease,width .18s ease,height .18s ease,border-color .18s ease;
  box-shadow:0 0 13px rgba(218,177,117,.12)
}
.az515-pointer::before{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#e5ba82;transform:translate(-50%,-50%)}
.az515-pointer::after{content:"";position:absolute;left:50%;top:-5px;width:1px;height:4px;background:#b86d4d;box-shadow:0 25px 0 #b86d4d}
.az515-pointer.az515-pointer-on{opacity:.7}
.az515-pointer.az515-pointer-interactive{width:30px;height:30px;opacity:.95;border-color:#e5ba82;border-right-color:transparent;border-bottom-color:rgba(229,186,130,.42)}
.az515-pointer.az515-pointer-interactive::after{box-shadow:0 37px 0 #b86d4d}
.az515-pointer.az515-pointer-pulse::before{animation:az547-pointer-pulse .22s ease-out both}
@keyframes az547-pointer-pulse{from{box-shadow:0 0 0 0 rgba(229,186,130,.75)}to{box-shadow:0 0 0 12px rgba(229,186,130,0)}}
@media (hover:none),(pointer:coarse){.az515-pointer{display:none}}
@media (prefers-reduced-motion:reduce){
  .az515-surface>.az515-field,.az515-pointer,.az515-headline>.az515-headline-mark{display:none!important}
  .az515-headline:is(.az515-title-split,.az515-title-raster,.az515-title-pulse){animation:none!important;text-shadow:none!important;filter:none!important}
}
html.motion-off .az515-surface>.az515-field,html.motion-off .az515-pointer,html.motion-off .az515-headline>.az515-headline-mark,
html.az515-save-data .az515-surface>.az515-field,html.az515-save-data .az515-pointer,html.az515-save-data .az515-headline>.az515-headline-mark{display:none!important}
html.motion-off .az515-headline:is(.az515-title-split,.az515-title-raster,.az515-title-pulse),
html.az515-save-data .az515-headline:is(.az515-title-split,.az515-title-raster,.az515-title-pulse){animation:none!important;text-shadow:none!important;filter:none!important}
