.cmp-expandable-teaser{position:relative;overflow:hidden;border-radius:var(--iarticle-radius)}
.cmp-expandable-teaser__image img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-expandable-teaser__content{position:relative;display:flex;flex-direction:column}
.cmp-expandable-teaser__heading{color:#fab600;font-weight:bold}
.cmp-expandable-teaser__btn{display:flex;align-items:center;justify-content:center;border:0;background-color:transparent;cursor:pointer}
.cmp-expandable-teaser__btn::after{content:"";display:block;background:url("../../../../../etc.clientlibs/temasek-corporate/clientlibs/base/resources/images/icons/double-arrow_white.svg") center no-repeat;background-size:contain;height:40px;width:30px}
.cmp-expandable-teaser__description{transition:all .4s ease}
.cmp-expandable-teaser__description p{font-size:var(--font-h3);line-height:1.3;margin-bottom:30px}
.cmp-expandable-teaser__description p:last-child{margin-bottom:0}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__image{aspect-ratio:2.15}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__image{height:570px;aspect-ratio:auto}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__image img{object-position:94% center}
}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__content{position:absolute;inset:0;background:rgba(0,0,0,0.5);width:220px;right:auto;border-radius:var(--iarticle-radius);flex-direction:initial;align-items:center;transition:width .4s;transition-delay:.2s}
@media screen and (max-width:1440px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__content{width:180px}
}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__content{width:120px}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__content{width:100%;max-height:100px;top:auto;right:0;flex-direction:column;align-items:flex-start;padding:30px 20px 30px}
}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__heading{position:absolute;left:40px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--iarticle-h2);z-index:2}
@media screen and (max-width:1440px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__heading{left:30px}
}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__heading{left:20px}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__heading{writing-mode:initial;transform:rotate(0);position:relative;inset:auto}
}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn{position:absolute;right:0;color:white;font-size:28px;z-index:2;height:100%;width:85px;padding:0;border-radius:0 var(--iarticle-radius) var(--iarticle-radius) 0}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn{width:60px}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn{width:100%;height:50px;bottom:30px;border-radius:var(--iarticle-radius) var(--iarticle-radius) 0 0}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::after,.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::before{transform:rotate(-90deg)}
}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::before,.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::after{content:"";display:block;background:url("../../../../../etc.clientlibs/temasek-corporate/clientlibs/base/resources/images/icons/double-arrow_white.svg") center no-repeat;background-size:auto 62%;height:40px;width:15px;transition:.4s;background-position:left;margin-right:3px}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::after{margin-left:-18px;opacity:0;animation:fadeInRight 2s ease infinite}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__btn::after{margin-top:-18px;animation:fadeInTop 2s ease infinite}
}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description{position:absolute;left:200px;min-width:650px;color:white;opacity:0;transform:translateX(-20px);padding-right:120px;transition:opacity .4s}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description:last-child{margin-bottom:0}
@media screen and (max-width:1440px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description{left:120px;min-width:450px}
}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description{left:80px;min-width:300px;padding-right:80px}
.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description p{font-size:var(--font-body)}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right .cmp-expandable-teaser__description{left:auto;bottom:0;transform:translateY(60px);padding-right:0;padding:20px 0}
}
.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__content{width:60%;transition-delay:0}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__content{width:100%;max-height:100%;padding-top:70px;padding-bottom:0}
}
.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn{background-color:rgba(0,0,0,0.5)}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn{bottom:auto;top:0}
}
.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn::before,.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn::after{transform:rotate(180deg)}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn::before,.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__btn::after{transform:rotate(90deg)}
}
.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__description{opacity:1;transform:translateX(0);transition-delay:.4s}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__description{transform:translateY(0);position:relative}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-left-to-right.active .cmp-expandable-teaser__image img{object-position:94% center}
}
.cmp-expandable-teaser.expand-bottom-to-top{border-radius:var(--iarticle-radius) var(--iarticle-radius) 0 0;padding-bottom:100px}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-bottom-to-top{padding-bottom:80px}
}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__content{padding:40px 40px 30px;background-color:#49176d;border-radius:0 0 var(--iarticle-radius) var(--iarticle-radius);position:absolute;bottom:0}
@media screen and (max-width:1280px){.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__content{padding:30px 20px 30px}
}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__heading{font-size:var(--font-h3);margin-bottom:10px}
@media screen and (max-width:1660px){.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__heading{min-height:60px;margin-bottom:0}
}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__heading{font-size:20px;min-height:50px}
}
@media screen and (max-width:600px){.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__heading{min-height:auto}
}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__description{color:white;overflow:hidden;max-height:0;margin-top:10px}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__description p{font-size:var(--font-body-large);margin-bottom:10px}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__btn{position:absolute;left:40px;top:-25px;width:50px;height:50px;background-color:#49176d;border-radius:50%}
.cmp-expandable-teaser.expand-bottom-to-top .cmp-expandable-teaser__btn:after{transform:rotate(-90deg);background-size:80%}
.cmp-expandable-teaser.expand-bottom-to-top:hover .cmp-expandable-teaser__description{max-height:120px}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__image img{min-height:320px}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__content{position:absolute;inset:0;padding:40px 80px;display:flex;flex-direction:column;justify-content:center}
@media screen and (max-width:1280px){.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__content{padding:40px}
}
@media screen and (max-width:1024px){.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__content{padding:40px 20px}
}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__btn{position:absolute;left:50%;top:30px;transform:translate(-50%,0);width:50px;height:50px;padding:0}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__btn{top:5px}
}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__btn:after{transform:rotate(90deg);background:url("../../../../../etc.clientlibs/temasek-corporate/clientlibs/base/resources/images/icons/double-arrow_yellow.svg") center no-repeat;background-size:contain;width:50px;height:50px}
@media screen and (max-width:1024px){.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__btn:after{width:40px;height:40px;top:20px}
}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__description{transform:translateY(60px);opacity:0}
.cmp-expandable-teaser.expand-top-to-bottom .cmp-expandable-teaser__description p{font-size:var(--font-body-large)}
.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__content{background:rgba(0,0,0,0.5)}
.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__btn{bottom:30px;top:auto}
@media screen and (max-width:1024px){.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__btn{bottom:20px}
}
@media screen and (max-width:980px){.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__btn{bottom:5px}
}
.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__btn:after{transform:rotate(-90deg)}
.cmp-expandable-teaser.expand-top-to-bottom.active .cmp-expandable-teaser__description{transform:translateY(0);opacity:1}
.cmp-media-background{padding-bottom:40px}
.cmp-media-background .expandable-teaser{height:100%}
.cmp-media-background .cmp-expandable-teaser{border-radius:var(--iarticle-radius);background:rgba(255,255,255,0.3);height:100%}
.author-mode .cmp-media-background .cmp-expandable-teaser{background:rgba(0,0,0,0.8)}
.cmp-media-background .cmp-expandable-teaser__heading{background-color:#49176d;padding:50px;border-radius:var(--iarticle-radius) var(--iarticle-radius) 0 0;font-size:var(--font-h3);color:white}
@media screen and (max-width:1440px){.cmp-media-background .cmp-expandable-teaser__heading{padding:30px}
}
@media screen and (max-width:1280px){.cmp-media-background .cmp-expandable-teaser__heading{height:130px}
}
@media screen and (max-width:1024px){.cmp-media-background .cmp-expandable-teaser__heading{padding:30px 20px;height:120px}
}
@media screen and (max-width:980px){.cmp-media-background .cmp-expandable-teaser__heading{font-size:var(--font-body-large);padding:20px;height:80px}
}
@media screen and (max-width:600px){.cmp-media-background .cmp-expandable-teaser__heading{height:auto}
}
.cmp-media-background .cmp-expandable-teaser__image{display:none}
.cmp-media-background .cmp-expandable-teaser__description{display:flex;padding:50px 50px 70px 50px;align-items:flex-start;gap:10px;flex:1 0 0;align-self:stretch}
@media screen and (max-width:1440px){.cmp-media-background .cmp-expandable-teaser__description{padding:30px 30px 50px 30px}
}
@media screen and (max-width:1024px){.cmp-media-background .cmp-expandable-teaser__description{padding:30px 20px 50px 20px}
}
.cmp-media-background .cmp-expandable-teaser__description p{color:white;font-size:var(--font-body-large)}
.cmp-media-background .cmp-expandable-teaser__btn{display:none}
@keyframes fadeInRight{0{opacity:0;margin-left:-18px}
50%{opacity:1;margin-left:0}
100%{opacity:0;margin-left:-18px}
}
@keyframes fadeInTop{0{margin-top:-25px}
50%{opacity:1;margin-top:0}
100%{margin-top:-25px}
}