.use-case-cards{margin-inline:auto;width:100%}.use-case-cards__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.use-case-cards__card--full{grid-column:1 / -1;height:600px}.use-case-cards__card--half{grid-column:span 1;height:597px}.use-case-cards__card{position:relative;border-radius:20px;overflow:hidden;background-color:#1a1a1a;display:block;text-decoration:none;color:inherit}.use-case-cards__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.use-case-cards__card-bg img,.use-case-cards__card-video{width:100%;height:100%;object-fit:cover;display:block}.use-case-cards__card-bg--placeholder{background-color:#2a2a2a}.use-case-cards__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047}.use-case-cards__card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:40px 32px}.use-case-cards__card-header{display:flex;align-items:flex-start}.use-case-cards__tags{display:flex;gap:16px;flex-wrap:wrap}.use-case-cards__tag{display:inline-flex;align-items:center;gap:4px;padding:5px 16px;border:1px solid #ffffff;border-radius:100px;background:transparent;white-space:nowrap}.use-case-cards__tag-text{font-family:var(--font-heading--family);font-weight:500;font-size:11px;line-height:18px;color:#fff}.use-case-cards__tag-icon{width:14px;height:14px;color:#fff;flex-shrink:0}.use-case-cards__card-details{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.use-case-cards__card-title{font-family:var(--font-heading--family);font-weight:500;font-size:72px;line-height:78px;color:#fff;margin:0;letter-spacing:0}.use-case-cards__card-description{font-family:var(--font-heading--family);font-weight:700;font-size:14px;line-height:20px;color:#f5f5f5;text-align:right;max-width:210px;flex-shrink:0}.use-case-cards__card-view-work{position:absolute;left:75%;top:65%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:47px 30px;min-width:0;background:#d9d9d91c;border-radius:60px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s ease,transform .35s ease}.use-case-cards__card:hover .use-case-cards__card-view-work{opacity:1;transform:translate(-50%,-50%) scale(1)}.use-case-cards__card-view-work-text{font-family:var(--font-heading--family);font-weight:500;font-size:11px;line-height:18px;color:#fff;white-space:nowrap;text-transform:lowercase;letter-spacing:.04em}@media(pointer:fine){.use-case-cards__card:hover,.use-case-cards__card:hover *{cursor:none}}@media screen and (max-width:989px){.use-case-cards__card--full,.use-case-cards__card--half{height:480px}.use-case-cards__card-title{font-size:48px;line-height:54px}.use-case-cards__card-content{padding:32px 24px}}@media screen and (max-width:749px){.use-case-cards__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;scrollbar-width:none}.use-case-cards__grid::-webkit-scrollbar{display:none}.use-case-cards__card--full,.use-case-cards__card--half{flex:0 0 85vw;max-width:370px;height:600px;scroll-snap-align:center}.use-case-cards__card-content{padding:40px 32px 40px 16px;max-height:600px;overflow-y:auto}.use-case-cards__card-header{padding-left:16px;padding-right:0}.use-case-cards__card-title{font-size:32px;line-height:40px}.use-case-cards__card-details{flex-direction:column;align-items:flex-start;gap:10px}.use-case-cards__card-description{text-align:left;max-width:210px}.use-case-cards__tags{gap:16px}.use-case-cards__tag-text{font-size:10px}.use-case-cards__tag{padding:4px 16px}.use-case-cards__progress{display:flex!important;align-items:center;padding:16px 16px 0}.use-case-cards__progress-track{width:100%;height:2px;background-color:#f5f5f5;border-radius:100px;overflow:hidden}.use-case-cards__progress-fill{height:2px;background-color:#eb2529;border-radius:100px;transition:width .3s ease;width:0%}}.use-case-cards__progress{display:none}.our-work-big-text div p:after{content:".";color:#eb2529;font-family:var(--font-heading--family)}.our-work-content.our-work-content>div.group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column>a:after{content:"";display:inline-block;width:17px;height:17px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23292929' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-use-case-cards.css.map */