/* Explicit sizes only: unset values leave existing block styles untouched. */
@media (min-width: 768px) {
  section[data-dp-height-desktop="25"] { --dp-selected-height: 25vh; height: auto !important; min-height: 25vh !important; min-height: 25svh !important; box-sizing: border-box; }
  section[data-dp-height-desktop="50"] { --dp-selected-height: 50vh; height: auto !important; min-height: 50vh !important; min-height: 50svh !important; box-sizing: border-box; }
  section[data-dp-height-desktop="75"] { --dp-selected-height: 75vh; height: auto !important; min-height: 75vh !important; min-height: 75svh !important; box-sizing: border-box; }
  section[data-dp-height-desktop="100"] { --dp-selected-height: 100vh; height: auto !important; min-height: 100vh !important; min-height: 100svh !important; box-sizing: border-box; }
  section[data-dp-height-desktop="custom"] {
    --dp-selected-height: var(--dp-custom-height-desktop);
    height: auto !important;
    min-height: var(--dp-selected-height) !important;
    box-sizing: border-box;
  }
  .applications[data-dp-height-desktop] > .applications__main-row { min-height: inherit; }
}
@media (max-width: 767px) {
  section[data-dp-height-mobile="25"] { --dp-selected-height: 25vh; height: auto !important; min-height: 25vh !important; min-height: 25svh !important; box-sizing: border-box; }
  section[data-dp-height-mobile="50"] { --dp-selected-height: 50vh; height: auto !important; min-height: 50vh !important; min-height: 50svh !important; box-sizing: border-box; }
  section[data-dp-height-mobile="75"] { --dp-selected-height: 75vh; height: auto !important; min-height: 75vh !important; min-height: 75svh !important; box-sizing: border-box; }
  section[data-dp-height-mobile="100"] { --dp-selected-height: 100vh; height: auto !important; min-height: 100vh !important; min-height: 100svh !important; box-sizing: border-box; }
  section[data-dp-height-mobile="custom"] {
    --dp-selected-height: var(--dp-custom-height-mobile);
    height: auto !important;
    min-height: var(--dp-selected-height) !important;
    box-sizing: border-box;
  }
  .applications[data-dp-height-mobile] > .applications__main-row { min-height: inherit; }
}

/* Gutenberg does not start the Applications front-end carousel. Show its
 * first image as a stable editor preview instead of the grey fallback panel. */
.block-editor .acf-block-body .applications--editor-preview .applications__carousel {
  display: block !important;
  width: 100%;
  min-height: 420px;
  height: 100%;
}
.block-editor .acf-block-body .applications--editor-preview .applications__slide {
  display: none !important;
  min-height: 420px;
  height: 100%;
}
.block-editor .acf-block-body .applications--editor-preview .applications__slide:first-child {
  display: block !important;
}
.block-editor .acf-block-body .applications--editor-preview .applications__image {
  min-height: 420px;
  height: 100%;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .hero[style*="--hero-height-mobile"],
  .hero[style*="--hero-height-mobile"] .hero__carousel,
  .hero[style*="--hero-height-mobile"] .slick-list,
  .hero[style*="--hero-height-mobile"] .slick-track,
  .hero[style*="--hero-height-mobile"] .hero__banner {
    height: var(--hero-height-mobile) !important;
  }
}

@media (min-width: 768px) {
  section.hero[data-dp-height-desktop],
  section.hero[data-dp-height-desktop] .hero__carousel,
  section.hero[data-dp-height-desktop] .slick-list,
  section.hero[data-dp-height-desktop] .slick-track,
  section.hero[data-dp-height-desktop] .hero__banner {
    height: var(--dp-selected-height) !important;
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  section.hero[data-dp-height-mobile],
  section.hero[data-dp-height-mobile] .hero__carousel,
  section.hero[data-dp-height-mobile] .slick-list,
  section.hero[data-dp-height-mobile] .slick-track,
  section.hero[data-dp-height-mobile] .hero__banner {
    height: var(--dp-selected-height) !important;
    min-height: 0 !important;
  }
}