.ml-looks{background:#fff7ed;color:#304b7b;padding:60px 24px}.ml-looks__inner{max-width:1160px;margin:auto}.ml-looks__heading{text-align:center;margin:0 auto 24px;max-width:760px}.ml-looks__eyebrow,.ml-looks__number,.ml-looks__list-label{font-family:var(--font-body--family);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.ml-looks__eyebrow{margin:0 0 10px;color:#a65864}.ml-looks h2{font-family:var(--font-heading--family);font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:normal;margin:0 0 14px;color:inherit}.ml-looks__intro{font-size:16px;line-height:1.65;margin:0}.ml-looks__intro p{margin:0}.ml-looks__intro a{color:inherit;text-decoration:underline;text-underline-offset:3px}.ml-looks__experience{--card-width: clamp(260px,27vw,320px);display:block}.ml-looks__invitation{text-align:center;font-size:13px;letter-spacing:.04em;margin:0 0 18px;color:#78696c}.ml-looks__deck{display:flex;justify-content:center;gap:28px}.ml-looks__card{width:var(--card-width);flex:none;display:block;padding:10px;border:1px solid #304b7b20;border-radius:18px;background:#fffdfa;color:#304b7b;text-align:left;cursor:pointer;box-shadow:0 8px 24px #493a2d14;font:inherit}.ml-looks__visual{display:block;overflow:hidden;border-radius:10px;aspect-ratio:9/16}.ml-looks__image,.ml-looks__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ml-looks__card-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 5px 5px;font-size:15px;font-weight:600;line-height:1.4}.ml-looks__card-arrow{font-size:22px;font-weight:400}.ml-looks__reset{display:none;padding:10px 0;margin:0 0 22px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ml-looks__details{padding:24px 0}.ml-looks__panel{min-width:0}.ml-looks__panel[hidden]{display:none}.ml-looks__number{color:#a65864;margin:0 0 12px}.ml-looks h3{font-family:var(--font-heading--family);font-size:clamp(26px,2.4vw,36px);line-height:1.2;letter-spacing:normal;margin:0 0 14px;color:inherit}.ml-looks__description{font-size:15px;line-height:1.65;margin:0 0 24px}.ml-looks__list-label{margin:0 0 8px;letter-spacing:.08em;font-size:11px}.ml-looks__products{list-style:none;padding:0;margin:0}.ml-looks__products li{border-top:1px solid #304b7b24;margin:0}.ml-looks__product{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;color:inherit;border-radius:3px}.ml-looks__thumb{width:50px;height:58px;flex:0 0 50px;object-fit:contain;background:#fff;border-radius:6px}.ml-looks__product-copy{display:grid;gap:5px;flex:1;min-width:0}.ml-looks__product-title{font-size:13px;line-height:1.45;font-weight:500}.ml-looks__price{font-size:13px;line-height:1.4}.ml-looks__sold-out{font-size:11px;color:#6d6f78}.ml-looks__arrow{font-size:20px;flex:none;padding:0 4px}.ml-looks :is(button,a):focus-visible{outline:3px solid #304b7b;outline-offset:5px}.ml-looks__experience.is-ready{position:relative;min-height:calc(var(--card-width)*16/9 + 120px)}.is-ready .ml-looks__deck{position:relative;width:100%;height:calc(var(--card-width)*16/9 + 100px);transition:width .65s cubic-bezier(.22,.7,.2,1)}.is-ready .ml-looks__card{--tilt: -4deg;--lift: 0px;--scale: 1;position:absolute;top:14px;left:calc(50% - var(--card-width) - 22px);z-index:1;transform:translateY(var(--lift)) rotate(var(--tilt)) scale(var(--scale));transform-origin:50% 75%;transition:left .65s cubic-bezier(.22,.7,.2,1),top .65s cubic-bezier(.22,.7,.2,1),transform .45s cubic-bezier(.22,.7,.2,1),box-shadow .35s}.is-ready .ml-looks__card:nth-child(2){--tilt: 4deg;left:calc(50% + 22px)}.is-ready .ml-looks__card:nth-child(3){--tilt: 8deg;left:calc(50% + 70px);top:40px}.is-ready[data-count="1"] .ml-looks__card{left:calc(50% - var(--card-width)/2);--tilt: 0deg}.is-ready[data-state=choosing] .ml-looks__details{display:none}.is-ready[data-state=selected] .ml-looks__invitation{visibility:hidden}.is-ready[data-state=selected]{min-height:max(calc(var(--card-width)*16/9 + 120px),calc(var(--details-height,0px) + 30px))}.is-ready[data-state=selected] .ml-looks__deck{width:50%}.is-ready[data-state=selected] .ml-looks__card{left:calc(50% - var(--card-width)/2 + 35px);top:55px;--tilt: 8deg;--scale: .96}.is-ready[data-state=selected] .ml-looks__card.is-selected{left:calc(50% - var(--card-width)/2 - 28px);top:8px;--tilt: -3deg;--scale: 1;z-index:3;box-shadow:0 20px 40px #493a2d25}.is-ready[data-state=selected] .ml-looks__details{position:absolute;top:22px;left:54%;width:46%;padding:0}.is-ready[data-state=selected] .ml-looks__reset{display:inline-block}@media(hover:hover){.is-ready .ml-looks__card:hover{--lift: -14px;--scale: 1.025;z-index:4;box-shadow:0 22px 42px #493a2d2b}.is-ready[data-state=choosing] .ml-looks__card:hover{--tilt: 0deg}.is-ready[data-state=selected] .ml-looks__card:not(.is-selected):hover{z-index:2;--lift: -7px;--scale: .98}.ml-looks__product:hover .ml-looks__product-title{text-decoration:underline;text-underline-offset:4px}}@media(max-width:749px){.ml-looks{padding:36px 18px}.ml-looks__intro{font-size:14px}.ml-looks__experience{--card-width: min(37vw,230px)}.is-ready .ml-looks__deck{height:calc(var(--card-width)*16/9 + 105px)}.ml-looks__card{padding:6px;border-radius:13px}.ml-looks__visual{border-radius:8px}.ml-looks__card-caption{padding:10px 3px 4px;font-size:12px}.is-ready .ml-looks__card{left:calc(50% - var(--card-width) - 9px)}.is-ready .ml-looks__card:nth-child(2){left:calc(50% + 9px)}.is-ready[data-state=selected]{--card-width: min(58vw,280px)}.is-ready[data-state=selected] .ml-looks__deck{width:100%;height:calc(var(--card-width)*16/9 + 110px)}.is-ready[data-state=selected] .ml-looks__card{left:calc(50% - var(--card-width)/2 + 24px)}.is-ready[data-state=selected] .ml-looks__card.is-selected{left:calc(50% - var(--card-width)/2 - 22px)}.is-ready[data-state=selected] .ml-looks__details{position:static;width:100%;max-width:480px;margin:auto;padding:12px 0 0}.ml-looks__reset{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.ml-looks__experience *,.ml-looks__experience *:before{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ml-look-cards.css.map */