/* Phase 4 living details: bounded ambient canvas and NWS awareness. */
.ab-living-effects {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
  opacity: 0.42;
  -webkit-mask-image: radial-gradient(ellipse at center, transparent 0 42%, #000 78%);
  mask-image: radial-gradient(ellipse at center, transparent 0 42%, #000 78%);
}

.ab-institution > main,
.ab-institution > .ab-phase1-footer {
  position: relative;
  z-index: 2;
}

.ab-nws-awareness {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ab-nws-awareness[hidden] {
  display: none;
}

@media (max-width: 600px) {
  .ab-living-effects {
    opacity: 0.32;
    -webkit-mask-image: linear-gradient(
      to right,
      #000 0 12%,
      transparent 28% 72%,
      #000 88% 100%
    );
    mask-image: linear-gradient(
      to right,
      #000 0 12%,
      transparent 28% 72%,
      #000 88% 100%
    );
  }

}

@media (prefers-reduced-motion: reduce) {
  .ab-living-effects {
    display: none !important;
  }
}

@media (forced-colors: active) {
  .ab-living-effects {
    display: none !important;
  }

}