.banner-promo-layout{position:relative;padding:6rem 1rem 4rem 1rem;min-height:80vh;display:flex;align-items:center;background-size:cover;background-position:center;background-attachment:fixed}.banner-promo__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgb(0 0 0 / .2) 0%,rgb(0 0 0 / .6) 100%);z-index:1}.banner-promo__container{position:relative;max-width:1200px;margin:0 auto;width:100%;z-index:2;display:flex;flex-direction:column;gap:1rem}.banner-promo__content{align-self:flex-end;max-width:45%;text-align:left;padding-right:2rem}.banner-promo__title{font-family:var(--font-primary-2);font-size:6rem;color:var(--color-white);text-transform:uppercase;font-weight:700;line-height:1;margin-bottom:1.5rem;text-shadow:0 4px 10px rgb(0 0 0 / .3)}.banner-promo__desc{font-family:var(--font-secondary-2);font-size:var(--text-base);color:var(--color-white);line-height:1.6;text-shadow:0 2px 5px rgb(0 0 0 / .5)}.banner-promo__interactive-area{align-self:flex-start;max-width:800px;width:100%;margin-top:2rem}.banner-promo__cards-wrapper{position:relative;height:280px;margin-bottom:2rem}.banner-promo__card{position:absolute;bottom:0;left:0;width:320px;background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity 0.4s ease,transform 0.4s ease,visibility 0.4s,left 0.4s ease;;z-index:1}.banner-promo__card.is-active{opacity:1;visibility:visible;transform:translateY(0);z-index:2}.banner-promo__card-img{width:100%;height:140px;object-fit:cover;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.banner-promo__card-body{padding:1.2rem}.banner-promo__card-text{font-family:var(--font-secondary-2);font-size:var(--text-small);color:var(--color-text-muted);line-height:1.5;margin:0}.banner-promo__card-pointer{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-top:10px solid var(--color-white);transition:left 0.4s ease}.banner-promo__timeline{position:relative;padding-top:1rem}.banner-promo__timeline-track{position:absolute;top:22px;left:10px;right:10px;height:2px;background-color:rgb(255 197 0 / .4);z-index:1}.banner-promo__timeline-list{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0;position:relative;z-index:2}.banner-promo__timeline-item{flex:1;text-align:center}.banner-promo__timeline-btn{background:#fff0;border:none;padding:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%}.banner-promo__timeline-dot{width:16px;height:16px;background-color:var(--color-secondary);border-radius:50%;margin-bottom:.8rem;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 0 0 4px rgb(255 197 0 / .2)}.banner-promo__timeline-label{font-family:var(--font-secondary-2);font-size:var(--text-small);font-weight:700;color:var(--color-white);text-transform:uppercase;transition:color 0.3s ease}.banner-promo__timeline-btn:hover .banner-promo__timeline-dot,.banner-promo__timeline-btn.is-active .banner-promo__timeline-dot{transform:scale(1.3);background-color:var(--color-white);box-shadow:0 0 0 4px var(--color-secondary)}.banner-promo__timeline-btn:hover .banner-promo__timeline-label,.banner-promo__timeline-btn.is-active .banner-promo__timeline-label{color:var(--color-secondary)}@media (max-width:991px){.banner-promo-layout{background-attachment:scroll}.banner-promo__content{max-width:80%}}@media (max-width:767px){.banner-promo__content{max-width:100%;align-self:center;text-align:center}.banner-promo__title{font-size:var(--text-3xl)}.banner-promo__cards-wrapper{display:flex;justify-content:center}.banner-promo__card{left:auto}.banner-promo__timeline-list{overflow-x:auto;padding-bottom:1rem;gap:2rem}}