.shades-page{color:#1c1916;width:100%;max-width:1360px;font-family:var(--font-brand-sans), sans-serif;margin:0 auto}.shades-header{margin-bottom:30px}.shades-title{font-family:var(--font-brand-serif), serif;margin:0;font-size:clamp(42px,5vw,56px);font-weight:300;line-height:1.05}.shades-intro{color:#625c55;max-width:760px;margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.7}.section-kicker,.field-label{color:#8b8178;letter-spacing:.17em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:600;display:block}.tab-list{background:#fdfcfb;border:1px solid #1c19161f;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;display:grid}.tab-button{color:#6b645d;min-width:0;font-family:var(--font-brand-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #1c19161a;padding:17px 24px;font-size:11px;font-weight:600;transition:background .2s,color .2s}.tab-button:last-child{border-right:0}.tab-button.active{color:#f7f4ef;background:#1c1916}.tab-button:focus-visible,.clear-button:focus-visible,.reflect-slot-button:focus-visible,.reflect-slot-clear:focus-visible,.theory-pair-button:focus-visible,.depth-button:focus-visible,.special-tone-button:focus-visible,.shade-result-row:focus-visible,.suggestion-item:focus-visible,.drawer-close:focus-visible{outline-offset:2px;outline:2px solid #b8975a}.filter-card,.depth-card,.tone-card,.target-card,.results-panel{background:#fdfcfb;border:1px solid #1c191617}.filter-card{margin-bottom:24px;padding:24px}.filter-grid,.explore-toolbar{align-items:end;gap:14px;display:grid}.match-filter-grid{grid-template-columns:minmax(150px,.78fr) minmax(220px,1.15fr) minmax(160px,.8fr) minmax(250px,1.35fr) auto}.explore-toolbar{grid-template-columns:minmax(190px,1fr) minmax(210px,1fr) auto}.explore-filter-note{color:#746c64;margin:14px 0 0;font-size:11px;line-height:1.6}.filter-field{min-width:0}.catalogue-select,.catalogue-input{color:#1c1916;width:100%;min-height:48px;font-family:var(--font-brand-sans), sans-serif;background:#fff;border:1px solid #1c191629;border-radius:0;outline:none;padding:13px 15px;font-size:13px;font-weight:400;line-height:1.4;transition:border-color .2s,box-shadow .2s}.catalogue-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B645D' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.catalogue-select:focus,.catalogue-input:focus{border-color:#b8975a;box-shadow:0 0 0 3px #b8975a1a}.catalogue-select:disabled,.catalogue-input:disabled{cursor:not-allowed;color:#a29a92;background-color:#f4f1ec}.field-help{color:#918980;margin-top:6px;font-size:10px;line-height:1.4;display:block}.clear-button{color:#5f5851;min-height:48px;font-family:var(--font-brand-sans), sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #1c191629;padding:0 22px;font-size:10px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.clear-button:hover:not(:disabled){color:#f7f4ef;background:#1c1916;border-color:#1c1916}.clear-button:disabled{cursor:not-allowed;opacity:.42}.combobox{position:relative}.suggestion-list{z-index:40;background:#fff;border:1px solid #1c191624;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 48px #1c191624}.suggestion-state{color:#766e67;margin:0;padding:18px;font-size:12px;line-height:1.6}.suggestion-item{color:#1c1916;text-align:left;width:100%;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #1c191612;grid-template-columns:minmax(78px,auto) minmax(0,1fr);gap:14px;padding:13px 15px;display:grid}.suggestion-item:hover{background:#f7f4ef}.suggestion-code{font-size:13px;font-weight:600}.suggestion-code small,.suggestion-copy small{color:#847c74;margin-top:3px;font-size:10px;font-weight:400;line-height:1.4;display:block}.suggestion-copy{min-width:0}.suggestion-copy strong{color:#3e3934;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.options-error{color:#a43a31;margin:14px 0 0;font-size:12px;line-height:1.6}.reflect-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.reflect-slot-card{background:#fff;border:1px solid #1c19161f;min-width:0;transition:border-color .18s,box-shadow .18s;position:relative}.reflect-slot-card.active{border-color:#1c1916;box-shadow:0 0 0 2px #1c1916}.reflect-slot-card.complete:not(.active){border-color:#b8975ab8}.reflect-slot-card.disabled{opacity:.5}.reflect-slot-button{color:#1c1916;text-align:left;width:100%;min-height:122px;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:0 0;border:0;padding:18px 54px 18px 18px}.reflect-slot-button:disabled{cursor:not-allowed}.reflect-slot-button>span{color:#8b8178;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:600;display:block}.reflect-slot-button>strong{color:#302b27;font-size:15px;font-weight:600;line-height:1.4;display:block}.reflect-slot-button>small{color:#6d655d;margin-top:8px;font-size:11px;line-height:1.55;display:block}.reflect-slot-clear{color:#746c64;font-family:var(--font-brand-sans), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#f2eee8;border:0;padding:5px 7px;font-size:8px;font-weight:600;position:absolute;top:12px;right:12px}.active-slot-note{color:#665f58;text-align:center;margin:0 0 8px;font-size:11px;line-height:1.6}.wheel-legend{color:#746c64;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:0 0 4px;font-size:9px;line-height:1.4;display:flex}.wheel-legend>span{align-items:center;gap:6px;display:inline-flex}.wheel-legend-mark{background:0 0;border-radius:2px;width:18px;height:10px;display:inline-block}.wheel-legend-mark.primary{border:3px solid #1c1916}.wheel-legend-mark.secondary{border:3px solid #d4b483}.wheel-legend-mark.opposite{opacity:.6;border:2px dashed #1c1916}.depth-card{margin-bottom:24px;padding:26px}.depth-heading{justify-content:space-between;gap:28px;margin-bottom:22px;display:flex}.depth-heading h2,.tone-card h2,.target-card h2{font-family:var(--font-brand-serif), serif;margin:0;font-size:28px;font-weight:400;line-height:1.15}.depth-heading>p{color:#746c64;text-align:right;max-width:600px;margin:0;font-size:12px;line-height:1.65}.depth-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.depth-button{color:#1c1916;text-align:left;min-width:0;min-height:98px;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#fff;border:1px solid #1c19161a;grid-template-columns:72px minmax(0,1fr);padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.depth-button:hover{border-color:#b8975abf;transform:translateY(-2px)}.depth-button.active{border-color:#1c1916;box-shadow:0 0 0 2px #1c1916}.depth-swatch{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:72px;height:100%;min-height:98px;display:flex}.depth-swatch strong{font-size:23px;font-weight:600;line-height:1;display:block}.depth-swatch small{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-top:7px;font-size:8px;font-weight:600;display:block}.depth-copy{flex-direction:column;justify-content:center;min-width:0;min-height:98px;padding:14px;display:flex}.depth-copy strong{min-height:32px;font-size:12px;font-weight:600;line-height:1.35;display:block}.depth-copy small{color:#857d75;margin-top:7px;font-size:10px;line-height:1.4;display:block}.explore-workspace{grid-template-columns:minmax(650px,1.45fr) minmax(330px,.7fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.tone-card,.target-card{padding:28px}.tone-card-header,.target-card-header{margin-bottom:20px}.tone-card-header p,.target-card-header p{color:#746c64;margin:7px 0 0;font-size:12px;line-height:1.65}.tone-wheel-wrap{max-width:700px;margin:0 auto;padding:8px 20px 2px}.tone-wheel{width:100%;height:auto;display:block;overflow:visible}.wheel-tone{cursor:pointer;outline:none}.wheel-segment{stroke:#ffffffd1;stroke-width:2px;opacity:.94;transition:opacity .18s,filter .18s}.wheel-tone:hover .wheel-segment{opacity:1;filter:brightness(1.05)}.wheel-tone:focus-visible .wheel-segment{filter:brightness(1.07)}.wheel-segment.theory-only{stroke-dasharray:4 3}.wheel-selection-outline{fill:none;pointer-events:none}.wheel-selection-outline.primary{stroke:#1c1916;stroke-width:8px}.wheel-selection-outline.secondary{stroke:#d4b483;stroke-width:4px}.wheel-selection-outline.opposite{stroke:#1c1916;stroke-width:4px;stroke-dasharray:9 7;opacity:.58}.wheel-opposite-axis{stroke:#1c1916;stroke-width:2px;stroke-dasharray:8 7;opacity:.34;pointer-events:none}.wheel-label{fill:#403b36;font-family:var(--font-brand-sans), sans-serif;pointer-events:none;font-size:10px;font-weight:600}.wheel-centre{fill:#1c1916;stroke:#fff;stroke-width:4px}.wheel-centre-kicker,.wheel-centre-label,.wheel-centre-copy{fill:#f7f4ef;font-family:var(--font-brand-sans), sans-serif;text-anchor:middle;pointer-events:none}.wheel-centre-kicker{letter-spacing:.16em;text-transform:uppercase;opacity:.62;font-size:9px;font-weight:600}.wheel-centre-label{font-size:17px;font-weight:600}.wheel-centre-copy{opacity:.72;font-size:11px}.theory-pair-picker{background:#fbf7ef;border:1px solid #b8975a73;margin-top:16px;padding:20px}.theory-pair-picker h3{font-family:var(--font-brand-serif), serif;margin:0;font-size:25px;font-weight:400}.theory-pair-picker>p:not(.section-kicker){color:#655e57;margin:8px 0 0;font-size:12px;line-height:1.65}.theory-pair-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.theory-pair-button{color:#302b27;text-align:left;min-width:0;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#fff;border:1px solid #1c19161f;padding:16px}.theory-pair-button:hover{border-color:#1c1916}.theory-pair-button>span,.theory-pair-button>small{color:#837b73;font-size:9px;line-height:1.5;display:block}.theory-pair-button>span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-weight:600}.theory-pair-button>strong{margin-bottom:5px;font-size:15px;font-weight:700;display:block}.special-tone-heading{margin-top:22px}.special-tone-heading>p:not(.section-kicker){color:#746c64;margin:0;font-size:11px;line-height:1.55}.special-tones{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.special-tone-button{color:#39342f;text-align:left;min-width:0;min-height:50px;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#fff;border:1px solid #1c19161f;padding:12px;font-size:11px;font-weight:500;line-height:1.4;position:relative}.special-tone-button:hover{border-color:#b8975acc}.special-tone-button.primary-selected{border-color:#1c1916;box-shadow:inset 4px 0 #1c1916}.special-tone-button.secondary-selected{border-color:#d4b483;box-shadow:inset -4px 0 #d4b483}.special-tone-button.primary-selected.secondary-selected{border-color:#1c1916;box-shadow:inset 4px 0 #1c1916,inset -4px 0 #d4b483}.special-tone-dot{vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:8px;display:inline-block}.reflect-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.reflect-action-card{background:#f7f4ef;border:1px solid #1c191614;min-width:0;padding:18px}.reflect-action-card.primary{border-top:3px solid #1c1916}.reflect-action-card.secondary{border-top:3px solid #d4b483}.reflect-action-card>span{color:#8b8178;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:600;display:block}.reflect-action-card h3{font-family:var(--font-brand-serif), serif;margin:0;font-size:24px;font-weight:400}.reflect-action-card p{color:#625b54;margin:7px 0 0;font-size:11px;line-height:1.6}.reflect-action-card .neutralisation-statement{color:#302b27;font-weight:600}.target-card{align-self:stretch}.target-summary{gap:0;display:grid}.target-row{border-bottom:1px solid #1c191614;padding:16px 0}.target-row:last-child{border-bottom:0}.target-row>span{color:#8b8178;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.target-row strong{color:#302b27;font-size:14px;font-weight:600;line-height:1.45;display:block}.target-row p{color:#6d655d;margin:6px 0 0;font-size:11px;line-height:1.55}.theory-region-row{background:#fbf7ef;margin:0 -12px;padding-left:12px;padding-right:12px}.warmth-row{align-items:center;gap:10px;display:flex}.warmth-dot{border-radius:50%;flex:none;width:14px;height:14px}.results-panel{overflow:hidden}.results-toolbar{background:#f7f4ef;border-bottom:1px solid #1c191614;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 22px;display:flex}.results-toolbar .section-kicker{margin-bottom:4px}.results-count{color:#2f2a26;margin:0;font-size:14px;font-weight:600}.results-meta{color:#766e67;text-align:right;margin:0;font-size:11px;line-height:1.5}.result-header,.shade-result-row{grid-template-columns:minmax(90px,.62fr) minmax(170px,1.15fr) minmax(180px,1.25fr) minmax(120px,.74fr) minmax(120px,.72fr) minmax(190px,1.32fr);align-items:center;gap:16px;display:grid}.result-header{color:#766e67;letter-spacing:.14em;text-transform:uppercase;background:#fff;border-bottom:1px solid #1c191614;padding:11px 22px;font-size:9px;font-weight:600}.result-groups{max-height:680px;overflow-y:auto}.brand-group{position:relative}.brand-group-heading{z-index:3;color:#625b54;letter-spacing:.15em;text-transform:uppercase;background:#f3f0ea;border-bottom:1px solid #1c191614;justify-content:space-between;gap:20px;padding:10px 22px;font-size:10px;font-weight:600;display:flex;position:sticky;top:0}.brand-group-heading span:last-child{color:#9a9189;font-weight:500}.shade-result-row{color:#1c1916;text-align:left;width:100%;min-height:84px;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #1c191612;padding:14px 22px;transition:background .16s,box-shadow .16s}.shade-result-row:hover{background:#fbf8f3}.shade-result-row.selected{color:#f7f4ef;background:#1c1916;box-shadow:inset 3px 0 #b8975a}.result-code-cell,.result-line-cell,.result-name-cell,.result-depth-cell,.result-series-cell,.result-reflect-cell{min-width:0}.result-code-cell strong,.result-line-cell strong,.result-name-cell strong,.result-depth-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.45;display:block;overflow:hidden}.result-code-cell strong{font-weight:700}.result-line-cell strong,.result-name-cell strong,.result-depth-cell strong{font-weight:500}.result-code-cell small,.result-line-cell small,.result-name-cell small,.result-depth-cell small{color:#807870;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:400;line-height:1.35;display:block;overflow:hidden}.shade-result-row.selected small{color:#f7f4ef8f}.series-badge{letter-spacing:.07em;text-transform:uppercase;white-space:normal;border:1px solid #1c19161f;align-items:center;max-width:100%;padding:5px 8px;font-size:9px;font-weight:600;line-height:1.3;display:inline-flex}.series-badge.standard{color:#6d655d;background:#f7f4ef}.series-badge.special{color:#775b26;background:#b8975a1f;border-color:#b8975a80}.shade-result-row.selected .series-badge.standard{color:#f7f4efb8;background:#f7f4ef0f;border-color:#f7f4ef2e}.shade-result-row.selected .series-badge.special{color:#d4b483;background:#b8975a1f;border-color:#d4b4837a}.result-reflect-cell{gap:5px;display:grid}.reflect-line{grid-template-columns:62px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.reflect-line small{color:#90877e;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:600}.reflect-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.shade-result-row.selected .reflect-line small{color:#f7f4ef66}.shade-result-row.selected .reflect-line strong{color:#f7f4ef}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:44px 24px;display:flex}.empty-state h3{font-family:var(--font-brand-serif), serif;margin:0 0 8px;font-size:26px;font-weight:400}.empty-state p{color:#776f67;max-width:500px;margin:0;font-size:12px;line-height:1.65}.error-state h3,.error-state p{color:#a43a31}.loading-mark{border:2px solid #b8975a40;border-top-color:#b8975a;border-radius:50%;width:26px;height:26px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawer-overlay{z-index:100;opacity:0;pointer-events:none;background:#1c19166b;border:0;transition:opacity .25s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.shade-drawer{z-index:110;color:#f7f4ef;background:#1c1916;width:min(540px,100vw);padding:34px;transition:transform .28s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.shade-drawer.open{transform:translate(0)}.drawer-header{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex}.drawer-close{z-index:2;color:#f7f4ef;width:42px;height:42px;font-family:var(--font-brand-sans), sans-serif;cursor:pointer;background:#1c1916;border:1px solid #f7f4ef29;flex:none;font-size:16px;position:sticky;top:0}.drawer-kicker{color:#b8975a;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:600}.drawer-title{font-family:var(--font-brand-serif), serif;margin:0 0 8px;font-size:36px;font-weight:300;line-height:1.15}.drawer-subtitle{color:#f7f4ef8f;margin:0;font-size:13px;line-height:1.6}.drawer-code-card,.drawer-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.drawer-code-card>div,.drawer-detail-card{background:#f7f4ef09;border:1px solid #f7f4ef1a;padding:17px}.drawer-reflect-card{margin-bottom:24px}.drawer-label{color:#f7f4ef57;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.drawer-value{color:#f7f4ef;font-size:14px;font-weight:500;line-height:1.5}.tone-role-list{gap:0;margin-top:12px;display:grid}.tone-role-item{border-bottom:1px solid #f7f4ef12;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.tone-role-item:last-child{border-bottom:0}.tone-role-item span{color:#f7f4ef61;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.tone-role-item strong{font-size:12px;font-weight:500}.drawer-action{background:#b8975a14;border-left:3px solid #b8975a;margin-bottom:24px;padding:18px}.drawer-action p{color:#f7f4ef9e;margin:6px 0 0;font-size:12px;line-height:1.65}.match-section{border-top:1px solid #f7f4ef1c;margin-top:28px;padding-top:24px}.match-section-title{color:#b8975a;letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.comparison-note{color:#f7f4ef6b;margin:0 0 16px;font-size:11px;line-height:1.6}.drawer-error{color:#e6a198;font-size:12px;line-height:1.6}.match-list{gap:0;display:grid}.match-row{border-bottom:1px solid #f7f4ef12;grid-template-columns:minmax(115px,.82fr) minmax(0,1.55fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.match-row:last-child{border-bottom:0}.match-row strong{font-size:12px;font-weight:600}.match-row span{color:#f7f4ef9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.45;overflow:hidden}.match-row code{color:#d4b483;font-family:var(--font-brand-sans), sans-serif;font-size:12px;font-weight:700}@media (max-width:1180px){.match-filter-grid,.explore-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-toolbar .clear-button{grid-column:1/-1}.clear-button{width:100%}.result-header,.shade-result-row{grid-template-columns:minmax(80px,.6fr) minmax(150px,1.1fr) minmax(165px,1.2fr) minmax(100px,.7fr) minmax(110px,.72fr) minmax(170px,1.25fr);gap:12px}}@media (max-width:1020px){.explore-workspace{grid-template-columns:1fr}.target-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;display:grid}.target-card-header{margin-bottom:0}.depth-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.result-header{display:none}.shade-result-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 22px}.result-code-cell:before,.result-line-cell:before,.result-name-cell:before,.result-depth-cell:before,.result-series-cell:before,.result-reflect-cell:before{color:#9a9189;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:600;display:block}.result-code-cell:before{content:"Code"}.result-line-cell:before{content:"Product Line"}.result-name-cell:before{content:"Shade Name"}.result-depth-cell:before{content:"Depth"}.result-series-cell:before{content:"Series"}.result-reflect-cell:before{content:"Reflect Structure"}.shade-result-row.selected :is(.result-code-cell,.result-line-cell,.result-name-cell,.result-depth-cell,.result-series-cell,.result-reflect-cell):before{color:#f7f4ef66}}@media (max-width:720px){.shades-header{margin-bottom:22px}.tab-list{grid-template-columns:1fr}.tab-button{border-bottom:1px solid #1c19161a;border-right:0}.tab-button:last-child{border-bottom:0}.filter-card,.depth-card,.tone-card,.target-card{padding:20px}.match-filter-grid,.explore-toolbar,.target-card{grid-template-columns:1fr}.depth-heading{display:block}.depth-heading>p{text-align:left;margin-top:10px}.depth-scale{grid-template-columns:1fr}.depth-button{grid-template-columns:76px minmax(0,1fr)}.depth-swatch{width:76px}.reflect-slot-grid,.reflect-action-grid,.theory-pair-options{grid-template-columns:1fr}.tone-wheel-wrap{padding:8px 0 0}.wheel-label{font-size:9px}.special-tones{grid-template-columns:repeat(2,minmax(0,1fr))}.results-toolbar{align-items:flex-start}.results-meta{max-width:180px}.shade-result-row{grid-template-columns:1fr}.brand-group{position:relative}.brand-group-heading{position:static}.shade-drawer{padding:26px 22px}.drawer-code-card,.drawer-details-grid{grid-template-columns:1fr}.match-row{grid-template-columns:1fr auto}.match-row span{white-space:normal;grid-column:1/-1}}@media (max-width:480px){.results-toolbar{display:block}.results-meta{text-align:left;max-width:none;margin-top:8px}.tone-card-header h2,.target-card-header h2,.depth-heading h2{font-size:25px}.wheel-label{display:none}.special-tones{grid-template-columns:1fr}.reflect-slot-button{min-height:112px}}