/*
 * v4.36.0: compact common hero frame.
 *
 * All existing page heroes retain the home slider's content width while using
 * a shorter 190px-250px height to keep page content closer to the header.
 */
:root {
  --gd-hero-image-width: min(1200px, calc(100% - 40px));
  --gd-hero-image-height: clamp(190px, 18vw, 250px);
}

.gd-home-slider,
.gd-subpage-hero,
.gd-srof-hero,
.gd-research-hero,
.gd-master-hero,
.gd-hero-image {
  box-sizing: border-box;
  width: var(--gd-hero-image-width) !important;
  height: var(--gd-hero-image-height) !important;
  min-height: var(--gd-hero-image-height) !important;
  margin: clamp(0.8rem, 1.8vw, 1.35rem) auto 0 !important;
  overflow: hidden;
}

.gd-subpage-hero,
.gd-srof-hero,
.gd-research-hero,
.gd-master-hero,
.gd-hero-image {
  position: relative;
  padding: 0 !important;
}

.gd-subpage-hero .gd-container,
.gd-srof-hero .gd-container,
.gd-research-hero .gd-container,
.gd-master-hero .gd-container {
  display: grid !important;
  min-height: 100%;
  align-content: center;
  padding-block: clamp(1.1rem, 2.2vw, 1.6rem);
}

.gd-hero-image {
  background: #111;
}

.gd-hero-image > img,
.gd-hero-image picture,
.gd-hero-image picture > img,
.gd-hero-image .wp-block-cover__image-background,
.gd-hero-image .wp-block-cover__background,
.gd-hero-image .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
}

.gd-hero-image > img,
.gd-hero-image picture > img,
.gd-hero-image .wp-block-cover__image-background {
  display: block;
  object-fit: cover;
  object-position: var(--gd-hero-image-position, center 42%);
}

.gd-hero-image.wp-block-cover,
.gd-hero-image .wp-block-cover__image-background {
  min-height: 0;
}

.gd-hero-image .wp-block-cover__inner-container {
  position: relative;
  z-index: 1;
}

@media (max-width: 640px) {
  :root {
    --gd-hero-image-width: calc(100% - 28px);
    --gd-hero-image-height: clamp(160px, 48vw, 210px);
  }
}