.personal-hero{padding:calc(var(--header) + 38px) 0 42px}
.personal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.43fr);gap:clamp(38px,5vw,88px);align-items:start}
.personal-intro h1{font-size:clamp(42px,4.3vw,68px);line-height:1.03;letter-spacing:-.045em;font-weight:500;margin:20px 0 28px}
.personal-intro .stats{margin:0 0 26px;grid-template-columns:repeat(4,minmax(0,1fr))}
.personal-intro .stat{padding:20px 14px}
.personal-intro .stat:first-child{padding-left:0}
.personal-intro .stat strong{font-size:clamp(34px,3.5vw,58px)}
.personal-intro .stat span{font-size:12.5px;line-height:1.65;color:#b8c0c4}
.personal-lead{font-size:clamp(18px,1.3vw,22px);line-height:1.65;max-width:900px;margin:0 0 16px;color:#c3c6c9}
.personal-email{display:inline-block;font-size:18px;border-bottom:1px solid #8a9295;padding-bottom:5px;margin-top:6px}
.personal-hero .hero-portrait{grid-column:auto;grid-row:auto;margin:0;max-width:420px;justify-self:end}
.personal-hero .hero-portrait img{display:block}
.personal-profile .section{border-top:1px solid #48494e}
.personal-profile .copy-grid p,.personal-profile .responsibility p,.personal-profile .method p,.personal-profile .career-row p{color:#c3c6c9}
.personal-profile .responsibility span,.personal-profile .method .num,.personal-profile .index,.personal-profile .career-row time{color:#aeb9bf}
.personal-profile .experience-note{font-size:18px;line-height:1.65;color:#c3c6c9;margin:24px 0 0;max-width:520px}
@media(max-width:1180px){.personal-intro .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-intro .stat:nth-child(3){padding-left:0}.personal-intro .stat:nth-child(2){border-right:0}}
@media(max-width:760px){.personal-hero{padding-top:calc(var(--header) + 26px);padding-bottom:32px}.personal-hero-grid{grid-template-columns:1fr;gap:28px}.personal-hero .hero-portrait{width:100%;max-width:360px;justify-self:start}.personal-intro .stat{padding:16px 12px;border-right:1px solid var(--line)}.personal-intro .stat:nth-child(even){border-right:0}.personal-intro .stat:nth-child(n+3){border-bottom:0}.personal-intro .stat span{font-size:11.25px}.personal-intro .stat strong{font-size:36px}}

.personal-profile .about-me-heading{grid-template-columns:1fr;gap:18px}
.personal-profile .about-me-heading + .copy-grid{margin-left:0}

/* A shared left edge without separate label columns. */
.personal-profile .section-head{grid-template-columns:1fr;gap:0}
.personal-profile .copy-grid{margin-left:0}
.personal-profile .experience-grid{grid-template-columns:1fr;gap:24px}
.personal-profile .experience-note{margin:0;max-width:900px}
.personal-profile .career-row{grid-template-columns:1fr;gap:10px}
.personal-profile .responsibility h3,.personal-profile .method h3,.personal-profile .recognition-item h3{margin-top:0}
.personal-profile .personal-intro h1{margin-top:0}

.personal-linkedin{display:block;width:fit-content;font-size:18px;margin-top:14px;border-bottom:1px solid #8a9295;padding-bottom:5px}
.personal-linkedin:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* Resume details follow the same shell and section edges as the journey. */
.personal-profile .profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:28px}
.personal-profile .profile-details article{padding:24px 0;border-top:1px solid var(--line)}
.personal-profile .profile-details h3{font-size:22px;font-weight:500;line-height:1.3;margin:0 0 14px}
.personal-profile .profile-details p{font-size:20px;line-height:1.7;color:#c3c6c9;margin:0 0 14px}
.personal-profile .profile-detail-link{display:inline-block;border-bottom:1px solid #8a9295;padding-bottom:4px;font-size:20px}
.personal-profile .profile-detail-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:760px){.personal-profile .profile-details{grid-template-columns:1fr;gap:0}}

/* Increase small content text by 25%, preserving the heading hierarchy. */
.personal-profile .responsibility p,.personal-profile .method p,.personal-profile .career-row p{font-size:17.5px}
.personal-profile .career-row time{font-size:11.25px}
.personal-profile .hero-portrait figcaption{font-size:17.5px}
.personal-profile .hero-portrait .hero-note{font-size:12.5px}