.knoxone-kitchen .knox-finish-story{--finish-ink: #2c2825;--finish-muted: #6d665f;--finish-line: #d2cdc3;--finish-accent: #e7c48d;--finish-top: 144px;--finish-step: 432px;display:block;scroll-margin-top:160px;overflow-anchor:none}.knoxone-kitchen .knox-finish-story__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__heading{position:static;margin-bottom:32px;padding-block:0}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__heading:before{display:none}.knoxone-kitchen .knox-finish-story__eyebrow{margin:0 0 12px;color:var(--finish-muted);font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.knoxone-kitchen .knox-finish-story__hint{max-width:29ch;color:var(--finish-muted);font-size:13px;line-height:1.6;text-wrap:pretty}.knoxone-kitchen .knox-finish-story__tap-hint{display:none}.knoxone-kitchen .knox-finish-story__layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:clamp(28px,4vw,88px);align-items:start}.knoxone-kitchen .knox-finish-story__pin{position:sticky;top:var(--finish-top);min-width:0;align-self:start}.knoxone-kitchen .knox-finish-story__figure{margin:0}.knoxone-kitchen .knox-finish-story__viewport{position:relative;width:100%;aspect-ratio:8 / 5;overflow:hidden;isolation:isolate;border-radius:8px;background:#302b25}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__viewport{height:var(--finish-photo-height, auto);width:min(100%,var(--finish-photo-width, 100%));margin-inline:auto}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) :is(.knox-finish-story__figure,.knox-finish-story__selector,.knox-finish-story__legend){width:min(100%,var(--finish-photo-width, 100%));margin-inline:auto}.knoxone-kitchen .knox-finish-story__camera{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;transform-origin:0 0}.knoxone-kitchen .knox-finish-story__camera img{width:100%;height:100%;object-fit:contain;border-radius:0;transition:none;pointer-events:none;-webkit-user-select:none;user-select:none}.knoxone-kitchen .knox-finish-story.is-in-view:not(.is-reduced) .knox-finish-story__camera{will-change:transform}.knoxone-kitchen .knox-finish-story__target{display:none;position:absolute;top:50%;left:50%;z-index:2;width:40px;height:40px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#221d18a8;color:#fff;font-size:11px;line-height:1;font-weight:600;box-shadow:0 0 0 9px #e7c48d42,0 2px 16px #0003;transform:translate(-50%,-50%);pointer-events:none}.knoxone-kitchen .knox-finish-story.is-interactive .knox-finish-story__target{display:flex}.knoxone-kitchen .knox-finish-story__photo-label{display:none;position:absolute;bottom:20px;left:20px;z-index:2;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:#1c1814db;color:#fff;font-size:13px;line-height:1.35;pointer-events:none}.knoxone-kitchen .knox-finish-story.is-interactive .knox-finish-story__photo-label{display:flex}.knoxone-kitchen .knox-finish-story__photo-dot{width:6px;height:6px;border-radius:50%;background:var(--finish-accent)}.knoxone-kitchen .knox-finish-story__caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding-top:12px;color:var(--finish-muted);font-size:11px;line-height:1.5}.knoxone-kitchen .knox-finish-story__caption span{color:#8b837a}.knoxone-kitchen .knox-finish-story__selector:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px;padding:5px;border:1px solid var(--finish-line);border-radius:9px}.knoxone-kitchen .knox-finish-story__choice{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:var(--finish-ink);font:inherit;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,color .16s ease}.knoxone-kitchen .knox-finish-story__choice[aria-pressed=true]{background:#2c2825;color:#fff}.knoxone-kitchen .knox-finish-story__choice:hover:not([aria-pressed=true]){background:#eae6de}.knoxone-kitchen .knox-finish-story__choice:focus-visible{outline:2px solid var(--finish-ink);outline-offset:2px}.knoxone-kitchen .knox-finish-story__swatch{flex:0 0 14px;width:14px;height:14px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.knoxone-kitchen .knox-finish-story__swatch--rosso{background:#884c46}.knoxone-kitchen .knox-finish-story__swatch--basalt{background:#474846}.knoxone-kitchen .knox-finish-story__swatch--walnut{background:#976e45}.knoxone-kitchen .knox-finish-story__short-name{display:none}.knoxone-kitchen .knox-finish-story__legend{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:var(--finish-muted);font-size:11px;line-height:1.5}.knoxone-kitchen .knox-finish-story__legend [data-finish-count]{font-variant-numeric:tabular-nums}.knoxone-kitchen .knox-finish-story__steps{min-width:0}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__steps{padding-top:var(--finish-start-space, 0px);padding-bottom:var(--finish-end-space, 80px)}.knoxone-kitchen .knox-finish-story__step{display:flex;align-items:center;min-height:var(--finish-step);scroll-margin-top:160px}.knoxone-kitchen .knox-finish-story__card{width:100%;padding:24px 0}.knoxone-kitchen .knox-finish-story__step-number{margin-bottom:18px;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}.knoxone-kitchen .knox-finish-story__step-number span{margin-left:12px;color:var(--finish-muted);font-size:11px}.knoxone-kitchen .knox-finish-story__product{display:flex;align-items:center;gap:clamp(18px,2vw,32px)}.knoxone-kitchen .knox-finish-story__sample{display:block;flex:0 0 136px;width:136px;height:136px;overflow:hidden;border:1px solid rgba(44,40,37,.12);border-radius:6px;background:#e8e4dc}.knoxone-kitchen .knox-finish-story__sample img{width:100%;height:100%;object-fit:cover;transition:none}.knoxone-kitchen .knox-finish-story__name-group{min-width:0}.knoxone-kitchen .knox-finish-story__brand{margin-bottom:8px;color:var(--finish-muted);font-size:11px;line-height:1.5}.knoxone-kitchen .knox-finish-story__name{font-size:clamp(25px,1.9vw,40px);font-weight:500;line-height:1.12;text-wrap:balance}.knoxone-kitchen .knox-finish-story__collection{margin-top:12px;color:var(--finish-muted);font-size:13px;line-height:1.5}.knoxone-kitchen .knox-finish-story__description{max-width:45ch;margin-top:20px;font-size:16px;line-height:1.65;text-wrap:pretty}.knoxone-kitchen .knox-finish-story__details{margin:20px 0 0}.knoxone-kitchen .knox-finish-story__details div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px}.knoxone-kitchen .knox-finish-story__details dt{color:var(--finish-muted);font-size:12px;line-height:1.6}.knoxone-kitchen .knox-finish-story__details dd{margin:0;font-size:13px;line-height:1.6}.knoxone-kitchen .knox-finish-story__link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;margin-top:20px;padding-block:12px;border-block-end:1px solid var(--finish-line);color:var(--finish-ink);font-size:14px;line-height:1.5;text-decoration:none}.knoxone-kitchen .knox-finish-story__link span{flex-shrink:0;font-size:20px}.knoxone-kitchen .knox-finish-story__link:hover{border-color:var(--finish-ink)}.knoxone-kitchen .knox-finish-story__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.knoxone-kitchen .knox-finish-story [hidden]{display:none!important}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__pin{position:static}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__step{min-height:0}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__scroll-hint{display:none}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__tap-hint{display:inline}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__viewport{touch-action:pan-y pinch-zoom}@media(min-width:750px)and (max-width:1199px){.knoxone-kitchen .knox-finish-story__layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:28px}.knoxone-kitchen .knox-finish-story__sample{flex-basis:112px;width:112px;height:112px}.knoxone-kitchen .knox-finish-story__choice{padding-inline:8px;font-size:11px;gap:6px}.knoxone-kitchen .knox-finish-story__full-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.knoxone-kitchen .knox-finish-story__short-name{display:inline}}@media(max-width:749px){.knoxone-kitchen .knox-finish-story__heading{display:block;margin-bottom:24px}.knoxone-kitchen .knox-finish-story__hint{max-width:none;margin-top:12px;font-size:12px}.knoxone-kitchen .knox-finish-story__layout{grid-template-columns:minmax(0,1fr);gap:24px}.knoxone-kitchen .knox-finish-story__pin{position:static}.knoxone-kitchen .knox-finish-story__viewport{aspect-ratio:4 / 3}.knoxone-kitchen .knox-finish-story__caption{font-size:10px}.knoxone-kitchen .knox-finish-story__caption span{display:none}.knoxone-kitchen .knox-finish-story__selector:not([hidden]){margin-top:16px}.knoxone-kitchen .knox-finish-story__choice{padding:10px 12px;font-size:12px}.knoxone-kitchen .knox-finish-story__full-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.knoxone-kitchen .knox-finish-story__short-name{display:inline}.knoxone-kitchen .knox-finish-story__legend{font-size:10px}.knoxone-kitchen .knox-finish-story__card{padding:24px 0 8px}.knoxone-kitchen .knox-finish-story__step{min-height:0}.knoxone-kitchen .knox-finish-story__step-number{margin-bottom:18px}.knoxone-kitchen .knox-finish-story__sample{flex-basis:96px;width:96px;height:96px}.knoxone-kitchen .knox-finish-story__name{font-size:clamp(25px,6.5vw,30px)}.knoxone-kitchen .knox-finish-story__description{margin-top:20px;font-size:14px}.knoxone-kitchen .knox-finish-story__details{margin-top:18px}.knoxone-kitchen .knox-finish-story__details div{grid-template-columns:96px minmax(0,1fr);gap:12px}.knoxone-kitchen .knox-finish-story__link{margin-top:18px}.knoxone-kitchen .knox-finish-story__photo-label{left:16px;bottom:16px;padding:8px 12px;font-size:12px}.knoxone-kitchen .knox-finish-story__target{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.knoxone-kitchen .knox-finish-story__choice{transition:none}.knoxone-kitchen .knox-finish-story__camera{will-change:auto!important}}@media(max-width:359px){.knoxone-kitchen .knox-finish-story__choice{padding-inline:8px;gap:6px;font-size:11px}.knoxone-kitchen .knox-finish-story__swatch{flex-basis:12px;width:12px;height:12px}}@media print{.knoxone-kitchen .knox-finish-story__pin{position:static}.knoxone-kitchen .knox-finish-story__layout{display:block}.knoxone-kitchen .knox-finish-story__step[hidden]{display:block!important}.knoxone-kitchen .knox-finish-story__step{min-height:0;break-inside:avoid}.knoxone-kitchen .knox-finish-story__selector{display:none!important}}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__selector:not([hidden]){grid-template-columns:repeat(5,minmax(0,1fr))}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__choice{padding-inline:6px}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__choice .knox-finish-story__full-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__short-name{display:inline}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__sample{flex-basis:clamp(164px,15vw,220px);width:clamp(164px,15vw,220px);height:auto;aspect-ratio:1304 / 720;background:#fff}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__sample img{object-fit:contain}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__photo-copy{display:flex;flex-direction:column;gap:3px}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__photo-location{color:#e4d5bf;font-size:11px;line-height:1.4}.knoxone-kitchen .knox-finish-story__target[data-concealed]{border-style:dashed;background:#221d18cc}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__leader{position:absolute;z-index:2;height:1px;background:#fff;box-shadow:0 1px 3px #0000008c;transform-origin:0 50%;pointer-events:none;opacity:0}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__target[data-combined]{width:80px;height:40px;border-radius:22px}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__pair{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__pair span{display:flex;align-items:center;justify-content:center;width:50%;height:100%;border-radius:18px}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__pair span.is-active{background:#fff;color:var(--finish-ink)}@media(max-width:749px){.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__sample{flex-basis:clamp(120px,34vw,148px);width:clamp(120px,34vw,148px)}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__choice{padding-inline:4px;font-size:11px}.knoxone-kitchen .knox-finish-story--systems .knox-finish-story__photo-location{font-size:10px}}@media print{.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__heading{position:static}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__steps{padding-block:0}}.knoxone-kitchen__storage-story-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,80px)}.knoxone-kitchen__storage-story-intro .knoxone-kitchen__title{margin-top:16px}.knoxone-kitchen__storage-story-intro .knoxone-kitchen__storage-copy{margin-top:0}.knoxone-kitchen .knox-finish-story--storage.is-interactive:not(.is-compact) .knox-finish-story__heading{position:static;padding-block:0;margin-bottom:32px;border:0;background:transparent}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__heading:before{display:none}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__selector:not([hidden]){grid-template-columns:repeat(4,minmax(0,1fr))}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__viewport{aspect-ratio:3 / 2}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__sample{flex-basis:clamp(128px,12vw,160px);width:clamp(128px,12vw,160px);height:auto;aspect-ratio:1820 / 2160;background:#f1efeb}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__sample img{object-fit:contain}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__photo-copy{display:flex;flex-direction:column;gap:3px}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__photo-location{color:#e4d5bf;font-size:11px;line-height:1.4}@media(max-width:999px){.knoxone-kitchen__storage-story-intro{grid-template-columns:minmax(0,1fr)}}@media(max-width:749px){.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__sample{flex-basis:104px;width:104px}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__choice{padding-inline:6px;font-size:11px}.knoxone-kitchen .knox-finish-story--storage .knox-finish-story__photo-location{font-size:10px}}.knoxone-kitchen .knox-finish-story__target{top:0;left:0;opacity:0;transition:opacity .18s ease}.knoxone-kitchen .knox-finish-story__photo-label{opacity:0;transition:opacity .22s ease}.knoxone-kitchen .knox-finish-story.is-focused .knox-finish-story__photo-label{opacity:1}.knoxone-kitchen .knox-finish-story__leader{top:0;left:0;transition:opacity .18s ease}.knoxone-kitchen .knox-finish-story__full-view{position:absolute;z-index:3;top:16px;right:16px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.4);border-radius:24px;background:#1c1814d9;color:#fff;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}.knoxone-kitchen .knox-finish-story__full-view[aria-pressed=true]{background:#fff;color:var(--finish-ink)}.knoxone-kitchen .knox-finish-story__full-view:focus-visible{outline:2px solid #fff;outline-offset:3px}.knoxone-kitchen .knox-finish-story__overview{min-height:180px;padding-block:24px}.knoxone-kitchen .knox-finish-story__overview-title{font-size:24px;line-height:1.3}.knoxone-kitchen .knox-finish-story__overview .knox-finish-story__description{margin-top:12px}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__overview{min-height:0;padding-block:12px}.knoxone-kitchen .knox-finish-story.is-reduced :is(.knox-finish-story__target,.knox-finish-story__photo-label,.knox-finish-story__leader){transition:none}.knoxone-kitchen .knox-finish-story.is-compact .knox-finish-story__viewport{aspect-ratio:var(--finish-image-ratio, 4 / 3)}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__layout{min-height:var(--finish-journey-height, 2400px)}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__steps{position:sticky;top:var(--finish-top);display:grid;align-items:center;height:var(--finish-panel-height, 720px);padding-block:0}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) :is(.knox-finish-story__step,.knox-finish-story__overview){grid-area:1 / 1;width:100%;min-height:0;align-self:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:none}.knoxone-kitchen .knox-finish-story.is-interactive.has-story-frame:not(.is-compact) :is(.knox-finish-story__step,.knox-finish-story__overview){transition:opacity .1s ease,transform .18s ease,visibility 0s .18s}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__step.is-active,.knoxone-kitchen .knox-finish-story.is-interactive.is-overview:not(.is-compact) .knox-finish-story__overview{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-duration:.18s,.2s,0s;transition-delay:0s}.knoxone-kitchen .knox-finish-story.is-interactive :is(.knox-finish-story__target,.knox-finish-story__leader,.knox-finish-story__photo-label){transition:none}@media(prefers-reduced-motion:reduce){.knoxone-kitchen .knox-finish-story.is-interactive.has-story-frame:not(.is-compact) :is(.knox-finish-story__step,.knox-finish-story__overview){transition:none;transform:none}}@media print{.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__layout{min-height:0}.knoxone-kitchen .knox-finish-story.is-interactive:not(.is-compact) .knox-finish-story__steps{position:static;display:block;height:auto}.knoxone-kitchen .knox-finish-story.is-interactive .knox-finish-story__step{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/knox-arden-finish-story.css.map */