.usecase-blog-articles{display:grid;grid-template-columns:1fr;gap:2rem;column-gap:var(--grid-mobile-horizontal-spacing, 2rem);row-gap:var(--grid-mobile-vertical-spacing, 2rem)}.usecase-blog-articles__item{width:100%}@media screen and (min-width:750px){.usecase-blog-articles{grid-template-columns:repeat(2,1fr);column-gap:var(--grid-desktop-horizontal-spacing, 2rem);row-gap:var(--grid-desktop-vertical-spacing, 2rem)}}@media screen and (min-width:990px){.usecase-blog-articles{grid-template-columns:repeat(3,1fr)}}.usecase-card-wrapper{height:100%}.usecase-card{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius, .4rem);overflow:hidden;border:var(--border-width, .1rem) solid rgba(var(--color-foreground),var(--border-opacity, .08));box-shadow:0 .2rem .4rem rgba(var(--color-shadow),var(--shadow-opacity, .06))}.usecase-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.usecase-card__image-wrap{position:relative;width:100%;overflow:hidden;aspect-ratio:1920 / 1080;flex-shrink:0}.usecase-card__image-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.usecase-card__img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .4s ease}.usecase-card__link:hover .usecase-card__img,.usecase-card__link:focus-within .usecase-card__img{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.usecase-card__img{transition:none}.usecase-card__link:hover .usecase-card__img,.usecase-card__link:focus-within .usecase-card__img{transform:none}}.usecase-card__content{padding:1.2rem 1.4rem;background-color:#f7f7f7;flex-grow:1;display:flex;flex-direction:column;gap:.4rem}.usecase-card__title{margin:0;font-size:1.5rem;line-height:1.35;font-weight:600}.usecase-card__date{margin:0;font-size:1.2rem;opacity:.85}.usecase-card__link:focus-visible{outline-offset:.2rem;outline:.2rem solid rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog-usecase.css.map */