.swatches-section{padding-block:clamp(48px,7vw,96px);background:var(--bg);color:var(--ink)}.swatches-section--grey{background:var(--section-grey)}.swatches-section--dark{background:var(--ink);color:#fff}.swatches__head{max-width:640px;margin:0 auto clamp(28px,4vw,48px);text-align:center}.swatches-eyebrow{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}.swatches-section--dark .swatches-eyebrow{color:#ffffffa6}.swatches-heading{margin:0 0 12px;font-family:var(--brand-font);font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.15}.swatches-lead{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.6}.swatches-section--dark .swatches-lead{color:#ffffffbf}.swatches-lead p{margin:0}.swatches__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--swatch-min, 140px),1fr));gap:var(--swatch-gap, 12px)}@media(max-width:600px){.swatches__grid{grid-template-columns:repeat(3,1fr)}}.swatch{margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}.swatch__btn{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--swatch-radius, 8px);overflow:hidden;background:none;cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}.swatches-section--dark .swatch__btn{border-color:#ffffff26}.swatch__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.swatch__btn:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.swatch__img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.swatch__img--placeholder{border:1px solid var(--line);border-radius:var(--swatch-radius, 8px);background:var(--hover)}.swatch__img--placeholder svg{width:100%;height:100%;opacity:.4}.swatch__name{text-align:center;font-size:.85rem;color:var(--ink-soft);letter-spacing:.02em}.swatches-section--dark .swatch__name{color:#ffffffb3}.swatch-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000db;animation:swatch-fade .2s ease}.swatch-lightbox[hidden]{display:none}@keyframes swatch-fade{0%{opacity:0}to{opacity:1}}.swatch-lightbox__figure{margin:0;max-width:min(90vw,800px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:14px}.swatch-lightbox__img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:6px}.swatch-lightbox__caption{color:#fff;font-size:1rem;letter-spacing:.04em}.swatch-lightbox__caption[hidden]{display:none}.swatch-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease}.swatch-lightbox__close:hover{background:#ffffff3d}.swatch-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-color-swatches.css.map */