.hero-profile .component{position:relative}
.hero-profile .component__bg{background:#003652;position:absolute;top:0;width:100%;height:258px}
@media screen and (max-width:1023px){.hero-profile .component__bg{height:475px}
}
@media screen and (max-width:767px){.hero-profile .component__bg{height:384px}
}
.hero-profile .component__wrapper{position:relative;margin:0;padding-top:44px}
.hero-profile .component__container{position:relative;background:#fbfaf8;margin-top:32px}
.hero-profile .component__layout{display:flex;align-items:stretch}
.hero-profile .component__eyebrow,.hero-profile .component__title{margin-bottom:16px}
.hero-profile .component__copy{padding-top:32px;margin-top:32px}
.hero-profile .component__left{position:relative;flex:0 0 auto;display:flex;padding-left:0}
@media screen and (max-width:1023px){.hero-profile .component__left{padding-right:0}
}
.hero-profile .component__image{background-size:cover;background-position:center;width:100%;height:100%;aspect-ratio:16 / 9}
.hero-profile .component__tag{background-color:#cbf1ff;position:absolute;top:0;right:12px;border-radius:0 0 0 8px;padding:4px 8px;display:flex;justify-content:center;align-items:center;gap:8px}
.hero-profile .component__tag:before{content:'';width:4px;height:4px;position:absolute;bottom:-8px;right:0;transform:rotateZ(180deg);border-top:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid #3e3d35}
@media screen and (max-width:1023px){.hero-profile .component__tag{right:-4px}
}
.hero-profile .component__right{padding-top:48px;padding-bottom:48px}
@media screen and (max-width:1023px){.hero-profile .component__right{padding-top:32px;padding-bottom:32px}
}
@media screen and (max-width:767px){.hero-profile .component__right{padding-top:24px;padding-bottom:24px}
}
.hero-profile .component__copy{border-top:1px solid #c4beb5}
@media screen and (max-width:1023px){.hero-profile .component__layout{display:flex;gap:32px}
}
body[dir="rtl"] .hero-profile .component__left{padding-left:16px;padding-right:0}
@media screen and (max-width:1023px){body[dir="rtl"] .hero-profile .component__left{padding-right:0;padding-left:0}
}
body[dir="rtl"] .hero-profile .component__tag{border-radius:0 0 8px 0;right:initial;left:12px}
body[dir="rtl"] .hero-profile .component__tag:before{left:0;right:initial;transform:rotateZ(180deg);border-right:4px solid transparent;border-left:0}
@media screen and (max-width:1023px){body[dir="rtl"] .hero-profile .component__tag{right:initial;left:-4px}
}