.cabinet-color-project{padding:100px 8vw;background:var(--paper)}.cabinet-color-heading{max-width:720px;margin-bottom:44px}.cabinet-color-heading h2{margin:24px 0;font:600 clamp(38px,4.6vw,70px)/1.08 var(--serif);letter-spacing:-.04em}.cabinet-color-heading h2 em{color:#94721f;font-weight:500}.cabinet-color-heading p,.cabinet-color-controls>p,.cabinet-color-note p{color:#686962;font-size:14px;line-height:1.85}.cabinet-color-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px);max-width:1200px;margin:0 auto}.cabinet-color-photo{margin:0;border:1px solid var(--line);background:#fbfaf6}.cabinet-color-stage{position:relative;isolation:isolate}.cabinet-color-stage>img{display:block;width:100%;height:auto}.cabinet-color-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cabinet-color-photo figcaption{padding:16px 20px;font-size:12px;line-height:1.6;color:var(--ink)}.cabinet-color-controls{padding:30px 0}.cabinet-color-step{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#94721f}.cabinet-color-controls h3{margin:20px 0;font:600 clamp(28px,2.8vw,40px)/1.2 var(--serif);letter-spacing:-.03em}.cabinet-color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 0 0;margin:28px 0;border:0;min-width:0}.cabinet-color-palette legend{font-size:12px;font-weight:600}.cabinet-color-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 4px;border:1px solid transparent;cursor:pointer;font-size:11px;line-height:1.4;text-align:center}.cabinet-color-choice input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.cabinet-color-swatch{width:44px;height:44px;border-radius:50%;background:var(--swatch);border:1px solid rgba(36,37,34,.2)}.cabinet-color-choice:hover,.cabinet-color-choice.selected{background:#fbfaf6;border-color:var(--gold)}.cabinet-color-choice.selected .cabinet-color-swatch{outline:2px solid var(--gold);outline-offset:3px}.cabinet-color-choice:has(input:disabled){opacity:.5;cursor:wait}.cabinet-color-status{font-size:12px;line-height:1.6}.cabinet-color-choice:focus-within,.cabinet-color-reset:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cabinet-color-reset{min-height:44px;width:100%;padding:12px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 12px var(--sans);cursor:pointer}.cabinet-color-reset:hover:not(:disabled){background:var(--ink);color:var(--paper)}.cabinet-color-reset:disabled{opacity:.5;cursor:default}.cabinet-color-note{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.cabinet-color-note strong,.cabinet-color-note p{font-size:12px}@media(max-width:900px){.cabinet-color-project{padding:80px 24px}}@media(max-width:680px){.cabinet-color-project{padding:65px 20px}.cabinet-color-layout{grid-template-columns:minmax(0,1fr);gap:24px}.cabinet-color-controls{padding:0}.cabinet-color-heading{margin-bottom:28px}}