.card-look{--card-look-pieces-opacity:0;--card-look-pieces-visibility:hidden;gap:var(--space-300);cursor:pointer;--card-look-controls-opacity:0;flex-direction:column;display:flex;position:relative}@media screen and (width>=64rem){.card-look{--card-look-pieces-opacity:1;--card-look-pieces-visibility:visible;cursor:auto}}@media screen and (width>=64rem) and (hover:hover){.card-look:hover{--card-look-controls-opacity:1}}@media screen and (width>=64rem){.card-look:has(:focus-visible){--card-look-controls-opacity:1}}.card-look__media{border-radius:var(--border-radius-card);aspect-ratio:178/237;position:relative;overflow:hidden}@media screen and (width>=64rem){.card-look__media{aspect-ratio:335/447}}.card-look__media .image,.card-look__media img{object-fit:cover;width:100%;height:100%}.card-look__plus{width:var(--space-600);height:var(--space-600);border-radius:var(--border-radius-control);border:var(--border-width-md) var(--border-style-solid) var(--color-neutral-0-20);background:var(--color-neutral-0-68);color:var(--color-neutral-900);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));opacity:calc(1 - var(--card-look-pieces-opacity));pointer-events:none;transition:opacity var(--animation-micro);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:var(--space-500);inset-inline-start:var(--space-500)}.card-look__plus-icon svg{width:var(--space-300);height:var(--space-300);display:block}.card-look__pieces{z-index:var(--z-raised);inset-block-end:var(--space-500);inset-inline:var(--space-500);justify-content:flex-start;gap:var(--space-50);opacity:var(--card-look-pieces-opacity);visibility:var(--card-look-pieces-visibility);pointer-events:none;transition:opacity var(--animation-micro), visibility var(--animation-micro);list-style:none;display:flex;position:absolute}.card-look__pieces:empty{display:none}@media screen and (width>=64rem){.card-look:has(.card-look__pieces:not(:empty)) .card-look__plus{opacity:0}}.card-look__piece{flex:none}.card-look__piece-link{width:var(--space-1000);height:var(--space-1200);border-radius:var(--radius-2);border:var(--border-width-md) var(--border-style-solid) var(--color-neutral-0);background:var(--color-neutral-0-68);pointer-events:auto;display:block;overflow:hidden}.card-look__piece-link.is-active{border-color:var(--color-neutral-900)}.card-look .carousel-snap{height:100%}.card-look__slide-link{position:absolute;inset:0}.card-look .carousel-snap__nav{display:none}@media screen and (width>=64rem){.card-look .carousel-snap__nav{display:block}}.card-look .carousel-snap__nav-icon,.card-look .carousel-snap__progress{opacity:var(--card-look-controls-opacity);transition:opacity var(--animation-overlay)}.card-look__piece-image,.card-look__piece-link .image{object-fit:cover;width:100%;height:100%}.card-look__caption{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);justify-content:flex-start;gap:var(--space-150);color:var(--color-neutral-900);display:flex}.card-look__link:before{content:"";width:max(100%,24px);height:max(100%,24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-look__link{color:inherit;text-decoration:none;position:relative}.card-look__name{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);font-family:var(--font-sans-serif);font-weight:var(--body-1-font-weight-sans-serif);letter-spacing:var(--body-1-letter-spacing-sans-serif);font-weight:var(--font-weight-medium)}