.article-hero .article-hero-section{display:flex;align-items:center;padding-top:2rem;@media screen and (max-width:1024px){padding-top:0}
.article-hero-title{font-size:52px;margin:16px 0;line-height:130%;font-weight:400;font-style:normal;font-family:Citi-Sans-Display,sans-serif}
.description-text{font-size:18px;line-height:150%;font-family:Citi-Sans-Text,sans-serif}
.article-hero-tag{display:flex;flex-wrap:wrap;gap:20px;flex-direction:row;align-items:center;.date-section{font-size:16px;font-family:Citi-Sans-Text,sans-serif}
}
.article-hero-podcast{a{font-size:14px;line-height:140%;font-family:Citi-Sans-Text,sans-serif}
}
.article-hero-profile-details{display:flex;align-items:center;img{margin-right:5px;border-radius:50%}
.article-hero-profile-name{p{margin:0;font-size:14px;line-height:140%;font-weight:400;font-style:normal;font-family:Citi-Sans-Text,sans-serif}
a{font-size:14px;line-height:140%;font-weight:400;font-style:normal;font-family:Citi-Sans-Display,sans-serif;text-decoration:underline !important;z-index:1;cursor:pointer}
span{font-size:14px;line-height:140%;font-weight:400;font-style:normal;font-family:Citi-Sans-Display,sans-serif;color:#255be3;cursor:text}
}
}
}
.article-hero .image-left-content-right .article-hero-section.cmp-teaser--variation-one{flex-direction:row-reverse;@media screen and (max-width:1024px){flex-direction:column-reverse}
}
.article-hero .article-hero-section.cmp-teaser--variation-one{display:flex;align-items:center;gap:20px;.article-hero-image-section img,.article-hero-image-section .article-hero-video{width:540px;border-radius:15px}
.article-hero-image-section img{height:540px}
.article-hero-image-section .article-hero-video{height:auto;z-index:0}
.article-hero-profile{display:flex;flex-direction:column;gap:20px}
.article-hero-video{justify-content:center}
.article-hero-profile-details{display:flex;align-items:center}
.article-hero-podcast{display:block}
.description-text{text-align:left}
.cmp-teaser__content{padding-top:0}
@media screen and (max-width:1024px){flex-direction:column;gap:20px;align-items:flex-start;.article-hero-image-section img,.article-hero-image-section .article-hero-video{width:100%;object-fit:cover;height:auto}
.article-hero-image-section img{aspect-ratio:1/1}
.article-hero-image-section .article-hero-video{aspect-ratio:unset}
.article-hero-image-section{width:100%}
.article-hero-tag{display:flex;gap:16px;flex-direction:column;align-items:start}
.article-hero-video{justify-content:flex-start}
.article-hero-profile{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.article-hero-title{font-size:32px}
.article-hero-podcast{text-align:left}
}
}
.article-hero .cmp-tag-listing .cmp-teaser__content .cmp-teaser__pretitle{z-index:1;margin-right:var(--size-paddings-gaps-p-2,0.5rem)}
.article-hero .cmp-tag-listing.cmp-teaser--variation-one .cmp-teaser__content .cmp-teaser__pretitle{text-decoration:none;span.citi-cmp__label{border:2px solid #0f1632;padding:2px 9pt;margin-right:0;&:hover{background:#fff;color:#000}
}
}
.article-hero.image-top-content-bottom .article-hero-section.cmp-teaser--variation-one,.article-hero.image-bottom-content-top .article-hero-section.cmp-teaser--variation-one{gap:20px;.article-hero-image-section{display:block;.article-hero-image{margin:0 auto;img{width:100%;max-width:100%;height:auto}
}
}
@media screen and (max-width:1024px){.article-hero-image-section img,.article-hero-image-section .article-hero-video{width:100%;max-width:100%;height:auto;aspect-ratio:unset}
.article-hero-image-section{width:100%}
.article-hero-tag{justify-content:center !important;align-items:center !important}
.article-hero-podcast{text-align:left}
}
}
.article-hero.image-top-content-bottom .article-hero-section.cmp-teaser--variation-one{flex-direction:column-reverse}
.article-hero.image-bottom-content-top .article-hero-section.cmp-teaser--variation-one{flex-direction:column}
.article-hero.image-top-content-bottom .article-hero-section.cmp-teaser--variation-one,.article-hero.image-bottom-content-top .article-hero-section.cmp-teaser--variation-one,.article-hero .article-hero-section.cmp-teaser--variation-two{display:flex;justify-content:center;align-items:center;.article-hero-text-section{position:relative}
.cmp-teaser__content{justify-content:center;align-items:center;padding-top:0}
.article-hero-tag{justify-content:center !important;text-align:center;align-items:start !important;.date-section{position:absolute;top:100%}
}
.article-hero-title{text-align:center}
.article-hero-podcast{display:block;padding-bottom:10px;position:relative;z-index:1}
.article-hero-profile-details{justify-content:center}
.article-hero-profile{display:flex;flex-direction:column;gap:10px}
.article-hero-profile-name{display:flex;gap:5px;padding:0;a{font-size:14px;line-height:140%;font-weight:400;font-style:normal;font-family:Citi-Sans-Display,sans-serif;text-decoration:underline !important;z-index:1;cursor:pointer}
span{font-size:14px;line-height:140%;font-weight:400;font-style:normal;font-family:Citi-Sans-Display,sans-serif;color:#255be3;cursor:text}
}
.description-text{text-align:center;margin-top:28px}
.article-hero-podcast{display:block;text-align:center;position:relative;z-index:1;a{font-size:14px;line-height:130%;font-weight:400;font-family:Citi-Sans-Text,sans-serif}
}
@media screen and (max-width:1024px){.article-hero-title{font-size:32px;text-align:left}
.article-hero-profile-name{flex-direction:column}
.description-text{margin-top:60px;text-align:left}
.date-section{margin-top:0;left:0;text-align:left}
.cmp-teaser__content{justify-content:flex-start;align-items:flex-start}
.article-hero-profile-details{justify-content:flex-start}
.article-hero-podcast{text-align:left}
}
}
.article-hero .article-hero-section.cmp-teaser--variation-two .article-hero-image-section{display:none}
.article-hero .article-hero-section.cmp-teaser--variation-two .article-hero-profile-section{@media screen and (max-width:768px){.article-hero-tag{justify-content:flex-start !important;align-items:flex-start !important}
.article-hero-title{text-align:left}
.description-text{text-align:left}
.cmp-teaser__content{justify-content:flex-start;align-items:flex-start}
.article-hero-profile-details{justify-content:flex-start}
.date-section{text-align:left;left:0}
.article-hero-podcast{text-align:left}
}
}
.article-hero{.video-wrapper{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 9;.video-thumbnail{width:100%;height:unset !important;object-fit:contain;display:block}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#255be3;border:0;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center}
iframe{position:absolute;display:none}
}
}
.article-hero-ad-toggle{display:flex;align-items:center;margin-top:12px}
.article-hero-ad-toggle__button{display:inline-flex;align-items:center;gap:8px;background:0;border:0;cursor:pointer;padding:6px 0;font-family:inherit}
.article-hero-ad-toggle__label{font-size:14px;color:#1a1a1a;font-family:Citi-Sans-Text,sans-serif;font-style:normal;font-weight:400}
.article-hero-ad-toggle__switch{position:relative;display:inline-block;width:36px;height:18px;background-color:#ccc;border-radius:9px;transition:background-color .2s ease}
.article-hero-ad-toggle__switch::after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.article-hero-ad-toggle__button[aria-checked="true"] .article-hero-ad-toggle__switch{background-color:#255be3}
.article-hero-ad-toggle__button[aria-checked="true"] .article-hero-ad-toggle__switch::after{transform:translateX(18px)}
.article-hero-ad-toggle__button:focus-visible{outline:2px solid #255be3;outline-offset:2px;border-radius:4px}