.cabinet-study{background:#f1eee5;color:#24352f;margin:75px 0 95px;padding:65px 0;scroll-margin-top:24px}.cabinet-study .study-layout{width:88%;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:35px 8%;border-top:1px solid #53655a;padding-top:18px}.cabinet-study .case-heading{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #bdc2b4;padding-bottom:15px;gap:20px}.cabinet-study .kicker{font-size:18px;letter-spacing:.16em;color:#787d6d}.cabinet-study .case-no{font-size:18px;letter-spacing:.13em;color:#7e8574}.cabinet-study .intro{padding-top:30px}.cabinet-study .folio{font-family:Georgia,serif;font-style:italic;color:#928064;font-size:18px;display:block;margin-bottom:20px}.cabinet-study h2{font-family:Georgia,serif;font-size:clamp(42px,4.5vw,72px);line-height:1.08;font-weight:400;letter-spacing:-.04em;color:#24352f}.cabinet-study h2 em{font-weight:400}.cabinet-study .intro>p{font-size:18px;line-height:1.6;max-width:350px;color:#707468;margin:25px 0}.cabinet-study .clues{list-style:none;padding:20px 0;margin:10px 0;border-top:1px solid #c5c7ba;max-width:320px}.cabinet-study .clues li{font-size:18px;padding:8px 0}.cabinet-study .clues span{display:inline-block;width:35px;color:#a28b61;font-family:Georgia,serif}.cabinet-study .cta{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:#263c32;color:#fff;padding:14px 20px;border:0;font-size:18px;margin-top:10px}.cabinet-study .resources{display:block;font-size:18px;color:#727667;margin-top:24px}.cabinet-study .viewer{min-width:0;padding:22px;background:#f8f6ee;border:1px solid #d7d8cb}.cabinet-study .viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.cabinet-study .viewer-top label{font-size:18px;color:#7b8072;display:flex;flex-direction:column;gap:5px}.cabinet-study .viewer-top select{border:0;border-bottom:1px solid #c8ccbf;border-radius:0;background:transparent;padding:8px 20px 8px 0;color:#293526;font-size:18px;max-width:100%;font-family:inherit;cursor:pointer}.cabinet-study .viewer-top button{background:none;border:0;font-size:18px;color:#6b7461;padding:10px;cursor:pointer}.cabinet-study .stage{height:360px}.cabinet-study .stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.cabinet-study .stage canvas:active{cursor:grabbing}.cabinet-study .stage img{width:100%;height:100%;object-fit:contain}.cabinet-study .hint{text-align:center;font-size:18px;color:#85897e;margin:0 0 20px}.cabinet-study .controls{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}.cabinet-study .controls label{display:flex;align-items:center;gap:10px;font-size:18px;color:#606b55}.cabinet-study .controls input{width:85px;accent-color:#59674c}.cabinet-study .controls select{font-size:18px;padding:5px;border:0;background:transparent;border-bottom:1px solid #c8ccbf;color:inherit;font-family:inherit}.cabinet-study .model-info{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font-size:18px}.cabinet-study .model-info a{border-bottom:1px solid #a6ad9d;padding:6px 0}.cabinet-study .model-info p{margin:0}.brand-home .cabinet-study #model-dimensions{position:static;width:auto;height:auto;padding:0;overflow:visible;clip-path:none;white-space:normal}.cabinet-study .disclaimer{font-size:18px;color:#8b8e81;text-align:center;margin:20px 0 0;line-height:1.6}
@media(max-width:900px){.cabinet-study .study-layout{gap:30px}.cabinet-study .stage{height:310px}.cabinet-study .model-info{flex-wrap:wrap}.cabinet-study .case-no{display:none}}
@media(max-width:680px){.cabinet-study{margin:45px 0 60px;padding:35px 0}.cabinet-study .study-layout{display:flex;flex-direction:column;gap:30px}.cabinet-study .intro{padding-top:0}.cabinet-study h2{font-size:42px}.cabinet-study .viewer{padding:18px;margin-top:5px}.cabinet-study .stage{height:320px}.cabinet-study .controls{gap:12px}.cabinet-study .controls label,.cabinet-study .controls select,.cabinet-study .model-info{font-size:18px}.cabinet-study .disclaimer{font-size:18px}.cabinet-study .hint{font-size:18px}.cabinet-study .resources{font-size:18px}}
/* Separate cabinet planning, stone, and trade into clear visual sections. */
.brand-home .cabinet-study{margin-bottom:0}
.brand-home .brand-stone{background:#d3c5b3;color:#342e27}
.brand-home .brand-stone .stone-copy h2{color:#342e27}
.brand-home .brand-stone .stone-copy .eyebrow{color:#59432d}
.brand-home .brand-stone .stone-copy>p:not(.eyebrow){color:#50463b}
.brand-home .brand-stone .text-link{color:#342e27;border-color:#7b6a55}
.brand-home .brand-stone :focus-visible{outline-color:#59472f}
.brand-home .brand-trade{background:#faf9f6;color:#292925}
.brand-home .brand-trade .brand-heading>p{color:#64645b}
.brand-home .brand-trade .eyebrow{color:#887254}
.brand-home .brand-trade-links{border-top-color:#d4d6ce}
.brand-home .brand-trade-links a{color:#292925;border-bottom-color:#d4d6ce}
.brand-home .brand-trade-links span{color:#777d6e}
/* Shared warm-neutral palette connects cabinetry and stone through tonal depth. */
.brand-home .cabinet-study{background:#eee8df;color:#383a32}
.brand-home .cabinet-study h2{color:#383a32}
.brand-home .cabinet-study .study-layout{border-top-color:#a89984}
.brand-home .cabinet-study .case-heading,.brand-home .cabinet-study .clues{border-color:#cdc2b2}
.brand-home .cabinet-study .kicker,.brand-home .cabinet-study .case-no,.brand-home .cabinet-study .folio,.brand-home .cabinet-study .clues span{color:#796348}
.brand-home .cabinet-study .intro>p,.brand-home .cabinet-study .resources{color:#686052}
.brand-home .cabinet-study .viewer{background:#f7f3ec;border-color:#d7cdbf}
.brand-home .cabinet-study .viewer-top label,.brand-home .cabinet-study .viewer-top button,.brand-home .cabinet-study .hint,.brand-home .cabinet-study .controls label,.brand-home .cabinet-study .disclaimer{color:#72695b}
.brand-home .cabinet-study .viewer-top select{color:#383a32;border-color:#c9bcaa}
.brand-home .cabinet-study .controls select,.brand-home .cabinet-study .model-info a{border-color:#b9ab95}
.brand-home .cabinet-study .cta{background:#3d4539}
.brand-home .brand-stone{background:#d4c8b9;color:#383a32}
.brand-home .brand-stone .stone-copy h2,.brand-home .brand-stone .text-link{color:#383a32}
.brand-home .brand-stone .stone-copy .eyebrow{color:#675137}
.brand-home .brand-stone .stone-copy>p:not(.eyebrow){color:#544b3e}
.brand-home .brand-stone .text-link{border-color:#8d7b64}
/* One action color; soft, low-contrast warm surfaces. */
.brand-home{--mayfair-action:#454b3f;--mayfair-action-hover:#343a2f;--mayfair-action-text:#fffdf8}
.brand-home .cabinet-study .cta,
.brand-home .kitchen-enlarge>span{background:var(--mayfair-action);color:var(--mayfair-action-text);border:1px solid var(--mayfair-action);font-weight:500;transition:background .18s,border-color .18s}
.brand-home .cabinet-study .cta:hover,
.brand-home .kitchen-enlarge:hover>span{background:var(--mayfair-action-hover);border-color:var(--mayfair-action-hover)}
.brand-home .cabinet-study{background:#f0ece5}
.brand-home .cabinet-study .viewer{background:#f8f5ef;border-color:#e0d8cc}
.brand-home .brand-stone{background:#ddd4c7;background:linear-gradient(160deg,#e3dbcf 0%,#ddd4c7 58%,#d8cebf 100%)}
/* Carry the warm-neutral palette into the professional entry section. */
.brand-home .brand-trade{background:#f0ece5;color:#383a32;scroll-margin-top:24px}
.brand-home .brand-trade h2,.brand-home .brand-trade-links a{color:#383a32}
.brand-home .brand-trade .brand-heading>p{color:#686052}
.brand-home .brand-trade .eyebrow,.brand-home .brand-trade-links span{color:#796348}
.brand-home .brand-trade-links{border-top-color:#cdc2b2}
.brand-home .brand-trade-links a{border-bottom-color:#cdc2b2}
.brand-home .brand-trade-links b{color:var(--mayfair-action)}
.brand-home .brand-trade-links a:hover{color:var(--mayfair-action-hover)}
/* Three quiet, distinct colors for the professional programs. */
.brand-home .brand-trade-links{border-top:0;gap:16px}
.brand-home .brand-trade-links a{padding:26px 22px;min-height:92px;border:1px solid #383a3212;border-radius:3px;line-height:1.45;transition:box-shadow .18s,border-color .18s}
.brand-home .brand-trade-links a[data-audience="dealers"]{background:#dce0d2}
.brand-home .brand-trade-links a[data-audience="builders"]{background:#e2d6c3}
.brand-home .brand-trade-links a[data-audience="contractors"]{background:#e7d5cb}
.brand-home .brand-trade-links span{color:#665842}
.brand-home .brand-trade-links b{padding-right:0;flex-shrink:0}
.brand-home .brand-trade-links a:hover{border-color:#817564;box-shadow:0 5px 16px #5144350d;text-decoration:none}
.brand-home .brand-trade-links a:focus-visible{outline:2px solid var(--mayfair-action);outline-offset:4px}
@media(max-width:760px){.brand-home .brand-trade-links{gap:12px}.brand-home .brand-trade-links a{padding:24px 20px;min-height:78px}}

/* One shared trade entrance for all professional customers. */
.brand-home .brand-trade-links.trade-unified{grid-template-columns:1fr}
.brand-home .brand-trade-links a[data-audience="trade"]{background:#e2d6c3}

/* Narrow-screen QA: keep cabinet selector and Reset within the viewport. */
@media(max-width:360px){.cabinet-study .viewer-top{flex-wrap:wrap}.cabinet-study .viewer-top label{min-width:0;max-width:100%}.cabinet-study .viewer-top select{max-width:100%;box-sizing:border-box}}
