body.template--client-looks{overflow:hidden;height:100vh;height:100svh;margin:0;overscroll-behavior:none}body.template--client-looks #main{overflow:hidden;height:100vh;height:100svh}.client-looks-section{--cl-cols-desktop: 4;--cl-cols-tablet: 2;--cl-cols-mobile: 2;--cl-gap: clamp(8px, 1vw, 16px);--cl-card-ratio: 3 / 4;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100svh;overflow:hidden;background:#fff;z-index:1;touch-action:none}.client-looks-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cl-cols-desktop),1fr);gap:var(--cl-gap);padding:var(--cl-gap);box-sizing:border-box;overflow:hidden}.client-looks-col{position:relative;overflow:hidden;height:100%;min-width:0}.client-looks-col--tablet,.client-looks-col--mobile{display:none}@media(max-width:1024px){.client-looks-col--desktop{display:none}.client-looks-col--tablet{display:block}}@media(max-width:768px){.client-looks-col--tablet{display:none}.client-looks-col--mobile{display:block}}.client-looks-track{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--cl-gap);will-change:transform}.client-looks-card{display:block;position:relative;width:100%;aspect-ratio:var(--cl-card-ratio);overflow:hidden;padding:0;border:0;-webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none;color:inherit;background:#f4f4f4;transform:translateZ(0);transition:transform .16s ease-out,opacity .2s ease-out;font:inherit;text-align:left;margin:0}.client-looks-card:active{transform:scale(.97)}.client-looks-section.is-grid-receding .client-looks-card{transition:transform var(--cl-tile-transform-ms, .7s) cubic-bezier(.22,1,.36,1),opacity var(--cl-tile-opacity-ms, .55s) cubic-bezier(.22,1,.36,1)}.client-looks-section.is-grid-receding .client-looks-card.is-pushed-away{transform:translate3d(var(--cl-push-x, 0),var(--cl-push-y, 0),0);opacity:.85;pointer-events:none}.client-looks-section.is-grid-receding .client-looks-card.is-expansion-source{opacity:0;pointer-events:none}.client-looks-section.is-grid-receding .client-looks-col{overflow:visible;transition:opacity var(--cl-tile-opacity-ms, .45s) cubic-bezier(.22,1,.36,1)}.client-looks-card__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .25s cubic-bezier(.22,1,.36,1);pointer-events:none}@media(hover:hover)and (pointer:fine){.client-looks-card:hover{opacity:.92}.client-looks-card:hover .client-looks-card__img{transform:scale(1.02)}}.client-looks-empty{grid-column:1 / -1;align-self:center;text-align:center;padding:6rem 2rem;font-family:Roboto,Helvetica,Arial,sans-serif;color:#6b6560}@media(max-width:1024px){.client-looks-grid{grid-template-columns:repeat(var(--cl-cols-tablet),1fr)}}@media(max-width:768px){.client-looks-grid{grid-template-columns:repeat(var(--cl-cols-mobile, 2),1fr)}}@media(prefers-reduced-motion:reduce){body.template--client-looks{overflow:auto;height:auto}body.template--client-looks #main{overflow:visible;height:auto}.client-looks-section{position:relative;inset:auto;width:100%;height:auto;touch-action:auto}.client-looks-grid{grid-template-columns:repeat(2,1fr);height:auto}.client-looks-col--desktop,.client-looks-col--tablet{display:none!important}.client-looks-col--mobile{display:block!important}.client-looks-col{height:auto;overflow:visible}.client-looks-track{position:static;transform:none!important;transition:none!important}.client-looks-track .client-looks-card[aria-hidden=true]{display:none}.client-looks-card,.client-looks-card__img{transition:none!important}}body.client-looks-detail-open{overflow:hidden}body.client-looks-detail-open .client-looks-section{pointer-events:none}body.client-looks-detail-open .client-looks-section{z-index:0}.client-looks-detail{--cl-detail-ink: #1a1a1a;--cl-detail-ink-soft: #6b6560;--cl-detail-brand: #000a46;--cl-detail-line: rgba(0, 0, 0, .08);position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100svh;z-index:1000000;pointer-events:none;font-family:Roboto,Helvetica,Arial,sans-serif;color:var(--cl-detail-ink)}.client-looks-detail:not([hidden]){pointer-events:auto}.client-looks-detail__stage{position:fixed;z-index:1000001;background:#fff;overflow:hidden;transform:none;box-shadow:none;will-change:top,left,width,height;container-type:size}.client-looks-detail__close{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:1000002;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fffffff5;color:var(--cl-detail-brand);cursor:pointer;box-shadow:0 6px 24px #000a461f;opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .24s ease-out,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .2s ease-out}body.client-looks-detail-open .client-looks-detail__close{opacity:1;transform:scale(1);pointer-events:auto;transition-delay:.55s}body.client-looks-detail-open .client-looks-detail__close:active{transform:scale(.92);transition:transform .14s ease-out}@media(hover:hover)and (pointer:fine){body.client-looks-detail-open .client-looks-detail__close:hover{opacity:.85;transition:opacity .16s ease-out}}.client-looks-detail__inner{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;overflow:hidden;transform:none}.client-looks-detail__media{position:relative;flex:1 1 0;width:50%;height:100%;align-self:stretch;background:#f4f4f4;overflow:hidden;min-height:0}.client-looks-detail__hero{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;overflow:hidden}.client-looks-detail__hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.client-looks-detail__panel{flex:1 1 0;width:50%;min-width:0;min-height:0;height:100%;overflow:hidden;overscroll-behavior:contain;box-sizing:border-box;padding:28px 36px 32px;padding-top:max(64px,calc(28px + env(safe-area-inset-top,0px)));container-type:inline-size}.client-looks-detail__panel-inner{display:flex;flex-direction:column;height:100%;min-height:0;gap:0}.client-looks-detail__shop{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px}.client-looks-detail__shop-bar{flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.client-looks-detail__shop-body{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.client-looks-detail__shop-bar,.client-looks-detail__shop .product-grid-item,.client-looks-detail__meta,.client-looks-detail__look-name,.client-looks-detail__quote,.client-looks-detail__description{opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}body.client-looks-detail-open .client-looks-detail__shop-bar,body.client-looks-detail-open .client-looks-detail__shop .product-grid-item,body.client-looks-detail-open .client-looks-detail__meta,body.client-looks-detail-open .client-looks-detail__look-name,body.client-looks-detail-open .client-looks-detail__quote,body.client-looks-detail-open .client-looks-detail__description{opacity:1;transform:none}body.client-looks-detail-open .client-looks-detail__shop-bar{transition-delay:.68s}body.client-looks-detail-open .client-looks-detail__shop .product-grid-item{transition-delay:.74s}body.client-looks-detail-open .client-looks-detail__meta{transition-delay:.9s}body.client-looks-detail-open .client-looks-detail__look-name{transition-delay:.92s}body.client-looks-detail-open .client-looks-detail__quote{transition-delay:.96s}body.client-looks-detail-open .client-looks-detail__description{transition-delay:1s}body.client-looks-detail-closing .client-looks-detail__shop-bar,body.client-looks-detail-closing .client-looks-detail__shop .product-grid-item,body.client-looks-detail-closing .client-looks-detail__meta,body.client-looks-detail-closing .client-looks-detail__look-name,body.client-looks-detail-closing .client-looks-detail__quote,body.client-looks-detail-closing .client-looks-detail__description{opacity:0;transform:translateY(6px);transition:opacity .2s ease-out,transform .2s ease-out;transition-delay:0s}.client-looks-detail__shop-title{margin:0;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:500;line-height:1.15;color:var(--cl-detail-brand)}.client-looks-detail__shop-count{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-detail-ink-soft);white-space:nowrap}.client-looks-detail__meta{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:20px 28px 24px;background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.98) 72%,rgba(255,255,255,.85) 88%,transparent 100%);border-top:none;display:flex;flex-direction:column;gap:10px;max-height:45%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box}.client-looks-detail__look-name{margin:0;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--cl-detail-brand)}.client-looks-detail__quote{margin:0;font-style:italic;color:var(--cl-detail-ink)}.client-looks-detail__quote q{display:block;font-size:1.05rem;line-height:1.55}.client-looks-detail__quote q:before{content:"\201c"}.client-looks-detail__quote q:after{content:"\201d"}.client-looks-detail__description{font-size:1rem;line-height:1.6;color:var(--cl-detail-ink)}.client-looks-detail__description p{margin:0 0 .5em}.client-looks-detail__description p:last-child{margin-bottom:0}.client-looks-detail .client-looks-shop-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;width:100%;box-sizing:border-box}.client-looks-detail .product-grid-item .prod-caption{display:flex;flex-direction:column;gap:4px;padding:0 2px}.client-looks-detail .product-grid-item .product-title{font-size:.92rem;line-height:1.35;color:var(--cl-detail-ink);font-weight:500}.client-looks-detail .product-grid-item .prod-price{font-size:.88rem;color:var(--cl-detail-ink-soft);letter-spacing:.02em}@container (max-width: 560px){.client-looks-detail__panel .client-looks-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@container (max-width: 360px){.client-looks-detail__panel .client-looks-shop-grid{grid-template-columns:1fr;gap:10px}}.client-looks-detail .client-looks-shop-grid .product-grid-item{float:none!important;clear:none!important;width:auto!important;margin:0;position:relative;overflow:hidden;min-width:0}.client-looks-detail .product-grid-item .product-link{display:block}.client-looks-detail .product-grid-item .prod-image-wrap{margin-bottom:10px;position:relative;overflow:hidden;aspect-ratio:3 / 4;background:#f4f4f4}.client-looks-detail .product-grid-item .product-images,.client-looks-detail .product-grid-item .primary-image,.client-looks-detail .product-grid-item .secondary-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.client-looks-detail .product-grid-item .product-images img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.client-looks-detail__empty,.client-looks-detail .product-grid-empty{font-size:.85rem;color:var(--cl-detail-ink-soft);padding:12px;background:#f9f8f6;border-radius:4px;border:1px dashed var(--cl-detail-line)}@media(max-width:768px){.client-looks-detail__stage{container-type:normal;overflow:hidden}.client-looks-detail__inner{flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.client-looks-detail__media{flex:0 0 auto;width:100%;max-width:100%;height:auto;aspect-ratio:var(--cl-media-aspect, var(--cl-card-ratio, 3 / 4))}.client-looks-detail__hero{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.client-looks-detail__meta{padding:16px 16px 18px;max-height:50%}.client-looks-detail__panel{flex:0 0 auto;width:100%;height:auto;overflow:visible;padding:16px 16px max(20px,env(safe-area-inset-bottom,0px));padding-top:20px}.client-looks-detail__panel-inner{height:auto;min-height:0}.client-looks-detail__shop,.client-looks-detail__shop-body{flex:0 0 auto;overflow:visible}.client-looks-detail__shop-bar,.client-looks-detail__shop .product-grid-item,.client-looks-detail__meta,.client-looks-detail__look-name,.client-looks-detail__quote,.client-looks-detail__description{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.client-looks-card,.client-looks-section.is-grid-receding .client-looks-card.is-pushed-away{transition:none!important;transform:none!important;opacity:1!important}.client-looks-section.is-grid-receding .client-looks-card.is-expansion-source{opacity:1}.client-looks-detail__stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border-radius:0!important}.client-looks-detail__shop-bar,.client-looks-detail__shop .product-grid-item,.client-looks-detail__meta,.client-looks-detail__look-name,.client-looks-detail__quote,.client-looks-detail__description{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/client-looks.css.map */