/* HR audit H1: keep role identity visible, independent of the typing sequence. */
.hero-role{margin:3px 0 19px;max-width:610px;position:relative;z-index:3}
.hero-role h2{font:600 clamp(29px,3vw,43px)/1.08 var(--display);letter-spacing:.1px;color:var(--ink);margin:0 0 10px}
.hero-role p{font:500 10px/1.9 var(--body);color:#c0bdb7;margin:0;letter-spacing:.3px}
.hero-role p span{color:var(--accent);margin:0 6px}
.hero-description p{max-width:400px;font-size:12px;line-height:1.9}
@media(min-width:801px){.cine-hero h1{font-size:clamp(105px,11.9vw,173px);margin-bottom:19px}.hero-copy{padding-bottom:10px}.hero-kicker{margin-bottom:15px}.hero-copy>.actions{margin-top:23px}}
@media(max-width:800px){.hero-role{margin:5px 0 18px}.hero-role h2{font-size:clamp(29px,5vw,39px)}.hero-role p{font-size:9px;max-width:500px}.hero-description p{font-size:12px;max-width:410px}}
@media(max-width:420px){.hero-role h2{font-size:32px}.hero-role p{font-size:9px;letter-spacing:0}.hero-role p span{margin:0 3px}.hero-description{gap:12px}.hero-description p{font-size:11px;line-height:1.9}.hero-role{margin-bottom:16px}}
@media(max-width:360px){.hero-role h2{font-size:29px}.hero-role p{font-size:8px}}