/* One desktop rhythm for the rail, pane and content reflow. */
@media (min-width:1100px) {
  body.diva-side-panel-active {
    --diva-side-motion-duration: .9s;
    --diva-side-motion-ease: cubic-bezier(.4,0,.2,1);
    transition: padding-right var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active > #header {
    transition: right var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active .diva-side-panel {
    transition: transform var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active .diva-side-toggle svg {
    transform-origin: 50% 50%;
    transition: transform var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active .hero h1,
  body.diva-side-panel-active .hero-title .script {
    transition: font-size var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active .hero-line {
    transition: width var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
  body.diva-side-panel-active .apartments .lots-grid {
    transition: margin-inline var(--diva-side-motion-duration) var(--diva-side-motion-ease);
  }
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce) {
  body.diva-side-panel-active,
  body.diva-side-panel-active > #header,
  body.diva-side-panel-active .diva-side-panel,
  body.diva-side-panel-active .diva-side-toggle svg,
  body.diva-side-panel-active .hero h1,
  body.diva-side-panel-active .hero-title .script,
  body.diva-side-panel-active .hero-line,
  body.diva-side-panel-active .apartments .lots-grid {
    transition: none !important;
  }
}