/* Shared industry-photo hero. Each page supplies its own --industry-photo URL. */
.hero.hero-photo{
  min-height:clamp(390px,46vw,550px);
  padding:clamp(70px,7.5vw,112px) max(24px,calc((100vw - 1000px)/2 + 24px)) clamp(68px,7vw,104px);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  background-color:#0d0f14;
  background-image:
    linear-gradient(90deg,rgba(13,15,20,.98) 0%,rgba(13,15,20,.94) 34%,rgba(13,15,20,.72) 56%,rgba(13,15,20,.42) 78%,rgba(13,15,20,.55) 100%),
    linear-gradient(0deg,rgba(13,15,20,.62) 0%,rgba(13,15,20,.08) 58%,rgba(13,15,20,.40) 100%),
    var(--industry-photo);
  background-position:center,center,center;
  background-repeat:no-repeat;
  background-size:cover;
}

.hero.hero-photo::before{content:none}

.hero.hero-photo h1{
  max-width:15ch;
  margin:12px 0 0;
  text-shadow:0 2px 28px rgba(0,0,0,.35);
}

.hero.hero-photo p{
  max-width:52ch;
  margin:16px 0 0;
  color:#c7ceda;
  text-shadow:0 2px 16px rgba(0,0,0,.55);
}

.hero.hero-photo .btn-primary{margin-top:26px}

@media(max-width:720px){
  .hero.hero-photo{
    min-height:470px;
    padding:74px 24px 64px;
    background-position:center,center,64% center;
  }

  .hero.hero-photo h1{max-width:13ch}
}