.swatch-surface{position:relative;width:100%;height:180px;overflow:hidden;background:#eee}.finish-preview figure .swatch-surface img{width:100%;height:100%;object-fit:cover;display:block}.finish-preview figure .wood-crop img{transform:scale(1.85)}.finish-preview{min-height:270px;gap:25px}.finish-preview figure{max-width:270px}.finish-board{grid-template-columns:1.15fr 1fr}.finish-board>img{height:650px}.finish-fields input{padding:14px}.finish-fields select{padding:14px}.finish-preview figcaption{font-size:18px}.finish-preview figcaption span{font-size:14px}.room-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;padding:55px 0 65px}.room-feature .room-heading{padding:0}.room-feature>a{background:#f1f1ef;position:relative}.room-feature img{width:100%;height:470px;object-fit:contain;mix-blend-mode:multiply;padding:30px}.room-feature>a>span{display:block;padding:0 28px 25px;font-size:16px}.room-section{padding-top:45px;border-top:1px solid #ddd}.room-section .section-head h2{font-size:40px}.room-followup{padding:20px 0 85px}.room-followup p{font-size:20px;max-width:650px;line-height:1.5}.room-followup .text-link{margin-left:25px}.compare-builder{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 0 20px;margin-bottom:45px;display:grid;grid-template-columns:1fr 1.9fr;gap:25px 50px}.compare-builder h2{font-size:26px;font-weight:400;margin:0 0 10px}.compare-builder p{font-size:17px;line-height:1.5;margin:0;max-width:360px}.compare-picker{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.compare-picker label{font-size:14px}.compare-picker input,.compare-picker select{width:100%;display:block;margin-top:8px;padding:13px;border:1px solid #bbb;border-radius:0;background:white;font:inherit;font-size:16px;color:#191919}.compare-picker .btn{padding:14px 18px;white-space:nowrap;font-size:15px}.compare-examples{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.compare-examples>span{font-size:14px;color:#666}.compare-examples button{padding:10px 15px;border:1px solid #ccc;border-radius:0;background:#fff;cursor:pointer;font-size:15px}.compare-examples button:hover{background:#eee}#compare-count{grid-column:1/-1;font-size:14px;color:#666}.comparison-key{font-size:15px;color:#666;margin:0 0 20px}.comparison-table td.is-different{background:#f0f0ed;font-weight:700}.comparison-table img{height:330px}.comparison-table th,.comparison-table td{padding-top:25px;padding-bottom:25px}.comparison-table .btn{font-size:15px;padding:12px 18px}.card-tools .is-saved{font-weight:700}.finish-board .btn{margin-top:8px}.selection-actions #export-selection{background:#191919;color:#fff}.selection-actions #enquire-selection{background:#fff;color:#191919;border:1px solid #191919}
@media(max-width:1100px){.room-feature{gap:35px}.compare-builder{grid-template-columns:1fr}.compare-picker{grid-template-columns:1fr 1fr auto}.finish-board{gap:35px}.finish-board>img{height:550px}}
@media(max-width:760px){.room-feature{grid-template-columns:1fr;gap:28px;padding:35px 0 45px}.room-feature img{height:300px;padding:20px}.room-feature>a>span{padding:0 20px 20px}.room-section .section-head h2{font-size:32px}.room-section .section-head{align-items:center}.room-followup .text-link{display:block;width:max-content;margin:22px 0 0}.compare-builder{padding-top:22px;gap:20px}.compare-picker{grid-template-columns:1fr}.compare-picker .btn{width:100%}.compare-examples{gap:10px}.compare-examples>span{width:100%}.comparison-table img{height:200px}.swatch-surface{height:170px}.finish-preview{min-height:240px;gap:18px}.finish-board{grid-template-columns:1fr}.finish-board>img{height:350px}.finish-preview figcaption{font-size:16px}.compare-tray>span{max-width:160px}.compare-tray .btn{white-space:nowrap;font-size:13px;padding:11px}.card-tools button{font-size:14px}.selection-actions #export-selection{width:100%}}

.selection-swatch{display:block;position:relative;overflow:hidden;width:65px;height:65px;flex-shrink:0}.selection-swatch img{width:100%;height:100%;object-fit:cover}.selection-swatch.wood-crop img{transform:scale(1.85)}@media(max-width:760px){.selection-swatch{width:45px;height:45px}}