/* AURA D3.11H — evidence hero image fade consistency patch
   Date: 14 Aug 2026
   Status: INSPECTION ONLY — NOT PRODUCTION APPROVED
   Scope: Match Structured Hiring and Hiring Kickoff hero-image presentation
   to the approved Hiring Manager Training treatment.
*/

/* Desktop: blend the image's copy-facing edge into the page surface. */
.structured-hiring-hero-visual,
.kickoff-hero-visual{
  position:relative;
  isolation:isolate;
  background:transparent;
  box-shadow:none;
}
.structured-hiring-hero-visual::before,
.kickoff-hero-visual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:36%;
  z-index:2;
  pointer-events:none;
}
.structured-hiring-hero-visual::before{
  background:linear-gradient(90deg,
    #F7F2E8 0%,
    rgba(247,242,232,.92) 24%,
    rgba(247,242,232,.46) 68%,
    rgba(247,242,232,0) 100%);
}
.kickoff-hero-visual::before{
  background:linear-gradient(90deg,
    #FCF8F1 0%,
    rgba(252,248,241,.92) 24%,
    rgba(252,248,241,.46) 68%,
    rgba(252,248,241,0) 100%);
}

/* No visible caption line under either approved hero image. */
.structured-hiring-hero-visual figcaption,
.kickoff-hero-visual figcaption{display:none!important}

/* Mobile follows the approved HMT pattern: image leads, then fades downward
   into the page surface before the copy continues. */
@media(max-width:700px){
  .structured-hiring-hero-visual::before,
  .kickoff-hero-visual::before{
    inset:auto 0 0 0;
    width:auto;
    height:27%;
  }
  .structured-hiring-hero-visual::before{
    background:linear-gradient(180deg,
      rgba(247,242,232,0),
      rgba(247,242,232,.9) 82%,
      #F7F2E8);
  }
  .kickoff-hero-visual::before{
    background:linear-gradient(180deg,
      rgba(252,248,241,0),
      rgba(252,248,241,.9) 82%,
      #FCF8F1);
  }
}