/* An editorial patch bay around an archival performance photograph. */
.az-underground .ug-hero{background:#071f28}
.az-underground .ug-hero:before{
  background:linear-gradient(90deg,rgba(2,25,31,.96) 0%,rgba(3,30,37,.89) 39%,rgba(3,26,33,.48) 72%,rgba(3,22,29,.3) 100%),linear-gradient(0deg,rgba(2,20,26,.62),transparent 48%);
}
.az-underground .ug-hero-lines{
  opacity:.52;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(220,180,138,.13) calc(12.5% - 1px),rgba(220,180,138,.13) 12.5%),repeating-linear-gradient(0deg,transparent 0,transparent 86px,rgba(211,169,128,.085) 87px);
}
.az-underground .ug-image-field{
  inset:0 0 0 42%;
  opacity:1;
  transform:none;
  background:radial-gradient(circle at 57% 43%,rgba(137,65,63,.21),transparent 45%),repeating-linear-gradient(90deg,transparent 0 91px,rgba(207,153,118,.12) 92px),#071d25;
}
.az-underground .ug-image-field:before{opacity:.25}
.az-underground .ug-image-plate{
  inset:19% 4% auto 5%;
  aspect-ratio:16/9;
  height:auto;
  clip-path:none;
  z-index:1;
  overflow:hidden;
  border:1px solid rgba(229,190,160,.48);
  box-shadow:15px 17px 0 rgba(1,14,20,.65),0 20px 70px rgba(0,0,0,.25);
  transform:translate3d(var(--ug-photo-x,0px),var(--ug-photo-y,0px),0) rotate(-1deg);
}
.az-underground .ug-image-plate img{
  object-position:center;
  object-fit:contain;
  transform:none;
  animation:none!important;
  filter:saturate(.83) contrast(1.12) brightness(.9);
}
.az-underground .ug-image-plate:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:url('assets/wordpress/715.webp') center/contain no-repeat;
  mix-blend-mode:screen;
  animation:ug-modular-glitch 13s steps(1,end) infinite;
}
.ug-modular-circuit{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  color:#ce906f;
  opacity:.72;
  pointer-events:none;
  transform:translate3d(var(--ug-circuit-x,0px),var(--ug-circuit-y,0px),0);
  transition:transform .4s ease-out;
}
.ug-modular-circuit path{fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke}
.ug-modular-circuit .ug-circuit-base{opacity:.64}
.ug-modular-circuit .ug-circuit-signal{stroke:#f5c39d;stroke-width:1.6;stroke-dasharray:12 410;animation:ug-circuit-travel 11s linear infinite}
.ug-modular-circuit circle{fill:#dd9b76;stroke:#081f25;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ug-module-label{
  position:absolute;
  z-index:4;
  color:#ebc09a;
  font:400 9px/1.4 'AZ Mono','IBM Plex Mono',monospace;
  letter-spacing:.16em;
  background:rgba(4,30,37,.84);
  border-left:1px solid rgba(230,164,121,.78);
  padding:7px 10px;
  pointer-events:none;
}
.ug-module-label-top{top:11%;right:5%}
.ug-module-label-bottom{bottom:12%;left:7%}
.az-underground .ug-route-three{
  padding-inline:20px;
  color:#f3eee7;
  background:#08313a;
}
.az-underground .ug-route-three:before{background:#0b424b}
.az-underground .ug-route-three .ug-route-core h3{
  display:inline-block;
  color:#a76445;
  font:400 clamp(3.5rem,7vw,6.7rem)/.9 'AZ Gruppo','Gruppo',sans-serif;
  letter-spacing:-.08em;
  text-transform:uppercase;
  -webkit-text-stroke:.45px #a76445;
  transform:scaleX(1.7);
  transform-origin:left center;
  transition:transform .38s ease,color .38s ease;
}
.az-underground .ug-route-three:is(:hover,:focus-visible) .ug-route-core h3{color:#bd7554;transform:scaleX(1.74) translateX(2px)}
.az-underground .ug-route-three .ug-route-core p{color:#cbd8d4}
.az-underground .ug-route-three .ug-route-count,.az-underground .ug-route-three .ug-route-arrow{color:#e6c39b}
@keyframes ug-circuit-travel{to{stroke-dashoffset:-422}}
@keyframes ug-modular-glitch{
  0%,87%,88.2%,89.2%,100%{opacity:0;transform:none;clip-path:inset(0 0 100% 0)}
  87.4%{opacity:.22;transform:translateX(4px);clip-path:inset(24% 0 71% 0)}
  88.6%{opacity:.14;transform:translateX(-3px);clip-path:inset(62% 0 33% 0)}
}
@media(max-width:920px){
  .az-underground .ug-image-field{left:24%;opacity:.83}
  .az-underground .ug-image-plate{top:19%;left:5%;right:5%}
  .az-underground .ug-route-three .ug-route-core h3{font-size:clamp(3.2rem,8.4vw,5rem);transform:scaleX(1.4)}
  .az-underground .ug-route-three:is(:hover,:focus-visible) .ug-route-core h3{transform:scaleX(1.44) translateX(2px)}
}
@media(max-width:700px){
  .az-underground .ug-hero:before{background:linear-gradient(180deg,rgba(2,23,30,.24) 0%,rgba(2,26,33,.3) 31%,rgba(2,24,31,.87) 55%,rgba(2,23,30,.96) 100%)}
  .az-underground .ug-image-field{inset:0 0 36% 10%;opacity:1}
  .az-underground .ug-image-plate{top:18%;left:6%;right:6%}
  .az-underground .ug-image-plate img{filter:saturate(.95) contrast(1.13) brightness(1.08)}
  .ug-modular-circuit{opacity:.4}
  .ug-module-label{font-size:7px;padding:5px 7px}
  .ug-module-label-top{top:8%}
  .ug-module-label-bottom{bottom:5%}
  .az-underground .ug-route-three{padding-inline:8px}
  .az-underground .ug-route-three .ug-route-core h3{font-size:clamp(1.8rem,8.5vw,3.6rem);letter-spacing:-.05em;transform:scaleX(1.04)}
  .az-underground .ug-route-three:is(:hover,:focus-visible) .ug-route-core h3{transform:scaleX(1.06)}
}
@media(prefers-reduced-motion:reduce){
  .az-underground .ug-image-plate:after,.ug-modular-circuit .ug-circuit-signal{animation:none!important}
  .az-underground .ug-image-plate{transform:rotate(-1deg)!important}
  .ug-modular-circuit{transform:none!important;transition:none!important}
}
html.motion-off .az-underground .ug-image-plate:after,html.motion-off .ug-modular-circuit .ug-circuit-signal{animation:none!important}
html.motion-off .az-underground .ug-image-plate{transform:rotate(-1deg)!important}
html.motion-off .ug-modular-circuit{transform:none!important;transition:none!important}

/* The short signature uses the same Space/Gruppo pairing as the main name. */
.az-underground .ug-sounds-good{
  font-family:'AZ Space','Space Grotesk',sans-serif;
  font-weight:300;
  font-size:clamp(2.6rem,4.7vw,4.8rem);
  letter-spacing:-.075em;
  text-transform:none;
  line-height:1.02;
}
.az-underground .ug-sounds-good em{
  font-family:'AZ Gruppo','Gruppo',sans-serif;
  font-size:1.1em;
  font-weight:400;
  font-style:normal;
  letter-spacing:-.045em;
  text-transform:uppercase;
  color:#e8c49b;
}
@media(max-width:700px){
  .az-underground .ug-sounds-good{font-size:clamp(2rem,8vw,3.6rem)}
}