.hero-identity{font-family:var(--font-body);letter-spacing:0;line-height:1.65}
/* Give the longer English headline more breathing room at each breakpoint. */
html[lang=en] .hero h1{font-size:clamp(53.2px,5.795vw,77.9px)}
@media(max-width:1100px){html[lang=en] .hero h1{font-size:61.75px}}
@media(max-width:760px){html[lang=en] .hero h1{font-size:clamp(44.65px,9.5vw,61.75px)}}
/* Only the career paragraph uses orange text instead of a selection marker, in AR and EN. */
.hero .intro::selection,.hero .intro *::selection{background:transparent;color:var(--vermilion-700);text-shadow:none}
.hero-identity a{display:inline-flex;flex-direction:column;gap:3px}
.hero-identity .identity-role{font-size:12px;color:var(--color-text-muted)}
.hero-identity strong{font-weight:600;color:var(--color-text);margin-inline-end:4px}
.hero-identity .identity-specialism{font-size:11px;color:var(--color-text-muted)}
.hero-identity a:hover .identity-specialism{color:var(--color-accent-text)}
.hero-identity a:hover .identity-role{color:var(--color-accent-text)}
.identity-role>span{display:inline-block;margin-inline-start:8px}
.identity-specialism>span{display:inline-block;margin-inline-start:9px}
[dir=rtl] .hero-identity .identity-role{font-size:13px}
[dir=rtl] .hero-identity .identity-specialism{font-size:12px;line-height:1.8}
@media(max-width:760px){.hero-identity .identity-role{font-size:11px}.hero-identity .identity-specialism{font-size:10px}[dir=rtl] .hero-identity .identity-role{font-size:12px}[dir=rtl] .hero-identity .identity-specialism{font-size:11px}}