.mod-hero{
  position: relative;
  overflow: hidden;
  align-content: center;
  min-height: 67rem;
}

.mod-hero .contents{
  max-width: var(--container-max-width, 1400px);
  width: 100%;
  align-content: center;
  z-index: 1;
}
.mod-hero .block{
  position: absolute;
  display: flex;
  inset: 0;
  justify-content: center;
  align-items: center;
  padding-inline: var(--section-padding-x, 2rem);
  min-height: fit-content;
  height:100%;
  min-height: fit-content;
}
.mod-hero .heading{
  margin-block-end: 2rem;
}

.mod-hero .text {
  z-index: 1;
  width: var(--container-max-width);
  text-wrap: pretty;
}

.mod-hero .image {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  /*background: var(--color-primary);*/
}
.mod-hero img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  max-width: var(--hero-max-width);
  justify-self: center;
  /*opacity: .38;*/
}

.btn-container{
  display: flex;
  padding-block-start: 3rem;
}

@media (max-width: 768px){
  .mod-hero{
    min-height: max(50vh, 60rem);
    height: 100svh;
    height: calc(100svh - 72px);
  }
}
@media (min-width: 1360px){
  .mod-hero .text {
    padding-inline: 8rem;
  }
}
}