/* A connected profile: real identity, proposition and working details. */
.profile { padding-block:clamp(4rem,7vw,7rem); scroll-margin-top:5rem; }
.profile > .wrap > .head__note { margin:0 0 2.75rem; padding-bottom:1.1rem; border-bottom:1px solid #cbc7bb; }
.profile__layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); column-gap:clamp(2rem,5vw,5rem); align-items:start; }
.profile__heading { grid-column:2; grid-row:1; }
.profile__title { max-width:22ch; margin:0 0 1.75rem; font-family:var(--display); font-size:clamp(2rem,3.5vw,3.3rem); font-weight:600; line-height:1.08; letter-spacing:-.04em; text-wrap:balance; }
.profile__portrait { grid-column:1; grid-row:1 / span 2; position:relative; margin:0 0 12px; padding:12px; background:#dce0dc; border:1px solid #b9c0bb; box-shadow:12px 12px 0 #d7d3c7; }
.profile__portrait::before,.profile__portrait::after { content:""; position:absolute; z-index:2; width:28px; height:28px; pointer-events:none; border-color:#d94b18; border-style:solid; }
.profile__portrait::before { top:-1px; left:-1px; border-width:2px 0 0 2px; }
.profile__portrait::after { right:-1px; bottom:-1px; border-width:0 2px 2px 0; }
.profile__portrait picture { display:block; overflow:hidden; background:#caced0; }
.profile__portrait img { display:block; width:100%; height:auto; aspect-ratio:4/4.8; object-fit:cover; object-position:50% 20%; }
.profile__identity { padding:1.15rem .5rem .35rem; display:flex; flex-direction:column; gap:.2rem; }
.profile__name { font-family:var(--display); font-size:1.5rem; font-weight:600; line-height:1.2; }
.profile__role { font-size:.85rem; color:#555e63; }
.profile__content { grid-column:2; grid-row:2; }
.profile__body { color:#555e63; font-size:clamp(1rem,1.3vw,1.125rem); line-height:1.7; max-width:65ch; }
.profile__body p { margin:0 0 1.15rem; }
.profile__body p:first-child { color:#262c30; font-size:1.1em; }
.profile__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.75rem 0 0; }
.profile__actions .btn { font-size:.78rem; padding:1rem 1.1rem; letter-spacing:.02em; min-height:48px; }
.profile__actions a:focus-visible { outline:3px solid #d94b18; outline-offset:5px; }
.profile__facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-block:1px solid #bdbdb3; margin:3.5rem 0 0; padding-block:1.5rem; }
.profile__fact { padding:0 1.4rem; border-left:1px solid #cccbbf; }
.profile__fact:first-child { padding-left:0; border-left:0; }
.profile__fact dt { color:#606765; font-size:.8rem; margin-bottom:.5rem; text-transform:none; }
.profile__fact dd { margin:0; font-family:var(--display); font-size:clamp(1.1rem,1.6vw,1.5rem); line-height:1.3; color:#17191c; }
@media(max-width:1000px) { .profile__layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:0 2rem; } .profile__title { font-size:2.4rem; } .profile__portrait img { aspect-ratio:3/4; } }
@media(max-width:700px) {
 .profile__layout { grid-template-columns:1fr; }
 .profile__heading { grid-column:1; grid-row:1; }
 .profile__title { max-width:23ch; font-size:clamp(2rem,7vw,2.8rem); margin-bottom:2rem; }
 .profile__portrait { grid-column:1; grid-row:2; margin:0 12px 2.5rem 0; }
 .profile__portrait img { aspect-ratio:4/3.6; object-position:50% 24%; }
 .profile__content { grid-column:1; grid-row:3; }
 .profile__facts { grid-template-columns:1fr 1fr; margin-top:2.5rem; padding-block:0; }
 .profile__fact { padding:1.2rem 1rem; }
 .profile__fact:nth-child(odd) { border-left:0; padding-left:0; }
 .profile__fact:nth-child(n+3) { border-top:1px solid #cccbbf; }
 .profile > .wrap > .head__note { margin-bottom:2rem; font-size:.65rem; }
 .profile__actions .btn { flex:1 1 180px; justify-content:center; }
}

/* Section headings: *asterisked* words in the accent, as in the hero. */
.head__title em,.profile__title em { font:inherit; font-style:normal; color:var(--mark-ink); }
