.catalog-hero{position:relative;isolation:isolate;overflow:hidden;background:#1c2223;color:#fff;min-height:330px;border-bottom:1px solid #ffffff0d}
.catalog-hero-visual{position:absolute;inset:0 0 0 40%;z-index:-1;background:#262f2c;overflow:hidden}
.catalog-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 10%;filter:saturate(.85);display:block}
.catalog-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c2223 0%,#1c2223ef 10%,#1c2223ac 29%,#1c22231f 67%,#1c222314 100%)}
.catalog-hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,#ffffff00,#d3ff2555 70%,#ffffff00);pointer-events:none}
.catalog-hero-inner{position:relative;min-height:330px;padding-top:25px;padding-bottom:43px;display:flex;flex-direction:column;align-items:flex-start}
.catalog-hero .public-breadcrumbs{position:relative;z-index:1;margin-bottom:31px;max-width:72%;color:#d6dfd5;font-size:11px;gap:10px}
.catalog-hero .public-breadcrumbs a{color:#d6dfd5}.catalog-hero .public-breadcrumbs a:hover{color:#d3ff25}
.catalog-hero-copy{position:relative;max-width:58%;width:700px;padding:0 12px 0 0}
.catalog-hero .public-eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.13em;line-height:1.5;margin:0 0 17px;color:#d3ff25;font-weight:650}
.catalog-hero .public-eyebrow:before{content:'';display:inline-block;width:25px;height:2px;background:#d3ff25;flex-shrink:0}
.catalog-hero h1{font-size:clamp(34px,3.6vw,48px);line-height:1.16;font-weight:750;letter-spacing:-.04em;color:#fff;margin:0;max-width:700px;text-wrap:balance;overflow-wrap:break-word}
.catalog-hero-description{color:#dce2db;font-size:15px;line-height:1.8;max-width:540px;margin:18px 0 0;text-wrap:pretty}
.catalog-hero[data-catalog-direction=all] .catalog-hero-visual img{object-position:63% 8%}
.catalog-hero[data-catalog-direction=qualification] .catalog-hero-visual img{object-position:58% 10%}
.catalog-hero[data-catalog-direction=safety] .catalog-hero-visual img{object-position:57% 10%}
.catalog-hero[data-catalog-direction=professions] .catalog-hero-visual img{object-position:56% 10%}
.catalog-hero[data-catalog-direction=retraining] .catalog-hero-visual img{object-position:63% 8%}
@media(min-width:1600px){.catalog-hero,.catalog-hero-inner{min-height:350px}.catalog-hero-inner{padding-top:28px;padding-bottom:47px}.catalog-hero .public-breadcrumbs{margin-bottom:34px}}
@media(max-width:1100px) and (min-width:761px){.catalog-hero,.catalog-hero-inner{min-height:325px}.catalog-hero-copy{max-width:65%;padding-right:12px}.catalog-hero h1{font-size:38px}.catalog-hero-description{font-size:13px;max-width:430px}.catalog-hero-visual{left:35%}.catalog-hero-visual:after{background:linear-gradient(90deg,#1c2223 0%,#1c2223ed 16%,#1c222390 44%,#1c22231c 83%)}.catalog-hero .public-breadcrumbs{font-size:10px;margin-bottom:27px}}
@media(max-width:760px){.catalog-hero,.catalog-hero-inner{min-height:395px}.catalog-hero-inner{padding-top:20px;padding-bottom:185px}.catalog-hero-copy{max-width:100%;width:100%;padding-right:0}.catalog-hero .public-breadcrumbs{max-width:100%;font-size:9px;gap:7px;margin-bottom:22px}.catalog-hero .public-breadcrumbs>span[aria-current]{max-width:100%;white-space:normal}.catalog-hero .public-eyebrow{font-size:9px;margin-bottom:12px;gap:9px}.catalog-hero .public-eyebrow:before{width:20px}.catalog-hero h1{font-size:32px;max-width:600px;line-height:1.2}.catalog-hero-description{max-width:490px;font-size:12px;line-height:1.75;margin-top:13px}.catalog-hero-visual{inset:auto 0 0;height:185px;z-index:-1}.catalog-hero-visual img{object-position:60% 10%}.catalog-hero-visual:after{background:linear-gradient(180deg,#1c2223 0%,#1c2223aa 17%,#1c222320 52%,#1c222310 100%)}.catalog-hero[data-catalog-direction=safety] .catalog-hero-visual img{object-position:58% 10%}}
@media(max-width:380px){.catalog-hero,.catalog-hero-inner{min-height:398px}.catalog-hero h1{font-size:29px}.catalog-hero .public-breadcrumbs{font-size:8px;margin-bottom:19px}.catalog-hero-description{font-size:11px}.catalog-hero-inner{padding-bottom:180px}.catalog-hero-visual{height:180px}}

@media(max-width:760px){.catalog-hero[data-catalog-direction=retraining] h1{font-size:clamp(22px,6.5vw,32px)}}
