/* About page — understated biography and tight artist-style chronology. */
.about-page{padding-top:clamp(30px,3.6vw,52px)}
.about-hero{max-width:690px;margin:auto;text-align:center}
.about-intro h1{font-size:clamp(28px,3vw,38px);font-weight:400;margin:0 0 12px;line-height:1.3}
.about-intro__category{font-size:12px;line-height:1.6;color:#777;margin:0 0 28px}
.about-copy p{color:var(--copy);font-size:var(--body-copy-size);line-height:var(--body-copy-leading);margin:0 0 20px}
.about-copy p:last-child{margin:0}
.about-contact{padding-top:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:clamp(32px,5vw,64px);row-gap:8px}
/* Match the existing Website Design links: 4px underline shifts to 3px on hover. */
.about-contact a {
  color: var(--copy);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.about-contact a:hover {
  color: #333;
  text-underline-offset: 3px;
}
.about-contact a:focus-visible { color: #333; }

/* Dates and credits only: no item rules, panels or heavy section spacing. */
.about-record{width:min(100%,690px);margin:54px auto 0}
.about-record__section+.about-record__section{margin-top:30px}
.about-record__heading{font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.11em;text-transform:uppercase;color:#555;margin:0 0 12px}
.about-record__list{list-style:none;margin:0;padding:0}
.about-record__item{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:15px;align-items:baseline;line-height:1.6}
.about-record__item+.about-record__item{margin-top:5px}
.about-record__date{font-size:11.5px;color:#777;font-weight:300;white-space:nowrap}
.about-record__entry{font-size:12.5px;color:#252525;font-weight:300}
.about-record__entry strong{font-weight:400}
.about-record__role{font-weight:300;color:#666}
.about-record__download{margin:27px 0 0;font-size:12.5px;line-height:1.65}
.about-record__download a{text-decoration:underline;text-underline-offset:4px;color:#333}
.about-record__download a:hover{color:#777}
.about-record__download span{color:#777}
.about-footer{margin-top:clamp(62px,7vw,90px)}
@media(max-width:600px){
  .about-record{margin-top:44px}
  .about-record__item{grid-template-columns:102px minmax(0,1fr);column-gap:12px;align-items:start}
  .about-record__item+.about-record__item{margin-top:8px}
  .about-record__section+.about-record__section{margin-top:26px}
}
@media(max-width:375px){
  .about-record__item{grid-template-columns:1fr;row-gap:0}
  .about-record__item+.about-record__item{margin-top:9px}
}