.carousel{display:flex;flex-flow:row wrap;gap:calc(var(--grid-unit) * 2);justify-content:center;align-items:center;cursor:pointer;width:100%;isolation:isolate}.carousel-item{width:380px;height:calc(var(--grid-unit) * 50);border-radius:calc(var(--grid-unit) * 2);overflow:hidden;position:relative}.carousel-item-image{position:absolute;width:380px;height:calc(var(--grid-unit) * 50);top:0;left:0;z-index:1;object-fit:cover}.carousel-item-content{width:100%;height:calc(var(--grid-unit) * 15);position:absolute;bottom:0;left:0;background-color:hsl(var(--color-primary) / 90%);z-index:2}.carousel-item-title{left:0;right:0;bottom:calc(var(--grid-unit) * 2);color:hsl(var(--color-text));font-family:var(--font-display);font-size:var(--font-size-md);text-transform:uppercase;text-align:center;position:absolute;font-weight:600}.carousel-item-description{position:absolute;left:calc(var(--grid-unit) * 2.5);right:calc(var(--grid-unit) * 2.5);bottom:calc(var(--grid-unit) * 7);color:hsl(var(--color-text));font-family:var(--font-body);font-size:var(--font-size-sm);text-align:center;font-weight:500}@media (hover: hover) and (pointer: fine){.carousel-item{opacity:1;scale:1;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:ease-out}.carousel-item:hover{scale:1.3;opacity:1;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:ease-out;z-index:2}.carousel:hover .carousel-item:not(:hover){scale:1;opacity:.8;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:ease-out}.carousel-item-content{width:100%;height:calc(var(--grid-unit) * 50);position:relative;top:0;left:0;background-color:hsl(var(--color-primary) / 90%);z-index:0}.carousel:hover .carousel-item:hover .carousel-item-content{z-index:2;opacity:.95}.carousel-item-title{top:calc(var(--grid-unit) * 20)}.carousel-item-description{bottom:calc(var(--grid-unit) * 5)}}