.carousel{border-radius:16px;height:calc(100vh - 20px);overflow:hidden;position:sticky;top:10px}.carousel--default{height:auto;position:relative;top:0}.carousel--default .carousel__layout{height:auto}.carousel__bg-image{inset:0;opacity:0;position:absolute;transition:opacity .8s ease;z-index:0}.carousel__bg-image--active{opacity:1}.carousel__bg-image img{display:block;height:100%;object-fit:cover;width:100%}.carousel__bg-image:has(img):after{background:color-mix(in srgb,var(--color-black) 55%,transparent);content:"";inset:0;position:absolute}.carousel__layout{height:100%;opacity:0;padding:64px 60px;position:relative;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;z-index:1}.carousel__layout.carousel--grid-left:has(.carousel__offset img){padding-right:0}.carousel__layout.carousel--grid-right:has(.carousel__offset img){padding-left:0}.carousel.in-view .carousel__layout{opacity:1;transform:translateY(0)}.carousel__content{align-items:center;display:flex;flex-direction:row;gap:48px;height:100%;justify-content:flex-start}.carousel__layout.carousel--grid-right .carousel__content{justify-content:flex-end}.carousel__layout.carousel--grid-right .carousel__nav-wrap{order:1}.carousel__layout.carousel--grid-right .carousel__nav{margin-left:auto}.carousel__nav{display:flex;flex-direction:column;height:100%;justify-content:center}.carousel__nav-item{background-color:color-mix(in srgb,var(--color-black) 30%,transparent);border-radius:16px;cursor:pointer;margin-bottom:10px;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.carousel__nav-item--active{background-color:var(--color-white);box-shadow:0 8px 32px color-mix(in srgb,var(--color-black) 18%,transparent)}.carousel__nav-item:last-child{margin:0}.carousel__nav-head{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:36px}.carousel__nav-item.carousel__nav-item--active .carousel__nav-head{padding-bottom:0}.carousel__nav-head-left{flex:1;min-width:0}.carousel__heading{color:var(--color-white);font-size:24px;margin:0}.carousel__nav-item--active .carousel__heading{font-size:30px}.carousel__nav-item--active .carousel__heading,.carousel__nav-item--active .carousel__nav-description{color:var(--color-charcoal)}.carousel__toggle{display:block}.carousel__toggle:focus-visible{border-radius:4px;outline:2px solid currentColor;outline-offset:4px}.carousel__nav-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.carousel__nav-body--open{grid-template-rows:1fr}.carousel__nav-body-inner{overflow:hidden}.carousel__nav-description{margin:0;padding:12px 36px 36px}.carousel__cta{display:block;margin:0 20px 20px;text-decoration:none}.carousel__cta:first-child{margin-top:20px}.carousel__nav-image-wrapper{display:none}.carousel__offset{align-self:stretch;flex:1;overflow:hidden;position:relative}.carousel__offset:not(:has(img)){display:none}.carousel__offset-image{align-items:center;display:flex;inset:0;justify-content:flex-start;opacity:0;position:absolute;transition:opacity .8s ease;z-index:0}.carousel__offset-image--active{opacity:1}.carousel__offset-image img{display:block;height:100%;object-fit:cover;object-position:left;width:100%}.carousel__layout.carousel--grid-right .carousel__offset-image img{object-position:right}@media (min-width:768px){.carousel{background:color-mix(in srgb,var(--color-grey-light) 30%,transparent);color:var(--color-white)}.carousel__nav{max-width:360px}.carousel__content:has(.carousel__offset img) .carousel__nav-wrap{flex:0 0 40%;max-width:40%}.carousel__nav-body-inner{transition:visibility 0s .3s;visibility:hidden}.carousel__nav-body--open .carousel__nav-body-inner{transition-delay:0s;visibility:visible}}@media (max-width:767px){.carousel__bg-image,.carousel__offset{display:none}.carousel__nav-body{grid-template-rows:1fr}.carousel__nav-item{background-color:var(--color-white);cursor:default;padding:20px}.carousel__heading{color:var(--color-charcoal);font-size:30px}.carousel__nav-description{padding:16px}.carousel__nav-head{padding:16px 16px 0}.carousel__cta,.carousel__cta:first-child{margin:40px 0 0}.carousel,.carousel__outer{height:auto}.carousel{position:relative}.carousel__layout{padding-left:0;padding-right:0}.carousel__nav-image-wrapper{align-items:center;background-color:var(--color-black);border-radius:12px;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.carousel__nav-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.carousel__nav-image-overlay{background:color-mix(in srgb,var(--color-black) 55%,transparent);inset:0;position:absolute}.carousel__nav-image-wrapper .carousel__nav-image-wrapper-offset{height:250px;position:absolute;width:auto}}