.traits-cards{display:flex;align-items:stretch;gap:0;width:100%;margin:0 auto;overflow:hidden}.traits-cards .trait{position:relative;height:530px;width:15%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 100%),var(--bg) center center/cover no-repeat;display:flex;transition:all 1.2s cubic-bezier(.25,1,.33,1);flex-direction:column;justify-content:space-between}.traits-cards .trait.is-active{width:40%;background:linear-gradient(227deg,rgba(0,0,0,0) 31.45%,rgba(0,0,0,.7) 96.54%),linear-gradient(0deg,#ed1c24 0,#ed1c24 100%),var(--bg) center center/cover no-repeat;background-blend-mode:normal,multiply,normal}.traits-cards .trait:not(.is-active):hover{filter:brightness(1.05)}.traits-cards .trait .trait__bar{position:absolute;inset:0;display:flex;padding:48px 0;flex-direction:column;justify-content:space-between;align-items:center;opacity:1}.traits-cards .trait.is-active .trait__bar{opacity:0}.traits-cards .trait .trait__title{color:#fff;font-weight:600;font-size:46px;line-height:0;transform-origin:inherit;transform:rotate(-90deg) translateX(-50%);white-space:nowrap}.traits-cards .trait .trait__icon{width:64px;height:64px!important;margin-bottom:48px}.traits-cards .trait .trait__content{color:#fff;font-size:16px;line-height:26px;margin-bottom:24px;display:none;width:100%;order:3;text-align:center;padding:0 10%}.traits-cards .trait .trait__panel{display:flex;height:100%;width:100%;padding:0 48px;align-items:center;justify-content:center;transform:scaleX(0);transition:all .8s cubic-bezier(.25,1,.33,1);opacity:0;transform-origin:center center;transform-box:fill-box}.traits-cards .trait.is-active .trait__panel{transform:scaleX(1);opacity:1}.traits-cards .trait .trait__panel-inner{display:flex;gap:24px;text-align:center;flex-wrap:wrap;justify-content:center}.traits-cards .trait .trait__panel-icon{width:64px;height:64px}.traits-cards .trait .trait__panel-title{color:#fff!important;font-weight:600;font-size:46px;line-height:50px;margin-bottom:0!important}.traits-cards .trait .trait__panel-content{color:#fff;font-size:18px;line-height:28px;margin-bottom:24px}.traits-cards .trait .trait__panel-cta{color:#fff;padding:10px 16px;text-decoration:none}.traits-cards .card__hit{position:absolute;inset:0;z-index:2;background:0 0;border:0;cursor:pointer}@media (min-width:900px) and (max-width:1300px){.traits-cards .trait .trait__panel-title{font-size:36px;line-height:1.08}.traits-cards .trait .trait__panel-icon{width:48px;height:48px!important}.traits-cards .trait .trait__panel-inner{gap:14px}}@media (max-width:900px){.traits-cards{flex-direction:column}.traits-cards .trait{display:flex;width:100%;height:144px;justify-content:center}.traits-cards .trait.is-active{width:100%;height:300px}.traits-cards .trait.is-active .trait__content{display:block}.traits-cards .trait.is-active .trait__bar{opacity:1}.traits-cards .trait .trait__bar{position:relative;inset:unset;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:48px 24px;gap:14px;flex-direction:row-reverse}.traits-cards .trait .trait__title{transform:none;font-size:32px;line-height:1.12;white-space:normal}.traits-cards .trait .trait__icon{width:48px;height:48px!important;margin:0}.traits-cards .trait .trait__panel{display:none!important}}@media (prefers-reduced-motion:reduce){.traits-cards .trait{transition:none}}