/* Responsibility-first opening. Deliberately independent of the Ask shell. */
.professional-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.professional-hero{position:relative;background:#f5f2e8 url('delivery/hero/environment-annotated-1672.webp') center/cover no-repeat;padding:64px 0 52px;color:#16363b}
.professional-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,236,.98),rgba(247,245,236,.94) 46%,rgba(247,245,236,.42))}
[dir=rtl] .professional-hero::before{transform:scaleX(-1)}
.professional-opening{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:clamp(24px,6vw,88px)}
.professional-opening h1{font-family:Georgia,serif;font-size:clamp(36px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em;max-width:19ch;margin:18px 0 22px;font-weight:400}
.professional-lead{max-width:58ch;font:400 18px/1.65 system-ui,sans-serif;margin:0 0 20px}
.professional-link,.professional-next a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:5px;font:600 15px/1.5 system-ui,sans-serif}
.professional-portrait{position:relative;margin:0;width:100%;max-width:280px;transform:none}
.professional-portrait img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 16px 36px #18343b20}
.professional-responsibility{padding:48px 0 42px;background:#e9efea;color:#18343b}
.professional-responsibility h2{font:400 clamp(28px,2.6vw,38px)/1.2 Georgia,serif;max-width:32ch;letter-spacing:-.02em;margin:12px 0 28px}
.responsibility-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.responsibility-sequence>div{border-inline-start:2px solid #8fae9e;padding-inline-start:20px}
.responsibility-sequence h3{font:600 18px/1.4 system-ui,sans-serif;margin:0 0 8px}
.responsibility-sequence p,.responsibility-summary{font:400 17px/1.65 system-ui,sans-serif;margin:0;max-width:60ch}
.professional-next{display:flex;gap:12px 30px;flex-wrap:wrap;margin-top:24px}
[dir=rtl] .professional-opening h1,[dir=rtl] .professional-responsibility h2{font-family:'Segoe UI',Tahoma,sans-serif;letter-spacing:0;line-height:1.35}
[dir=rtl] .professional-lead,[dir=rtl] .responsibility-sequence p{line-height:1.8}
.responsibility-summary{margin:16px 0 24px}
@media(max-width:767px){
 .professional-wrap{width:calc(100% - 40px)}
 .professional-hero{padding:30px 0;background-position:58% center}
 /* Preserve the accepted image and desktop treatment; reveal its mobile landscape. */
 .professional-hero::before{background:linear-gradient(180deg,rgba(247,245,236,.90),rgba(247,245,236,.76) 48%,rgba(247,245,236,.44))}
 .professional-opening{grid-template-columns:minmax(0,1fr) 104px;gap:16px;align-items:start}
 .professional-opening>div{display:contents}
 .professional-opening .eyebrow{grid-column:1/-1;margin:0;font-size:11px;line-height:1.6}
 .professional-opening h1{grid-column:1/-1;margin:0;max-width:21ch;font-size:clamp(32px,8.3vw,38px);line-height:1.13}
 .professional-lead{grid-column:1;margin:0;font-size:16px;line-height:1.6}
 .professional-portrait{grid-column:2;grid-row:3;max-width:104px;align-self:start}
 .professional-link{grid-column:1/-1;font-size:14px}
 .professional-responsibility{padding:30px 0}
 .professional-responsibility h2{font-size:27px;margin:10px 0 22px}
 .responsibility-sequence{grid-template-columns:1fr;gap:19px}
 .responsibility-sequence>div{padding-inline-start:14px}
 .responsibility-sequence h3{font-size:17px;margin-bottom:4px}
 .responsibility-sequence p{font-size:16px;line-height:1.6}
 .professional-next{gap:4px 20px;margin-top:17px}
 .professional-next a{font-size:14px}
}