.commercial-user-cases-section{position:relative}.commercial-user-cases--desktop{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;aspect-ratio:1}.user-case-item{position:relative;overflow:hidden;aspect-ratio:1;transition:transform .3s ease,box-shadow .3s ease}.user-case-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.user-case-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:30px 20px 20px;color:#fff;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}.user-case-item:hover .user-case-overlay{transform:translateY(-100%);opacity:0}.user-case-item:hover img{transform:scale(1.05)}.user-case-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.user-case-text{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#fff;aspect-ratio:1;padding:40px}.commercial-user-cases--mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.user-case-text-mobile{grid-column:1 / -1;text-align:center;padding:40px 20px;background-color:#fff;margin-top:20px}.user-case-title{font-size:clamp(36px,calc(36px + (45 - 36) * ((100vw - 750px) / (1920 - 750))),45px);font-weight:600;font-family:inter,sans-serif;margin:0;line-height:1.2}.user-case-text-title{font-size:clamp(40px,calc(40px + (72 - 40) * ((100vw - 750px) / (1920 - 750))),72px);font-weight:900;font-family:inter,sans-serif;margin:0 0 10px;line-height:1.2}.user-case-text-subtitle{font-size:16px;margin:0;line-height:1.5;color:#666}@media screen and (max-width:849px){.user-case-text-title{font-weight:700}.user-case-text{padding:40px 0}.user-case-item img{aspect-ratio:81/115}.hidden-mobile{display:none!important}.hidden-desktop{display:block!important}.user-case-item{max-width:330px;aspect-ratio:1}}@media screen and (min-width:850px){.hidden-mobile{display:grid!important}.hidden-desktop{display:none!important}}@media(min-width:750px)and (max-width:849px){.commercial-user-cases-section *{word-break:keep-all}}@media(max-width:750px){.user-case-title{font-size:clamp(16px,calc(16px + (36 - 16) * ((100vw - 360px) / (750 - 360))),36px)}.user-case-text-title{font-size:clamp(18px,calc(18px + (40 - 18) * ((100vw - 360px) / (750 - 360))),40px)}}@media screen and (min-width:2000px){.commercial-user-cases--desktop{max-width:1600px}.user-case-title{font-size:24px}.user-case-text-title{font-size:40px}.user-case-overlay{padding:40px 30px 30px}.user-case-text{padding:60px}}.commercial-user-cases-section *{box-sizing:border-box}@media screen and (min-width:850px)and (max-width:1200px){.user-case-text{padding:30px}}.user-case-item img{loading:lazy}.user-case-overlay,.user-case-item img{transition-timing-function:ease-in-out}.user-case-overlay{text-shadow:0 1px 2px rgba(0,0,0,.5)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-commercial-user-cases.css.map */