.offbeat-article .ob-pg{display:grid;gap:1rem;margin:2rem 0}@media(min-width:640px){.offbeat-article .ob-pg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.offbeat-article .ob-pg{grid-template-columns:repeat(3,minmax(0,1fr))}}.offbeat-article .ob-pg__card{overflow:hidden;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-cream);transition:transform .15s ease,box-shadow .15s ease}.offbeat-article .ob-pg__card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.offbeat-article .ob-pg__media{position:relative;aspect-ratio:1;background:var(--color-cream-deep)}.offbeat-article .ob-pg__media img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .5s ease}.offbeat-article .ob-pg__card:hover .ob-pg__media img{transform:scale(1.05)}.offbeat-article .ob-pg__meta{border-top:1px solid var(--color-border);padding:1rem}.offbeat-article .ob-pg__quote{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.35}.offbeat-article .ob-pg__code{margin:.5rem 0 0;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.offbeat-article .ob-ps{display:grid;gap:1rem;margin:2rem 0;border-radius:1.5rem;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-cream-deep) 50%,transparent);padding:1.25rem}@media(min-width:768px){.offbeat-article .ob-ps{grid-template-columns:1fr 1.2fr}}.offbeat-article .ob-ps__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:var(--color-cream)}.offbeat-article .ob-ps__media img{width:100%;height:100%;object-fit:contain;padding:1rem}.offbeat-article .ob-qb{position:relative;display:flex;min-height:220px;height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:1.5rem;padding:1.5rem}.offbeat-article .ob-qb--ink{background:var(--color-ink);color:var(--color-cream)}.offbeat-article .ob-qb--cream{background:var(--color-cream-deep);color:var(--color-ink)}.offbeat-article .ob-qb--yellow{background:var(--color-brand-yellow);color:var(--color-ink)}.offbeat-article .ob-qb--red{background:var(--color-brand-red);color:var(--color-on-primary)}.offbeat-article .ob-qb--blue{background:color-mix(in srgb,var(--color-brand-blue) 25%,var(--color-cream));color:var(--color-ink)}.offbeat-article .ob-qb--olive{background:#5c5a2f;color:var(--color-cream)}.offbeat-article .ob-qb__glyph{pointer-events:none;position:absolute;right:-1.5rem;top:-1.5rem;font-size:140px;font-weight:900;line-height:1;opacity:.1}.offbeat-article .ob-qb__top{position:relative;display:flex;justify-content:flex-end}.offbeat-article .ob-qb__code{border-radius:999px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:.25rem .625rem;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.offbeat-article .ob-qb__text{position:relative;margin:1rem 0 0;font-family:var(--font-display);font-size:1.25rem;font-weight:900;line-height:1.25;letter-spacing:-.025em}@media(min-width:768px){.offbeat-article .ob-qb__text{font-size:1.5rem}}.offbeat-article .ob-qb__bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem}.offbeat-article .ob-qb__attr{margin:0;font-family:var(--font-hand);font-size:1.125rem;opacity:.8}.offbeat-article .ob-qb__star{font-size:1.5rem;font-weight:900}.offbeat-article .ob-shop-cta{margin:1.5rem 0 0;border-radius:1rem;background:var(--color-cream-deep);padding:1rem 1.25rem;font-family:var(--font-hand);font-size:1.125rem;color:color-mix(in srgb,var(--color-ink) 85%,transparent)}.offbeat-article .ob-shop-cta a{font-weight:600;color:var(--color-primary);text-decoration:none}.offbeat-article .ob-shop-cta a:hover{text-decoration:underline}.offbeat-article h2{margin:2rem 0 .75rem;font-family:var(--font-display);font-size:1.5rem;font-weight:900;line-height:1.2}.offbeat-article p{margin:.85rem 0;line-height:1.7}.offbeat-article ul{margin:.85rem 0;padding-left:1.25rem;line-height:1.7}.offbeat-article li+li{margin-top:.35rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/offbeat-article.css.map */