.hero-article .component__image{width:100%;position:relative;overflow:hidden}
.hero-article .component__image:not(.no-bg-img){aspect-ratio:3 / 1}
@media screen and (max-width:767px){.hero-article .component__image:not(.no-bg-img){aspect-ratio:1 / 1}
}
@media screen and (min-width:768px) and (max-width:1023px){.hero-article .component__image:not(.no-bg-img){aspect-ratio:3 / 2}
}
.hero-article .component__image .component__image-picture{display:block;position:absolute;inset:0}
.hero-article .component__image .component__image-picture .component__image-img{width:100%;height:100%;object-fit:cover;display:block}
.hero-article .component__image.image{position:relative;height:488px}
.hero-article .component__image.image::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,0.54) 80%)}
.hero-article .component__image.imageTag{position:relative;display:flex;align-items:flex-end}
.hero-article .component__image.imageTag::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:rgba(0,0,0,0.54);backdrop-filter:blur(8px)}
.hero-article .component__background.no-image{background-image:unset}
.hero-article .component__background.no-image.teal{background:unset;background-color:#01444c}
.hero-article .component__background.no-image.blue{background:unset;background-color:#01444c}
.hero-article .component__background.teal{background:linear-gradient(0,rgba(0,0,0,0.55) 0,rgba(0,0,0,0.55) 100%),linear-gradient(180deg,rgba(0,0,0,0) 49.04%,rgba(0,0,0,0.25) 100%);background-color:#01444c}
.hero-article .component__background.blue{background:linear-gradient(0,rgba(0,0,0,0.55) 0,rgba(0,0,0,0.55) 100%),linear-gradient(180deg,rgba(0,0,0,0) 49.04%,rgba(0,0,0,0.25) 100%);background-color:#01444c}
.hero-article .component__container{padding:0 16px 0 16px}
.hero-article .component__content{position:relative;z-index:2}
.hero-article .component__content-container{align-items:end}
.hero-article .component__content-section{padding-top:80px;display:flex;flex-direction:column;gap:24px;padding-bottom:16px}
.hero-article .component__content-eyebrow,.hero-article .component__content-title{color:#fbfaf8}
.hero-article .component__content-subtitle{color:#fbfaf8}
.hero-article .component__content-image,.hero-article .component__content-video{aspect-ratio:16 / 9}
.hero-article .component__content-image{overflow:hidden}
.hero-article .component__content-image picture{display:block;width:100%;height:100%}
.hero-article .component__content-image picture img{width:100%;height:100%;object-fit:cover;display:block}
.hero-article .component__content-video .video-js{margin:0 16px}
.hero-article .component__content-video .video-js .vjs-big-play-button,.hero-article .component__content-video .video-js .vjs-dock-text{display:none}
.hero-article .component__content-video .video-js .vjs-poster img{object-fit:cover}
.hero-article .component__content-video .play-button{display:inline-block;position:absolute;z-index:1;bottom:calc(50% - 40px);right:calc(50% - 40px);cursor:pointer;width:80px;height:80px}
.hero-article .component__content-video .play-button svg.icon{height:100%;width:100%;border-radius:80px}
.hero-article .component__content-video.video-playing .play-button{visibility:hidden}
.hero-article .component__section{color:#fbfaf8}
.hero-article .component__section a{color:#fbfaf8;text-decoration:underline}
.hero-article .component__section.teal{background:#01444c}
.hero-article .component__section.blue{background:#01444c}
.hero-article .component__section-author-details{margin-bottom:12px}
.hero-article .component__section-author-details a{text-decoration:none}
.hero-article .component__section-author-details a:hover{text-decoration:underline}
.hero-article .component__section-content .social-icons li.social-icons__item{margin:0 0 0 16px}
.hero-article .component__section-content .social-icons li.social-icons__item:first-child{margin-left:0}
.hero-article .component__section-content .social-icons .icon{width:28px;height:28px}
.hero-article .component__section-content .component__section-description{padding-bottom:32px}
@media screen and (max-width:767px){.hero-article .component__section-content .component__section-description{padding-bottom:64px}
}
.hero-article .component__section-content:not(:has(.component__section-description)) .component__section-details,.hero-article .component__section-content:not(:has(.component__section-description)) .social-icons{padding-bottom:32px}
@media screen and (max-width:767px){.hero-article .component__section-content:not(:has(.component__section-description)){padding-bottom:64px}
.hero-article .component__section-content:not(:has(.component__section-description)) .component__section-details{padding-bottom:16px}
.hero-article .component__section-content:not(:has(.component__section-description)) .social-icons{padding-bottom:0}
}
.hero-article .component__section-content.image{margin-top:-112px}
.hero-article .component__section-content.image .component__content-title,.hero-article .component__section-content.image .component__content-subtitle{padding-bottom:24px}
.hero-article .component__section-content.image .component__section-description a{color:#fbfaf8}
.hero-article .component__section-content.imageTag,.hero-article .component__section-content.video{padding:32px 0}
.hero-article .component__section-content.imageTag .component__section-description,.hero-article .component__section-content.video .component__section-description{padding-bottom:0}
.hero-article .component__section-content.imageTag:not(:has(.component__section-description)) .component__section-details,.hero-article .component__section-content.video:not(:has(.component__section-description)) .component__section-details,.hero-article .component__section-content.imageTag:not(:has(.component__section-description)) .social-icons,.hero-article .component__section-content.video:not(:has(.component__section-description)) .social-icons{padding-bottom:0}
@media screen and (max-width:767px){.hero-article .component__section-content.imageTag:not(:has(.component__section-description)),.hero-article .component__section-content.video:not(:has(.component__section-description)){padding-bottom:64px}
.hero-article .component__section-content.imageTag:not(:has(.component__section-description)) .component__section-details,.hero-article .component__section-content.video:not(:has(.component__section-description)) .component__section-details{padding-bottom:16px}
.hero-article .component__section-content.imageTag:not(:has(.component__section-description)) .social-icons,.hero-article .component__section-content.video:not(:has(.component__section-description)) .social-icons{padding-bottom:0}
}
@media screen and (max-width:767px){.hero-article .component__section-content.imageTag,.hero-article .component__section-content.video{padding:32px 0 64px}
}
.hero-article .component__section-details{display:flex;align-items:center;flex-wrap:wrap}
@media screen and (max-width:767px){.hero-article .component__section-details{padding-bottom:16px}
}
.hero-article .component__section-details-divider{border:1px solid #9c978f;height:18px;margin:0 12px}
.hero-article .component__section-divider{background:#9c978f;height:1px;margin:48px 0 32px}
@media screen and (max-width:1023px){.hero-article .component__section-divider{margin:32px 0 24px}
}
@media screen and (max-width:767px){.hero-article .component__section-divider{margin:24px 0 16px}
}
@media screen and (max-width:1023px){.hero-article .component__image.image{height:408px}
.hero-article .component__section-content.image{margin-top:-96px}
}
@media screen and (max-width:767px){.hero-article .component__image.image{height:344px}
.hero-article .component__content-section{padding-top:64px}
.hero-article .component__section-content.image{margin-top:-128px}
}
body[dir="rtl"] .hero-article .component .social-icons li.social-icons__item{margin:0 16px 0 0}
body[dir="rtl"] .hero-article .component .social-icons li.social-icons__item:first-child{margin-right:0}
.hero-article .component__image.image::before,.hero-article .component__image.imageTag::before{background:unset}