.about-container { 
  max-width: 750px; 
  margin: 0 auto; 
  padding: 5rem 2rem 6rem; 
  flex: 1; 
}

.page-eyebrow { 
  font-size: 0.75rem; 
  letter-spacing: 0.22em; 
  text-transform: uppercase; 
  color: var(--sage); 
  margin-bottom: 0.75rem; 
}

.page-title { 
  font-family: 'Playfair Display', serif; 
  font-size: clamp(2.2rem, 5vw, 3.5rem); 
  font-weight: 400; 
  line-height: 1.1; 
  margin-bottom: 2.5rem; 
}

.page-title em { 
  font-style: italic; 
  color: var(--rust); 
}

.about-content p { 
  margin-bottom: 1.75rem; 
  color: var(--bark-md); 
}

.about-content p:first-of-type { 
  font-size: 1.15rem; 
  color: var(--bark); 
  line-height: 1.7; 
}

/* Profile photo */
.profile-figure {
  float: right;
  margin: 0 0 2rem 2.5rem;
  shape-outside: border-box;
}

.profile-photo {
  width: 220px;
  border-radius: 4px;
  display: block;
  filter: grayscale(15%);
}

/* Clearfix */
.about-content::after {
  content: '';
  display: table;
  clear: both;
}

@media (max-width: 600px) { 
  .about-container { padding: 3.5rem 1.25rem; }
  .profile-figure {
    float: none;
    margin: 0 auto 2rem;
    text-align: center;
  }
  .profile-photo {
    width: 160px;
    margin: 0 auto;
  }
}