.about-page{min-height:100vh;display:flex;flex-direction:column}
.about-page .topbar{width:100%;padding-inline:max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line)}
.about-main{width:min(1080px,100%);margin:56px auto;flex:1;padding:0 24px}
.about-intro{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:center;gap:50px;padding:46px;background:white;border:1px solid var(--line);border-radius:14px}
.about-portrait{margin:0;min-width:0}
.about-portrait img{display:block;width:100%;height:340px;object-fit:cover;object-position:50% 43%;border-radius:8px}
.about-portrait figcaption{margin-top:10px;font-size:12px;color:var(--ink-muted)}
.about-copy .eyebrow{color:var(--blue);margin:0 0 14px}
.about-copy h1{font-size:clamp(30px,3.5vw,42px);line-height:1.18;letter-spacing:-.04em;margin:0 0 24px}
.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--ink-muted);margin:0 0 16px}
.about-social a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.about-guide-link{display:inline-block;font-weight:600;color:var(--blue);margin-top:8px;text-decoration:underline;text-underline-offset:5px}
.about-footer{width:min(1080px,100%);margin:0 auto;padding:24px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:var(--ink-muted);font-size:12px;border-top:1px solid var(--line)}
.about-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.about-footer a{color:inherit;text-decoration:none}.about-footer a:hover{text-decoration:underline}
@media(max-width:760px){.about-main{margin:28px auto;padding:0 18px}.about-intro{padding:26px;grid-template-columns:1fr;gap:28px}.about-portrait{width:min(280px,100%);margin:auto}.about-portrait img{height:320px}.about-copy h1{font-size:32px}.about-page .topbar{flex-wrap:wrap;padding:18px;gap:16px}.about-footer{padding:24px 18px}}