.motion-carousel{position:relative;max-width:100%;overflow:hidden}.motion-spotlight-carousel .motion-hero-img picture{right:20%}.spotlight-carousel-container{position:relative}.motion-hero-img{width:100%;display:none;object-fit:cover}.motion-hero-text{position:absolute;top:23%;transform:translateY(-50%);left:20px;max-width:80%;width:100%;height:max-content;padding:20px;color:#fff;z-index:3;text-align:left;opacity:0}.motion-hero-text .content{transform:translateX(-100%);transition:transform 1s ease-in-out}.motion-hero-text.active{opacity:1;transition:opacity .8s ease-in-out}.motion-hero-text.active .content{transform:translateX(0);transition:transform 1s ease-in-out}.motion-hero-text.prev{opacity:0;transition:opacity .8s ease-in-out;transition-delay:.2s}.motion-hero-text.prev .content{transform:translateX(0)}.motion-carousel__indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:10px;z-index:2}.motion-carousel__indicator{width:16px;height:16px;border-radius:50%;background-color:#f1f1f1;cursor:pointer;transition:background-color .3s cubic-bezier(.8,0,.2,1)}.motion-carousel__indicator.active{background-color:#fcd3c1!important}.motion-spotlight-carousel{position:relative;overflow:hidden;border-radius:20px;min-height:382px;box-shadow:0 2px 2px 0 rgba(0,0,0,.33)}.motion-spotlight-carousel--title{font-size:1.5rem}.motion-hero-img .motion-hero-text{display:flex;align-items:flex-start}.motion-hero-text .mdc-typography--headline2{font-weight:lighter!important;color:#036}.motion-spotlight-carousel .motion-hero-img picture{z-index:2;display:block;position:absolute!important;bottom:-4px;right:0}.circle{position:absolute;border-radius:50%;bottom:0;right:0;transform:translate(20%,50%);backface-visibility:hidden;will-change:opacity}.shrinking-circle{background-color:#ff3a30;width:300px;height:300px;animation:shrink 1.2s ease-in-out forwards}.expanding-circle{background-color:rgba(255,0,0,.7);width:300px;height:300px;animation:expand-fade 1.3s ease-in-out forwards}@keyframes shrink{0%{width:600px;height:600px;opacity:0}50%{width:200px;height:200px;opacity:1}100%{width:300px;height:300px;opacity:1}}@keyframes expand-fade{0%{width:300px;height:300px;opacity:1}100%{width:600px;height:600px;opacity:0}}.spotlight{position:relative}.motion-carousel__arrow{position:absolute;top:50%;display:block!important;cursor:pointer;z-index:2!important}.motion-carousel__arrow.right-arrow:hover{transform:none!important}@media (max-width:479.98px){.motion-carousel__arrow{right:-18px!important}}@media (min-width:480px) and (max-width:803.98px){.spotlight-carousel-container{max-width:454px;margin:0 auto}.motion-carousel__arrow{right:-6px!important}}@media (max-width:803.98px){.motion-spotlight-carousel{max-width:442px;height:382px;margin:0 auto}.motion-hero-img{max-height:382px;height:100%}.motion-hero-text{max-width:300px!important}.mobile-text .mdc-typography--headline2{font-size:1.5rem}.motion-hero-text.mobile-text{bottom:0;left:0}.motion-hero-text.mobile-text .content{transform:translateX(-100%)}.motion-hero-text.mobile-text.active .content{transform:translateX(0)}.motion-spotlight-carousel .motion-hero-img picture{width:382px!important;height:356px;bottom:26px!important}.motion-spotlight-carousel .motion-hero-img picture img{max-width:100%}.motion-carousel__arrow{top:174px}}@media (min-width:804px) and (max-width:1247.98px){.spotlight-carousel-container{max-width:746px;margin:0 auto}.motion-spotlight-carousel .motion-hero-img picture{bottom:-5px;right:-6%}.motion-carousel__arrow{right:-12px!important}}@media (min-width:804px){.motion-hero-text{padding:20px}.motion-spotlight-carousel{height:720px}.circle{right:200px;transform:translate(50%,50%)}.shrinking-circle{width:600px;height:600px}.expanding-circle{width:600px;height:600px}@keyframes shrink{0%{width:800px;height:800px;opacity:0}50%{width:500px;height:500px;opacity:1}100%{width:600px;height:600px;opacity:1}}@keyframes expand-fade{0%{width:600px;height:600px;opacity:1}100%{width:1000px;height:1000px;opacity:0}}}@media (max-width:803.98px){.motion-hero-text .mdc-typography--headline2{font-size:1.5rem}}@media (min-width:804px) and (max-width:1247.98px){.motion-spotlight-carousel{max-width:721px;margin:0 auto}.motion-carousel__arrow{right:14px}.motion-hero-text .mdc-typography--headline2{font-size:3rem}}@media (min-width:1248px){.motion-carousel__arrow{right:-26px!important}}