/* =========================================================
   HEATLIFT — SHARED HERO COMPONENTS · V7
   Standard editorial hero used by top-level / hub pages.
   Page CSS keeps only image/overlay positioning specifics.
   ========================================================= */
.hl26-standard-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  align-items:end;
  min-height:clamp(30rem,62vh,44rem);
  background:#171816;
  color:var(--hl26-white);
}

.hl26-standard-hero__image{
  position:absolute;
  inset:0;
  z-index:-1;
  background-repeat:no-repeat;
  background-size:cover;
  transition:transform 900ms ease;
}

.hl26-standard-hero:hover .hl26-standard-hero__image{
  transform:scale(1.008);
}

.hl26-standard-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:5px;
  background:linear-gradient(90deg,var(--hl26-orange) 0 62%,var(--hl26-blue) 62% 100%);
}

.hl26-standard-hero__inner{
  padding-block:clamp(7rem,10vw,10rem) clamp(4rem,7vw,5.5rem);
}

.hl26-standard-hero__title{
  max-width:12ch;
  margin:0;
  color:var(--hl26-white)!important;
  font-size:clamp(3rem,6.3vw,6rem);
  font-weight:700;
  letter-spacing:-.065em;
  line-height:.96;
  text-wrap:balance;
}

@media(max-width:680px){
  .hl26-standard-hero{min-height:27rem}
  .hl26-standard-hero__inner{padding-block:7rem 3.5rem}
}