/* Catalogue materials and a persistent six-step working surface. */
:root{--cfg-anchor:210px}
html:has(body[data-page="customize"]){scroll-padding-top:0;scroll-behavior:auto}
body[data-page="customize"]{background:#fcf7f1}
.cfg-experience{max-width:1440px;color:#362f2a;padding-bottom:80px}
.cfg-intro{padding:38px 0 30px}.cfg-intro h1{font:clamp(36px,4.5vw,62px)/1.05 'Instrument Serif',Georgia,serif;margin:12px 0 0}.cfg-intro .eyebrow{font-size:12px}
.cfg-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:sticky;top:86px;z-index:25;background:#fcf7f1;padding:10px 0 16px;gap:8px;border-bottom:1px solid #cabbab}
.cfg-steps a{display:flex;align-items:center;gap:12px;padding:13px 12px;min-width:0;background:#f4ecdf;border:1px solid #d8cabb;color:#362f2a;text-decoration:none}.cfg-steps a>span{font:32px/1 'Instrument Serif',Georgia,serif}.cfg-steps b{font-size:14px;line-height:1.3;font-weight:500}.cfg-steps a.is-active{background:#362f2a;color:#fff;border-color:#362f2a}.cfg-steps a:hover{border-color:#362f2a}
.cfg-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:48px;align-items:start}.cfg-sections{min-width:0}
.cfg-step{padding:45px 0 48px;border-bottom:1px solid #d8cabb;scroll-margin-top:var(--cfg-anchor)}
.cfg-step-heading{display:flex;gap:22px;align-items:center}.cfg-step-number{font:70px/1 'Instrument Serif',Georgia,serif;color:#815e46}.cfg-step-heading p{font-size:12px;letter-spacing:.12em;margin:0 0 8px}.cfg-step h2{font:42px/1.1 'Instrument Serif',Georgia,serif;margin:0}.cfg-step-intro{font-size:16px;line-height:1.65;max-width:660px;margin:22px 0 28px}
.cfg-experience button,.cfg-experience input,.cfg-experience select{font:inherit;color:inherit}.cfg-experience button{cursor:pointer}.cfg-experience input,.cfg-experience select{border:1px solid #9c8877;border-radius:0;background:#ffffff;padding:12px;width:100%;min-width:0;font-size:16px}.cfg-experience label{display:block;font-size:14px;line-height:1.6}.cfg-experience label input,.cfg-experience label select{margin-top:7px}.cfg-experience input:focus-visible,.cfg-experience select:focus-visible,.cfg-experience button:focus-visible,.cfg-experience a:focus-visible,.cfg-experience summary:focus-visible{outline:3px solid #986544;outline-offset:4px}
.cfg-choice{position:relative;border:1px solid #cabbab;background:transparent;text-align:left;min-width:0;padding:10px}.cfg-choice.is-on{border:2px solid #362f2a;padding:9px;background:#eee2d3}.cfg-choice:hover{border-color:#362f2a}.cfg-choice-check{display:none;position:absolute;right:10px;top:10px;width:24px;height:24px;background:#362f2a;color:white;text-align:center;line-height:24px;border-radius:50%}.cfg-choice.is-on .cfg-choice-check{display:block}
.cfg-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;align-items:start}.cfg-material{min-width:0}.cfg-material-choice{width:100%;display:block;padding:16px}.cfg-material-choice.is-on{padding:15px}.cfg-material-choice img{display:block;width:100%;height:180px;object-fit:contain;transform:none}.cfg-material-name{display:block;font:23px/1.15 'Instrument Serif',Georgia,serif;margin-top:16px}.cfg-material-benefit{display:block;font-size:13px;line-height:1.4;margin-top:8px;min-height:37px}.cfg-material details{margin-top:10px}.cfg-material summary{cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}.cfg-material details p{font-size:14px;line-height:1.7;margin-top:12px}
.cfg-optional{border-top:1px solid #d8cabb;margin-top:26px;padding-top:18px}.cfg-optional summary{cursor:pointer;font-size:14px}.cfg-optional label{margin-top:18px}.cfg-help{font-size:14px;line-height:1.65;color:#716359;margin:16px 0}.cfg-status{font-size:14px;color:#9c3f27;line-height:1.6;min-height:1px}.cfg-next{display:block;width:fit-content;margin:34px 0 0;font-size:14px;border-bottom:1px solid;padding-bottom:7px;text-decoration:none}
.cfg-units,.cfg-options,.cfg-filters{display:flex;flex-wrap:wrap;gap:9px}.cfg-units button,.cfg-options button,.cfg-filters button{border:1px solid #9c8877;background:transparent;padding:11px 16px;font-size:14px;line-height:1.4}.cfg-units button.is-on,.cfg-options button.is-on,.cfg-filters button.is-on{background:#362f2a;border-color:#362f2a;color:#fff}
.cfg-units{margin-bottom:14px}.cfg-dimensions{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center}.cfg-dimensions label{font-size:18px}.cfg-dimensions input{font-size:38px;background:white;border:2px solid #815e46;padding:18px 14px}.cfg-times{font:32px Georgia,serif;text-align:center;padding-top:30px}.cfg-dimensions input:read-only{background:#f4ecdf}
.cfg-design-heading{margin-top:32px}.cfg-design-heading h3,.cfg-pile h3{font:30px/1.2 'Instrument Serif',Georgia,serif}.cfg-design-heading p{font-size:14px;margin:10px 0 18px}.cfg-own-choice{width:100%;font-size:16px;padding:18px}.cfg-own-choice.is-on{padding:17px}.cfg-model-library{margin-top:16px}.cfg-model-library>summary{cursor:pointer;padding:18px 0;font-size:16px}.cfg-filters{padding:8px 0 22px}.cfg-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cfg-model-choice img{display:block;width:100%;height:170px;object-fit:contain}.cfg-model-choice span{display:block;margin:14px 0 7px;font:24px 'Instrument Serif',Georgia,serif}.cfg-model-choice small{font-size:12px;line-height:1.4;display:block}
.cfg-step .border-choice-heading{display:none}.cfg-step .border-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-step .border-option{color:#362f2a}.cfg-step .border-option span{font-size:14px}.cfg-experience fieldset{border:1px solid #cabbab;min-width:0;padding:22px;margin:28px 0 0}.cfg-experience legend{padding:0 9px;font:27px/1.2 'Instrument Serif',Georgia,serif}.cfg-experience fieldset>label{margin-top:20px}
.cfg-colour-zone{background:#f7efe5}.cfg-colour-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.cfg-colour-slots[data-count="1"]{grid-template-columns:minmax(160px,250px)}.cfg-colour-picker{width:100%;background:#ffffff;border:1px solid #9c8877;padding:12px;display:block;text-align:left}.cfg-colour-picker img,.cfg-colour-empty{width:100%;height:135px;object-fit:contain;display:block;background:#f7efe5}.cfg-colour-empty{display:flex;align-items:center;justify-content:center;font:40px 'Instrument Serif',Georgia,serif;color:#815e46}.cfg-slot-title{display:block;font-size:13px;margin-top:15px}.cfg-slot-ref{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere;margin-top:5px}.cfg-slot-action{display:block;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;margin-top:12px}.cfg-custom-colour{margin-top:15px}.cfg-colour-slot{min-width:0}#border-colour-picker{max-width:250px;margin-top:20px}
.cfg-shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cfg-shape-choice img{display:block;width:100%;height:96px;object-fit:contain}.cfg-shape-choice span{font-size:14px;line-height:1.4;display:block;margin:12px 0 6px}.cfg-pile{border-top:1px solid #d8cabb;padding-top:28px;margin-top:35px}.cfg-pile>p{font-size:16px;line-height:1.7;margin-top:15px}.cfg-pile label{margin-top:18px;max-width:500px}.cfg-pile small{display:block;margin-top:9px;line-height:1.6;font-size:14px}.cfg-pile input{max-width:250px;display:block}
.cfg-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cfg-finish{border:1px solid #cabbab;min-width:0;align-self:start}.cfg-finish>img{display:block;width:100%;height:190px;object-fit:cover}.cfg-finish>div{padding:22px}.cfg-finish h3{font:30px/1.15 'Instrument Serif',Georgia,serif;margin:0}.cfg-finish p{font-size:14px;line-height:1.7;margin:18px 0}.cfg-finish label{margin-top:20px}.cfg-certification{background:#eee2d3}.cfg-experience .cfg-checkbox{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.cfg-experience .cfg-checkbox input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:#362f2a}
.cfg-summary-panel{position:sticky;top:200px;background:#f1e6d8;padding:24px;margin-top:44px;max-height:calc(100dvh - 220px);overflow:auto}.cfg-summary-panel h2{font:35px/1.1 'Instrument Serif',Georgia,serif;margin:14px 0 20px}.cfg-summary-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.cfg-summary-images img{width:100%;height:110px;object-fit:contain;background:#fcf7f1}.cfg-summary-panel dl>div{padding:12px 0;border-top:1px solid #cabbab}.cfg-summary-panel dt{font-size:12px;color:#716359;margin-bottom:4px}.cfg-summary-panel dd{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.cfg-summary-panel .btn{font-size:13px;padding:17px 15px;width:100%;justify-content:center;margin:0 0 20px}.cfg-summary-panel .eyebrow{font-size:12px}
@media(max-width:1100px){.cfg-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:25px}.cfg-steps a{gap:7px;padding:12px 8px}.cfg-steps b{font-size:13px}.cfg-steps a>span{font-size:28px}.cfg-material-choice{padding:12px}.cfg-material-choice.is-on{padding:11px}.cfg-material-name{font-size:21px}.cfg-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-finish-grid{grid-template-columns:1fr}.cfg-colour-slots{gap:8px}.cfg-colour-picker{padding:8px}.cfg-slot-action{font-size:12px}}
@media(max-width:820px){.cfg-workspace{grid-template-columns:1fr}.cfg-summary-panel{position:static;max-height:none;overflow:visible;margin-top:0}.cfg-steps{grid-template-columns:repeat(3,minmax(0,1fr));top:74px;padding:8px 0;gap:5px}.cfg-steps a{padding:9px 7px}.cfg-steps b{font-size:12px}.cfg-steps a>span{font-size:25px}.cfg-step{scroll-margin-top:210px}.cfg-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-finish-grid{grid-template-columns:1fr 1fr}.cfg-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.cfg-intro{padding:28px 0 22px}.cfg-intro h1{font-size:40px}.cfg-step{padding:30px 0 35px}.cfg-step-number{font-size:52px}.cfg-step-heading{gap:15px}.cfg-step h2{font-size:33px}.cfg-step-intro{font-size:16px;margin:20px 0 24px}.cfg-material-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.cfg-material-choice img{height:160px}.cfg-material-benefit{font-size:13px;min-height:40px}.cfg-material-name{font-size:22px}.cfg-dimensions{gap:6px;grid-template-columns:1fr 18px 1fr}.cfg-dimensions label{font-size:16px}.cfg-dimensions input{font-size:30px;padding:16px 10px}.cfg-times{font-size:23px}.cfg-model-grid{grid-template-columns:1fr 1fr;gap:12px}.cfg-model-choice img{height:150px}.cfg-step .border-gallery{grid-template-columns:1fr 1fr;gap:12px}.cfg-experience fieldset{padding:16px 12px}.cfg-experience legend{font-size:26px}.cfg-colour-slots{grid-template-columns:1fr;gap:14px}.cfg-colour-picker{display:grid;grid-template-columns:85px 1fr;column-gap:14px;padding:12px}.cfg-colour-picker img,.cfg-colour-empty{grid-row:1/5;height:100px;width:85px}.cfg-slot-title{margin-top:2px}.cfg-slot-action{margin-top:8px}.cfg-colour-slots[data-count="1"]{grid-template-columns:1fr}.cfg-shape-grid{grid-template-columns:1fr 1fr}.cfg-shape-choice img{height:95px}.cfg-finish-grid{grid-template-columns:1fr}.cfg-summary-panel{padding:22px}.cfg-finish>img{height:210px}.cfg-finish>div{padding:22px}.cfg-options button{padding:11px 12px}.cfg-next{font-size:14px}}