.cards-overlay .component__intro{text-align:center}.cards-overlay .component__intro .pre-title{--font-pre-title-font:var(--font-h1-font);--font-pre-title-weight:400;--font-pre-title-letter-spacing:-0.03em;line-height:1}.cards-overlay .component__intro:has(.component__chinese) .pre-title{--font-pre-title-size:3rem}.cards-overlay__card{position:relative}.cards-overlay__card:before{background-image:linear-gradient(180deg,transparent -32.74%,#000 97.34%);background-size:100% calc(100% + 40px);content:"";inset:0;position:absolute;transition:all .3s ease}.cards-overlay__card:has(.cards-overlay__card__container a:hover):before{background-position:0 -40px}.cards-overlay__container{gap:2.5rem}.cards-overlay__card__container{flex:1;--card-padding:4rem;display:flex;flex-direction:column;justify-content:space-between;padding:var(--card-padding)}.cards-overlay__card__container>*{position:relative;z-index:1}.cards-overlay .component__intro{align-items:center;display:flex;flex-direction:column}.cards-overlay__card{background-position:50%;background-size:cover;display:flex;flex-direction:column}.cards-overlay__card a:not(.btn--custom),.cards-overlay__card a:not(.btn--custom):hover{color:inherit;font-weight:inherit;text-decoration:inherit}.cards-overlay__card__container a{display:flex;justify-content:space-between;width:100%}.cards__overlay--static .cards-overlay__card__title{font-size:var(--font-card1-size);margin:0;text-wrap:pretty}.cards__overlay--static .cards-overlay__card__images{display:grid;gap:5rem;grid-template-columns:auto minmax(0,54px);margin-bottom:11.5rem}.cards-overlay__card__images img{padding-top:10px}@property --cards-opacity1{syntax:"<number>";inherits:false;initial-value:0}@property --cards-opacity2{syntax:"<number>";inherits:false;initial-value:1}@property --cards-percent1{syntax:"<percent>";inherits:false;initial-value:0}@property --cards-percent2{syntax:"<percent>";inherits:false;initial-value:100%}.cards__overlay--hover:before{--cards-opacity1:0.8;--cards-opacity2:0;--cards-percent1:-7%;--cards-percent2:62%;background-image:linear-gradient(0deg,rgba(0,0,0,var(--cards-opacity1)) var(--cards-percent1),rgba(0,0,0,var(--cards-opacity2)) var(--cards-percent2));transition:all .3s ease,--cards-opacity1 .3s ease,--cards-opacity2 .3s ease,--cards-percent1 .3s ease,--cards-percent2 .3s ease}.cards__overlay--hover .cards-overlay__card__container{--card-padding:2.5rem 1.5rem;justify-content:flex-end}.cards__overlay--hover.cards-overlay__card{min-height:375px;overflow:hidden}.cards__overlay--hover .cards-overlay__card__title{font-size:var(--font-card2-size);margin:0;text-align:center;text-wrap:pretty}.cards__overlay--hover .cards-overlay__card__images{transition:opacity .25s ease-in-out}.cards__overlay--hover .cards-overlay__card__images img{margin:auto;max-height:70px;max-width:175px!important;object-fit:contain;width:100%}.cards__overlay--hover .cards-overlay__card__slide{align-items:center;display:flex;flex:1;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:4rem 2rem 2rem;position:absolute;transform:translateY(100%);transition:all .5s ease-in-out;visibility:visible;width:100%}.cards__overlay--hover .cards-overlay__card__slide img{max-width:150px!important}.cards__overlay--hover:hover:before{--cards-opacity1:0.8;--cards-opacity2:0.6;--cards-percent1:-7%;--cards-percent2:100%}.cards__overlay--hover.mobile-active .cards-overlay__card__slide,.cards__overlay--hover:hover .cards-overlay__card__slide{opacity:1;transform:translateY(0);visibility:visible}.cards__overlay--hover.mobile-active .cards-overlay__card__images,.cards__overlay--hover:hover .cards-overlay__card__images{opacity:0;transition:opacity .15s ease-in-out,visibility 0s linear .15s;visibility:hidden}@media only screen and (max-width:1280px){.cards-overlay__container:has(.cards__overlay--hover).grid-row--4pr{grid-template-columns:repeat(2,minmax(0,50%))}.cards-overlay__container:has(.cards__overlay--hover).grid-row--3pr{grid-template-columns:repeat(1,minmax(0,100%))}.cards__overlay--hover .component__ctas{width:100%}.cards__overlay--hover .cards-overlay__card__images img{margin:auto;max-width:205px;width:100%}}@media only screen and (max-width:1100px){.cards-overlay__container.grid-row--3pr,.cards-overlay__container:has(.cards__overlay--hover).grid-row--3pr,.cards-overlay__container:has(.cards__overlay--hover).grid-row--4pr{grid-template-columns:repeat(1,minmax(0,100%))}.cards-overlay__container.grid-row--4pr{grid-template-columns:repeat(2,minmax(0,50%))}.cards__overlay--hover .cards-overlay__card__slide img{max-width:180px!important;width:100%}}