/* ADR / DGR placards — behind glass on special-cargo */

.tp-body--special {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
}

.tp-body--special .tp-body__inner,
.tp-body--special .tp-cta-merge {
  position: relative;
  z-index: 2;
}

.tp-body--special .tp-cta-merge {
  padding: 3.5rem 1.5rem 4.5rem;
}

@media (min-width: 1024px) {
  .tp-body--special .tp-cta-merge {
    padding: 4.5rem 2.5rem 5.5rem;
  }
}

.hazmat-float {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.hazmat-float__stage {
  position: sticky;
  top: 10vh;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  height: min(78vh, 44rem);
  opacity: 0.52;
}

@media (min-width: 900px) {
  .hazmat-float__stage {
    opacity: 0.62;
    height: min(82vh, 48rem);
  }
}

.hazmat-float__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.28));
}

.hazmat-float .hz-placard {
  transform-box: fill-box;
  transform-origin: center;
}

.hazmat-float.is-reduced .hz-pulse,
.hazmat-float.is-reduced .hz-rings {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .hazmat-float__stage {
    opacity: 0.32;
  }
}