/* Hero/navigation refinement */
.container{
  width:min(1120px,calc(100% - 112px));
}

.nav{
  min-height:76px;
  padding:0;
}
.brand{
  font-size:17px;
}
.nav-links{
  gap:24px;
}
.nav-links a{
  font-size:15px;
}

.hero{
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr);
  gap:50px;
  align-items:start;
  padding:68px 0 34px;
}
.hero h1{
  font-size:clamp(42px,5vw,62px);
  max-width:720px;
}
.lead{
  max-width:700px;
}
.hero-media{
  justify-content:flex-end;
  align-items:flex-start;
  padding-top:48px;
}
.portrait{
  width:min(100%,350px);
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center center;
  border-radius:18px;
  border:1px solid var(--line);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  filter:none;
}

#research.section{
  padding-top:42px;
}

@media(max-width:900px){
  .container{
    width:min(100% - 56px,1120px);
  }
  .hero{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:56px;
    padding-bottom:30px;
  }
  .hero-media{
    justify-content:flex-start;
    padding-top:0;
  }
  .portrait{
    width:min(100%,320px);
  }
  #research.section{
    padding-top:36px;
  }
}

@media(max-width:720px){
  .container{
    width:min(100% - 28px,1120px);
  }
  .nav{
    min-height:68px;
  }
  .nav-links{
    top:68px;
  }
  .brand{
    font-size:16px;
  }
  .hero h1{
    font-size:40px;
  }
}