/* Personal portraits complement the anatomical experience. */
.portrait-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:48px 5.5% 90px;max-width:1600px;margin:auto}
.portrait-intro-copy{padding:24px 0}.portrait-intro h1{font-size:clamp(52px,6vw,92px);line-height:1.07;letter-spacing:-4px;margin-bottom:28px}.portrait-intro h1 em{letter-spacing:-3px}
.portrait-lead{font-size:22px;line-height:1.55;margin-bottom:20px}.portrait-description{max-width:400px;color:var(--muted);font-size:16px;margin-bottom:30px}
.portrait-explore{display:flex;align-items:center;gap:22px;margin-top:26px;font-size:14px;color:var(--muted);width:fit-content}.portrait-explore:hover{color:var(--blue)}
.portrait-main,.portrait-seated,.portrait-contact{margin:0;min-width:0}.portrait-main{position:relative;max-width:540px;justify-self:end;width:100%;padding-bottom:47px}
.portrait-main img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:180px 180px 6px 6px;box-shadow:0 20px 48px #674a3512}
.portrait-main figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.portrait-main figcaption span{color:var(--muted)}
.hero .hero-title{font-size:clamp(48px,5.8vw,88px);line-height:1.08;letter-spacing:-4px;margin-bottom:28px}
.portrait-profile{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:110px 8%;background:#f2eae0}
.portrait-seated{max-width:490px;width:100%;justify-self:center}.portrait-seated img{display:block;width:100%;height:auto;border-radius:6px}
.portrait-profile-copy{max-width:500px}.portrait-profile-copy h2{font-size:clamp(40px,4.3vw,64px)}.portrait-profile-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8}
.contact-with-portrait{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:85px 8%}.contact-with-portrait h2{font-size:clamp(42px,4.6vw,70px)}.portrait-contact{max-width:450px;width:100%;justify-self:end}.portrait-contact img{display:block;width:100%;height:auto;border-radius:6px}
@media(max-width:1000px){.portrait-intro{gap:5%;padding-top:40px}.portrait-lead{font-size:19px}.portrait-intro h1{letter-spacing:-3px}.portrait-profile{gap:7%;padding:80px 6%}.contact-with-portrait{gap:6%;padding:75px 6%}}
@media(max-width:700px){.portrait-intro{display:flex;flex-direction:column;gap:35px;padding:36px 6% 64px}.portrait-intro-copy{padding:0;width:100%}.portrait-intro h1{font-size:56px;letter-spacing:-2.5px}.portrait-intro .eyebrow{font-size:10px;letter-spacing:1.7px}.portrait-description{max-width:none}.portrait-main{max-width:480px;align-self:center}.portrait-main img{border-radius:140px 140px 5px 5px}.portrait-main figcaption{font-size:12px}.hero .hero-title{font-size:44px;letter-spacing:-2px}.portrait-profile{display:flex;flex-direction:column-reverse;gap:35px;padding:65px 6%}.portrait-profile-copy h2{font-size:38px}.portrait-seated{max-width:420px}.contact-with-portrait{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:65px 6%}.contact-with-portrait h2{font-size:44px}.portrait-contact{max-width:420px;align-self:center}}

.wordmark span,.portrait-intro .eyebrow,.portrait-intro .portrait-lead{text-transform:uppercase}

@media(max-width:600px){header{gap:12px}.header-contact{max-width:145px;text-align:right;line-height:1.4}}

/* Keep the full seated portrait visible within the screen. */
.portrait-seated{display:flex;justify-content:center}
.portrait-seated img{width:auto;max-width:100%;height:auto;max-height:78vh;max-height:78svh;object-fit:contain;object-position:center}