.shop-by-color{background-color:#faf8f2;padding:6rem 0;text-align:center}.shop-by-color__eyebrow{font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#c9a227;margin:0 0 1rem}.shop-by-color__heading{font-family:var(--font-heading-family);font-size:3.2rem;color:#0a0a0a;margin:0 0 4rem}.shop-by-color__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media screen and (min-width:600px){.shop-by-color__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.shop-by-color__grid{grid-template-columns:repeat(5,1fr);gap:1.6rem}}.shop-by-color__tile{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:1.4rem;text-decoration:none;background-color:#fff;transition:transform .25s ease,box-shadow .25s ease}.shop-by-color__tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0a0a0a24}.shop-by-color__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shop-by-color__label-bar{position:absolute;left:0;right:0;bottom:0;padding:.9rem .6rem;background:linear-gradient(0deg,#0a0a0a8c,#0a0a0a00);font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-shop-by-color.css.map */