:root{--paper:#f5f4ef;--ink:#273027;--muted:#73796f;--line:#dedfd5;--panel:#fafaf6;--accent:#495241;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a,summary,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #71806a;outline-offset:5px}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button{border:0}button,summary{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.site-header{height:87px;margin:0 4.35%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;gap:22px}.brand-word{font:bold italic 29px var(--serif);letter-spacing:-1.8px}.brand-rule{height:26px;width:1px;background:#b8bcaf}.brand-descriptor{font-size:10px;line-height:1.45;letter-spacing:1.7px;text-transform:uppercase}.header-meta{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#6e7a60}main{max-width:1800px;margin:0 auto;padding:0 4.35%}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:47px 0 33px}.eyebrow{font-size:10px;letter-spacing:2.4px;line-height:1.5;margin:0 0 11px;text-transform:uppercase;color:#626b5d}h1{font:normal clamp(36px,4.0vw,64px)/1.1 var(--serif);letter-spacing:-2.3px;margin:0}.title-period{color:#9aa38e}.intro-note{font-size:11px;color:#72786c;line-height:1.85;margin:0 2px 3px 26px}.intro-note em{font-style:normal;color:#313b2d}.studio{display:grid;grid-template-columns:minmax(0,1fr) 306px;border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 32px #30392804}.view-column{min-width:0;display:flex;flex-direction:column}.view-toolbar{height:62px;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px;gap:14px}.view-tabs{display:flex;gap:24px}.view-tab{background:none;padding:0;position:relative;color:#84897d;text-transform:uppercase;letter-spacing:1.7px;font-size:10px}.view-tab[aria-selected=true]{color:#283323}.view-tab[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#566149}.view-tab:hover{color:var(--ink)}.compare-button{align-self:center;display:flex;align-items:center;gap:7px;background:transparent;font-size:10px;letter-spacing:.3px;padding:8px 9px;border:1px solid transparent}.compare-button svg{width:17px;height:17px}.compare-button[aria-pressed=true]{border-color:#bdc4b4;background:#ecf0e6}.compare-button:hover{background:#eeefe7}.render-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e7e8df;isolation:isolate}.render-stage canvas{width:100%;height:100%;display:block;object-fit:contain}.render-stage[aria-busy=true] canvas{opacity:.35}.render-stage:has(#comparison-range:focus-visible){outline:2px solid #71806a;outline-offset:-3px}.render-caption{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:10px;pointer-events:none;font-size:9px;letter-spacing:1.3px;background:#f8f8f0e8;padding:8px 11px;color:#3c4636;z-index:2}.caption-index{font-size:9px;border-right:1px solid #c2c7b9;padding-right:10px;color:#7b8372}.concept-label{position:absolute;right:22px;bottom:31px;font-size:7px;letter-spacing:1.2px;color:#3e4737;background:#f8f8f0d9;padding:3px 6px;z-index:2;pointer-events:none}.loading-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;letter-spacing:.4px;color:#59624e;padding:36px;text-align:center;z-index:5;background:#e7e8dfa8}.loading-spinner{width:22px;height:22px;border:1px solid #bdc5b5;border-top-color:#59624e;border-radius:100%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message.error .loading-spinner{display:none}.view-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 24px;border-top:1px solid var(--line)}.view-footer p{margin:0;display:flex;align-items:center;gap:8px;font-size:10px;color:#727b69}.view-footer strong{font-weight:500;color:var(--ink)}.mini-swatch{width:11px;height:11px;background:#222;border:1px solid #7774;border-radius:50%;flex:0 0 11px}.footer-separator{color:#b5bbac;padding:0 3px}.interaction-tip{font-size:9px;color:#89917f}.palette-panel{padding:28px 23px 18px;border-left:1px solid var(--line);background:#f9f9f4;display:flex;flex-direction:column}.panel-eyebrow{display:flex;justify-content:space-between;gap:5px;font-size:8px;letter-spacing:1.25px;color:#79816f;margin-bottom:17px}.panel-eyebrow span:last-child{color:#9bA390}h2{font:normal 30px/1.15 var(--serif);letter-spacing:-.8px;margin:0 0 10px}.palette-intro{color:#818774;font-size:11px;line-height:1.65;margin:0 0 20px}.selected-finish{display:flex;align-items:center;gap:10px;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.selected-chip{width:32px;height:32px;background:#151715;box-shadow:inset 0 0 0 1px #0001;border-radius:2px;flex:0 0 32px}.selected-finish>div{display:flex;flex-direction:column;gap:2px}.micro-label{font-size:7px;letter-spacing:1.5px;color:#939a86}.selected-finish strong{font-size:12px;font-weight:500}.selected-finish>svg{width:17px;height:17px;margin-left:auto;color:#7c866d}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:15px;margin-bottom:24px}.swatch-button{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;padding:0;min-width:0;position:relative}.swatch-color{display:block;width:100%;height:32px;border-radius:2px;background:var(--swatch);box-shadow:inset 0 0 0 1px #1111;position:relative;transition:transform .15s}.swatch-button:hover .swatch-color{transform:translateY(-2px)}.swatch-button[aria-pressed=true] .swatch-color:after{content:'';position:absolute;inset:-4px;border:1px solid #657159;border-radius:4px}.swatch-name{font-size:8.5px;line-height:1.15;color:#747d69;min-height:19px;display:flex;align-items:flex-start;justify-content:center;text-align:center}.swatch-button[aria-pressed=true] .swatch-name{color:#253020}.coordinate-option{display:flex;gap:9px;position:relative;font-size:10px;color:#4e5a43;cursor:pointer;padding-top:15px;border-top:1px solid var(--line);margin-top:auto;margin-bottom:18px;align-items:flex-start}.coordinate-option input{position:absolute;opacity:0;width:15px;height:15px;top:13px;left:0;margin:0}.custom-checkbox{height:14px;width:14px;border:1px solid #adb59f;display:inline-flex;flex:0 0 14px;align-items:center;justify-content:center;border-radius:2px;margin-top:1px}.custom-checkbox svg{width:13px;height:13px;display:none}.coordinate-option input:checked+.custom-checkbox{background:#536047;border-color:#536047;color:white}.coordinate-option input:checked+.custom-checkbox svg{display:block}.coordinate-option input:focus-visible+.custom-checkbox{outline:2px solid #71806a;outline-offset:4px}.option-detail{display:block;font-size:8px;color:#969d8b;margin-top:3px}.export-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:14px 15px;background:#3c4835;color:#f7f7ef;font-size:10px;letter-spacing:.4px;transition:background .15s}.export-button:hover{background:#293422}.export-button svg{width:15px;height:15px;stroke-width:1.2}.button-arrow{font-size:17px;line-height:1;margin-left:auto}.palette-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:7px}.palette-bottom>span{font-size:7.5px;color:#9aa18f}.palette-bottom button{padding:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#818b72;font-size:8px}.comparison-overlay{position:absolute;inset:0;z-index:3}.comparison-label{position:absolute;top:20px;background:#fbfbf2ea;padding:6px 11px;font-size:9px;letter-spacing:.3px;max-width:43%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:none}.comparison-label-left{left:20px}.comparison-label-right{right:20px}.comparison-divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fffffff0;box-shadow:0 0 5px #2224;pointer-events:none;transform:translateX(-1px)}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #fff;border-radius:50%;background:#f6f7ef;color:#384831;box-shadow:0 2px 7px #151f2533}.comparison-divider svg{width:24px;height:18px}#comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-controls{display:flex;gap:10px;align-items:center;padding:14px 24px;border-top:1px solid var(--line);font-size:10px;background:#f0f2e9}.comparison-controls label{color:#76836a}.comparison-controls select{border:1px solid #c7cebd;background:var(--panel);color:#3d4c31;padding:7px 28px 7px 9px;max-width:175px}.comparison-controls>span{font-size:9px;color:#909a82;margin-left:auto}.live-status{font-size:10px;color:#657355;min-height:15px;margin:8px 0 0}.study-notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:35px 0 51px}.note-lead{display:flex;gap:22px;padding:8px 0}.note-mark{font-size:30px;color:#8c967d;font-weight:300;line-height:1}.note-lead p{margin:0;font-size:13px;line-height:1.65;color:#5e6a52}.note-lead em{font:italic 19px/1.65 var(--serif);color:#808a74}.disclosures{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:10px;padding:14px 0;color:#5f6c52}summary::-webkit-details-marker{display:none}summary>span{font-size:15px;color:#929f84;line-height:1;font-weight:normal}details[open] summary>span{transform:rotate(45deg)}.details-content{font-size:10px;color:#7d8773;line-height:1.7;padding:0 19px 17px 0}.details-content ul{padding:0 0 0 13px;margin:0}.details-content li+li{margin-top:8px}.source-item{margin:0 0 13px}.source-item a{color:#4e6040;text-underline-offset:3px}.source-item strong{font-weight:500;display:block}.source-item p{margin:3px 0 0}.product-link{font-size:9px;display:inline-flex;align-items:center;gap:20px;text-decoration:none;border-bottom:1px solid #abb79e;padding-bottom:4px;color:#506644}.site-footer{margin:0 4.35%;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:21px 0 27px;color:#949d88;font-size:8px;letter-spacing:1.2px}.site-footer>p{font-size:8px;letter-spacing:0;max-width:550px;text-align:center;margin:0;color:#a1a895}.site-footer>span:last-child{font-size:7px;text-align:right}.noscript{padding:20px;background:#ebe1ca;text-align:center}
@media(min-width:1600px){.studio{grid-template-columns:minmax(0,1fr) 340px}.palette-panel{padding:31px 28px 24px}.swatch-grid{gap:20px 16px}.swatch-color{height:38px}.swatch-name{font-size:9px}.render-stage{flex:1;min-height:640px;aspect-ratio:auto}.render-stage canvas{object-fit:contain}.palette-intro{margin-bottom:27px}.selected-finish{margin-bottom:28px}}
@media(max-width:1100px){.studio{grid-template-columns:minmax(0,1fr) 277px}.palette-panel{padding:22px 20px 16px}.view-tabs{gap:18px}.view-toolbar{padding:0 18px}.view-footer{padding:17px 18px}.interaction-tip{display:none}.swatch-grid{gap:12px 11px}.swatch-color{height:29px}.swatch-name{font-size:8px}.palette-intro{margin-bottom:15px}.selected-finish{margin-bottom:17px}.comparison-controls{flex-wrap:wrap}.comparison-controls>span{width:100%;margin:0}.intro{margin-top:34px}.render-stage{margin:auto 0}.view-footer{margin-top:auto}.study-notes{gap:7%}}
@media(max-width:800px){.site-header{height:74px}.header-meta{font-size:8px}.brand{gap:16px}.brand-word{font-size:26px}.brand-descriptor{font-size:8px;letter-spacing:1.4px}.intro{margin:30px 0 26px}.intro-note{font-size:9px}h1{font-size:40px;letter-spacing:-1.7px}.studio{grid-template-columns:minmax(0,1fr)}.palette-panel{border-left:0;border-top:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.panel-eyebrow{grid-column:1/-1;margin-bottom:15px}h2{font-size:31px;grid-column:1}.palette-intro{grid-column:1;margin-bottom:18px}.selected-finish{grid-column:2;grid-row:2/4;align-self:start;margin:0;border-top:0;padding:4px 0 15px}.swatch-grid{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:14px;margin:0 0 20px}.swatch-color{height:33px}.swatch-name{font-size:8px;min-height:21px}.coordinate-option{grid-column:1;grid-row:5/7;margin:0;padding-top:14px;align-self:start}.export-button{grid-column:2;grid-row:5;align-self:start;padding:12px 15px}.palette-bottom{grid-column:2;grid-row:6;margin-top:6px}.view-footer{padding:16px 22px}.interaction-tip{display:inline;font-size:8px}.comparison-controls{flex-wrap:nowrap}.comparison-controls>span{width:auto;margin-left:auto}.render-stage{margin:0;aspect-ratio:3/2}.study-notes{margin-top:25px;margin-bottom:32px}.site-footer{gap:15px}.site-footer>p{max-width:320px}.site-footer>span:last-child{display:none}}
@media(max-width:560px){main{padding:0 5%}.site-header,.site-footer{margin-left:5%;margin-right:5%}.header-meta{display:none}.site-header{height:70px}.intro{margin:26px 0 24px;display:block}.eyebrow{font-size:8px;margin-bottom:9px;letter-spacing:1.8px}h1{font-size:35px}.intro-note{font-size:10px;margin:11px 0 0;line-height:1.5}.intro-note br{display:none}.intro-note em{margin-left:4px}.view-toolbar{height:55px;padding:0 13px;gap:10px}.view-tabs{gap:19px}.view-tab{font-size:8px;letter-spacing:.8px}.compare-button{font-size:8px;gap:4px;padding:7px 4px}.compare-button svg{width:14px;height:14px}.render-caption{left:12px;bottom:12px;padding:6px 8px;font-size:7px;gap:7px;letter-spacing:.8px}.caption-index{padding-right:7px;font-size:7px}.concept-label{right:10px;bottom:17px;font-size:5px;letter-spacing:.5px}.view-footer{padding:14px 14px}.view-footer p{font-size:8px;gap:6px}.interaction-tip{display:none}.mini-swatch{width:9px;height:9px;flex-basis:9px}.palette-panel{padding:23px 20px 18px;gap:0 16px}.panel-eyebrow{font-size:7px;letter-spacing:1px}h2{font-size:28px}.palette-intro{font-size:9px}.selected-finish{gap:7px;padding-top:2px}.selected-chip{width:26px;height:26px;flex-basis:26px}.micro-label{font-size:6px;letter-spacing:1px}.selected-finish strong{font-size:10px}.selected-finish>svg{width:13px}.swatch-grid{grid-template-columns:repeat(5,1fr);gap:13px 15px;margin-bottom:17px}.swatch-color{height:31px}.swatch-name{font-size:8px;min-height:17px}.coordinate-option{font-size:9px;grid-column:1/-1;grid-row:5;margin-bottom:18px;padding-top:15px}.coordinate-option .option-detail{font-size:8px}.export-button{grid-column:1/-1;grid-row:6;padding:14px 16px}.palette-bottom{grid-column:1/-1;grid-row:7;margin-top:9px}.palette-bottom>span,.palette-bottom button{font-size:8px}.comparison-controls{padding:12px 14px;gap:8px;flex-wrap:wrap}.comparison-controls>span{width:100%;margin:0;font-size:8px}.comparison-label{top:12px;font-size:7px;padding:5px 8px}.comparison-label-left{left:12px}.comparison-label-right{right:12px}.comparison-divider>span{width:29px;height:29px}.comparison-divider svg{width:20px}.study-notes{grid-template-columns:1fr;gap:22px;margin:17px 0 29px}.note-lead{gap:16px}.note-lead p{font-size:11px}.note-lead em{font-size:17px}.note-mark{font-size:26px}.site-footer{display:block;padding-top:19px}.site-footer>p{text-align:left;margin-top:9px;font-size:7px;line-height:1.6;max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-spinner{animation:none}}
.drawing-link{font-size:9px;color:#738366;text-underline-offset:3px;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:560px){.view-footer{flex-wrap:wrap;gap:10px}.drawing-link{font-size:8px}}

/* Coordinated design controls and a separate, browse-only product palette library. */
.brand-logo{display:block;width:94px;height:45px;object-fit:contain}.brand{gap:20px}.brand-rule{height:30px}.brand-descriptor{font-size:9px;letter-spacing:1.6px}.view-toolbar{height:56px;flex-shrink:0}.view-tabs{min-height:55px}.render-stage{flex:none;min-height:0;margin:0}.view-footer{margin:0}.compare-area{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 24px;border-bottom:1px solid var(--line);background:#f1f3eb}.compare-button{font-size:11px;gap:8px;padding:9px 11px;border:1px solid #c5cdbb;background:#fafbf6;white-space:nowrap}.compare-button[aria-pressed=true]{background:#e4e9dc;border-color:#a7b298}.compare-intro{font-size:10px;color:#737d68;margin:0}.comparison-controls{padding:0;border:0;background:transparent;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;flex:1;min-width:260px}.comparison-controls label{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.2px;color:#4e5b44;flex:1;min-width:120px}.comparison-controls select{max-width:none;width:100%;min-width:0;padding:8px 27px 8px 9px;font-size:11px;border-radius:2px}.comparison-controls p{flex:0 0 100%;margin:1px 0 1px;font-size:9px;line-height:1.5;color:#737e68}.palette-target{margin:0 0 12px;padding:8px 10px;background:#e9eee2;border:1px solid #d7dfcd;color:#4a5d3e;font-size:10px;line-height:1.5;border-radius:2px}.selected-finish{margin-bottom:20px}.palette-help{font-size:9px;line-height:1.65;color:#778269;padding-top:13px;border-top:1px solid var(--line);margin:0 0 18px}.swatch-button:disabled{cursor:default;opacity:.45}.swatch-button:disabled:hover .swatch-color{transform:none}.export-button:disabled{cursor:default}.scope-panel{padding:22px 24px 20px;border-top:1px solid var(--line);background:#f7f8f1}.scope-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.scope-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin:0 0 7px}.scope-heading h2{font-size:25px;margin:0;letter-spacing:-.5px}.scheme-summary{font-size:9px;color:#6d7a60;line-height:1.6;max-width:200px;text-align:right;padding-top:3px}.scope-intro{font-size:10px;line-height:1.65;color:#77816d;margin:10px 0 15px;max-width:660px}.scope-panel fieldset{border:0;padding:0;margin:0;min-width:0}.scope-panel fieldset:disabled{opacity:.6}.scope-panel fieldset:disabled button{cursor:default}.whole-home-button{width:100%;display:flex;align-items:center;gap:11px;border:1px solid #cfd7c4;border-radius:3px;background:#fbfcf7;padding:12px 13px;text-align:left;font-size:11px}.whole-home-button strong{display:block;font-size:9px;font-weight:400;color:#7c8870;margin-top:3px}.whole-home-button[aria-pressed=true]{background:#e9eedf;border-color:#9eaE8f}.scope-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #aeba9f;border-radius:50%;font-size:12px;color:transparent;flex:0 0 20px}.whole-home-button[aria-pressed=true] .scope-icon{color:#f6f8ee;background:#5a6b4b;border-color:#5a6b4b}.scope-details{border:0;margin-top:4px}.scope-details>summary{font-size:10px;color:#4e613e;padding:13px 1px;gap:12px}.scope-details>summary>.scope-summary-text{font-size:10px;color:inherit;line-height:1.5;transform:none!important}.opening-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;padding:0 0 12px}.opening-level{border:1px solid #d6decc;border-radius:3px;padding:12px;background:#fbfcf8;min-width:0}.opening-level label{display:flex;align-items:center;gap:7px;cursor:pointer;line-height:1.5}.opening-level input{width:14px;height:14px;margin:0;accent-color:#5a6b4b;flex:0 0 14px}.level-selector{font-size:10px;font-weight:600;color:#4d5b42;border-bottom:1px solid #e0e5d9;padding:0 0 9px;margin-bottom:10px}.opening-type+.opening-type{margin-top:12px}.type-selector{font-size:9px;color:#707c63}.opening-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.opening-selector{min-height:30px;padding:5px 7px;background:#f0f3e9;border:1px solid #dce3d2;border-radius:2px;font-size:9px;color:#526047}.opening-selector:has(input:checked){background:#e0e8d6;border-color:#9fac90}.opening-color-chip{height:10px;width:10px;flex:0 0 10px;border:1px solid #0002;border-radius:2px;margin-left:1px}.scope-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:11px;font-size:9px;color:#7b866e}.scope-actions button{background:none;text-decoration:underline;text-underline-offset:3px;color:#546c41;font-size:9px;padding:3px 0}.scope-actions button:disabled{cursor:default;opacity:.45}.finish-library{margin:25px 0 0;border:1px solid var(--line);background:#f8f9f2}.finish-library>details{border:0}.finish-library summary{padding:25px 28px;gap:20px}.finish-library summary .eyebrow{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:9px;color:#7c8b6c}.finish-library h2{font-size:29px;margin:0 0 8px;color:#4e5f43}.finish-library summary p{margin:0;font-size:10px;color:#7d8970;line-height:1.6}.library-content{border-top:1px solid var(--line);padding:21px 28px 25px}.library-disclosure{font-size:10px;line-height:1.7;margin:0 0 19px;max-width:870px;color:#78866b}.library-selector{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:10px;color:#667858}.library-selector label{font-weight:600}.library-selector select{border:1px solid #bfcbb1;border-radius:2px;background:#fdfef9;color:#465d35;font-size:11px;padding:9px 30px 9px 11px;max-width:100%;min-width:225px}.library-selector>span{font-size:9px;color:#8a987d}.library-content>#library-description{font-size:11px;color:#6b7d5c;margin:17px 0}.library-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px 16px}.library-swatch{font-size:9px;line-height:1.35;color:#6c7a61}.library-swatch-color{display:block;height:51px;margin-bottom:7px;border:1px solid #cccfc4;box-shadow:0 0 0 5px #e3e6dc;border-radius:1px}.library-note{font-size:10px;line-height:1.7;color:#76866a;padding:16px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.library-sources{font-size:9px;line-height:1.7;color:#8a947f;margin-top:14px}.library-sources .source-item{margin-bottom:8px}.library-sources .source-item:last-child{margin-bottom:0}
@media(min-width:1600px){.render-stage{min-height:0;flex:none;aspect-ratio:3/2}.palette-panel{padding-top:29px}.scope-panel{padding:25px 28px}.compare-area{padding-left:28px;padding-right:28px}}
@media(max-width:1100px){.compare-area{padding:11px 18px;gap:10px}.comparison-controls{flex-basis:100%;min-width:0}.scope-panel{padding:20px 18px}.scope-heading{flex-wrap:wrap;gap:6px}.scheme-summary{max-width:none;text-align:left}.opening-groups{grid-template-columns:1fr}.scope-actions{flex-wrap:wrap;gap:6px}.library-swatches{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}
@media(max-width:800px){.palette-panel{display:flex;gap:0;padding:24px}.palette-intro br{display:none}.palette-intro{margin-bottom:12px}.palette-target{max-width:100%;margin-bottom:15px}.selected-finish{border-top:1px solid var(--line);padding:12px 0;margin:0 0 20px;align-self:auto}.swatch-grid{grid-template-columns:repeat(10,minmax(0,1fr));margin:0 0 20px}.palette-help{margin-top:0}.export-button{padding:14px 16px}.palette-bottom{margin-top:10px}.opening-groups{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.scope-heading{flex-wrap:nowrap}.scheme-summary{max-width:220px;text-align:right}.comparison-controls{flex-basis:auto;min-width:230px}.compare-area{padding:12px 22px;gap:11px 15px}.brand-logo{width:83px;height:40px}.library-swatches{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:18px 16px}.library-swatch-color{height:45px}}
@media(max-width:560px){.brand{gap:15px}.brand-logo{width:80px;height:39px}.brand-descriptor{font-size:8px;letter-spacing:1.3px}.view-toolbar{height:53px}.view-tabs{min-height:52px;gap:25px}.compare-area{padding:11px 14px;gap:9px}.compare-button{font-size:10px;padding:8px 10px}.compare-intro{font-size:9px;flex-basis:100%}.comparison-controls{min-width:0;flex-basis:100%;gap:10px}.comparison-controls label{font-size:9px;min-width:0}.comparison-controls select{font-size:11px;padding:8px}.comparison-controls p{font-size:8px}.scope-panel{padding:18px 15px}.scope-heading{display:block}.scope-heading h2{font-size:24px}.scheme-summary{display:block;max-width:none;text-align:left;font-size:8px;margin-top:7px}.scope-intro{font-size:9px}.whole-home-button{font-size:10px;padding:10px}.whole-home-button strong{font-size:8px}.opening-groups{grid-template-columns:1fr;gap:9px}.scope-actions{font-size:8px;gap:7px}.scope-actions button{font-size:8px}.palette-panel{padding:22px 20px 19px}.swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 15px;margin-bottom:17px}.palette-help{font-size:9px}.palette-target{font-size:9px}.selected-finish{padding:11px 0}.selected-finish strong{font-size:11px}.palette-bottom{margin-top:10px}.finish-library{margin-top:20px}.finish-library summary{padding:20px}.finish-library h2{font-size:25px}.finish-library summary p{font-size:9px}.library-content{padding:18px 20px 22px}.library-disclosure{font-size:9px}.library-selector{gap:8px;font-size:9px}.library-selector select{flex-basis:100%;width:100%;min-width:0}.library-selector>span{font-size:8px}.library-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.library-swatch{font-size:8px}.library-swatch-color{height:35px}.library-note{font-size:9px}.library-sources{font-size:8px}}

/* The featured collection has a contrasting framed treatment in both locations. */
.intro>div{min-width:0}.featured-product,.palette-product{display:flex;flex-direction:column;max-width:100%;min-width:0;background:#29382f;border:1px solid #a89a58;border-left:4px solid #efd02d;border-radius:3px;box-shadow:0 5px 16px #2431260d}.featured-product{width:fit-content;margin:20px 0 0;padding:17px 23px 19px 20px;gap:8px}.featured-product>span,.palette-product>span{color:#f0d756;font-size:8px;letter-spacing:1.6px}.featured-product>strong{font:500 clamp(23px,2.3vw,34px)/1.2 var(--sans);letter-spacing:-.8px;color:#fffdf3}.palette-product{padding:16px 15px 18px;margin:0 0 22px;gap:9px}.palette-product>span{font-size:7px;letter-spacing:1.1px}.palette-product>strong{font:500 23px/1.18 var(--sans);letter-spacing:-.55px;color:#fffdf3}.intro-note{margin-bottom:2px}
@media(max-width:800px){.featured-product>strong{font-size:26px}.intro{align-items:flex-start}}
@media(max-width:560px){.featured-product{margin-top:17px;padding:15px 17px 17px;gap:8px}.featured-product>span{font-size:7px;letter-spacing:1.25px}.featured-product>strong{font-size:23px;letter-spacing:-.5px}.intro-note{margin-top:17px}.palette-product{margin-bottom:20px;padding:16px 16px 18px}}

/* Collection selection and a source-informed, matching-scale sightline study. */
.collection-panel{border:1px solid #c8d0bb;background:#f7f8f1;padding:25px 27px 20px;margin:0 0 23px}.collection-heading,.sightline-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.collection-heading .eyebrow,.sightline-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 8px}.collection-heading h2,.sightline-heading h2{font-size:30px;letter-spacing:-.6px;margin:0}.study-badge{font-size:7px;letter-spacing:1.2px;padding:7px 9px;border:1px solid #c1c9b3;color:#758069;margin-top:7px;white-space:nowrap}.collection-choices{display:grid;grid-template-columns:repeat(var(--collection-count,3),minmax(0,1fr));gap:12px;margin:22px 0 16px}.collection-choice{position:relative;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:5px 9px;padding:17px 18px;text-align:left;background:#fcfdf7;border:1px solid #cbd4bf;border-radius:3px;color:#45573c;transition:background .2s,border-color .2s}.collection-choice:hover{background:#e8eee0;border-color:#97a886}.collection-choice[aria-pressed=true]{background:#29382f;border-color:#a89a58;box-shadow:inset 0 -3px #efd02d;color:#fffdf3}.collection-number{font:italic 17px/1 var(--serif);opacity:.65;grid-column:1;grid-row:1/3}.collection-choice strong{font-size:17px;font-weight:500;line-height:1.25;letter-spacing:-.35px;grid-column:2}.collection-hint{font-size:8px;line-height:1.4;opacity:.72;grid-column:2}.collection-description{font-size:11px;line-height:1.75;color:#5b6d4e;max-width:950px;margin:0}.collection-view-note{font-size:10px;line-height:1.7;color:#7d886e;max-width:1000px;margin:7px 0 0}.collection-notice{font-size:10px;line-height:1.65;background:#eee9d0;border-left:3px solid #b7a345;padding:9px 12px;color:#6d643e;margin:14px 0 0}.active-palette-note{font-size:9px;line-height:1.6;color:#7c866f;margin:-4px 0 16px}.swatch-grid.extended-palette{max-height:510px;overflow-y:auto;overscroll-behavior:contain;padding:6px 6px 10px;margin-left:-6px;margin-right:-6px;scrollbar-color:#abb79b #e8ecdf;scrollbar-width:thin}.sightline-study{background:#f8f9f3;border:1px solid var(--line);padding:27px 28px 23px;margin:25px 0}.sightline-heading label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#647655;min-width:210px}.sightline-heading select,.detail-mode-control select{max-width:100%;border:1px solid #bdcab0;background:#fcfdf8;padding:9px 12px;font-size:11px;color:#4c623e;border-radius:2px}.sightline-intro{font-size:10px;line-height:1.7;color:#75856a;max-width:900px;margin:17px 0}.detail-mode-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#596c4d;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.detail-mode-control>span{font-size:9px;color:#859278}.detail-opening-info{font-size:11px;color:#4c613e;font-weight:500;line-height:1.7;margin:0 0 5px}.detail-note{font-size:10px;line-height:1.7;color:#7b876e;margin:0 0 18px}.profile-cards{display:grid;grid-template-columns:repeat(var(--collection-count,3),minmax(0,1fr));gap:17px;align-items:start}.profile-card{min-width:0;background:#fffef8;border:1px solid #d2dbc7;padding:15px 14px 16px;border-radius:3px;overflow:hidden}.profile-card.is-active{border-color:#9aab86;box-shadow:inset 0 3px #d8c45c}.profile-card-label{font-size:7px;letter-spacing:1.1px;color:#8a967d}.profile-card.is-active .profile-card-label{color:#6c763e}.profile-card h3{font:500 17px/1.3 var(--sans);letter-spacing:-.3px;color:#4d603f;margin:7px 0 13px}.profile-preview{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#e6e9df;border:1px solid #dde3d6}.profile-card-status{font-size:10px;line-height:1.65;color:#586e48;margin:13px 0 0}.profile-card-note{font-size:9px;line-height:1.65;color:#7e8a71;margin:8px 0 0}.retained-label{display:block;font-weight:500;font-size:7px;letter-spacing:1px;margin:13px 0 -6px;color:#8d7952}.profile-retained{background:#f7f5eb}.sightline-disclaimer{font-size:9px;line-height:1.7;color:#849176;margin:18px 0 0;max-width:1100px}.profile-references{border-top:1px solid var(--line);border-bottom:0;margin-top:17px}.profile-references .details-content{font-size:10px;padding-bottom:0}.profile-references summary{padding-bottom:0;font-size:10px}.profile-references[open] summary{padding-bottom:15px}#sightline-heading{scroll-margin-top:20px}
@media(max-width:1100px){.collection-choice{padding:15px 14px;grid-template-columns:21px 1fr;gap:5px 6px}.collection-choice strong{font-size:15px}.profile-cards{gap:12px}.profile-card{padding:13px 11px}.profile-card h3{font-size:15px}.sightline-heading{align-items:center}}
@media(max-width:800px){.collection-panel{padding:22px}.collection-choice{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.collection-number{font-size:13px}.collection-choice strong{font-size:15px}.collection-hint{font-size:7px}.collection-heading h2,.sightline-heading h2{font-size:28px}.sightline-study{padding:23px}.sightline-heading{align-items:flex-start;flex-wrap:wrap}.sightline-heading label{min-width:250px}.profile-cards{gap:10px}.profile-card h3{font-size:13px;min-height:34px}.profile-card-status{font-size:9px}.profile-card-label{font-size:6px;letter-spacing:.7px}.profile-card-note{font-size:8px}.swatch-grid.extended-palette{max-height:310px}}
@media(max-width:560px){.collection-panel{padding:19px 16px;margin-bottom:18px}.collection-heading{display:block}.collection-heading h2,.sightline-heading h2{font-size:25px}.study-badge{display:inline-block;margin-top:11px;font-size:6px;padding:6px 7px}.collection-choices{gap:7px;margin-top:16px}.collection-choice{padding:12px 9px;gap:8px}.collection-choice strong{font-size:12px;letter-spacing:-.15px;line-height:1.3}.collection-hint{display:none}.collection-number{font-size:11px}.collection-description{font-size:10px}.collection-view-note,.collection-notice{font-size:9px}.sightline-study{padding:20px 16px;margin:20px 0}.sightline-heading{gap:17px}.sightline-heading label{min-width:0;width:100%;font-size:9px}.sightline-intro{font-size:9px}.detail-mode-control{gap:9px;font-size:9px}.detail-mode-control>span{width:100%;font-size:8px}.profile-cards{grid-template-columns:1fr;gap:14px}.profile-card{padding:16px}.profile-card h3{font-size:20px;min-height:0;margin-bottom:15px}.profile-card-label{font-size:7px;letter-spacing:1.1px}.profile-card-status{font-size:11px}.profile-card-note{font-size:10px}.detail-note,.detail-opening-info{font-size:10px}.sightline-disclaimer{font-size:9px}.active-palette-note{font-size:8px}.swatch-grid.extended-palette{max-height:350px}}
.door-coverage-section{border:1px solid #cad4be;background:#f2f4e9;margin:25px 0;padding:26px 28px}.door-coverage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.door-coverage-heading h2{font:400 30px/1.1 var(--serif);letter-spacing:-1px;color:#526841;margin:6px 0 16px}.door-coverage-heading>p{font-size:10px;line-height:1.7;color:#738365}.door-coverage-title{font-size:13px;font-weight:500;color:#526841;margin:8px 0 13px}.door-coverage-summary{font-size:10px;color:#6f7c61}.door-coverage-list{list-style:none;margin:0;padding:0;border-top:1px solid #cad4be}.door-coverage-row{font:inherit;display:grid;grid-template-columns:minmax(155px,1fr) 116px minmax(200px,2fr) 16px;align-items:center;gap:18px;padding:15px 8px;background:transparent;border:0;border-bottom:1px solid #d7dfcd;text-align:left;width:100%;color:#586a49;cursor:pointer}.door-coverage-row:not(button){cursor:default}.door-coverage-row:where(button):hover{background:#e9eedc}.door-coverage-row:focus-visible{outline:2px solid #718855;outline-offset:2px}.door-coverage-identity{display:flex;flex-direction:column;gap:4px}.door-coverage-mark{font-size:11px;font-weight:600}.door-coverage-operation{font-size:9px;color:#7d896f}.door-coverage-status{font-size:8px;letter-spacing:.3px;border:1px solid #b9c9a5;background:#e6edd9;padding:6px 7px;text-align:center;border-radius:2px}.door-coverage-status.is-retained{background:#efe9d8;border-color:#cfc3a6;color:#8a7550}.door-coverage-note{font-size:10px;line-height:1.6;color:#7d886f}.door-coverage-arrow{font-size:16px}.door-coverage-row:last-child{border-bottom-color:#cad4be}@media(max-width:800px){.door-coverage-row{grid-template-columns:minmax(130px,1fr) 110px;gap:9px 14px}.door-coverage-note{grid-column:1/-1}.door-coverage-arrow{display:none}}@media(max-width:560px){.door-coverage-section{padding:20px 16px}.door-coverage-heading{align-items:flex-start;flex-direction:column;gap:0}.door-coverage-heading h2{font-size:25px;margin-bottom:7px}.door-coverage-heading>p{margin:4px 0 12px}.door-coverage-title{font-size:12px}.door-coverage-row{padding:13px 0}.detail-mode-control select{font-size:10px}}

.single-collection .profile-cards{max-width:720px}.single-collection .collection-choices{max-width:720px}[hidden]{display:none!important}

/* Keyboard access and comfortable phone controls. */
.skip-link{position:fixed;left:16px;top:12px;z-index:100;background:#fffdf3;color:#29382f;padding:12px 16px;transform:translateY(-180%);border:2px solid #29382f}.skip-link:focus{transform:translateY(0)}
.view-tabs{min-width:0;overflow-x:auto;scrollbar-width:thin}.view-tab{flex:0 0 auto;white-space:nowrap}
@media(max-width:560px){.view-tab,.compare-button,.opening-selector,.level-selector,.type-selector,.scope-actions button,.palette-bottom button{min-height:44px}.opening-level label{line-height:1.6}.opening-level input{width:18px;height:18px;flex-basis:18px}.opening-items{gap:8px}.comparison-controls select,.sightline-heading select,.detail-mode-control select,.library-selector select{font-size:16px;min-height:44px}.scope-details summary{min-height:44px}.view-footer{flex-wrap:wrap}.source-item{overflow-wrap:anywhere}}
.view-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;min-width:0}.view-tabs::-webkit-scrollbar{display:none}

/* Local-only facade palette. */
.facade-panel{padding:21px 26px 17px;background:#f7f5ee;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facade-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.facade-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 6px}.facade-heading h2{margin:0;font-size:29px;letter-spacing:-.7px}.facade-selection{text-align:right;display:flex;flex-direction:column;gap:6px}.facade-selection span{font-size:7px;letter-spacing:1.3px;color:#7b8570}.facade-selection strong{font-size:12px;font-weight:500;color:#42563a}
.facade-swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;margin-bottom:17px}.facade-swatch{padding:5px 4px 6px;min-width:0;background:transparent;border:1px solid transparent;border-radius:3px;font-size:9px;color:#68745e;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:8px}.facade-chip{height:33px;width:100%;border:1px solid #29382f26;border-radius:2px;position:relative}.facade-swatch[aria-pressed=true]{background:#e7ecde;border-color:#849774;color:#354b2d}.facade-swatch[aria-pressed=true] .facade-chip:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:white;text-shadow:0 1px 4px #000,0 0 2px #000}.facade-swatch:hover{border-color:#bbc4ad}.facade-swatch:focus-visible,.facade-custom input:focus-visible,.facade-custom button:focus-visible{outline:2px solid #435a35;outline-offset:3px}
.facade-custom{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.facade-picker-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#4c5e40;cursor:pointer}.facade-picker-label input{width:32px;height:30px;border:1px solid #b5bfaa;padding:2px;background:#fff;cursor:pointer}.facade-custom input[type=text]{width:88px;padding:7px 8px;font:10px var(--sans);letter-spacing:.5px;color:#55674a;border:1px solid #c5cebb;border-radius:2px;background:#fffef8}.facade-custom button{background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:6px 0;color:#5b704c}.facade-custom button:disabled{opacity:.45;cursor:default}.facade-custom p{margin:0 0 0 auto;font-size:8px;line-height:1.6;color:#7b8570}
@media(max-width:1100px){.facade-panel{padding:19px 18px 16px}.facade-swatches{gap:5px}.facade-swatch{font-size:8px;padding:4px 2px}.facade-custom p{flex-basis:100%;margin:0}.facade-heading h2{font-size:27px}}
@media(max-width:560px){.facade-panel{padding:18px 14px}.facade-heading{align-items:flex-start;gap:10px}.facade-heading h2{font-size:25px}.facade-selection strong{font-size:11px}.facade-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.facade-swatch{font-size:9px}.facade-chip{height:32px}.facade-custom{gap:11px}.facade-custom input[type=text]{font-size:16px;width:112px;height:44px}.facade-custom button{min-height:44px}.facade-picker-label input{width:42px;height:44px}.header-meta{display:block;font-size:8px;max-width:110px;text-align:right;line-height:1.6}}