/* APPARELLY BLANK — V66 Full-Width Short Home Hero */

/* ----------------------------------------------------------
   HOME HERO: FULL-WIDTH, SHORTER, CROPPED AS ONE UNIT
---------------------------------------------------------- */

/* Break the entire homepage hero out to full browser width */
body.home .ablk-v21-hero,
body.home .ablk-home-hero,
body.home .ablk-hero,
body.home .ablk-v46-hero,
body.home .ablk-v48-hero,
body.home .ablk-mosaic-hero,
body.home main > .wp-block-group:first-child {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Main two-column hero layout, shortened together */
body.home .ablk-v21-hero,
body.home .ablk-home-hero,
body.home .ablk-hero,
body.home .ablk-v46-hero,
body.home .ablk-v48-hero {
  min-height: 0 !important;
  height: clamp(390px, 48vw, 560px) !important;
  max-height: 560px !important;
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(243,196,0,.14), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(31,107,67,.12), transparent 35%),
    linear-gradient(135deg, #080808, #111114 62%, #050505) !important;
}

/* Text side becomes shorter and vertically centered */
body.home .ablk-v21-hero-copy,
body.home .ablk-hero-copy,
body.home .ablk-home-hero-copy,
body.home .ablk-v46-hero-copy,
body.home .ablk-v48-hero-copy {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(22px, 4vw, 58px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Hero image side crops inside the same hero height */
body.home .ablk-v21-hero-image-panel,
body.home .ablk-hero-image-panel,
body.home .ablk-home-hero-image,
body.home .ablk-v46-hero-image,
body.home .ablk-v48-hero-image,
body.home .ablk-v21-hero-media,
body.home .ablk-hero-media,
body.home .ablk-home-hero-media,
body.home .ablk-mosaic-hero {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 560px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Crop all hero images cleanly */
body.home .ablk-v21-hero-image-panel img,
body.home .ablk-hero-image-panel img,
body.home .ablk-home-hero-image img,
body.home .ablk-v46-hero-image img,
body.home .ablk-v48-hero-image img,
body.home .ablk-v21-hero-media img,
body.home .ablk-hero-media img,
body.home .ablk-home-hero-media img,
body.home .ablk-mosaic-hero img,
body.home main > .wp-block-group:first-child img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center 38% !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Tighten hero typography so the shorter section still breathes */
body.home .ablk-v21-hero h1,
body.home .ablk-home-hero h1,
body.home .ablk-hero h1,
body.home .ablk-v46-hero h1,
body.home .ablk-v48-hero h1,
body.home main > .wp-block-group:first-child h1 {
  font-size: clamp(3rem, 7.2vw, 7rem) !important;
  line-height: .82 !important;
  margin-bottom: clamp(10px, 1.2vw, 18px) !important;
}

body.home .ablk-v21-hero p,
body.home .ablk-home-hero p,
body.home .ablk-hero p,
body.home .ablk-v46-hero p,
body.home .ablk-v48-hero p,
body.home main > .wp-block-group:first-child p {
  max-width: 58ch !important;
}

/* Pull the next section closer so the homepage starts faster */
body.home .ablk-v21-hero + *,
body.home .ablk-home-hero + *,
body.home .ablk-hero + *,
body.home .ablk-v46-hero + *,
body.home .ablk-v48-hero + *,
body.home main > .wp-block-group:first-child + * {
  margin-top: clamp(14px, 2vw, 28px) !important;
}

/* ----------------------------------------------------------
   MOBILE
---------------------------------------------------------- */

@media (max-width: 781px) {
  body.home .ablk-v21-hero,
  body.home .ablk-home-hero,
  body.home .ablk-hero,
  body.home .ablk-v46-hero,
  body.home .ablk-v48-hero {
    height: auto !important;
    max-height: none !important;
    grid-template-columns: 1fr !important;
  }

  body.home .ablk-v21-hero-copy,
  body.home .ablk-hero-copy,
  body.home .ablk-home-hero-copy,
  body.home .ablk-v46-hero-copy,
  body.home .ablk-v48-hero-copy {
    height: auto !important;
    min-height: 300px !important;
    padding: 22px !important;
  }

  body.home .ablk-v21-hero-image-panel,
  body.home .ablk-hero-image-panel,
  body.home .ablk-home-hero-image,
  body.home .ablk-v46-hero-image,
  body.home .ablk-v48-hero-image,
  body.home .ablk-v21-hero-media,
  body.home .ablk-hero-media,
  body.home .ablk-home-hero-media {
    height: clamp(220px, 62vw, 340px) !important;
    max-height: 340px !important;
  }

  body.home .ablk-v21-hero h1,
  body.home .ablk-home-hero h1,
  body.home .ablk-hero h1,
  body.home .ablk-v46-hero h1,
  body.home .ablk-v48-hero h1,
  body.home main > .wp-block-group:first-child h1 {
    font-size: clamp(2.7rem, 12vw, 4.8rem) !important;
  }
}

/* Very wide screens: keep hero bold but not billboard-tall */
@media (min-width: 1440px) {
  body.home .ablk-v21-hero,
  body.home .ablk-home-hero,
  body.home .ablk-hero,
  body.home .ablk-v46-hero,
  body.home .ablk-v48-hero {
    height: 540px !important;
    max-height: 540px !important;
  }
}