/* HTPOS_BANNER_TRANSPARENT_ASSETS_V3_20261106
   Hero-only: remove the real source of the pale frame (.htx-hero-frame)
   and preserve the existing dark hero and slide interactions.
   Replaces V1/V2 broad banner CSS links in site-common.php.
*/
body .htx-home-hero .htx-hero-showcase {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  width: 100% !important;
  max-width: 800px !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body .htx-home-hero .htx-hero-showcase .htx-hero-frames {
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
body .htx-home-hero .htx-hero-showcase .htx-hero-frame {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body .htx-home-hero .htx-hero-showcase .htx-hero-frame > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Leave carousel dots functional and above artwork; restore prior v2 gallery rules. */
body .htx-home-hero .htx-hero-showcase .htx-slide-dots {z-index: 6 !important;}
@media (max-width: 640px) {
  body .htx-home-hero .htx-hero-showcase {aspect-ratio: 1 / 1 !important;min-height: 0 !important;}
}