/* DrAir V42. The hero is the ORIGINAL full-size JPEG: 1672x806.
   No new graphics/fades; do not cut off the subtitle printed inside the JPG.
   Replaces the incorrect V39 empty gap and superseded V41 rule set. */

/* The first section must own the height of its image, not a fixed cropped height. */
html body section.hero:has(img[src*="header_drair.jpg"]) {
  display:block!important;position:relative!important;z-index:25!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  height:auto!important;max-height:none!important;
  min-height:calc(100vw * 0.482057416)!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;clip-path:none!important;
  -webkit-mask:none!important;mask:none!important;
  transform:none!important;background:#0d0e11!important;
}
/* Direct photo wrapper — release legacy cropping, fixed heights, background masks. */
html body section.hero:has(img[src*="header_drair.jpg"]) > :is(div,figure,picture):has(img[src*="header_drair.jpg"]),
html body section.hero:has(img[src*="header_drair.jpg"]) .hst-v11-banner,
html body section.hero:has(img[src*="header_drair.jpg"]) .hst-v15-banner {
  position:relative!important;display:block!important;box-sizing:border-box!important;
  width:100vw!important;max-width:none!important;
  height:auto!important;max-height:none!important;
  min-height:0!important;margin:0 0 0 calc(50% - 50vw)!important;
  padding:0!important;overflow:visible!important;
  clip-path:none!important;-webkit-mask:none!important;mask:none!important;
  transform:none!important;opacity:1!important;filter:none!important;
  background:transparent!important;z-index:30!important;
}
/* Real image, fully visible and in NORMAL FLOW. No object-fit:cover. */
html body section.hero img[src*="header_drair.jpg"],
html body section.hero .hst-v11-image[src*="header_drair.jpg"],
html body section.hero .hst-v15-image[src*="header_drair.jpg"] {
  position:static!important;display:block!important;box-sizing:border-box!important;
  float:none!important;clear:both!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:1672/806!important;
  object-fit:contain!important;object-position:center top!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  -webkit-mask:none!important;mask:none!important;clip-path:none!important;
  transform:none!important;margin:0!important;padding:0!important;
}
/* Disable obsolete black/synthetic overlay layers without changing the JPEG. */
html body section.hero :is(.hst-drair-v2-fade,.hst-drair-replacement-fade,
 .hst-drair-v2c-final-fade,.hst-drair-v3-canvas,.hst-drair-v5-solid-fade,
 .hst-drair-fade-ext,.hst-drair-hero-extension,.hst-drair-v3-extension,
 .hst-drair-v2c-old-overlay,.hst-drair-suppressed-old-gradient) {
  display:none!important;visibility:hidden!important;opacity:0!important;
}
html body section.hero:has(img[src*="header_drair.jpg"])::before,
html body section.hero:has(img[src*="header_drair.jpg"])::after {
  content:none!important;display:none!important;
}
/* Next section must begin AFTER the entire image, never on top of it.
   The previous -85px overlap and 100px empty gap are both cancelled. */
html body section.hero:has(img[src*="header_drair.jpg"]) + section.story,
html body section.story.hst-v11-story,
html body .hst-v11-story {
  position:relative!important;z-index:1!important;
  margin-top:0!important;transform:none!important;clear:both!important;
  padding-top:16px!important;
}
