.comp-intro{padding-top:35px;padding-bottom:38px}.comp-intro h1{font-size:clamp(42px,5vw,68px);margin:18px 0}.comp-intro>p{max-width:640px;line-height:1.7;color:#5f696b}.comp-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:start;padding-bottom:70px}.comp-preview{position:sticky;top:125px;min-width:0}.comp-preview-top{display:flex;justify-content:space-between;gap:12px;padding:0 0 12px;font-size:11px;color:#646f70}.comp-preview-top>span{text-transform:uppercase;letter-spacing:.15em}.comp-preview-top a{text-decoration:underline;text-underline-offset:4px}.comp-scene{height:clamp(300px,calc(100svh - 330px),620px);background:#e7e4db;border:1px solid #d8d8cf}.comp-scene svg{width:100%;height:100%;display:block}.comp-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:14px}.comp-caption h2{font:clamp(27px,3vw,39px) Georgia,serif}.comp-caption p{font-size:12px;text-align:right;color:#5c6665}.comp-fine{font-size:12px!important;line-height:1.7!important;color:#697271;margin:12px 0}.comp-review-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.comp-controls{border:1px solid #dcddd6;background:#fff;min-width:0;scroll-margin-top:150px}.comp-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ddd}.comp-tabs button{padding:17px 4px;border:0;background:#f3f2ed;color:#667371;min-height:65px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.comp-tabs small{display:block;font-size:9px;margin-bottom:5px;font-weight:400;letter-spacing:.1em}.comp-tabs button[aria-selected=true]{background:#19303d;color:#fff}.comp-panel{padding:28px}.comp-panel[hidden]{display:none}.comp-panel h2{font-size:36px;line-height:1.1;margin:13px 0 26px}.comp-panel h3{font-size:17px;margin:20px 0 8px}.comp-panel>p:not(.comp-fine){font-size:13px;line-height:1.7;margin:20px 0;color:#606d6c}.comp-field{margin:20px 0}.comp-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.comp-field select,.comp-field input{width:100%;min-width:0;padding:13px 10px;min-height:46px;border:1px solid #ccd1cd;border-radius:0;background:#fff;color:#1b313e;font:inherit;font-size:14px}.comp-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.comp-model-grid button{min-width:0;padding:10px 5px;background:#f7f6f2;border:1px solid #e2e3dd;color:#17303c;cursor:pointer}.comp-model-grid button[aria-pressed=true]{outline:2px solid #a18c5e;outline-offset:0;background:#eeece1}.comp-model-grid button>span{display:block;height:125px}.comp-model-grid svg{height:100%;width:100%}.comp-model-grid strong{display:block;font-size:10px;margin:10px 0 4px}.comp-model-grid small{font-size:8px;color:#6f7774}.comp-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin:20px 0 25px}.comp-swatch{border:0;background:transparent;color:#203744;min-height:86px;cursor:pointer;padding:4px}.comp-swatch>span{display:flex;align-items:center;justify-content:center;background:var(--paint);color:transparent;width:47px;height:47px;border-radius:50%;margin:0 auto 9px;border:3px solid #fff;box-shadow:0 0 0 1px #deded5;font-size:22px;text-shadow:none}.comp-swatch[aria-pressed=true]>span{color:#fff;text-shadow:0 1px 4px #000;box-shadow:0 0 0 2px #a18c5e}.comp-swatch strong{font-size:10px;font-weight:600}.comp-disclosure{border-top:1px solid #dedfd8;border-bottom:1px solid #dedfd8;margin:18px 0;padding:0 2px}.comp-disclosure+ .comp-disclosure{border-top:0}.comp-disclosure summary{padding:18px 0;cursor:pointer;font-size:13px;font-weight:600}.comp-disclosure[open]{padding-bottom:15px}.comp-finish-card{display:flex;align-items:center;gap:13px;background:#f2f2eb;padding:16px;margin:25px 0}.comp-finish-card>span{width:35px;height:35px;flex-shrink:0;border-radius:50%}.comp-finish-card strong{font-size:12px;display:block}.comp-finish-card small{display:block;font-size:10px;margin-top:4px;color:#66716d}.comp-actions{margin-top:25px;display:flex}.comp-actions .button{font-size:12px;width:100%;justify-content:center;min-height:48px}.comp-measurements{display:grid;grid-template-columns:1fr 1fr;gap:15px}.comp-summary{margin-bottom:25px}.comp-summary>div{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;border-bottom:1px solid #e1e3dc;padding:13px 0;font-size:11px;line-height:1.65}.comp-summary dt{color:#717a76}.comp-summary dd{margin:0;text-align:right}.comp-save{display:flex;gap:16px;margin:25px 0}.comp-save button,.comp-panel .quiet-button{border:0;border-bottom:1px solid #a49c83;background:none;font:inherit;font-size:11px;min-height:44px;color:#203744;cursor:pointer}.comp-assurance{padding:18px 28px;background:#f3f3ed;color:#747b75;font-size:10px;line-height:1.7;margin:0}.comp-help{padding-bottom:80px}.comp-help h2{font-size:36px}.comp-help p{margin:20px 0;font-size:14px;max-width:620px}.comp-help .brand-actions{justify-content:flex-start}.composite-intro-actions{margin:25px 0 35px;justify-content:flex-start}.range-grid.composite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comp-layout :focus-visible{outline:3px solid #ab8f4d;outline-offset:4px}
@media(max-width:1000px){.comp-layout{gap:25px}.comp-panel{padding:22px}.comp-scene{height:440px}.comp-model-grid button>span{height:110px}}
@media(max-width:760px){.comp-intro{padding-top:24px;padding-bottom:24px}.comp-intro h1{font-size:44px}.comp-layout{display:block}.comp-preview{position:relative;top:auto;margin-bottom:25px}.comp-scene{height:370px}.comp-preview-top{font-size:10px}.comp-caption h2{font-size:29px}.comp-controls{scroll-margin-top:145px}.comp-panel{padding:24px}.comp-panel h2{font-size:35px}.comp-field select,.comp-field input{font-size:16px}.comp-model-grid button>span{height:140px}.comp-model-grid strong{font-size:11px}.comp-model-grid small{font-size:9px}.comp-tabs button{font-size:13px}.comp-fine{font-size:12px!important}.comp-swatch strong{font-size:11px}.range-grid.composite-grid{grid-template-columns:1fr}body:has(#composite-designer) .floating-contact{display:none}.comp-summary>div{font-size:12px}.comp-panel>.button{width:100%;font-size:12px;padding:18px 10px;text-align:center;justify-content:center}}
@media(min-width:761px) and(max-height:650px){.comp-preview{position:relative;top:0}.comp-scene{height:380px}}
@media(max-width:760px) and(min-height:680px){.comp-preview{position:sticky;top:108px;z-index:12;background:#f7f5ef;padding:8px 0 10px;box-shadow:0 12px 18px #172b3710}.comp-scene{height:190px}.comp-preview-top{padding-bottom:7px}.comp-caption{margin-top:7px}.comp-caption h2{font-size:24px}.comp-caption p{font-size:10px}.comp-preview>.comp-fine{font-size:9px!important;margin:5px 0 0}.comp-review-link{display:none}.comp-controls{scroll-margin-top:410px}}

.comp-glass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 20px}.comp-glass-grid button{min-width:0;border:1px solid #dde0d8;background:#f6f5ef;padding:9px;color:#1b313e;cursor:pointer}.comp-glass-grid button[aria-pressed=true]{outline:2px solid #a18c5e;outline-offset:0;background:#eeece1}.comp-glass-grid svg{width:100%;height:105px;display:block}.comp-glass-grid strong{display:block;font-size:11px;line-height:1.45;padding:7px 2px 3px}.comp-glass-grid+ .comp-fine{margin-bottom:28px}

/* Original catalogue close-ups make the finish legible without enlarging a tiny full-door crop. */
.comp-glass-grid .comp-glass-photo{display:block;width:100%;height:120px;object-fit:contain;background:#e8e8e1}
.comp-glass-detail{display:flex;gap:18px;align-items:center;background:#f0eee6;padding:14px;margin:14px 0;border:1px solid #dcd9cf}
.comp-glass-detail[hidden]{display:none}.comp-glass-detail img{width:120px;height:120px;object-fit:contain;flex-shrink:0}.comp-glass-detail figcaption{display:grid;gap:6px;line-height:1.5}.comp-glass-detail strong{font-size:15px}.comp-glass-detail span{font-size:11px;color:#746344}.comp-glass-detail small{font-size:11px;color:#64706e}
@media(max-width:600px){.comp-glass-detail{gap:12px;padding:10px}.comp-glass-detail img{width:100px;height:100px}}