.shop-by-look{background:#fff;color:#2b2c2d}.shop-by-look__inner{max-width:1200px}.shop-by-look__header{text-align:left;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #2b2c2d}.shop-by-look__eyebrow{display:block;font-family:Futura,Jost,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#b7aca2;margin-bottom:.35rem}.shop-by-look__heading{font-family:DM Sans,sans-serif;font-size:28px;font-weight:300;letter-spacing:.06em;text-transform:none;color:#2b2c2d;line-height:1.3;margin:0;-webkit-font-smoothing:antialiased}.shop-by-look__subheading{font-family:var(--font-body-family, "Futura", sans-serif);font-size:.85rem;color:#2b2c2d73;margin:.4rem 0 0;line-height:1.4}.shop-by-look__grid{display:grid;gap:6px}.shop-by-look__grid--2-col{grid-template-columns:repeat(2,1fr)}.shop-by-look__grid--3-col{grid-template-columns:repeat(3,1fr)}.shop-by-look__grid--4-col{grid-template-columns:repeat(4,1fr)}.shop-by-look__grid--5-col{grid-template-columns:repeat(5,1fr)}.shop-by-look__card{display:block;position:relative;aspect-ratio:3 / 4;overflow:hidden;text-decoration:none;color:inherit;background:#e8e4e0;border-radius:4px;cursor:pointer;transition:box-shadow .4s ease-out}.shop-by-look__card:hover{box-shadow:0 4px 20px #0000001f}.shop-by-look__card-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.shop-by-look__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease-out;transform-origin:center center;will-change:transform}.shop-by-look__card:hover .shop-by-look__card-img{transform:scale(1.06)}.shop-by-look__card-placeholder{width:100%;height:100%;background:#e8e4e0}.shop-by-look__card-overlay{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;padding:.65rem .85rem;background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:4px;pointer-events:none;z-index:2}.shop-by-look__card-title{color:#2b2c2d;font-family:DM Sans,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;letter-spacing:.06em;text-transform:none;margin:0;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shop-by-look__card-subtitle{display:block;color:#2b2c2d99;font-family:Futura,Jost,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.08em;margin-top:.15rem}.shop-by-look__card--see-all{background:#000;grid-column:1 / -1;aspect-ratio:auto;padding:1rem 0;border-radius:4px;transition:background .3s ease}.shop-by-look__card--see-all:hover{background:#1a1a1a}.shop-by-look__see-all-mosaic{display:none}.shop-by-look__see-all-overlay{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.shop-by-look__see-all-label{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.06em;color:#fff;-webkit-font-smoothing:antialiased}.shop-by-look__see-all-arrow{color:#b7aca2;width:22px;height:22px;transition:transform .3s ease}.shop-by-look__card--see-all:hover .shop-by-look__see-all-arrow{transform:translate(4px)}@media screen and (min-width: 750px) and (max-width: 1199px){.shop-by-look__grid--4-col,.shop-by-look__grid--5-col{grid-template-columns:repeat(2,1fr)}.shop-by-look__card{aspect-ratio:4 / 3}}@media screen and (max-width: 749px){.shop-by-look__grid{grid-template-columns:repeat(2,1fr)!important;gap:4px}.shop-by-look__header{margin-bottom:1.25rem}.shop-by-look__card{aspect-ratio:3 / 4}.shop-by-look__card-overlay{bottom:.5rem;left:.5rem;right:.5rem;padding:.5rem .65rem}.shop-by-look__card-title{font-size:1rem}.shop-by-look__card--see-all{aspect-ratio:auto;padding:.75rem 0}.shop-by-look__card-subtitle{font-size:.62rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-shop-by-look.css.map */