.about-page .site-header{position:relative;height:170px;background:#fff;color:#225C64;align-items:flex-start}
.about-page .site-header::before{display:block;background:rgba(40,52,54,.08)}
.about-page .site-header .nav-wrap{margin:31px auto 0;padding-top:18px}
.about-page .site-header .main-nav,.about-page .site-header .main-nav a{color:#487F7D}
.about-page .site-header .main-nav a:hover{color:#225C64}
.about-page .about-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px;align-items:stretch}
.about-page .about-hero-photo{width:100%;min-height:600px;height:100%;background:#fff}
.about-page .about-hero-photo img{object-fit:cover;background:#fff}
.about-page .about-hero-copy{min-height:600px}

@media(max-width:760px){
  .about-page .site-header{height:104px}
  .about-page .about-hero{grid-template-columns:1fr;min-height:0}
  .about-page .about-hero-photo{width:100%;aspect-ratio:3/2;min-height:0;height:auto}
  .about-page .about-hero-photo img{object-fit:cover}
  .about-page .about-hero-copy{min-height:0}
  .about-page .site-header .main-nav{background:#fff}
}