.custom-uses__header{margin-block-end:var(--gap-section-header);text-align:start}.custom-uses__heading{margin:0;max-width:22ch;font-family:var(--font-body);font-size:var(--fs-h2);font-weight:var(--font-weight-medium);line-height:1.16;letter-spacing:-.01em;color:var(--color-ink)}.custom-uses__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);margin:0;padding:0;list-style:none}.custom-uses__card{position:relative;overflow:hidden;min-width:0;aspect-ratio:4 / 3;border-radius:var(--radius-media);background-color:var(--color-surface-soft)}.custom-uses__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.custom-uses__card--commute .custom-uses__img{object-position:42% 25%}.custom-uses__card--gig .custom-uses__img,.custom-uses__card--party .custom-uses__img{object-position:42% 40%}.custom-uses__card--ride-home .custom-uses__img{object-position:47% 25%}.custom-uses__card[style] .custom-uses__img{object-position:var(--uses-focus, 50% 42%)}.custom-uses__card:after{content:"";position:absolute;inset:auto 0 0;height:75%;background:linear-gradient(to top,#08090ccc,#08090ca3 42%,#08090c42 76%,#08090c00);pointer-events:none}.custom-uses__copy{position:absolute;inset:auto 0 0;z-index:1;padding:var(--space-20);max-width:44ch}.custom-uses__title{margin:0;font-family:var(--font-body);font-size:var(--fs-h3);font-weight:var(--font-weight-medium);line-height:1.25;letter-spacing:-.005em;color:#fff}.custom-uses__text{margin:var(--space-6) 0 0;font-size:1.5rem;line-height:1.5;color:#ffffffeb}@media screen and (min-width:760px){.custom-uses__list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:420px}.custom-uses__card{aspect-ratio:auto}.custom-uses__copy{padding:var(--space-24)}}@media screen and (min-width:990px){.custom-uses__list{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(420px,34vw,460px);gap:var(--space-20)}.custom-uses__card:nth-child(4n+1),.custom-uses__card:nth-child(4n+4){grid-column:span 7}.custom-uses__card:nth-child(4n+2),.custom-uses__card:nth-child(4n+3){grid-column:span 5}.custom-uses__copy{padding:var(--space-28)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-uses.css.map */