.looks{display:block}.looks__head{justify-items:start;gap:1.5rem;max-width:44rem;margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.looks__head>*{margin:0}.looks__grid{columns:3 18rem;column-gap:clamp(1rem,2vw,1.75rem)}.looks[data-layout=scroll] .looks__grid{columns:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(16rem,28%);grid-auto-flow:column;gap:clamp(1rem,2vw,1.75rem);padding-bottom:1rem;display:grid;overflow-x:auto}.look{break-inside:avoid;scroll-snap-align:start;gap:.9rem;margin:0 0 clamp(1.5rem,3vw,2.5rem);display:grid}.look__frame{position:relative}.look:has(.look__hotspot[aria-expanded=true]){z-index:6;position:relative}.look__card:focus{outline:none}.look__media{aspect-ratio:4/5;border-radius:var(--radius-card);display:block}.look--1 .look__media{aspect-ratio:1}.look--2 .look__media{aspect-ratio:5/6}.look__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.look__media:after{content:"";z-index:1;border:1px solid rgb(var(--c-bone-rgb) / .5);pointer-events:none;position:absolute;inset:.75rem}.look__spot{left:var(--x);top:var(--y);z-index:4;transition:opacity .8s var(--ease-out) 1.3s, visibility 0s linear 1.3s;position:absolute}html.motion-ok.js .look[data-reveal]:not(.is-revealed) .look__spot{opacity:0;visibility:hidden;transition:none}html.motion-ok.js:not(.motion-ready) .look__spot{animation:.6s 4s forwards motion-failsafe}.look__hotspot{border-radius:50%;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;display:block;position:relative}.look__hotspot:before{content:"";background:var(--c-mark);width:.8rem;height:.8rem;box-shadow:0 0 0 1px rgb(var(--c-bone-rgb) / .9), 0 2px 10px rgb(var(--c-ink-rgb) / .35);transition:rotate .6s var(--ease-out), scale .6s var(--ease-out);border-radius:1px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:4deg}.look__hotspot:after{content:"";border:1px solid rgb(var(--c-bone-rgb) / .8);animation:look-ripple 3s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:.55rem}.look__hotspot:hover:before,.look__hotspot[aria-expanded=true]:before{rotate:45deg;scale:1.2}.look__hotspot:focus-visible{outline:1px solid var(--c-bone);outline-offset:2px;box-shadow:0 0 0 4px rgb(var(--c-ink-rgb) / .85)}@keyframes look-ripple{0%{opacity:.9;transform:scale(.6)}75%,to{opacity:0;transform:scale(1.8)}}.look__card{z-index:5;border:1px solid rgb(var(--c-ink-rgb) / .16);border-radius:var(--radius-card);background:var(--c-bone);width:min(19rem,70vw);color:var(--c-bone-text);box-shadow:0 18px 36px -22px rgb(var(--c-ink-rgb) / .55);transform-origin:0 1.5rem;grid-template-columns:4.25rem 1fr;gap:.9rem;padding:.75rem;display:grid;position:absolute;top:-1.5rem;left:1.5rem}.look__card:before{content:"";border:1px solid rgb(var(--c-ink-rgb) / .08);pointer-events:none;position:absolute;inset:.3rem}.look__card[hidden]{display:none}.look__spot--left .look__card{transform-origin:100% 1.5rem;left:auto;right:1.5rem}.look__spot--up .look__card{top:auto;bottom:-1.5rem}.look__card-media{aspect-ratio:1;border-radius:var(--radius-card)}.look__card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.look__card-info{align-content:start;justify-items:start;gap:.4rem;display:grid;position:relative}.look__card-info p{margin:0}.look__card-title{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:1.1875rem;line-height:1.15}.look__card-price{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.75rem}.look__card-cta.button{min-height:2.5rem;margin-top:.25rem;padding-inline:1rem;font-size:.6875rem}.look__caption{opacity:.85;max-width:24rem;margin:0;font-size:.9375rem}.look__strip{display:none}@media (max-width:749px){.look__spot{display:none}.look__strip{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none;display:grid}.look__strip-item{border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:2.75rem;padding:.35rem .25rem;font-size:.875rem;display:grid}.look__strip-dot{background:var(--c-mark);border-radius:1px;width:.5rem;height:.5rem;rotate:4deg}.look__strip-price{font-family:var(--font-mono);font-size:.8125rem}.looks[data-layout=scroll] .looks__grid{grid-auto-columns:78%}}@media (prefers-reduced-motion:reduce){.look__hotspot:after{opacity:0;animation:none}}