.profile-intro { align-items: end; display: grid; gap: 5rem; grid-template-columns: 1.25fr .75fr; margin: 0 auto; max-width: 88rem; min-height: 42rem; padding: 8rem 2rem 6rem; }
.profile-intro .eyebrow { align-self: start; grid-column: 1 / -1; }
.profile-intro h1 { font-size: clamp(3.5rem, 8.5vw, 8rem); margin: 0; }
.profile-intro__aside { border-left: 1px solid var(--line); font-size: 1.05rem; max-width: 28rem; padding-left: 2rem; }
.profile-intro__aside dl, .profile-career dl { border-top: 1px solid var(--line); font-size: .8rem; margin: 2.5rem 0 0; padding-top: 1rem; }
.profile-intro__aside dt, .profile-career dt { color: var(--clay); float: left; font-weight: 700; width: 7rem; }
.profile-intro__aside dd, .profile-career dd { margin: 0 0 1rem 7rem; }
.content-section { margin: 0 auto; max-width: 76rem; padding: 8rem 2rem; }
.profile-statement { border-top: 1px solid var(--line); display: grid; gap: 6rem; grid-template-columns: .8fr 1.2fr; }
.profile-statement h2, .profile-contact h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); }
.profile-statement__copy { font: 1.55rem/1.32 var(--serif); }
.profile-cases { border-top: 1px solid var(--line); display: grid; gap: 5rem; grid-template-columns: .5fr 1.5fr; }
.profile-cases__heading h2, .profile-career h2 { font-size: clamp(2.4rem, 4vw, 3.7rem); }
.case-snapshot { border-top: 1px solid var(--line); display: grid; gap: 2rem; grid-template-columns: 3rem 1.5fr .7fr; padding: 2.5rem 0; }
.case-snapshot:last-child { border-bottom: 1px solid var(--line); }
.case-snapshot__number { color: var(--clay); font-size: .8rem; font-weight: 700; }
.case-snapshot h3 { font: 2.1rem/.98 var(--serif); margin-bottom: 1rem; }
.factual-annotation { align-self: start; border-left: 1px solid var(--line); color: var(--clay); font-size: .79rem; line-height: 1.35; margin: 0; padding-left: 1.25rem; }
.profile-career { border-top: 1px solid var(--line); display: grid; gap: 6rem; grid-template-columns: .8fr 1.2fr; }
.profile-career dl { margin-top: 0; }
.profile-contact { align-items: center; background: var(--pine); color: var(--paper); display: grid; gap: 4rem; grid-template-columns: 220px 1fr; padding: 7rem max(2rem, calc((100vw - 72rem) / 2)); }
.profile-contact img { aspect-ratio: 600 / 789; filter: saturate(.75); height: auto; object-fit: cover; width: 100%; }
.profile-contact .section-label, .profile-contact .profile-text-link { color: #d8c9ac; }
.profile-text-link { font-weight: 650; margin-left: .65rem; }
@media (max-width: 700px) { .profile-intro, .profile-statement, .profile-cases, .profile-career { display: block; } .profile-intro { min-height: auto; padding: 4rem 1.25rem; } .profile-intro .eyebrow { margin-bottom: 4rem; } .profile-intro__aside { margin-top: 3rem; } .content-section { padding: 4rem 1.25rem; } .profile-statement__copy { font-size: 1.3rem; } .profile-cases__heading { margin-bottom: 3rem; } .case-snapshot { display: block; } .case-snapshot__number { display: block; margin-bottom: 1rem; } .factual-annotation { border-left: 0; border-top: 1px solid var(--line); margin-top: 1.5rem; padding: 1rem 0 0; } .profile-contact { display: block; padding: 4rem 1.25rem; } .profile-contact img { margin-bottom: 2rem; max-width: 150px; } }