.color-studio[data-astro-cid-oibo5tvc]{--tone-darken:0;--tone-lighten:0;background:linear-gradient(145deg,#efe4d6,#faf6ef 52%,#eadacc);border:1px solid #6f4d3d29;border-radius:clamp(1.25rem,3vw,2.25rem);grid-column:1/-1;margin-top:clamp(3rem,7vw,6rem);padding:clamp(1.1rem,3vw,2.5rem);overflow:hidden;box-shadow:0 1.5rem 4rem #432d221a}.color-studio__header[data-astro-cid-oibo5tvc]{grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:.7rem;margin-bottom:1.5rem;display:grid}.color-studio__header[data-astro-cid-oibo5tvc] .eyebrow[data-astro-cid-oibo5tvc]{grid-column:1/-1}.color-studio__header[data-astro-cid-oibo5tvc] h2[data-astro-cid-oibo5tvc],.color-studio__header[data-astro-cid-oibo5tvc] p[data-astro-cid-oibo5tvc]{margin:0}.color-studio__header[data-astro-cid-oibo5tvc] h2[data-astro-cid-oibo5tvc]{max-width:13ch;font-size:clamp(2.15rem,4.8vw,4.8rem);line-height:.95}.color-studio__header[data-astro-cid-oibo5tvc] p[data-astro-cid-oibo5tvc]{align-self:end;max-width:38rem;font-size:.86rem}.color-studio__experience[data-astro-cid-oibo5tvc],.color-studio__previews[data-astro-cid-oibo5tvc]{gap:1rem;display:grid}.color-studio--paired[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(2,minmax(0,1fr))}.color-studio__preview[data-astro-cid-oibo5tvc]{aspect-ratio:4/3;isolation:isolate;background:#e8ddd2;border-radius:clamp(.9rem,2vw,1.6rem);margin:0;position:relative;overflow:hidden}.color-studio__preview[data-astro-cid-oibo5tvc]>img[data-astro-cid-oibo5tvc],.color-studio__preview[data-astro-cid-oibo5tvc]>span[data-astro-cid-oibo5tvc]{width:100%;height:100%;position:absolute;inset:0}.color-studio__preview[data-astro-cid-oibo5tvc]>img[data-astro-cid-oibo5tvc]{object-fit:cover;object-position:var(--preview-position)}.color-studio__preview[data-astro-cid-oibo5tvc]>[data-astro-cid-oibo5tvc]:is(.color-studio__tint,.color-studio__lighten,.color-studio__darken){-webkit-mask-image:var(--product-mask);-webkit-mask-position:var(--preview-position);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;mask-image:var(--product-mask);mask-position:var(--preview-position);pointer-events:none;mask-size:cover;mask-repeat:no-repeat}.color-studio__tint[data-astro-cid-oibo5tvc]{background:var(--selected-color);mix-blend-mode:color;opacity:.98}.color-studio__lighten[data-astro-cid-oibo5tvc]{mix-blend-mode:screen;opacity:var(--tone-lighten);background:#fff}.color-studio__darken[data-astro-cid-oibo5tvc]{mix-blend-mode:multiply;opacity:var(--tone-darken);background:#171311}.color-studio__product-label[data-astro-cid-oibo5tvc]{backdrop-filter:blur(10px);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:2;background:#28231fc2;border-radius:999px;padding:.42rem .7rem;font-size:.58rem;font-weight:780;width:auto!important;height:auto!important;inset:.8rem auto auto .8rem!important}.color-studio__badge[data-astro-cid-oibo5tvc]{backdrop-filter:blur(12px);z-index:2;background:#fffdf9e6;border-radius:999px;align-items:center;gap:.6rem;padding:.48rem .85rem .48rem .48rem;display:flex;position:absolute;bottom:.8rem;left:.8rem;box-shadow:0 .7rem 1.8rem #32211924}.color-studio__badge-number[data-astro-cid-oibo5tvc]{background:var(--selected-color);color:#fff;text-shadow:0 1px 2px #00000073;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.05rem;height:2.05rem;font-size:.62rem;font-weight:800;display:flex}.color-studio__badge[data-astro-cid-oibo5tvc] small[data-astro-cid-oibo5tvc],.color-studio__badge[data-astro-cid-oibo5tvc] strong[data-astro-cid-oibo5tvc]{display:block}.color-studio__badge[data-astro-cid-oibo5tvc] small[data-astro-cid-oibo5tvc]{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.46rem}.color-studio__badge[data-astro-cid-oibo5tvc] strong[data-astro-cid-oibo5tvc]{color:var(--color-ink);font-size:.78rem}.color-studio__controls[data-astro-cid-oibo5tvc]{gap:.6rem;display:grid}.color-studio__readout[data-astro-cid-oibo5tvc]{color:var(--color-brown);align-items:baseline;gap:.5rem;display:flex}.color-studio__readout[data-astro-cid-oibo5tvc] span[data-astro-cid-oibo5tvc]{font-family:var(--font-serif);font-size:1.35rem}.color-studio__readout[data-astro-cid-oibo5tvc] strong[data-astro-cid-oibo5tvc]{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.color-studio__rail[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(var(--option-count), minmax(1.65rem, 1fr));background:#fffdf9bf;border:1px solid #5b3d2f2b;border-radius:.9rem;padding:.3rem;display:grid;overflow:hidden}.color-studio__swatch[data-astro-cid-oibo5tvc]{appearance:none;background:var(--swatch);cursor:pointer;border:0;min-width:0;height:clamp(2.45rem,4vw,3.35rem);margin:0;padding:0;position:relative}.color-studio__swatch[data-astro-cid-oibo5tvc]:first-child{border-radius:.58rem 0 0 .58rem}.color-studio__swatch[data-astro-cid-oibo5tvc]:last-child{border-radius:0 .58rem .58rem 0}.color-studio__swatch[data-astro-cid-oibo5tvc]:is(:hover,:focus-visible,[aria-selected=true]){box-shadow:inset 0 0 0 3px #fff, 0 0 0 2px var(--color-ink);z-index:2;outline:0}.color-studio__note[data-astro-cid-oibo5tvc]{color:var(--color-muted);border-top:1px solid #5b3d2f24;margin:1rem 0 0;padding-top:.8rem;font-size:.63rem}.color-studio--compact[data-astro-cid-oibo5tvc]{box-shadow:none;border-radius:0;margin:0;padding:.85rem}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__header[data-astro-cid-oibo5tvc]{margin-bottom:.75rem;display:block}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__header[data-astro-cid-oibo5tvc] .eyebrow[data-astro-cid-oibo5tvc]{margin-bottom:.25rem;display:block}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__header[data-astro-cid-oibo5tvc] h2[data-astro-cid-oibo5tvc]{font-family:var(--font-sans);max-width:none;font-size:1rem;font-weight:760;line-height:1.2}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__header[data-astro-cid-oibo5tvc] p[data-astro-cid-oibo5tvc]{margin-top:.25rem;font-size:.65rem}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]{aspect-ratio:4/5;border-radius:.65rem}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__rail[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(5,1fr);overflow:visible}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__swatch[data-astro-cid-oibo5tvc]{height:2.1rem}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__swatch[data-astro-cid-oibo5tvc]:first-child,.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__swatch[data-astro-cid-oibo5tvc]:last-child{border-radius:0}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__note[data-astro-cid-oibo5tvc]{font-size:.55rem}@media (width<=760px){.color-studio[data-astro-cid-oibo5tvc]{margin-inline:0;padding:1rem}.color-studio__header[data-astro-cid-oibo5tvc]{display:block}.color-studio__header[data-astro-cid-oibo5tvc] .eyebrow[data-astro-cid-oibo5tvc]{margin-bottom:.55rem;display:block}.color-studio__header[data-astro-cid-oibo5tvc] h2[data-astro-cid-oibo5tvc]{margin-bottom:.7rem;font-size:clamp(2rem,11vw,3.3rem)}.color-studio__header[data-astro-cid-oibo5tvc] p[data-astro-cid-oibo5tvc]{font-size:.76rem}.color-studio__preview[data-astro-cid-oibo5tvc]{aspect-ratio:4/5}.color-studio__rail[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(5,1fr);overflow:visible}.color-studio__swatch[data-astro-cid-oibo5tvc]{height:2.35rem}.color-studio__swatch[data-astro-cid-oibo5tvc]:first-child,.color-studio__swatch[data-astro-cid-oibo5tvc]:last-child{border-radius:0}.color-studio--compact[data-astro-cid-oibo5tvc] .color-studio__header[data-astro-cid-oibo5tvc] h2[data-astro-cid-oibo5tvc]{font-size:1rem}.color-studio--paired[data-astro-cid-oibo5tvc]{padding:.65rem}.color-studio--paired[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{gap:.55rem}.color-studio--paired[data-astro-cid-oibo5tvc] .color-studio__product-label[data-astro-cid-oibo5tvc]{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - .9rem);padding:.34rem .48rem;overflow:hidden;inset:.45rem auto auto .45rem!important}.color-studio--paired[data-astro-cid-oibo5tvc] .color-studio__badge[data-astro-cid-oibo5tvc]{padding:.35rem;bottom:.45rem;left:.45rem}.color-studio--paired[data-astro-cid-oibo5tvc] .color-studio__badge[data-astro-cid-oibo5tvc]>span[data-astro-cid-oibo5tvc]:last-child{display:none}}