/* About and contact: small section labels, aligned columns and unhurried type. */
.profile-section{padding:clamp(88px,10vw,144px) clamp(20px,4vw,46px) 0;scroll-margin-top:36px}
.profile-head,.profile-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.4fr);column-gap:clamp(40px,7vw,100px)}
.profile-head{align-items:center;margin-bottom:56px}
.profile-head h2{margin:0;color:var(--mute);font:400 12px/1.5 var(--mono);letter-spacing:0;text-transform:lowercase}
.profile-rule{display:block;height:9px;opacity:.75;background:repeating-linear-gradient(112deg,transparent 0 3px,var(--rule) 3px 4px,transparent 4px 6px)}
.profile-identity{padding-top:4px}
.profile-name{display:flex;align-items:baseline;gap:12px;margin:0;font:500 clamp(25px,3vw,35px)/1.12 var(--display);letter-spacing:-.035em;color:var(--ink)}
.profile-name span{font-size:17px;font-weight:400;color:var(--mute)}
.profile-location{margin:20px 0 0;color:var(--mute);font:400 13px/1.8 var(--display);letter-spacing:0}
.profile-copy{min-width:0}
.profile-copy h3,.connect-intro h3{margin:0;color:var(--ink);font:500 clamp(26px,3vw,34px)/1.23 var(--display);letter-spacing:-.03em;text-wrap:pretty}
.profile-copy h3{margin-bottom:32px}
.profile-copy p{margin:0 0 24px;font:400 clamp(18px,1.9vw,21px)/1.5 var(--display);letter-spacing:-.015em;color:var(--ink);opacity:.84}
.profile-copy p:last-child{margin-bottom:0}
.connect-section{padding-top:clamp(80px,10vw,128px)}
.connect-intro p{margin:20px 0 0;font:400 15px/1.6 var(--display);color:var(--mute)}
.contact-directory{margin:0;min-width:0}
.contact-entry{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:22px;align-items:baseline;margin:0 0 36px}
.contact-entry:last-child{margin-bottom:0}
.contact-entry dt{color:var(--mute);font:400 12px/1.5 var(--mono)}
.contact-entry dd{margin:0;min-width:0}
.contact-entry a{color:var(--ink);font:500 clamp(17px,1.8vw,22px)/1.5 var(--display);letter-spacing:-.025em;text-decoration:none;overflow-wrap:anywhere}
.contact-entry a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.contact-arrow{display:inline-block;font-size:12px;font-weight:400;color:var(--mute);margin-left:8px;transition:transform .2s}
.contact-entry a:hover .contact-arrow{transform:translate(2px,-2px)}
.contact-value{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.contact-value .copy-btn{min-width:40px;min-height:32px;margin:0;color:var(--mute);padding:4px 6px;font:400 11px/1.4 var(--display);text-decoration:none;letter-spacing:0;text-transform:none;border-radius:4px}
.site-foot{margin-top:clamp(72px,9vw,112px);padding-top:24px;padding-bottom:28px;border-top:1px solid var(--rule)}
@media(max-width:720px){
 .profile-section{padding-top:80px;scroll-margin-top:24px}
 .profile-head{grid-template-columns:90px minmax(0,1fr);gap:20px;margin-bottom:36px}
 .profile-layout{grid-template-columns:1fr;gap:32px}
 .profile-identity{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 28px;padding-top:0}
 .profile-name{font-size:25px}
 .profile-location{margin:0;font-size:12px;line-height:1.6}
 .profile-copy h3{font-size:28px;line-height:1.25;margin-bottom:26px}
 .profile-copy p{font-size:19px;line-height:1.55;margin-bottom:22px}
 .connect-intro h3{font-size:30px}
 .connect-intro p{font-size:14px;margin-top:14px}
 .contact-entry{grid-template-columns:62px minmax(0,1fr);gap:12px;margin-bottom:28px}
 .contact-entry a{font-size:17px;letter-spacing:-.02em}
 .contact-entry dt{font-size:11px}
 .contact-value .copy-btn{padding-left:0}
 .site-foot{margin-inline:20px;padding-inline:0}
 .site-foot .inner{padding-inline:0}
}
@media(prefers-reduced-motion:reduce){.contact-arrow{transition:none}.contact-entry a:hover .contact-arrow{transform:none}}