.color-studio[data-astro-cid-oibo5tvc]{--tone-darken:0;--tone-lighten:0;--tone-tint:.96;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]{gap:1rem;display:grid}.color-studio__stage[data-astro-cid-oibo5tvc]{min-width:0;position:relative}.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--gallery[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(10rem,16vw,18rem)}.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]{aspect-ratio:auto;grid-column:span 6}.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:first-child{grid-area:span 2/span 7}.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(2),.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(3){grid-column:span 5}.color-studio[data-astro-cid-oibo5tvc][data-preview-count="4"] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(4){grid-column:1/-1}.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{aspect-ratio:3/4;grid-auto-rows:unset;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;gap:0;display:flex;overflow-x:auto}.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]::-webkit-scrollbar{display:none}.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc],.color-studio--compact[data-astro-cid-oibo5tvc].color-studio--carousel .color-studio__preview[data-astro-cid-oibo5tvc],.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:first-child,.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(n){aspect-ratio:auto;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-area:auto;height:100%}.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:var(--tone-tint)}.color-studio__lighten[data-astro-cid-oibo5tvc]{background:var(--selected-color);mix-blend-mode:screen;opacity:var(--tone-lighten)}.color-studio__darken[data-astro-cid-oibo5tvc]{background:var(--selected-color);mix-blend-mode:multiply;opacity:var(--tone-darken)}.color-studio__preview[data-astro-cid-oibo5tvc][data-mask-ready=false]>[data-astro-cid-oibo5tvc]:is(.color-studio__tint,.color-studio__lighten,.color-studio__darken){opacity:0}.color-studio[data-astro-cid-oibo5tvc][data-exact-reference=true].color-studio--carousel .color-studio__previews[data-astro-cid-oibo5tvc]{aspect-ratio:3/4}.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;border-radius:999px;min-width:0;height:clamp(2.45rem,4vw,3.35rem);margin:0;padding:0;position:relative}.color-studio__swatch-code[data-astro-cid-oibo5tvc]{color:var(--swatch-ink);letter-spacing:.04em;font-size:.57rem;font-weight:800;display:none}.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--full-palette[data-astro-cid-oibo5tvc] .color-studio__rail[data-astro-cid-oibo5tvc]{background:0 0;border:0;grid-template-columns:repeat(9,minmax(2.4rem,1fr));gap:.42rem;padding:.15rem;overflow:visible}.color-studio--full-palette[data-astro-cid-oibo5tvc] .color-studio__swatch[data-astro-cid-oibo5tvc]{border:1px solid #2d241f2e;border-radius:999px;justify-content:center;align-items:center;display:flex;box-shadow:0 .35rem .8rem #2d221c14}.color-studio--full-palette[data-astro-cid-oibo5tvc] .color-studio__swatch-code[data-astro-cid-oibo5tvc]{display:inline}.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__note[data-astro-cid-oibo5tvc] a[data-astro-cid-oibo5tvc]{color:var(--color-ink);text-underline-offset:.18rem;font-weight:760}.color-studio__note[data-astro-cid-oibo5tvc] a[data-astro-cid-oibo5tvc]:hover{color:var(--color-brand-red)}.color-studio__carousel-nav[data-astro-cid-oibo5tvc]{z-index:4;background:#fffdf9f7;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem;display:flex;position:absolute;bottom:.8rem;right:.8rem;box-shadow:0 .7rem 2rem #32211929}.color-studio__carousel-nav[data-astro-cid-oibo5tvc] button[data-astro-cid-oibo5tvc]{appearance:none;background:var(--color-ink);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;font-size:.9rem;display:flex}.color-studio__carousel-nav[data-astro-cid-oibo5tvc] button[data-astro-cid-oibo5tvc]:is(:hover,:focus-visible){background:var(--color-brand-red);outline-offset:2px;outline:2px solid #fff}.color-studio__carousel-nav[data-astro-cid-oibo5tvc]>span[data-astro-cid-oibo5tvc]{color:var(--color-muted);letter-spacing:.08em;text-align:center;min-width:3.6rem;font-size:.58rem}.color-studio__carousel-nav[data-astro-cid-oibo5tvc] strong[data-astro-cid-oibo5tvc]{color:var(--color-ink)}.color-studio__swipe-hint[data-astro-cid-oibo5tvc]{color:var(--color-muted);margin:-.35rem 0 0;font-size:.58rem}.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--gallery .color-studio__preview[data-astro-cid-oibo5tvc]{aspect-ratio:auto}.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__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--gallery[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc],.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(2),.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(3){aspect-ratio:4/5;grid-area:auto/span 1}.color-studio--gallery[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:first-child{aspect-ratio:16/10;grid-area:auto/1/auto/-1}.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__previews[data-astro-cid-oibo5tvc]{grid-template-columns:none;gap:0;display:flex}.color-studio--full-palette[data-astro-cid-oibo5tvc] .color-studio__rail[data-astro-cid-oibo5tvc]{grid-template-columns:repeat(6,minmax(2.35rem,1fr));gap:.36rem}.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc],.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:first-child,.color-studio--carousel[data-astro-cid-oibo5tvc] .color-studio__preview[data-astro-cid-oibo5tvc]:nth-child(n){aspect-ratio:auto;flex-basis:100%;grid-area:auto;height:100%}.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--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}}
