.about-profile {
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:85px;
  align-items:center;
  padding-top:10px
}
.identity-panel {
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  background:var(--accent);
  color:#090909;
  position:relative;
  overflow:hidden
}
.identity-panel .mono {
  font-size:11px;
  letter-spacing:.1em;
  position:relative;
  z-index:2
}
.identity-panel .monogram {
  font-size:clamp(140px,24vw,330px);
  font-weight:700;
  line-height:.8;
  letter-spacing:-.12em;
  position:relative;
  margin-left:-12px;
  transform:translateZ(35px)
}
.identity-panel .monogram::after {
  content:'.';
  color:#090909
}
.identity-panel .identity-bottom {
  display:flex;
  justify-content:space-between;
  border-top:1px solid rgba(0,0,0,.3);
  padding-top:16px
}
.identity-panel::before {
  content:'';
  position:absolute;
  width:130%;
  height:130%;
  border:1px solid rgba(0,0,0,.16);
  border-radius:50%;
  inset:-40% -55% auto auto
}
.profile-copy h2 {
  font-size:clamp(36px,4.3vw,62px);
  margin:18px 0 25px
}
.profile-copy p {
  margin-bottom:19px
}
.profile-copy .button-row {
  margin-top:30px
}
.profile-facts {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:32px;
  border-top:1px solid var(--line);
  padding-top:25px
}
.profile-facts dt {
  font:11px Code,monospace;
  color:var(--muted);
  text-transform:uppercase;
  margin-bottom:6px
}
.profile-facts dd {
  margin:0;
  font-size:14px
}
.education-list {
  display:grid;
  gap:0
}
.education-row {
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:35px;
  border-top:1px solid var(--line);
  padding:30px 0
}
.education-row:last-child {
  border-bottom:1px solid var(--line)
}
.education-row time {
  font:12px Code,monospace;
  color:var(--muted);
  padding-top:7px
}
.education-row h3 {
  font-size:25px;
  margin-bottom:12px
}
.education-row p {
  font-size:15px
}
.education-row .pill {
  align-self:start
}
.awards-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px
}
.award {
  padding:35px;
  border:1px solid var(--line);
  background:var(--surface)
}
.award .award-number {
  font-size:64px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.06em;
  margin-bottom:35px
}
.award h3 {
  font-size:25px;
  margin-bottom:15px
}
.award p {
  font-size:15px
}
.award small {
  display:block;
  font:11px Code,monospace;
  margin-top:22px;
  color:var(--muted);
  text-transform:uppercase
}
.award.featured {
  background:var(--accent);
  color:#090909;
  border-color:var(--accent)
}
.award.featured p,.award.featured small {
  color:#252525
}
@media(max-width:1000px) {
  .about-profile {
    gap:40px
  }
  .profile-copy h2 {
    font-size:43px
  }
  .education-row {
    grid-template-columns:140px 1fr
  }
  .education-row .pill {
    display:none
  }
}
@media(max-width:650px) {
  .about-profile {
    grid-template-columns:1fr;
    gap:40px
  }
  .identity-panel {
    max-width:470px;
    aspect-ratio:1.15
  }
  .identity-panel .monogram {
    font-size:clamp(150px,55vw,290px)
  }
  .profile-copy h2 {
    font-size:40px
  }
  .profile-facts {
    gap:20px
  }
  .education-row {
    grid-template-columns:1fr;
    gap:12px
  }
  .education-row h3 {
    font-size:23px
  }
  .awards-grid {
    grid-template-columns:1fr
  }
  .award {
    padding:28px
  }
  .award .award-number {
    font-size:55px;
    margin-bottom:25px
  }
}