.carousel-cards{--spacer:24px}.carousel-cards .carousel .slides{display:grid;grid-auto-columns:minmax(100%,1fr);grid-auto-flow:column;margin-bottom:var(--spacer);overflow-x:scroll;scroll-snap-type:inline mandatory}.carousel-cards .carousel .slides::-webkit-scrollbar{display:none;scrollbar-width:none}@media (min-width:1024px){.carousel-cards .carousel .slides{grid-auto-columns:minmax(33.3333333333%,1fr);margin-bottom:calc(var(--spacer)*2)}}@media (min-width:1280px){.carousel-cards .carousel .slides{grid-auto-columns:minmax(25%,1fr)}}.carousel-cards .carousel .slides>*{padding-left:var(--spacer);scroll-snap-align:end}.carousel-cards .carousel .slides>* .inner{--text-wrap:balance;border:1px solid var(--black-100);border-top:none;height:100%}.carousel-cards .carousel .slides>* .inner .image{aspect-ratio:1/1;margin:-1px 0 0 -1px;width:100%}.carousel-cards .carousel .slides>* .inner .text{padding:calc(var(--spacer)*1.33333);padding-top:calc(var(--spacer))}.carousel-cards .carousel .slides>* .inner .headline{font-weight:500;margin-bottom:calc(var(--spacer)*.5)}.carousel-cards .carousel .slides>* .inner .subheadline{color:var(--blue);font-family:var(--integral);font-weight:700;letter-spacing:1px;margin-bottom:calc(var(--spacer)*.7);text-transform:uppercase}.carousel-cards .carousel .slides>* .inner .copy{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--black-500);display:-webkit-box;overflow:hidden}.carousel-cards .carousel .slides>* .inner .learn-more{background:none;margin-top:1rem}.carousel-cards .carousel .slides>* .inner .learn-more span{padding:unset}.carousel-cards .controls{display:none}.carousel-cards.has-controls .controls{display:block}.carousel-cards .arrows{display:none}@media (min-width:1024px){.carousel-cards .arrows{align-items:center;display:flex;flex-direction:row;gap:calc(var(--spacer)*3);justify-content:center;margin-bottom:calc(var(--spacer)*1.5)}.carousel-cards .arrows button{opacity:.25;pointer-events:none;transition:opacity 1s ease}.carousel-cards .arrows button.active{opacity:1;pointer-events:all}.carousel-cards .arrows button svg{height:16px;width:16px}}.carousel-cards .dots{align-items:center;display:flex;flex-direction:row;gap:calc(var(--spacer)/2);justify-content:center}@media (min-width:1024px){.carousel-cards .dots{gap:var(--spacer)}}.carousel-cards .dots li{background-color:var(--black-100);height:2px;overflow:hidden;transition:background-color 1s ease;width:var(--spacer)}.carousel-cards .dots li.active{background-color:var(--yellow)}@media (min-width:1024px){.carousel-cards .dots li{width:calc(var(--spacer)*3)}}
