/* SHE Venture — original artwork sizing and presentation */
.hero-image,
.approach-visual{
  aspect-ratio:3 / 2;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden;
  background:#EEE5DF;
  box-shadow:0 18px 48px rgba(39,23,28,.08);
}

.hero-image img,
.approach-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none !important;
  transform:none !important;
}

.hero-image{
  margin:0 var(--page) 34px;
}

.hero-image figcaption{
  color:rgba(39,23,28,.62);
  background:rgba(245,240,234,.82);
  padding:7px 9px;
  backdrop-filter:blur(8px);
}

.approach-visual{
  margin:0 var(--page);
}

@media(min-width:720px){
  .hero-image{margin:0 var(--page) 48px}
  .approach-visual{margin:0 var(--page)}
}

@media(min-width:900px){
  .hero{
    min-height:auto !important;
    align-items:center;
    padding-bottom:56px;
  }
  .hero-copy{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
  .hero-image{
    width:calc(100% - var(--page));
    margin:44px var(--page) 0 0;
    align-self:center;
  }
}

@media(min-width:1100px){
  .approach{
    align-items:center !important;
  }
  .approach-visual{
    width:calc(100% - var(--page));
    margin:var(--page) 0 var(--page) var(--page);
    align-self:center;
  }
}

@media(max-width:719px){
  .hero-image{
    margin:0 22px 34px;
  }
  .approach-visual{
    margin:0 22px;
  }
}
