.nm-page{color:#282130;padding:110px 28px 0}.nm-page-back,.nuance-matrix,.nm-faq{width:100%;max-width:1560px;margin:0 auto}.nm-page-back{margin-bottom:20px}.nm-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 24px;display:flex}.nm-kicker{font:600 10px/1.4 var(--font-sg),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#715081;margin:0 0 9px}.nm-heading h1{font:500 clamp(30px,3.4vw,48px)/1.05 var(--font-pf),serif;letter-spacing:-.025em;margin:0}.nm-heading h1 em{color:#785187;font-weight:400}#nm-title{scroll-margin-top:120px}.nm-disclosure{max-width:340px;font:400 11px/1.5 var(--font-inter),sans-serif;color:#655969;margin:0}.nm-disclosure strong{text-transform:uppercase;letter-spacing:.09em;color:#70517e;margin-bottom:4px;font-size:10px;display:block}.nm-family-links{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.nm-family-links a{border:1px solid #75677c26;border-bottom:3px solid var(--nm-accent);font:500 10px/1.2 var(--font-sg),sans-serif;color:#504456;background:#faf7f1d9;border-radius:6px;align-items:center;gap:15px;padding:8px 11px;text-decoration:none;display:flex}.nm-family-links a:hover{background:#fff}.nm-family-links a:focus-visible,.nm-table-wrap:focus-visible,.nm-table a:focus-visible{outline-offset:3px;outline:2px solid #7b42a4}.nm-table-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;display:flex}.nm-table-heading h2{font:500 16px/1.2 var(--font-sg),sans-serif;margin:0}.nm-table-heading>span{font:400 10px/1.2 var(--font-sg),sans-serif;color:#746577}.nm-table-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9f8ca7 #ece5ee;background:#f7f3ed;border:1px solid #cfc5d2;border-radius:10px;width:100%;overflow-x:auto}.nm-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font:500 12px/1.2 var(--font-sg),sans-serif}.nm-table th,.nm-table td{vertical-align:middle;border-bottom:2px solid #f7f3ed;border-right:2px solid #f7f3ed;padding:0}.nm-table tr>:last-child{border-right:0}.nm-table tbody tr:last-child>*{border-bottom:0}.nm-base-column{width:88px}.nm-corner,.nm-row-title{z-index:1;color:#33293b;background:#f7f3ed;position:sticky;left:0}.nm-corner{text-align:center;font-weight:500}.nm-corner>span{letter-spacing:.08em;font-size:10px;display:block}.nm-corner small{color:#7d6c83;margin-top:4px;font-size:9px;display:block}.nm-table thead th:not(.nm-corner){border-top:3px solid var(--nm-accent);background:#ebe4ed}.nm-column-title{color:#34263f;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:85px;padding:9px 2px;text-decoration:none;display:flex}.nm-column-title img{border-radius:50%;width:36px;height:36px}.nm-column-title>span{font-size:13px;line-height:1.15}.nm-column-title small{opacity:.66;font-size:8px}.nm-row-title strong{z-index:1;font:600 12px/1 var(--font-sg),sans-serif;color:#282130;background:#fffaf0e8;border-radius:4px;padding:4px;position:absolute;top:6px;left:7px}.hair-swatch{background-color:#e6ddce;background-repeat:no-repeat;width:100%;height:100%;display:block}.nm-table td>.hair-swatch,.nm-row-title>.hair-swatch{height:128px}.nm-row-title{border-right:6px solid #f7f3ed!important;padding-right:8px!important}.nm-overview .nm-table{min-width:1100px}.nm-overview .nm-base-column{width:60px}.nm-overview .nm-column-title{justify-content:flex-end;height:80px;min-height:0;padding:5px 0}.nm-overview .nm-column-title>span{writing-mode:vertical-rl;letter-spacing:.04em;padding-top:3px;font-size:9px;font-weight:600;transform:rotate(180deg)}.nm-overview .nm-table td>.hair-swatch,.nm-overview .nm-row-title>.hair-swatch{height:67px}.nm-overview .nm-row-title{border-right-width:5px!important}.nm-overview .nm-row-title strong{padding:3px;font-size:10px;top:5px;left:4px}.nm-note{font:400 10px/1.5 var(--font-inter),sans-serif;color:#746577;margin:12px 0 0}.nm-note.nm-avvertenza{max-width:78ch;margin-top:4px}.nm-scroll-hint{display:none}.nm-details-heading{justify-content:space-between;align-items:baseline;gap:24px;margin:62px 0 26px;display:flex}.nm-details-heading h2{font:500 30px/1.1 var(--font-pf),serif;margin:0}.nm-details-heading p{color:#796980;font:400 12px/1.5 var(--font-inter),sans-serif;margin:0}.nm-family-tables{gap:46px;display:grid}.nm-family-table{min-width:0;scroll-margin-top:110px}.nm-family-table>header{border-top:2px solid var(--nm-accent);align-items:center;gap:20px;margin-bottom:12px;padding-top:13px;display:flex}.nm-family-table h3{font:500 23px/1.2 var(--font-pf),serif;margin:0}.nm-family-table>header>span{font:400 10px/1.3 var(--font-sg),sans-serif;color:#796980;margin-left:auto}.nm-family-table>header>a{color:#66516f;padding:0 8px;font-size:20px}.nm-detail .nm-table{min-width:700px}.nm-detail .nm-base-column{width:100px}.nm-detail .nm-table td>.hair-swatch,.nm-detail .nm-row-title>.hair-swatch{height:clamp(95px,10.5vw,145px)}.nm-faq{max-width:900px;margin:70px auto 100px}.nm-faq h2{font:500 26px/1.2 var(--font-pf),serif;margin-bottom:22px}.nm-faq details{border-top:1px solid #a794b240;padding:17px 0}.nm-faq summary{cursor:pointer;font:500 14px/1.4 var(--font-inter),sans-serif}.nm-faq details p{font:400 13px/1.7 var(--font-inter),sans-serif;color:#6d6073;max-width:75ch;margin:13px 0 2px}.nm-sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.nm-heading{display:block}.nm-disclosure{max-width:600px;margin-top:15px}.nm-disclosure strong{margin-right:8px;display:inline}.nm-family-links{margin-top:20px}.nm-scroll-hint{margin-top:8px;display:block}}@media (max-width:600px){.nm-page{padding:96px 16px 0}.nm-page-back{margin-bottom:22px}.nm-heading h1{max-width:300px;font-size:34px}.nm-heading h1 em{margin-top:3px;display:block}.nm-heading{margin-bottom:18px}.nm-family-links{gap:6px;margin-bottom:25px}.nm-family-links a{gap:8px;padding:8px;font-size:9px}.nm-table-heading h2{font-size:13px}.nm-table-heading>span{white-space:nowrap;font-size:8px}.nm-overview .nm-table{min-width:1180px}.nm-details-heading{margin-top:40px;display:block}.nm-details-heading h2{font-size:27px}.nm-details-heading p{margin-top:8px;font-size:11px}.nm-family-table>header{flex-wrap:wrap;gap:12px}.nm-family-table h3{max-width:90%;font-size:20px}.nm-family-table>header>span{order:3;width:100%;margin-left:0;font-size:9px}.nm-family-table>header>a{margin-left:auto}.nm-detail .nm-table{min-width:680px}.nm-detail .nm-base-column{width:65px}.nm-column-title>span{font-size:10px}.nm-detail .nm-table td>.hair-swatch,.nm-detail .nm-row-title>.hair-swatch{height:91px}.nm-family-tables{gap:30px}.nm-faq{margin:45px auto 70px}}@media print{.nm-page{color:#222;padding:0}.nm-page-back,.nm-family-links,.nm-family-table>header>a,.nm-faq{display:none}.nm-heading{display:block}.nm-disclosure{max-width:none;margin-top:12px}.nm-table-wrap{overflow:visible}.nm-table{min-width:0!important}.nm-overview .nm-table td>.hair-swatch{height:50px}.nm-family-table{break-before:page;break-inside:avoid}.nm-table,.hair-swatch{-webkit-print-color-adjust:exact;print-color-adjust:exact}.nm-details-heading{display:none}.nm-family-table>header{margin-top:20px}.nm-detail .nm-table td>.hair-swatch,.nm-detail .nm-row-title>.hair-swatch{height:110px}}
.mix-navigation{flex-wrap:wrap;gap:8px;max-width:1560px;margin:0 auto 36px;display:flex}.mix-navigation button{min-height:48px;font:500 14px/1.3 var(--font-inter),sans-serif;cursor:pointer;color:#49334f;background:0 0;border:1px solid #d6cbd9;border-radius:30px;padding:12px 22px}.mix-navigation button[aria-pressed=true]{color:#fff;background:#573369;border-color:#573369}.mix-navigation button:focus-visible,.mix-picker select:focus-visible{outline-offset:4px;outline:3px solid #8b56a5}.nuance-mixer{color:#302238;max-width:1560px;margin:0 auto}.mix-heading{max-width:850px;margin-bottom:36px}.mix-eyebrow{font:600 11px/1.4 var(--font-sg),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#785187}.mix-heading h1{font:500 clamp(38px,5vw,72px)/1.05 var(--font-pf),serif;letter-spacing:-.035em;margin:15px 0 20px}.mix-heading h1 em{color:#785187;font-weight:400}.mix-heading>p:last-child{font:400 16px/1.6 var(--font-inter),sans-serif}.mix-controls{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:16px;max-width:960px;display:grid}.mix-picker{background:#fffaf5;border:1px solid #d6cbd9;border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex}.mix-picker img{object-fit:contain;border-radius:50%;flex-shrink:0;width:80px;height:80px}.mix-picker>div{flex:1;min-width:0}.mix-picker label{font:500 12px/1.5 var(--font-inter),sans-serif;color:#785187;margin-bottom:6px;display:block}.mix-picker select{color:#302238;width:100%;min-width:0;min-height:48px;font:500 18px/1.3 var(--font-inter),sans-serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b4a2bb;border-radius:0}.mix-plus{text-align:center;color:#785187;font:400 34px/1 serif}.mix-clear,.mix-footnote{font:400 12px/1.6 var(--font-inter),sans-serif;color:#685c6d;max-width:900px;margin:14px 0 0}.mix-result-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:44px 0 12px;display:flex}.mix-result-heading h2{font:500 27px/1.2 var(--font-pf),serif;margin:0}.mix-result-heading>span{font:500 13px/1.4 var(--font-inter),sans-serif}.mix-disclosure{max-width:820px;font:400 13px/1.6 var(--font-inter),sans-serif;color:#685c6d;margin:0 0 22px}.mix-results{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.mix-result{min-width:0;margin:0}.mix-swatch{background-color:var(--mix-color);isolation:isolate;border-radius:60% 60% 28% 28%/12% 12% 35% 35%;height:clamp(160px,20vw,290px);transition:background-color .25s;position:relative;overflow:hidden}.mix-result figcaption{overflow-wrap:anywhere;font:400 12px/1.6 var(--font-inter),sans-serif;padding-top:16px}.mix-result figcaption strong{margin-bottom:9px;font-size:17px;line-height:1.3;display:block}.mix-result figcaption span{display:block}.mix-result figcaption b{font-weight:600}.mix-footnote{margin-top:24px}@media (max-width:700px){.mix-navigation{gap:6px;margin-bottom:28px}.mix-navigation button{padding:12px 14px;font-size:12px}.mix-heading{margin-bottom:24px}.mix-heading h1{font-size:40px}.mix-heading>p:last-child{font-size:14px}.mix-controls{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:7px}.mix-picker{padding:12px;display:block}.mix-picker img{width:58px;height:58px;margin-bottom:8px}.mix-picker select{font-size:13px}.mix-plus{font-size:24px}.mix-clear{font-size:11px}.mix-result-heading{margin-top:30px;display:block}.mix-result-heading h2{margin-bottom:8px;font-size:25px}.mix-results{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 12px}.mix-result{grid-column:span 2}.mix-pure{grid-area:1/span 3}.mix-ratio-30,.mix-ratio-10{grid-column:span 3}.mix-swatch{height:145px}.mix-result figcaption strong{font-size:15px}.mix-result figcaption{font-size:11px}.mix-disclosure{font-size:12px}}@media (prefers-reduced-motion:reduce){.mix-swatch{transition:none}}.mix-swatch:before{content:"";filter:grayscale()contrast(1.35);mix-blend-mode:soft-light;pointer-events:none;background-image:url(/nuance/matrix-v33/base.webp);background-position:0 0;background-repeat:no-repeat;background-size:100% 400%;position:absolute;inset:0}.mix-picker-label{font:500 12px/1.4 var(--font-inter),sans-serif;color:#785187;display:block}.mix-picker-trigger{color:#302238;cursor:pointer;text-align:left;width:100%;min-height:48px;font:500 26px/1.2 var(--font-sg),sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:0 0;border:0;border-bottom:1px solid #c9b9cf;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.mix-picker-trigger>span:last-child{color:#785187;font:400 18px/1 sans-serif}.mix-picker-family{font:400 11px/1.3 var(--font-inter),sans-serif;color:#685c6d;margin-top:5px;display:block}.mix-dialog{color:#302238;background:#fcf9f1;border:1px solid #d6cbd9;border-radius:24px;width:min(680px,100vw - 32px);max-height:85dvh;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 100px #30223835}.mix-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#24172d65}.mix-dialog-inner{flex-direction:column;max-height:85dvh;padding:26px;display:flex}.mix-dialog header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mix-dialog header p{font:600 10px/1.4 var(--font-sg),sans-serif;letter-spacing:.16em;color:#785187;margin:0 0 7px}.mix-dialog h2{font:500 32px/1.1 var(--font-pf),serif;margin:0}.mix-close{cursor:pointer;color:#573369;background:0 0;border:1px solid #d6cbd9;border-radius:50%;flex-shrink:0;width:44px;height:44px;font:400 26px/1 sans-serif}.mix-dialog input{width:100%;min-height:48px;font:400 15px/1.4 var(--font-inter),sans-serif;color:#302238;background:#fffdf8;border:1px solid #d6cbd9;border-radius:12px;flex-shrink:0;margin-bottom:8px;padding:12px 16px}.mix-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7a2c2 transparent;min-height:0;padding:0 4px 4px 0;overflow-y:auto}.mix-options h3{font:600 11px/1.4 var(--font-sg),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#785187;margin:22px 0 10px}.mix-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mix-options-grid button{color:#302238;cursor:pointer;text-align:left;min-height:68px;font:500 19px/1.2 var(--font-sg),sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;background:#fffdf8;border:1px solid #e1d8e4;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.mix-options-grid button img{object-fit:contain;border-radius:50%;flex-shrink:0;width:40px;height:40px}.mix-options-grid button span{overflow-wrap:anywhere}.mix-options-grid button small{font:500 10px/1.3 var(--font-inter),sans-serif;margin-left:auto}.mix-options-grid button[aria-pressed=true]{background:#efe5f3;border-color:#785187}.mix-options-grid button:hover:not(:disabled){border-color:#785187}.mix-options-grid button:disabled{opacity:.4;cursor:not-allowed}.mix-dialog button:focus-visible,.mix-dialog input:focus-visible,.mix-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #785187}.mix-dialog-note,.mix-no-results{font:400 12px/1.5 var(--font-inter),sans-serif;color:#685c6d;margin:20px 0 5px}@media (max-width:700px){.mix-picker-trigger{letter-spacing:-.04em;font-size:clamp(15px,4.3vw,22px)}.mix-picker-family{font-size:10px}.mix-dialog-inner{padding:18px}.mix-dialog h2{font-size:26px}.mix-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-options-grid button{flex-wrap:wrap;gap:7px;padding:8px;font-size:16px}.mix-options-grid button img{width:32px;height:32px}.mix-options-grid button small{font-size:9px}}:is(html.has-cursor:has(.mix-dialog[open]) .cursor-ring,html.has-cursor:has(.mix-dialog[open]) .cursor-dot){display:none!important}html.has-cursor .mix-dialog[open],html.has-cursor .mix-dialog[open] *{cursor:auto!important}html.has-cursor .mix-dialog[open]::backdrop{cursor:default!important}html.has-cursor .mix-dialog[open] button,html.has-cursor .mix-dialog[open] button *{cursor:pointer!important}html.has-cursor .mix-dialog[open] button:disabled,html.has-cursor .mix-dialog[open] button:disabled *{cursor:not-allowed!important}html.has-cursor .mix-dialog[open] input{cursor:text!important}