/* Shared Profile styles: edit src/profile.css, then sync the preview copy. */
.about-section { padding-block:clamp(72px,7vw,128px);border-top:1px solid var(--line);scroll-margin-top:24px }
.about-heading { display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(36px,4vw,64px) }
.about-eyebrow,.about-role { margin:0;color:var(--soft);font:500 .8125rem/1.6 "DM Mono","Noto Sans SC",monospace;letter-spacing:.07em }
.about-layout { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(40px,6vw,112px);align-items:start }
.about-artwork { width:100%;max-width:580px;margin:0 }
.about-artwork-image { background:radial-gradient(ellipse at 45% 43%,rgba(0,47,167,.18),transparent 68%),#101217;border-top:4px solid var(--signal,#002fa7) }
.about-artwork img { display:block;width:100%;height:auto;object-fit:contain }
.about-artwork figcaption { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-top:18px;color:var(--soft);font:400 .8125rem/1.6 "DM Mono","Noto Sans SC",monospace;letter-spacing:.04em }
.about-content { min-width:0 }
.about-role { color:#d5d9e0 }
.about-name-row { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding-block:16px 28px;border-bottom:1px solid var(--line) }
.about-name-row h2 { display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin:0;color:var(--white);font-size:clamp(48px,4.7vw,80px);font-weight:600;line-height:1.2;letter-spacing:-.045em }
.about-name-row h2 span { color:var(--soft);font:500 1rem/1.5 "DM Mono",monospace;letter-spacing:.08em }
.about-location { margin:0;color:var(--soft);font-size:.875rem;line-height:1.6 }
.about-statement { margin:clamp(28px,3vw,48px) 0 24px;color:var(--white);font-size:clamp(28px,2.5vw,42px);font-weight:500;line-height:1.5;letter-spacing:-.035em }
.about-description { max-width:650px;margin:0;color:var(--soft);font-size:clamp(16px,1.1vw,18px);line-height:1.95 }
.about-disciplines { display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 36px;padding:0;list-style:none }
.about-disciplines li { display:flex;align-items:center;gap:9px;color:#d5d9e0;font-size:.875rem;line-height:1.6 }
.about-disciplines li::before { content:"";width:5px;height:5px;background:var(--signal,#002fa7) }
.about-facts { display:grid;grid-template-columns:1.25fr 1fr;margin:0;padding-block:24px;gap:24px 28px;border-block:1px solid var(--line) }
.about-facts > div { min-width:0 }
.about-facts dt { margin-bottom:12px;color:var(--soft);font:400 .75rem/1.6 "DM Mono","Noto Sans SC",monospace;letter-spacing:.04em }
.about-facts dd { margin:0 }
.about-facts strong { display:block;color:var(--white);font-size:clamp(22px,1.9vw,30px);font-weight:500;line-height:1.5;letter-spacing:-.03em }
.about-facts dd > span { display:block;margin-top:7px;color:var(--soft);font-size:.875rem;line-height:1.7 }
.about-facts strong span { color:var(--soft);font-size:.875rem;font-weight:400;letter-spacing:0 }
.about-contact { display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:32px }
.about-contact a { display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;font:500 .9375rem/1.5 "DM Mono",monospace;transition:background-color .2s ease,color .2s ease,border-color .2s ease }
.about-email { max-width:100%;padding:14px 20px;background:var(--white);color:#090b0e }
.about-email > span:first-child { overflow-wrap:anywhere }
.about-email:hover { background:var(--signal,#002fa7);color:#fff }
.about-phone { color:var(--soft);border-bottom:1px solid var(--line) }
.about-phone:hover { color:var(--white);border-color:var(--signal,#002fa7) }
.about-contact a:focus-visible { outline:2px solid #fff;outline-offset:5px }
@media (max-width:1100px) {
  .about-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px }
  .about-facts { grid-template-columns:1fr }
}
@media (max-width:760px) {
  .about-section { width:calc(100% - 40px);padding-block:64px }
  .about-heading { margin-bottom:32px }
  .about-heading .about-eyebrow:last-child { letter-spacing:0 }
  .about-layout { grid-template-columns:minmax(0,1fr);gap:40px }
  .about-artwork { max-width:480px;justify-self:center }
  .about-name-row { padding-bottom:24px }
  .about-statement { margin-top:28px }
  .about-facts { grid-template-columns:minmax(0,1fr) }
  .about-contact { gap:12px 24px }
}
@media (prefers-reduced-motion:reduce) {
  .about-contact a { transition:none }
}