html,body{overflow-x:clip}
.hero-grid{display:block}
.hero-copy{max-width:770px}
.hero h1 em{margin-top:.1em}
.profile-photo{overflow:hidden;border:1px solid rgba(37,38,56,.12);box-shadow:0 28px 70px rgba(17,18,35,.13);background:#f5f1ee}
.profile-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 14%;filter:none}
.bio-text p{font-size:14px;color:var(--muted);margin:0 0 17px}
.bio-text .about-lead{font-family:var(--serif);font-size:21px;line-height:1.65;color:#4c4a51}
.mobile-bar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-bar a>span{font-size:9px;font-weight:700}
@media(max-width:760px){
  .hero h1{font-size:clamp(54px,16vw,72px)}
  .hero-lead{line-height:1.72}
  .hero-copy{max-width:none}
  .profile-photo img{aspect-ratio:4/5;object-position:center 12%}
}