/* Leasing special: fits desktop and mobile screens. */
.leasing-special {
  border: 0;
  padding: 0;
  margin: auto;
  overflow: visible;
  background: transparent;
  max-width: none;
  max-height: none;
  width: min(800px, calc(100vw - 32px), calc(100vh - 48px));
  width: min(800px, calc(100vw - 32px), calc(100dvh - 48px));
  opacity: 0;
  transform: translateY(18px) scale(.97);
  transition: opacity 280ms ease, transform 280ms ease;
}
.leasing-special.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.leasing-special::backdrop { background: rgb(0 0 0 / 0%); transition: background 280ms ease; }
.leasing-special.is-visible::backdrop { background: rgb(0 0 0 / 65%); }
.leasing-special img { display: block; width: 100%; height: auto; border-radius: 4px; }
.leasing-special-close {
  position: absolute; top: 8px; right: 8px; width: 44px; height: 44px;
  padding: 0; border: 2px solid white; border-radius: 50%;
  background: #103b4b; color: white; font: 32px/1 Arial, sans-serif;
  cursor: pointer; box-shadow: 0 2px 8px #0006;
}
.leasing-special-close:focus-visible { outline: 3px solid #83d4d4; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .leasing-special, .leasing-special::backdrop { transition: none; transform: none; }
}