.nn-concern{padding-block:var(--nn-section-mobile)}@media screen and (min-width:750px){.nn-concern{padding-block:var(--nn-section)}}.nn-concern__head{max-width:60ch;margin:0 auto var(--nn-xl);text-align:center}.nn-concern__eyebrow{margin:0 0 var(--nn-xs);font-family:var(--nn-font-body);font-size:var(--nn-fs-eyebrow);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-muted)}.nn-concern__heading{margin:0;font-family:var(--nn-font-display);font-size:var(--nn-fs-section);font-weight:500;line-height:1.15;color:var(--nn-forest-deep)}.nn-concern__sub{margin:var(--nn-sm) 0 0;font-family:var(--nn-font-body);font-size:var(--nn-fs-body);line-height:1.6;color:var(--nn-muted)}.nn-concern__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--nn-lg) var(--nn-md);margin:0;padding:0}@media screen and (max-width:749px){.nn-concern__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nn-lg) var(--nn-sm)}}.nn-concern__item{min-width:0}.nn-concern__card{display:flex;flex-direction:column;gap:var(--nn-sm);height:100%;text-decoration:none;color:inherit}.nn-concern__media{display:block;overflow:hidden;aspect-ratio:1 / 1;background-color:var(--nn-ivory);border-radius:var(--nn-r-card);box-shadow:var(--nn-shadow-soft)}.nn-concern__img{width:100%;height:100%;object-fit:cover;transition:transform .48s var(--nn-ease)}.nn-concern__card:hover .nn-concern__img{transform:scale(1.05)}.nn-concern__media:has(.nn-ph){background:none;box-shadow:none}.nn-concern__body{display:flex;flex-direction:column;gap:.4rem;text-align:center}.nn-concern__title{font-family:var(--nn-font-display);font-size:1.9rem;font-weight:500;line-height:1.25;color:var(--nn-forest-deep)}.nn-concern__card:hover .nn-concern__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.nn-concern__caption{font-family:var(--nn-font-body);font-size:1.3rem;line-height:1.45;color:var(--nn-muted)}.nn-concern__count{font-family:var(--nn-font-body);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--nn-sage)}@media screen and (max-width:749px){.nn-concern__title{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.nn-concern__img,.nn-concern__card:hover .nn-concern__img{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-nn-shop-by-concern.css.map */