.ndr-family-grid{--ndr-ink: var(--ndr-color-ink);--ndr-muted: var(--ndr-color-text-secondary);--ndr-blue: var(--ndr-color-accent-signature);--ndr-cream: var(--ndr-color-surface-canvas);background:var(--ndr-color-surface-card);color:var(--ndr-ink);padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(4rem,8vw,7rem)}.ndr-family-grid__shell{margin:0 auto;max-width:1440px;padding:0 clamp(1rem,4vw,4rem)}.ndr-family-grid__breadcrumb{color:var(--ndr-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.45rem;letter-spacing:.08em;margin:0 0 2rem;text-transform:uppercase}.ndr-family-grid__breadcrumb a{color:inherit}.ndr-family-grid__hero{align-items:end;border-bottom:1px solid var(--ndr-color-line);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);padding-bottom:clamp(2rem,4vw,3.5rem)}.ndr-family-grid__eyebrow{color:var(--ndr-color-action);font-size:.78rem;font-weight:700;letter-spacing:.14em;margin:0 0 .8rem;text-transform:uppercase}.ndr-family-grid h1{font-size:clamp(2.5rem,6vw,5.75rem);letter-spacing:-.05em;line-height:.95;margin:0;max-width:900px}.ndr-family-grid__lead{color:var(--ndr-muted);font-size:clamp(1rem,1.6vw,1.24rem);line-height:1.65;margin:1.25rem 0 0;max-width:760px}.ndr-family-grid__mount-note{background:var(--ndr-cream);border-left:5px solid var(--ndr-color-accent-signature);padding:1.15rem 1.25rem}.ndr-family-grid__mount-note strong{display:block;font-size:1.05rem;margin-bottom:.25rem}.ndr-family-grid__mount-note p{color:var(--ndr-color-text-secondary);line-height:1.5;margin:0}.ndr-family-grid__toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:2.5rem 0 1.5rem}.ndr-family-grid__filters{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.55rem;min-width:0}.ndr-family-grid__filters[hidden]{display:none!important}.ndr-family-grid__filters button{background:var(--ndr-color-surface-card);border:1px solid var(--ndr-color-text-secondary);border-radius:999px;color:var(--ndr-ink);cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;padding:.7rem 1rem}.ndr-family-grid__filters button:hover,.ndr-family-grid__filters button.is-active{background:var(--ndr-color-action);border-color:var(--ndr-color-action);color:var(--ndr-color-surface-card)}.ndr-family-grid__primary-filter{display:grid;gap:.55rem}.ndr-family-grid__filter-label{margin:0;color:#5a6d75;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ndr-family-grid__subdivision{margin:-.95rem 0 2rem;padding:1rem;border:1px solid #dce8e7;border-radius:18px;background:#fff;box-shadow:0 12px 26px #0d3d4c0f}.ndr-family-grid__subdivision-options{display:flex;gap:.65rem;margin-top:.7rem;padding:.1rem 0 .35rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.ndr-family-grid__subdivision-option{min-width:205px;min-height:66px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.72rem;padding:.48rem;border:1px solid #cfddde;border-radius:14px;background:#f8fbfb;color:#163640;text-align:left;cursor:pointer}.ndr-family-grid__subdivision-option img{width:48px;height:48px;border:1px solid #d9e3e3;border-radius:10px;object-fit:cover}.ndr-family-grid__subdivision-option span{min-width:0;display:grid;gap:.12rem}.ndr-family-grid__subdivision-option strong{font-size:.86rem;line-height:1.15}.ndr-family-grid__subdivision-option small{color:#687d85;font-size:.75rem}.ndr-family-grid__subdivision-option.is-active{border-color:#0d3d4c;background:#e7f3f1;box-shadow:inset 0 0 0 1px #0d3d4c}.ndr-family-grid__filter-summary{display:none}.ndr-family-grid__subdivision-option:focus-visible,.ndr-family-grid__filter-summary button:focus-visible,.ndr-family-card__series-option:focus-visible{outline:3px solid #d4a63a;outline-offset:3px}.ndr-family-grid__count{color:var(--ndr-muted);font-size:.9rem;white-space:nowrap}.ndr-family-grid__cards{display:grid;gap:clamp(1.1rem,2vw,2rem);grid-template-columns:repeat(3,minmax(0,1fr))}.ndr-family-card{background:var(--ndr-color-surface-card);border:1px solid var(--ndr-color-line);display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s ease,transform .2s ease}.ndr-family-card:hover{box-shadow:0 20px 50px color-mix(in srgb,var(--ndr-color-ink) 12%,transparent);transform:translateY(-3px)}.ndr-family-card--evidence-pending{background:color-mix(in srgb,var(--ndr-color-surface-canvas) 72%,var(--ndr-color-surface-card));border-color:var(--ndr-color-action)}.ndr-family-card--evidence-pending:hover{box-shadow:none;transform:none}.ndr-family-card--evidence-pending .ndr-family-card__cta{color:var(--ndr-color-text-secondary);cursor:not-allowed}.ndr-family-card[hidden]{display:none}.ndr-family-card__media{aspect-ratio:4 / 3;display:block;overflow:hidden;position:relative}.ndr-family-card__media img{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.ndr-family-card:hover .ndr-family-card__media img{transform:scale(1.035)}.ndr-family-card__media>span{background:color-mix(in srgb,var(--ndr-color-ink) 92%,transparent);bottom:.9rem;color:var(--ndr-color-surface-card);font-size:.75rem;font-weight:700;left:.9rem;letter-spacing:.1em;padding:.55rem .7rem;position:absolute;text-transform:uppercase}.ndr-family-card__top-pick{background:var(--ndr-color-action);border-radius:999px;color:var(--ndr-color-surface-card);font-size:.75rem;font-weight:700;left:.9rem;letter-spacing:.08em;line-height:1;max-width:calc(100% - 1.8rem);padding:.42rem .7rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.9rem;white-space:nowrap;z-index:2}.ndr-family-card__body{display:flex;flex:1;flex-direction:column;padding:1.35rem}.ndr-family-card__body>p{color:var(--ndr-color-action);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0 0 .55rem;text-transform:uppercase}.ndr-family-card h2{font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.025em;line-height:1.1;margin:0}.ndr-family-card__meta{color:var(--ndr-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.45rem 1rem;margin:.8rem 0 1rem}.ndr-family-card__colors{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.3rem}.ndr-family-card__color{background:var(--ndr-color-surface-alternate);border-radius:999px;color:var(--ndr-color-text-secondary);font-size:.75rem;padding:.35rem .55rem}.ndr-family-card__swatches{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.3rem;position:relative}.ndr-family-card__swatch{-webkit-appearance:none;appearance:none;background:var(--ndr-color-surface-card);border:1px solid color-mix(in srgb,var(--ndr-color-ink) 20%,transparent);border-radius:50%;box-shadow:0 0 0 2px var(--ndr-color-surface-card);cursor:pointer;display:block;flex:0 0 auto;height:34px;margin:0;overflow:hidden;padding:0;width:34px}.ndr-family-card__swatch:focus-visible{outline:2px solid var(--ndr-color-action);outline-offset:3px}.ndr-family-card__swatch.is-previewed{box-shadow:0 0 0 2px var(--ndr-color-surface-card),0 0 0 3px var(--ndr-color-ink)}.ndr-family-card__swatch img{display:block;height:100%;object-fit:cover;width:100%}.ndr-swatch-preview{background:var(--ndr-color-surface-card);border:1px solid var(--ndr-color-line);box-shadow:0 16px 40px color-mix(in srgb,var(--ndr-color-ink) 18%,transparent);left:0;max-width:100%;opacity:0;padding:.4rem;pointer-events:none;position:absolute;top:0;transform:translateY(calc(-100% - 10px));transition:opacity .15s ease,visibility .15s;visibility:hidden;width:13rem;z-index:6}.ndr-swatch-preview.is-open{opacity:1;visibility:visible}.ndr-family-card__media>span{transition:opacity .15s ease}.ndr-family-card.is-swatch-previewing .ndr-family-card__media>span{opacity:0}.ndr-swatch-preview img{aspect-ratio:3 / 2;background:color-mix(in srgb,var(--ndr-color-ink) 6%,var(--ndr-color-surface-card));display:block;height:auto;object-fit:cover;width:100%}.ndr-swatch-preview span{color:var(--ndr-color-ink);display:block;font-size:.78rem;font-weight:700;line-height:1.3;padding:.45rem .15rem .1rem}.ndr-family-card__series-options{display:grid;gap:.55rem;margin-top:.15rem}.ndr-family-card__series-option{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:.7rem;min-height:62px;padding:.3rem .65rem .3rem .3rem;border:1px solid var(--ndr-color-line);border-radius:12px;background:var(--ndr-color-surface-alternate);color:var(--ndr-color-ink);text-decoration:none}.ndr-family-card__series-option img{width:52px;height:52px;border-radius:9px;object-fit:cover}.ndr-family-card__series-option>span{display:grid;gap:.15rem}.ndr-family-card__series-option small{color:var(--ndr-muted);font-size:.75rem}.ndr-family-card__series-option:hover{border-color:var(--ndr-color-action);background:var(--ndr-color-surface-card)}.ndr-family-card__series-option.is-disabled{cursor:not-allowed;opacity:.62}.ndr-family-card__series-option em{grid-column:1 / -1;color:var(--ndr-muted);font-size:.75rem;font-style:normal;padding:0 .25rem .2rem}.ndr-family-card__cta{border-top:1px solid var(--ndr-color-line);color:var(--ndr-color-action);font-size:.9rem;font-weight:700;margin-top:auto;padding-top:1rem;text-decoration:none}.ndr-family-grid__empty{background:var(--ndr-cream);padding:1.5rem}@media(max-width:980px){.ndr-family-grid__hero{grid-template-columns:1fr}.ndr-family-grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ndr-family-grid{padding-top:1.5rem}.ndr-family-grid__shell{padding-inline:1rem}.ndr-family-grid__toolbar{align-items:flex-start;flex-direction:column}.ndr-family-grid__cards{grid-template-columns:1fr}.ndr-family-grid__filters{flex-wrap:wrap;margin:0;max-width:100%;overflow:visible;padding:0 0 .35rem;width:100%}.ndr-family-grid__filters button{flex:0 0 auto}.ndr-family-grid__subdivision{margin-top:-1rem;padding:.85rem}.ndr-family-grid__subdivision-options{margin-inline:-.1rem;padding-inline:.1rem}.ndr-family-grid__subdivision-option{min-width:min(78vw,265px)}.ndr-family-grid__filter-summary.is-visible{position:sticky;top:72px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:-1rem 0 1.25rem;padding:.7rem .8rem;border:1px solid var(--ndr-color-line);border-radius:12px;background:color-mix(in srgb,var(--ndr-color-surface-card) 95%,transparent);box-shadow:0 9px 24px color-mix(in srgb,var(--ndr-color-ink) 10%,transparent);color:var(--ndr-color-ink);font-size:.78rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ndr-family-grid__filter-summary[hidden]{display:none}.ndr-family-grid__filter-summary button{min-height:44px;padding:.45rem .65rem;border:1px solid var(--ndr-color-action);border-radius:999px;background:var(--ndr-color-surface-card);color:var(--ndr-color-action);font-weight:700}.ndr-family-card__body{padding:1.1rem}}@media(prefers-reduced-motion:reduce){.ndr-swatch-preview,.ndr-family-card__media>span{transition:none}}.ndr-family-grid__toolbar{flex-wrap:wrap}.ndr-family-grid__level-filter{flex:1 1 100%;order:3}.ndr-family-grid__level-description{color:var(--ndr-muted);font-size:.9rem;margin:.1rem 0 0}.ndr-family-grid__level-description[hidden]{display:none}.ndr-family-card__level{border:1px solid currentColor;border-radius:999px;display:inline-block;font-size:.75rem;letter-spacing:.08em;line-height:1;margin-left:.45rem;padding:.26rem .5rem;vertical-align:.08em}.ndr-all-head{background:var(--ndr-color-surface-canvas);border-bottom:1px solid var(--ndr-color-line)}.ndr-all-head__in{margin:0 auto;max-width:1440px;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,4rem) clamp(1.75rem,3vw,2.75rem)}.ndr-all-head__crumb{color:var(--ndr-color-text-secondary);display:block;font-size:.84rem;font-weight:500;line-height:1;margin:0 0 1.3rem}.ndr-all-head__crumb a{color:inherit;text-decoration:none}.ndr-all-head__crumb span{margin:0 .45rem}.ndr-all-head__kicker{color:var(--ndr-color-action);font-size:.76rem;font-weight:700;letter-spacing:.18em;line-height:1;margin:0;text-transform:uppercase}.ndr-all-head__h1{color:var(--ndr-color-ink);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.6rem,4.4vw,4.2rem);font-weight:400;letter-spacing:-.01em;line-height:1;margin:.9rem 0 0}.ndr-all-head__lead{color:var(--ndr-color-text-secondary);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6;margin:1rem 0 0;max-width:34rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/no-drill-family-grid.css.map */