.about-page .about{border:0;max-width:1440px;margin:auto;padding-top:55px;padding-bottom:65px;gap:9%}
.about-page .about h1{font-size:clamp(44px,4.6vw,68px);font-weight:450;line-height:1.08;letter-spacing:-.05em;margin:24px 0 0}
.about-page .about-copy .large-copy{margin-top:40px}
.about-page .career-detail-photo{margin-top:32px}
.about-contact{padding:45px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:35px}
.about-contact .eyebrow{color:var(--accent)}
.about-contact h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin-top:16px;max-width:650px}
.about-contact .pill{flex-shrink:0}
.about-page footer{border-top:1px solid var(--line)}
@media(min-width:1600px){.about-page .about{padding-left:0;padding-right:0}.about-contact{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:700px){.about-page .about{grid-template-columns:1fr;gap:18px;padding-top:36px}.about-page .about-copy .large-copy{margin-top:10px}.about-contact{flex-direction:column;align-items:start;padding-top:35px;padding-bottom:35px}}

.about-page .about-headshot{max-width:370px;margin:30px 0 0}
.about-page .about-headshot>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center 20%}
.about-page .about-headshot figcaption{font-size:12px;line-height:1.5;margin-top:5px;gap:14px}

/* Quiet the decorative artwork behind the longer biography. */
.about-page #about>.banner-art>img{filter:blur(8px);opacity:.32}
.about-page #about.experience-banner::after{background:linear-gradient(180deg,rgba(23,23,23,.5),#171717 850px)}

/* Named projects provide a quick index into the detailed career chapters. */
.about-project-index{padding:52px max(6%,calc((100vw - 1440px)/2)) 58px;border-top:1px solid var(--line)}
.project-index-heading{margin-bottom:28px}
.project-index-heading .eyebrow{color:var(--muted)}
.project-index-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-1.2px;margin-top:15px}
.project-index-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:0;padding:0;margin:0}
.project-index-list li{min-width:0;border-top:1px solid var(--line)}
.project-index-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;min-height:72px;transition:color .2s}
.project-index-name{font-size:16px;line-height:1.5;color:var(--ink)}
.project-index-company{flex-shrink:0;font-size:12px;line-height:1.6;color:var(--muted);text-align:right}
.project-index-company>span{color:var(--accent);margin-left:8px}
.project-index-list a:hover .project-index-name{color:var(--accent)}
@media(max-width:900px){.project-index-list{grid-template-columns:1fr}.project-index-list a{min-height:64px;padding:16px 0}}
@media(max-width:450px){.project-index-list a{display:block}.project-index-company{display:block;text-align:left;margin-top:5px}.project-index-company>span{float:right}.about-project-index{padding-top:38px;padding-bottom:40px}}