.spotmystuff-usecases{--smst-bg-page: #FBFBFA;--smst-bg-surface: #FFFFFF;--smst-ink: #101110;--smst-ink-800: #3E403E;--smst-ink-700: #4A4C4A;--smst-ink-600: #5F615E;--smst-line-strong: #E4E4E1;--smst-line-mid: #DEDED9;--smst-font-sans: "Instrument Sans", Helvetica, Arial, sans-serif;--smst-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--smst-ease: cubic-bezier(.16, 1, .3, 1);--smst-hatch: repeating-linear-gradient(135deg, #F3F3F0 0 10px, #EAEAE6 10px 20px);--smst-sh-arrow: 0 1px 2px rgba(16, 17, 16, .05);--smst-sh-arrow-hover: 0 6px 16px rgba(16, 17, 16, .14);box-sizing:border-box;background:var(--smst-bg-page);color:var(--smst-ink);font-family:var(--smst-font-sans);-webkit-font-smoothing:antialiased;padding:clamp(76px,11vw,148px) 0}.spotmystuff-usecases *,.spotmystuff-usecases *:before,.spotmystuff-usecases *:after{box-sizing:border-box}.spotmystuff-usecases__inner{max-width:1200px;margin:0 auto;padding:0 clamp(18px,5vw,36px)}.spotmystuff-usecases__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}.spotmystuff-usecases__eyebrow{font-family:var(--smst-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--smst-ink-600);margin:0 0 18px}.spotmystuff-usecases__heading{font-size:clamp(30px,5.2vw,52px);line-height:1.03;letter-spacing:-.03em;font-weight:600;max-width:24ch;margin:0}.spotmystuff-usecases__arrows{display:flex;gap:10px}.spotmystuff-usecases__arrow{width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--smst-line-mid);background:var(--smst-bg-surface);color:var(--smst-ink-800);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;box-shadow:var(--smst-sh-arrow);transition:transform .18s var(--smst-ease),box-shadow .18s ease,border-color .18s ease,background .18s ease}.spotmystuff-usecases__arrow:hover{border-color:var(--smst-ink);background:var(--smst-ink);color:var(--smst-bg-page);transform:translateY(-1px);box-shadow:var(--smst-sh-arrow-hover)}.spotmystuff-usecases__arrow:active{transform:translateY(0);box-shadow:var(--smst-sh-arrow)}.spotmystuff-usecases__track-wrap{position:relative;margin-left:-10px;padding-left:10px;width:calc(100% + 10px);max-width:calc(100% + 10px);overflow:hidden}.spotmystuff-usecases__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0 8px}.spotmystuff-usecases__track::-webkit-scrollbar{display:none}.spotmystuff-usecases__chevron{display:none;position:absolute;top:calc(4px + 48.75vw);z-index:2;width:44px;height:44px;border:0;background:none;color:var(--smst-ink);align-items:center;justify-content:center;cursor:pointer;font-family:inherit;padding:0;filter:drop-shadow(0 1px 2px rgba(16,17,16,.35));transform:translateY(-50%);transition:opacity .18s ease,left .3s var(--smst-ease),right .3s var(--smst-ease)}.spotmystuff-usecases__chevron.is-hidden{opacity:0;pointer-events:none}.spotmystuff-usecases__chevron--prev{left:0}.spotmystuff-usecases__chevron--next{right:8px}.spotmystuff-usecases__card{flex:0 0 clamp(268px,80vw,400px);scroll-snap-align:start;transition:transform .5s var(--smst-ease)}.spotmystuff-usecases__card:hover{transform:translateY(-4px)}.spotmystuff-usecases__image,.spotmystuff-usecases__tile{display:block;width:100%;aspect-ratio:4 / 5;border:1px solid var(--smst-line-strong);border-radius:22px}.spotmystuff-usecases__image{object-fit:cover}.spotmystuff-usecases__tile{display:flex;background:var(--smst-hatch);align-items:center;justify-content:center;text-align:center;font-family:var(--smst-font-mono);font-size:10.5px;line-height:1.65;letter-spacing:.05em;text-transform:uppercase;color:var(--smst-ink-600);padding:22px}.spotmystuff-usecases__card.spotmystuff-usecases__card h3{font-size:17px;font-weight:600;margin:28px 0 6px}.spotmystuff-usecases__card p{margin:0;font-size:14.5px;line-height:1.5;color:var(--smst-ink-700)}.spotmystuff-usecases__swipe{font-family:var(--smst-font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--smst-ink-600);margin:14px 0 0}@media(max-width:640px){.spotmystuff-usecases{padding:64px 0}.spotmystuff-usecases__head{gap:16px}.spotmystuff-usecases__arrows{display:none}.spotmystuff-usecases__chevron{display:flex}.spotmystuff-usecases__card{flex:0 0 78vw}}@media(max-width:400px){.spotmystuff-usecases__card{flex:0 0 84vw}.spotmystuff-usecases__chevron{top:calc(4px + 52.5vw)}}@media(prefers-reduced-motion:reduce){.spotmystuff-usecases__track{scroll-behavior:auto}.spotmystuff-usecases__card,.spotmystuff-usecases__arrow{transition-duration:.01ms}.spotmystuff-usecases__card:hover,.spotmystuff-usecases__arrow:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/spotmystuff-usecases.css.map */