.k-finish-studio{position:relative;--fs-tint: #c9cfd3;--fs-rough: 0;--fs-tint-a: 1}.k-finish-studio__stage{display:none}html.k-js:not(.k-reduced) .k-finish-studio:not([data-motion=off]) .k-finish-studio__stage{display:grid}html.k-js:not(.k-reduced) .k-finish-studio:not([data-motion=off]) .k-finish-studio__static{display:none}.k-finish-studio__vase{position:relative;display:block;isolation:isolate}.k-finish-studio__base{position:relative;display:block;width:100%;height:auto;filter:brightness(.84) contrast(calc(1.08 - var(--fs-rough) * 1.1)) blur(calc(var(--fs-rough) * 1.4px))}.k-finish-studio__tint,.k-finish-studio__spec,.k-finish-studio__sheen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.k-finish-studio__tint,.k-finish-studio__sheen{-webkit-mask:var(--fs-mask) center / contain no-repeat;mask:var(--fs-mask) center / contain no-repeat;background:var(--fs-tint)}.k-finish-studio__tint--hue{mix-blend-mode:color;opacity:var(--fs-tint-a)}.k-finish-studio__tint--depth{mix-blend-mode:multiply;opacity:calc(var(--fs-tint-a) * var(--fs-depth, .62 + var(--fs-rough) * .8))}.k-finish-studio__patina{position:absolute;inset:0;-webkit-mask:var(--fs-mask) center / contain no-repeat;mask:var(--fs-mask) center / contain no-repeat;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.2 0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 320px 320px;mix-blend-mode:multiply;opacity:calc(var(--fs-tint-a) * (var(--fs-rough) - .2) * 2.2);pointer-events:none}.k-finish-studio__spec{object-fit:contain;mix-blend-mode:screen;filter:grayscale(1) brightness(.55) contrast(3) blur(calc(var(--fs-rough) * 2px));opacity:calc(var(--fs-tint-a) * (.95 - var(--fs-rough) * 1.9))}.k-finish-studio__sheen{overflow:hidden;background:none;mix-blend-mode:soft-light;opacity:max(var(--fs-sheen, 0),var(--fs-hover, 0))}.k-finish-studio__band{position:absolute;top:-10%;bottom:-10%;left:0;width:60%;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.9) 50%,transparent 85%);transform:translate(calc(-110% + var(--fs-sweep, 0) * 290%)) skew(-14deg)}.k-finish-studio__vase--flat .k-finish-studio__tint,.k-finish-studio__vase--flat .k-finish-studio__spec,.k-finish-studio__vase--flat .k-finish-studio__sheen,.k-finish-studio__vase--flat .k-finish-studio__patina{display:none}.k-finish-studio__stage{--fs-bg: var(--k-bg);--fs-info-w: clamp(15rem, 22vw, 20rem);--fs-glow: rgba(255, 255, 255, .55);position:relative;z-index:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;height:100vh;height:100svh;min-height:600px;padding:clamp(28px,5vh,56px) var(--k-gutter) clamp(20px,3.5vh,40px);overflow:hidden;background-color:var(--fs-bg);color:var(--k-ink);transition:color .35s var(--k-ease-out)}.k-finish-studio__ground{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 60% at 50% 46%,transparent 40%,rgba(0,0,0,.07) 100%);pointer-events:none}.k-finish-studio__figure{position:absolute;left:50%;top:45%;z-index:1;height:min(72svh,calc((100vw - 2 * var(--k-gutter) - 2 * var(--fs-info-w) - 64px) * var(--fs-ar, 1.47)));margin:0;transform:translate(-50%,-50%)}.k-finish-studio__figure .k-finish-studio__vase{height:100%}.k-finish-studio__figure .k-finish-studio__base{width:auto;height:100%}.k-finish-studio__glow{position:absolute;left:50%;top:48%;z-index:-1;width:190%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--fs-glow),transparent 72%);transform:translate(-50%,-50%);pointer-events:none}.k-finish-studio__floor{position:absolute;left:50%;bottom:-1.5%;z-index:-1;width:92%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,206,.22),rgba(255,236,206,.06) 55%,transparent);transform:translate(-50%);pointer-events:none}.k-finish-studio__head,.k-finish-studio__rail,.k-finish-studio__info,.k-finish-studio__title{position:relative;z-index:2}.k-finish-studio__head{grid-area:1 / 1 / 2 / 2;display:grid;gap:14px;align-content:start}.k-finish-studio__eyebrow{color:var(--k-muted);transition:color .35s var(--k-ease-out)}.k-finish-studio__heading{max-width:11ch;font-family:var(--k-font-display);font-size:var(--k-step-3);line-height:.95;letter-spacing:-.01em}.k-finish-studio__heading em{font-style:italic}.k-finish-studio__rail{grid-area:2 / 1 / 3 / 2;align-self:center;justify-self:start;display:grid;gap:clamp(16px,2.6vh,26px)}.k-finish-studio__family{display:grid;gap:10px}.k-finish-studio__family-name{color:var(--k-muted);transition:color .35s var(--k-ease-out)}.k-finish-studio__swatches{display:flex;flex-wrap:wrap;gap:8px;max-width:17rem;margin:0;padding:0;list-style:none}.k-finish-studio__swatch{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;color:var(--k-ink)}.k-finish-studio__stage.k-dark .k-finish-studio__swatch{color:var(--k-light)}.k-finish-studio__dot{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffffe6,#fff0 38%),radial-gradient(circle at 70% 80%,#ffffff40,#fff0 30%),linear-gradient(150deg,color-mix(in srgb,var(--fs-tint) 65%,#fff) 0%,var(--fs-tint) 45%,color-mix(in srgb,var(--fs-tint) 50%,#000) 100%);box-shadow:inset 0 0 0 1px #00000029,0 2px 6px #0000001f;transition:transform .45s var(--k-ease-out)}.k-finish-studio__swatch:after{content:"";position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;opacity:0;transform:scale(.7);transition:opacity .35s var(--k-ease-out),transform .45s var(--k-ease-out)}.k-finish-studio__swatch:hover .k-finish-studio__dot{transform:scale(1.12)}.k-finish-studio__swatch.is-active:after{opacity:.85;transform:scale(1)}.k-finish-studio__swatch.is-active .k-finish-studio__dot{transform:scale(.86)}.k-finish-studio__swatch-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.k-finish-studio__swatch:focus-visible{outline-offset:3px}.k-finish-studio__hint{color:var(--k-muted);opacity:.8}.k-finish-studio__hint-touch{display:none}@media not all and (hover:hover)and (pointer:fine){.k-finish-studio__hint-fine{display:none}.k-finish-studio__hint-touch{display:inline}}.k-finish-studio__figure{touch-action:pan-y;cursor:grab}.k-finish-studio__info{grid-area:2 / 2 / 3 / 3;align-self:center;justify-self:end;display:grid;gap:18px;width:var(--fs-info-w)}.k-finish-studio__stack{display:grid}.k-finish-studio__stack>*,.k-finish-studio__names>*{grid-area:1 / 1}.k-finish-studio__stack>:not(.is-active),.k-finish-studio__names>:not(.is-active){visibility:hidden;opacity:0}.k-finish-studio__desc{color:var(--k-muted);font-size:.9375rem;line-height:1.55;transition:color .35s var(--k-ease-out)}.k-finish-studio__price p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.k-finish-studio__amount{font-family:var(--k-font-display);font-size:var(--k-step-2);line-height:1}.k-finish-studio__variant{color:var(--k-muted);font-size:var(--k-step--1);transition:color .35s var(--k-ease-out)}.k-finish-studio__form{margin:0}.k-finish-studio__add{width:100%}.k-finish-studio__form--stage .k-finish-studio__add{padding-inline:1em;letter-spacing:.14em;line-height:1.35}.k-finish-studio__add[aria-busy=true]{opacity:.6;pointer-events:none}.k-finish-studio__view{justify-self:start;font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;padding-bottom:4px;transition:background-size .45s var(--k-ease-out)}.k-finish-studio__view:hover{background-size:0 1px;background-position:right bottom}.k-finish-studio__title{grid-area:3 / 1 / 4 / 3;display:grid;gap:4px}.k-finish-studio__meta{color:var(--k-muted);transition:color .35s var(--k-ease-out)}.k-finish-studio__sep{display:inline-block;width:2.5em;height:1px;margin:0 1.1em;vertical-align:middle;background:currentColor;opacity:.6}.k-finish-studio__names{display:grid;overflow:hidden;margin:-.08em 0 -.16em;padding:.08em 0 .16em;font-family:var(--k-font-display);font-size:min(var(--k-step-5),19svh);line-height:.9;letter-spacing:-.015em}.k-finish-studio__name{white-space:nowrap}@media(max-width:899.98px){html.k-js:not(.k-reduced) .k-finish-studio:not([data-motion=off]) .k-finish-studio__stage{display:flex}.k-finish-studio__stage{flex-direction:column;height:auto;min-height:0;padding:clamp(48px,10vw,80px) 0 clamp(48px,10vw,80px)}.k-finish-studio__ground{display:none}.k-finish-studio__head{order:0;padding-inline:var(--k-gutter);margin-bottom:8px}.k-finish-studio__figure{order:1;position:relative;top:auto;left:auto;z-index:0;display:flex;justify-content:center;align-items:center;height:42svh;max-height:460px;padding-block:2svh 2.5svh;transform:none;overflow:hidden}.k-finish-studio__figure .k-finish-studio__vase{height:100%}.k-finish-studio__glow{width:120%;top:50%}.k-finish-studio__floor{bottom:1svh;width:38%;height:4%}.k-finish-studio__title,.k-finish-studio__rail,.k-finish-studio__info{z-index:1;background-color:inherit}.k-finish-studio__title{order:2;padding:4px var(--k-gutter) 0}.k-finish-studio__names{font-size:var(--k-step-3)}.k-finish-studio__rail{order:3;align-self:stretch;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px var(--k-gutter) 22px}.k-finish-studio__family{grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:0 8px}.k-finish-studio__swatches{gap:2px;max-width:none}.k-finish-studio__swatch{width:40px;height:40px}.k-finish-studio__dot{width:26px;height:26px}.k-finish-studio__hint{margin-top:8px}.k-finish-studio__info{order:4;width:auto;justify-self:stretch;padding-inline:var(--k-gutter)}}.k-finish-studio__static{padding-block:clamp(72px,11vw,160px)}.k-finish-studio__static-head{display:grid;gap:14px;margin-bottom:clamp(32px,5vw,64px)}.k-finish-studio__static-head .k-finish-studio__heading{max-width:22ch}.k-finish-studio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:clamp(10px,1.4vw,20px);margin:0;padding:0;list-style:none}.k-finish-studio__tile{display:flex;flex-direction:column;background:#e4e0da;background:color-mix(in srgb,var(--fs-tint) 10%,var(--k-bg));border-radius:var(--k-radius)}.k-finish-studio__tile-media{display:flex;justify-content:center;padding:14% 24% 8%}.k-finish-studio__tile-media .k-finish-studio__vase{width:100%}.k-finish-studio__tile-body{display:grid;flex:1;align-content:start;gap:10px;padding:16px 18px 20px}.k-finish-studio__tile-family{color:var(--k-muted)}.k-finish-studio__tile-name{font-family:var(--k-font-display);font-size:var(--k-step-2);line-height:1}.k-finish-studio__tile-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.k-finish-studio__tile-price .k-finish-studio__amount{font-size:var(--k-step-1)}.k-finish-studio__tile .k-finish-studio__form{margin-top:4px}.k-finish-studio__empty{padding-block:clamp(72px,11vw,160px)}@media(max-width:599.98px){.k-finish-studio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-finish-studio__tile-body{padding:12px 12px 14px}.k-finish-studio__tile .k-btn{padding-inline:.6em;letter-spacing:.12em}}@media(min-width:900px)and (max-height:760px){.k-finish-studio__swatch{width:32px;height:32px}.k-finish-studio__dot{width:22px;height:22px}.k-finish-studio__heading{font-size:var(--k-step-2)}}.k-finish-studio__stage:not(.k-dark){--k-muted: #5c5852}.k-finish-studio__stage.k-dark{color:var(--k-light)}.k-finish-studio__figure:has(.k-finish-studio__vase--flat) .k-finish-studio__floor,.k-finish-studio__figure:has(.k-finish-studio__vase--flat) .k-finish-studio__glow{display:none}.k-finish-studio__3d{position:absolute;top:-14%;bottom:-10%;left:50%;z-index:2;aspect-ratio:3 / 4;transform:translate(-50%);opacity:0;transition:opacity .8s var(--k-ease-out)}.k-finish-studio__3d canvas{display:block;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}.k-finish-studio__stage.is-3d .k-finish-studio__3d{opacity:1}.k-finish-studio__stage.is-3d .k-finish-studio__vase,.k-finish-studio__stage.is-3d .k-finish-studio__floor{visibility:hidden}
