/* V5.33: a shallow 3D scene around the Home photograph and title. */
.az-underground .ug-hero.az-home-depth {
  --home-depth-rx: 0deg;
  --home-depth-ry: 0deg;
  --home-title-rx: 0deg;
  --home-title-ry: 0deg;
}
.az-underground .ug-hero.az-home-depth .ug-image-field {
  perspective: 1050px;
  transform-style: preserve-3d;
}
.az-underground .ug-hero.az-home-depth .az-home-depth-back {
  position: absolute;
  z-index: 0;
  inset: 19% 4% auto 5%;
  aspect-ratio: 16 / 9;
  pointer-events: none;
  overflow: hidden;
  border: 1px solid rgba(234,183,128,.57);
  background: linear-gradient(135deg,rgba(204,106,73,.25),rgba(11,56,66,.75) 40%,rgba(233,188,119,.18));
  box-shadow: -8px -8px 0 rgba(1,14,20,.65), -15px -15px 0 -1px rgba(227,157,102,.3), 0 25px 50px rgba(0,0,0,.3);
  transform: translate3d(-15px,-12px,-32px) rotateX(var(--home-depth-rx)) rotateY(calc(-4deg + var(--home-depth-ry))) rotateZ(1.8deg);
  transform-origin: center;
  transition: transform .38s cubic-bezier(.19,.8,.22,1);
}
.az-underground .ug-hero.az-home-depth .az-home-depth-back::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(108deg,transparent 22%,rgba(255,216,160,.13) 44%,rgba(255,216,160,.25) 49%,transparent 55%);
  background-size: 220% 100%;
  opacity: .76;
  animation: az-home-depth-light 7.5s ease-in-out infinite alternate;
}
.az-underground .ug-hero.az-home-depth .az-home-depth-back::after {
  content: '';
  position: absolute;
  inset: 11px;
  border: 1px solid rgba(231,185,130,.19);
  background: linear-gradient(90deg,transparent 49.9%,rgba(238,188,137,.12) 50%,transparent 50.1%);
}
.az-underground .ug-hero.az-home-depth .ug-image-plate {
  box-shadow: 2px 2px 0 rgba(239,191,139,.36), 12px 14px 0 rgba(1,14,20,.72), 0 28px 68px rgba(0,0,0,.45);
  transform: translate3d(var(--ug-photo-x,0px),var(--ug-photo-y,0px),20px) rotate(-1deg) rotateX(var(--home-depth-rx)) rotateY(calc(-4deg + var(--home-depth-ry)));
  transform-origin: 50% 50%;
  transition: transform .38s cubic-bezier(.19,.8,.22,1), box-shadow .38s ease, filter .7s ease;
  backface-visibility: hidden;
}
.az-underground .ug-hero.az-home-depth .az-home-depth-glint {
  position: absolute;
  z-index: 4;
  top: -12%;
  bottom: -12%;
  left: -60%;
  width: 46%;
  pointer-events: none;
  opacity: .52;
  background: linear-gradient(90deg,transparent,rgba(240,183,119,.04) 25%,rgba(250,218,173,.23) 50%,rgba(240,183,119,.04) 75%,transparent);
  transform: skewX(-17deg);
  mix-blend-mode: screen;
  animation: az-home-depth-sweep 8.5s ease-in-out infinite;
}
.az-underground .ug-hero.az-home-depth .ug-hero-heading-wrap {
  transform: perspective(1200px) rotateX(var(--home-title-rx)) rotateY(var(--home-title-ry));
  transform-origin: 36% center;
  transition: transform .46s cubic-bezier(.19,.8,.22,1);
}
.az-underground .ug-hero.az-home-depth .ug-first {
  text-shadow: 0 3px 0 rgba(9,42,48,.55), 4px 8px 15px rgba(0,9,15,.45);
}
.az-underground .ug-hero.az-home-depth .ug-last {
  filter: drop-shadow(3px 6px 1px rgba(3,24,30,.56));
}
@keyframes az-home-depth-light {
  from { background-position: 100% 0; opacity: .35; }
  to { background-position: 0 0; opacity: .85; }
}
@keyframes az-home-depth-sweep {
  0%,17% { transform: translateX(0) skewX(-17deg); opacity: 0; }
  24% { opacity: .52; }
  56% { transform: translateX(470%) skewX(-17deg); opacity: .45; }
  58%,100% { transform: translateX(470%) skewX(-17deg); opacity: 0; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off):not(.az-home-depth-save) .az-home-card:is(:hover,:focus-visible) {
    transform: perspective(950px) rotateX(2deg) rotateY(-3deg) translateY(-5px);
    box-shadow: 10px 13px 0 rgba(2,19,25,.55), 0 18px 34px rgba(0,8,14,.24);
  }
  html:not(.motion-off):not(.az-home-depth-save) .az-home-card:nth-child(2):is(:hover,:focus-visible) {
    transform: perspective(950px) rotateX(2deg) rotateY(3deg) translateY(-5px);
  }
}
@media (max-width: 700px) {
  .az-underground .ug-hero.az-home-depth .az-home-depth-back { inset: 18% 6% auto 6%; transform: translate3d(-7px,-7px,-24px) rotateZ(1.5deg); box-shadow: -6px -6px 0 rgba(1,14,20,.52), -11px -11px 0 -1px rgba(227,157,102,.2); }
  .az-underground .ug-hero.az-home-depth .ug-image-plate { transform: translate3d(0,0,10px) rotate(-1deg); }
  .az-underground .ug-hero.az-home-depth .ug-hero-heading-wrap { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .az-underground .ug-hero.az-home-depth .az-home-depth-back::before,
  .az-underground .ug-hero.az-home-depth .az-home-depth-glint { animation: none !important; }
  .az-underground .ug-hero.az-home-depth .ug-image-plate,
  .az-underground .ug-hero.az-home-depth .ug-hero-heading-wrap,
  .az-underground .ug-hero.az-home-depth .az-home-depth-back { transition: none !important; }
}
html.motion-off .az-underground .ug-hero.az-home-depth .az-home-depth-back::before,
html.az-home-depth-save .az-underground .ug-hero.az-home-depth .az-home-depth-back::before,
html.az-home-depth-hidden .az-underground .ug-hero.az-home-depth .az-home-depth-back::before { animation: none !important; }
html.motion-off .az-underground .ug-hero.az-home-depth .az-home-depth-glint,
html.az-home-depth-save .az-underground .ug-hero.az-home-depth .az-home-depth-glint,
html.az-home-depth-hidden .az-underground .ug-hero.az-home-depth .az-home-depth-glint { display: none !important; animation: none !important; }
html.motion-off .az-underground .ug-hero.az-home-depth .ug-image-plate,
html.az-home-depth-save .az-underground .ug-hero.az-home-depth .ug-image-plate { transform: rotate(-1deg) !important; transition: none !important; }
html.motion-off .az-underground .ug-hero.az-home-depth .ug-hero-heading-wrap,
html.az-home-depth-save .az-underground .ug-hero.az-home-depth .ug-hero-heading-wrap { transform: none !important; transition: none !important; }
html.motion-off .az-underground .ug-hero.az-home-depth .az-home-depth-back,
html.az-home-depth-save .az-underground .ug-hero.az-home-depth .az-home-depth-back { transform: translate(-7px,-7px) rotate(1deg) !important; transition: none !important; }
