.use-case-collections{background:#0f0f11;color:#fff}.use-case-collections .page-width{max-width:120rem}.use-case-collections__header{max-width:72rem}.use-case-collections__kicker{color:#ff7a1a;font-size:1.2rem;font-weight:700;letter-spacing:.08em;line-height:1.4;margin:0 0 1.2rem;text-transform:uppercase}.use-case-collections__title{color:#fff;font-size:clamp(3.2rem,4.4vw,5.2rem);font-weight:700;line-height:1.12;margin:0}.use-case-collections__description{color:#ffffffc7;font-size:1.6rem;line-height:1.85;margin-top:1.6rem;max-width:64rem}.use-case-collections__grid{display:grid;gap:2rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4rem}.use-case-card{background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:1.6rem;box-shadow:0 2.4rem 5rem #00000038;color:#111113;display:flex;flex-direction:column;min-height:100%;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.use-case-card:hover{border-color:#ff7a1a6b;box-shadow:0 3rem 6rem #00000047;transform:translateY(-.4rem)}.use-case-card__media{aspect-ratio:16 / 10;background:#1a1a1d;overflow:hidden;position:relative}.use-case-card__image,.use-case-card__placeholder{display:block;height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.use-case-card:hover .use-case-card__image{transform:scale(1.035)}.use-case-card__media:after{background:linear-gradient(180deg,#0000 48%,#00000047);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.use-case-card__content{display:flex;flex:1;flex-direction:column;padding:2.4rem}.use-case-card__eyebrow{color:#ff7a1a;font-size:1.1rem;font-weight:700;letter-spacing:.08em;line-height:1.35;margin:0 0 .8rem;text-transform:uppercase}.use-case-card__title{color:#111113;font-size:2.1rem;font-weight:700;line-height:1.35;margin:0}.use-case-card__text{color:#111113b8;font-size:1.45rem;line-height:1.75;margin:1.2rem 0 0}@media screen and (max-width:989px){.use-case-collections__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-card,.use-case-card:nth-child(4),.use-case-card:nth-child(5){min-height:100%}}@media screen and (max-width:749px){.use-case-collections__title{font-size:3.2rem}.use-case-collections__description{font-size:1.5rem}.use-case-collections__grid{gap:1.6rem;grid-template-columns:1fr;margin-top:3.2rem}.use-case-card__content{padding:2rem}.use-case-card__title{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-use-case-collections.css.map */