.k-shoppable-scene{--ss-ar: 1.7778;--ss-fx: .5;--ss-card-w: 330px;padding-block:clamp(56px,8vw,120px)}.k-shoppable-scene__inner{display:grid;gap:clamp(24px,3.4vw,44px)}.k-shoppable-scene__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px;align-items:end}.k-shoppable-scene__eyebrow{grid-column:1 / -1;color:var(--k-muted)}.k-shoppable-scene__title{grid-column:1 / 8;font-family:var(--k-font-display);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.92;letter-spacing:-.015em}.k-shoppable-scene__title em{font-style:italic}.k-shoppable-scene__caption{grid-column:9 / 13;max-width:34ch;padding-bottom:.35em;color:var(--k-muted);line-height:1.5}.k-shoppable-scene__stage{position:relative;aspect-ratio:var(--ss-ar)}.k-shoppable-scene__canvas{position:absolute;inset:0}.k-shoppable-scene__media{position:absolute;inset:0;overflow:hidden;border-radius:var(--k-radius);background:#d9d5ce}.k-shoppable-scene__img{width:100%;height:100%;object-fit:cover;transform-origin:50% 55%}.k-shoppable-scene__placeholder{fill:#14141433}.k-shoppable-scene__dot{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%}.k-shoppable-scene__dot:before{content:"";position:absolute;width:16px;height:16px;border:1px solid rgba(244,241,236,.95);border-radius:50%;animation:k-shoppable-scene-pulse 2.8s var(--k-ease-out) infinite;pointer-events:none}.k-shoppable-scene__dot-core{position:relative;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,var(--k-ink) 0 2.5px,var(--k-light) 3px);box-shadow:0 0 0 1px #1414142e,0 4px 14px #00000047;transition:transform .5s var(--k-ease-out)}.k-shoppable-scene__dot:hover .k-shoppable-scene__dot-core,.k-shoppable-scene__dot.is-hinted .k-shoppable-scene__dot-core,.k-shoppable-scene__dot[aria-expanded=true] .k-shoppable-scene__dot-core{transform:scale(1.4)}.k-shoppable-scene__dot:focus-visible{outline:none}.k-shoppable-scene__dot:focus-visible .k-shoppable-scene__dot-core{outline:1px solid var(--k-light);outline-offset:4px}@keyframes k-shoppable-scene-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.k-shoppable-scene[data-motion=off] .k-shoppable-scene__dot:before{animation:none;opacity:0}html:not(.k-js) .k-shoppable-scene__dot{display:none}.k-shoppable-scene__card,.k-shoppable-scene__sheet-body{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px 16px;align-items:start;color:var(--k-ink)}.k-shoppable-scene__card{position:absolute;top:0;left:0;z-index:3;width:var(--ss-card-w);max-width:calc(100% - 24px);padding:16px;border-radius:var(--k-radius);background:var(--k-bg);box-shadow:0 30px 60px -28px #00000080,0 0 0 1px #1414140f;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s var(--k-ease-out),transform .45s var(--k-ease-out),visibility 0s linear .45s}.k-shoppable-scene__card.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--k-ease-out),transform .45s var(--k-ease-out),visibility 0s}.k-shoppable-scene[data-motion=off] .k-shoppable-scene__card{transition:none}.k-shoppable-scene__card-media{display:block;aspect-ratio:800 / 966;overflow:hidden;border-radius:var(--k-radius);background:#e8e6e3}.k-shoppable-scene__card-media img{width:100%;height:100%;object-fit:cover}.k-shoppable-scene__card-body{display:grid;gap:6px;align-content:start;padding-top:2px}.k-shoppable-scene__card-note,.k-shoppable-scene__card-meta{color:var(--k-muted)}.k-shoppable-scene__card-title{font-family:var(--k-font-display);font-size:1.625rem;line-height:1}.k-shoppable-scene__card-title a{text-decoration:none}.k-shoppable-scene__card-title a:hover{text-decoration:underline;text-decoration-thickness:1px}.k-shoppable-scene__card-price{font-size:.9375rem;font-variant-numeric:tabular-nums}.k-shoppable-scene__card-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.k-shoppable-scene__card-actions .k-btn{padding-inline:1em;white-space:nowrap}.k-shoppable-scene__card-add{background:var(--k-ink);border-color:var(--k-ink);color:var(--k-ink-inv)}.k-shoppable-scene__card-add:hover{background:transparent;color:var(--k-ink)}.k-shoppable-scene__card-variant{grid-column:1 / -1;margin-top:-4px;font-size:.75rem;color:var(--k-muted)}.k-shoppable-scene__list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:12px;padding-top:18px;border-top:1px solid var(--k-line)}.k-shoppable-scene__list-heading{grid-column:1 / 5;padding-top:6px;color:var(--k-muted)}.k-shoppable-scene__items{grid-column:7 / 13;display:grid;margin:0;padding:0;list-style:none}.k-shoppable-scene__items li+li{border-top:1px solid var(--k-line)}.k-shoppable-scene__item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:18px;min-height:56px;padding-block:8px;text-decoration:none}.k-shoppable-scene__item-thumb{display:block;aspect-ratio:800 / 966;overflow:hidden;border-radius:var(--k-radius);background:#e4e1dc}.k-shoppable-scene__item-thumb img{width:100%;height:100%;object-fit:cover}.k-shoppable-scene__item-title{font-family:var(--k-font-display);font-size:var(--k-step-1);line-height:1.1}.k-shoppable-scene__item-price{color:var(--k-muted);font-variant-numeric:tabular-nums}.k-shoppable-scene__item-arrow{transition:transform .5s var(--k-ease-out)}.k-shoppable-scene__item:hover .k-shoppable-scene__item-arrow,.k-shoppable-scene__item:focus-visible .k-shoppable-scene__item-arrow{transform:translate(4px)}.k-shoppable-scene__sheet{position:fixed;inset:0;z-index:950}.k-shoppable-scene__sheet[hidden]{display:none}.k-shoppable-scene__sheet-backdrop{position:absolute;inset:0;background:#11111073;opacity:0;transition:opacity .5s var(--k-ease-out)}.k-shoppable-scene__sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:85vh;max-height:85svh;overflow-y:auto;overscroll-behavior:contain;padding:10px var(--k-gutter) calc(20px + env(safe-area-inset-bottom,0px));border-radius:var(--k-radius) var(--k-radius) 0 0;background:var(--k-bg);color:var(--k-ink);transform:translateY(100%);transition:transform .6s var(--k-ease-in-out)}.k-shoppable-scene__sheet.is-open .k-shoppable-scene__sheet-backdrop{opacity:1}.k-shoppable-scene__sheet.is-open .k-shoppable-scene__sheet-panel{transform:translateY(0)}.k-shoppable-scene__sheet.is-dragging .k-shoppable-scene__sheet-panel{transition:none}.k-shoppable-scene__sheet-panel:focus{outline:none}.k-shoppable-scene__sheet-handle{display:block;width:36px;height:3px;margin:0 auto 14px;border-radius:2px;background:var(--k-line)}.k-shoppable-scene__sheet-close{position:absolute;top:4px;right:calc(var(--k-gutter) - 12px);display:grid;place-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1}.k-shoppable-scene__sheet-body{grid-template-columns:112px minmax(0,1fr);padding-top:8px}.k-shoppable-scene__sheet-body .k-shoppable-scene__card-body{padding-right:32px}.k-shoppable-scene__sheet-body .k-shoppable-scene__card-actions .k-btn{min-height:48px}@media(max-width:989px){.k-shoppable-scene__title,.k-shoppable-scene__caption{grid-column:1 / 10}.k-shoppable-scene__list-heading,.k-shoppable-scene__items{grid-column:1 / -1}}@media(max-width:749px){.k-shoppable-scene__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.k-shoppable-scene__title{font-size:clamp(2.25rem,10.5vw,3rem)}.k-shoppable-scene__stage{aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--k-radius)}.k-shoppable-scene__canvas{--ss-cw: calc(100% * 1.25 * var(--ss-ar));inset:0 auto 0 clamp(calc(100% - var(--ss-cw)),calc(50% - var(--ss-cw) * var(--ss-fx)),0%);width:var(--ss-cw)}.k-shoppable-scene__media{border-radius:0}.k-shoppable-scene__card{display:none}.k-shoppable-scene__list{display:block;padding-top:14px}.k-shoppable-scene__list-heading{margin-bottom:6px}.k-shoppable-scene__item{grid-template-columns:52px minmax(0,1fr) auto;gap:14px;min-height:64px}.k-shoppable-scene__item-price{grid-column:2;grid-row:2;margin-top:-8px}.k-shoppable-scene__item-thumb{grid-row:1 / span 2}.k-shoppable-scene__item-title{align-self:end}.k-shoppable-scene__item-arrow{grid-column:3;grid-row:1 / span 2}}@media(min-width:990px){.k-shoppable-scene--portrait .k-shoppable-scene__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head stage" "list stage";grid-template-rows:auto 1fr;column-gap:clamp(40px,6vw,110px);align-items:start}.k-shoppable-scene--portrait.k-shoppable-scene--image-left .k-shoppable-scene__inner{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"stage head" "stage list"}.k-shoppable-scene--portrait .k-shoppable-scene__head{grid-area:head;grid-template-columns:minmax(0,1fr);align-self:end;padding-top:clamp(24px,8vh,96px)}.k-shoppable-scene--portrait .k-shoppable-scene__title,.k-shoppable-scene--portrait .k-shoppable-scene__caption{grid-column:1 / -1}.k-shoppable-scene--portrait .k-shoppable-scene__stage{grid-area:stage;width:min(46vw,calc(86vh * var(--ss-ar)),760px)}.k-shoppable-scene--portrait .k-shoppable-scene__list{grid-area:list}}
