.spotmystuff-how{--smst-bg-page: #FBFBFA;--smst-bg-surface: #FFFFFF;--smst-ink: #101110;--smst-ink-700: #4A4C4A;--smst-ink-600: #5F615E;--smst-line: #EBEBE7;--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-step: 0 42px 80px -46px rgba(16, 17, 16, .34), 0 6px 18px -12px rgba(16, 17, 16, .06);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-how *,.spotmystuff-how *:before,.spotmystuff-how *:after{box-sizing:border-box}.spotmystuff-how__inner{max-width:1200px;margin:0 auto;padding:0 clamp(18px,5vw,36px)}.spotmystuff-how__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-how__heading{font-size:clamp(30px,5.2vw,52px);line-height:1.03;letter-spacing:-.03em;font-weight:600;max-width:26ch;margin:0 0 14px}.spotmystuff-how__lead{font-size:clamp(16px,1.7vw,18px);line-height:1.6;color:var(--smst-ink-700);max-width:50ch;margin:0 0 40px}.spotmystuff-how__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.spotmystuff-how__card{background:var(--smst-bg-surface);border:1px solid var(--smst-line);border-radius:24px;padding:22px;transition:box-shadow .5s var(--smst-ease),transform .5s var(--smst-ease)}.spotmystuff-how__card:hover{box-shadow:var(--smst-sh-step);transform:translateY(-3px)}.spotmystuff-how__card-image,.spotmystuff-how__card-tile{display:block;width:100%;aspect-ratio:4 / 3;border-radius:16px;margin-bottom:18px}.spotmystuff-how__card-image{object-fit:cover}.spotmystuff-how__card-tile{background:var(--smst-hatch);display:flex;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:18px}.spotmystuff-how__card-step{font-family:var(--smst-font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--smst-ink-600);margin:0 0 8px}.spotmystuff-how__card h3{font-size:19px;letter-spacing:-.012em;font-weight:600;margin:0 0 8px}.spotmystuff-how__card p{margin:0;font-size:15px;line-height:1.55;color:var(--smst-ink-700)}.spotmystuff-how__cta{margin-top:32px}.spotmystuff-how__button{display:inline-flex;align-items:center;justify-content:center;border:none;font-weight:600;min-height:54px;padding:0 30px;border-radius:14px;background:var(--smst-ink);color:var(--smst-bg-page);font-size:16px;text-decoration:none;transition:background .35s ease}.spotmystuff-how__button:hover{background:#000;color:var(--smst-bg-page)}.spotmystuff-how__note{font-size:12.5px;color:var(--smst-ink-600);margin:10px 0 0;line-height:1.5}@media(max-width:640px){.spotmystuff-how{padding:64px 0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/spotmystuff-how-it-works.css.map */