/* Use the entire image across the entire header at every screen size.
   Independent width/height scaling intentionally follows the header's proportions. */
@supports (--private-theme-static: 1) {
  html body #asProfile .pp-hero-overlay.pp-custom-cover {
    display: flex;
  }
  html body #asProfile .pp-hero-overlay.pp-custom-cover .pp-cover {
    position: absolute; inset: 0; width: 100%; height: 100%;
    min-height: 0; aspect-ratio: auto; border-radius: inherit;
  }
  html body #asProfile .pp-hero-overlay.pp-custom-cover .pp-cover > .pp-cover-media {
    position: absolute !important; inset: 0 !important;
    display: block; width: 100% !important; height: 100% !important;
    max-width: none !important; max-height: none !important;
    margin: 0; padding: 0;
    object-fit: fill !important; object-position: center !important;
  }
  html body #asProfile .pp-hero-overlay.pp-custom-cover .pp-hero-main {
    position: relative; z-index: 1; margin: 0;
    background: transparent !important;
  }
}