@font-face{font-family:Studio;src:url('assets/dung-sans-vn-regular.woff2')}@font-face{font-family:Studio;src:url('assets/dung-sans-vn-bold.woff2');font-weight:700}@font-face{font-family:StudioSerif;src:url('assets/dung-serif-vn-regular.woff2')}
:root{--navy:#092340;--ink:#132c43;--gold:#f7c642;--paper:#f8f8f5;--muted:#596671;--line:#dce1e3;--blue:#174f73}*{box-sizing:border-box}body{margin:0;font-family:Studio,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087bab;outline-offset:4px}button,select{min-height:44px}button{background:none;color:inherit}h1,h2,h3,p{margin:0}h2{font-size:28px;line-height:1.2}h3{font-size:18px;line-height:1.3}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.skip{position:absolute;top:-100px}.skip:focus{top:5px;left:10px;z-index:100;background:#fff;padding:10px}.header{height:90px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff}.brand{display:flex;align-items:center;gap:17px;text-decoration:none}.brand-mark{font-family:Arial,sans-serif;font-size:24px;font-weight:900;line-height:1.05;letter-spacing:-1px;border-top:4px solid #db3d30;background:#ffcc25;color:#001340;padding:4px 10px 5px}.brand-mark span{font:10px Studio,sans-serif;letter-spacing:5px;display:block;text-align:center;margin-top:2px}.brand-name{font-size:13px;font-weight:700;letter-spacing:1.2px}.brand-name span{display:block;font-size:11px;letter-spacing:3px;font-weight:400}.top-nav{display:flex;gap:25px}.top-nav button{font-size:15px}.top-nav button:hover,.text-button:hover{color:#247698}.cart-button{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:10px 17px;border-radius:5px;font-size:14px}.cart-button b{background:var(--gold);color:var(--navy);min-width:22px;height:22px;border-radius:100%;display:grid;place-items:center;font-size:12px}.experience{position:relative;height:630px;max-height:calc(100svh - 155px);min-height:470px;overflow:hidden;background:#142b3c;color:#fff}.photo-view,.photo-view>img,#three-view,#three-canvas{position:absolute;inset:0;width:100%;height:100%}.photo-view>img{object-fit:cover;object-position:center 12%;transition:opacity .25s}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,28,.85),rgba(5,18,28,.38) 37%,rgba(5,18,28,0) 70%),linear-gradient(0deg,rgba(5,18,28,.5),transparent 22%)}.scene-top{position:absolute;left:4.4%;right:4.4%;top:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.scene-tag{font-size:11px;letter-spacing:2.3px;opacity:.9}.view-switch{display:flex;background:rgba(6,20,35,.7);backdrop-filter:blur(12px);border:1px solid #ffffff35;padding:4px;border-radius:6px;pointer-events:auto}.view-switch button{min-height:35px;padding:0 14px;font-size:13px;border-radius:3px;color:#e0e6eb}.view-switch button[aria-pressed=true]{background:#fff;color:var(--navy)}.scene-copy{position:absolute;left:6%;top:50%;transform:translateY(-43%);max-width:470px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.scene-copy .eyebrow{color:#fbd36e;margin-bottom:22px}.scene-copy h1{font-family:StudioSerif,Georgia,serif;font-size:56px;font-weight:400;line-height:1.13;letter-spacing:-.8px}.scene-copy>p:not(.eyebrow){font-size:16px;color:#dbe2e7;max-width:340px;margin:20px 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--gold);color:#13243a;border-radius:4px;min-height:50px;padding:12px 22px;font-weight:700;pointer-events:auto;text-decoration:none}.primary:hover{background:#ffda75}.primary span{font-size:25px;line-height:1}.secondary{background:#eaf0f2;color:var(--navy);padding:11px 17px;min-height:46px;border-radius:4px;font-weight:700;text-align:center;text-decoration:none;display:inline-block}.scene-bottom{position:absolute;bottom:18px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-bottom span{font-size:11px;color:#e2e8ed}.scene-bottom button{width:34px;min-height:34px;border:1px solid #ffffff60;border-radius:50%;pointer-events:auto;color:#fff}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap;text-shadow:0 1px 4px #000}.hotspot .dot{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);outline:7px solid #ffffff25;box-shadow:0 1px 12px #10233144;font-size:23px}.hotspot span:not(.dot){background:#102533d9;backdrop-filter:blur(6px);border:1px solid #ffffff35;border-radius:4px;padding:8px 13px;font-size:13px}.hotspot:hover .dot{background:var(--gold)}.zone-nav{display:flex;max-width:1250px;margin:auto;border-bottom:1px solid var(--line);padding:0 24px}.zone-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 13px;text-align:left;border-bottom:3px solid transparent}.zone-nav button>span{color:#7a858c;font-size:12px}.zone-nav button div{font-size:16px;font-weight:700}.zone-nav small{display:block;font-size:12px;color:#66737d;font-weight:400;margin-top:3px}.zone-nav button[aria-current=true]{border-bottom-color:var(--gold);background:#f0f1ec}.zone-nav button[aria-current=true]>span{color:var(--blue)}.quick-shop{max-width:1250px;margin:0 auto;padding:40px 24px 48px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-top .eyebrow{color:#6e7a82;margin-bottom:8px}.section-top h2{font-family:StudioSerif,Georgia,serif;font-weight:400;font-size:32px}.text-button{text-decoration:underline;text-underline-offset:4px;font-size:14px;padding:8px 0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e6e8e8;border-radius:6px;position:relative;overflow:hidden}.product-card>button{padding:20px;text-align:left;width:100%;height:100%;display:flex;flex-direction:column}.product-card img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply;margin:0 0 16px;transition:transform .25s}.product-card:hover img{transform:translateY(-5px)}.category-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#62747f;margin-bottom:7px}.product-card h3{font-size:17px;margin-bottom:10px}.product-card .price{font-size:16px;font-weight:700;margin-top:auto}.product-card small{font-size:12px;color:var(--muted);margin-top:3px}.product-card .plus{position:absolute;right:13px;top:13px;background:#f0f3f2;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:22px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:16px}footer small{font-size:12px;color:var(--muted)}footer>a{font-weight:700;text-decoration:none;white-space:nowrap}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(590px,100%);height:100dvh;max-height:none;max-width:100%;border:0;padding:0;background:#fff;color:var(--ink);box-shadow:-20px 0 80px #0002}.drawer::backdrop{background:#03132285;backdrop-filter:blur(3px)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:26px 26px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.drawer-head .eyebrow{color:#7b8993;margin-bottom:5px}.drawer-head h2{font-size:25px}.icon-button{width:42px;height:42px;min-height:42px;border-radius:50%;background:#eff2f3;font-size:28px;flex-shrink:0}.drawer-body,#drawer-body{padding:24px 26px 35px}.muted{color:var(--muted);font-size:14px}.field{display:grid;gap:7px;margin:17px 0}.field label{font-weight:700;font-size:14px}input,select,textarea{border:1px solid #bbc5cc;border-radius:4px;padding:12px;background:#fff;color:var(--ink);width:100%;min-height:46px}input[type=checkbox]{width:19px;min-height:19px;accent-color:var(--navy)}.filters{display:flex;gap:7px;overflow:auto;padding:14px 0 19px;scrollbar-width:thin}.filters button{border:1px solid var(--line);padding:8px 12px;border-radius:4px;white-space:nowrap;font-size:13px;min-height:38px}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.product-list{display:grid;gap:12px}.product-row{display:grid;grid-template-columns:84px 1fr 24px;align-items:center;gap:14px;border:1px solid var(--line);border-radius:5px;padding:13px;text-align:left;width:100%}.product-row img{width:84px;height:90px;object-fit:contain;mix-blend-mode:multiply}.product-row h3{font-size:16px;margin:3px 0 7px}.product-row .muted{font-size:12px}.product-row .price{font-size:14px;font-weight:700}.product-row:hover{border-color:#8299ac}.back-button{font-size:14px;margin:-5px 0 15px;padding:0;min-height:32px;text-decoration:underline;text-underline-offset:3px}.detail-hero{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:15px;background:#f7f8f6;border-radius:5px;padding:15px}.detail-hero img{width:170px;height:190px;object-fit:contain;mix-blend-mode:multiply}.detail-hero h3{font-family:StudioSerif,Georgia,serif;font-size:27px;font-weight:400}.detail-summary{font-size:14px;margin:18px 0;color:#51616f}.pack-options{display:flex;gap:8px;flex-wrap:wrap}.pack-options button{border:1px solid #bfc9cf;border-radius:4px;padding:9px 17px;min-height:43px}.pack-options .selected{background:var(--navy);border-color:var(--navy);color:white}.form-row{display:grid;grid-template-columns:1fr 100px;gap:15px}.price-box{padding:17px;background:#f3f5f4;border-radius:5px;margin:15px 0}.price-box strong{font-size:27px;display:block;margin:3px 0}.price-box del{font-size:13px;color:var(--muted)}.notice{background:#faf5e8;border-left:3px solid var(--gold);padding:13px 14px;font-size:13px;color:#6f581b;line-height:1.65;margin:16px 0}.actions{display:flex;gap:10px;margin-top:17px}.actions>*{flex:1}.full{width:100%}.detail-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:13px}.detail-links a{padding:8px 0}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.color-tile{text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:4px;padding:0 0 10px;background:#fff;min-height:120px}.color-tile.active{outline:2px solid var(--navy);outline-offset:2px}.color-tile .swatch{display:block;height:68px;margin-bottom:8px;border-bottom:1px solid #0001}.color-tile b,.color-tile small{display:block;margin:0 10px}.color-tile b{font-size:14px}.color-tile small{font-size:12px;color:var(--muted)}.palette-preview{height:130px;display:flex;border-radius:5px;overflow:hidden;margin:20px 0 10px}.palette-preview button{display:flex;align-items:end;justify-content:center;padding:12px 7px;color:#102635;text-shadow:0 1px 3px #fff9;font-size:14px;border-right:1px solid #fff5}.palette-roles{display:flex;gap:7px}.palette-roles button{font-size:13px;background:#f0f3f4;border-radius:4px;padding:8px 12px}.palette-roles button.active{background:var(--navy);color:#fff}.room-note{font-size:12px;margin:15px 0;color:var(--muted)}.empty{text-align:center;padding:50px 10px}.empty p{margin:14px 0 24px;color:var(--muted)}.cart-line{display:grid;grid-template-columns:66px 1fr;gap:13px;border-bottom:1px solid var(--line);padding:16px 0}.cart-line>img{width:66px;height:80px;object-fit:contain}.cart-line h3{font-size:16px;margin-bottom:3px}.cart-line .muted{font-size:13px}.line-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.line-controls input{width:72px;padding:6px 8px;min-height:36px}.line-controls button{font-size:13px;text-decoration:underline;min-height:36px}.line-controls strong{margin-left:auto;font-size:15px}.totals{margin:20px 0;border-bottom:1px solid var(--line);padding-bottom:18px}.totals>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:8px 0}.totals>div.grand{font-size:19px;font-weight:700;margin:16px 0}.totals .conditional{color:#39647a;font-size:13px}.checkout-text{font-size:13px;color:var(--muted);margin:12px 0}.copy-output{font-family:Studio,Arial;font-size:13px;min-height:220px}.inline-status{font-size:14px;margin:10px 0;color:#265d75}.calc-result{border:1px solid #a2bac4;border-radius:5px;padding:20px;margin:20px 0;background:#f0f6f7}.calc-result strong{font-size:25px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--navy);color:#fff;padding:13px 22px;border-radius:5px;z-index:20;opacity:0;pointer-events:none;max-width:calc(100vw - 32px);transition:opacity .2s,transform .2s;font-size:14px;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}body:has(dialog[open]){overflow:hidden}.three-active .scene-copy{top:auto;bottom:65px;transform:none;max-width:350px;background:#082038dd;border:1px solid #ffffff25;padding:17px 20px;border-radius:5px}.three-active .scene-copy h1{font-size:26px;line-height:1.2}.three-active .scene-copy .eyebrow{margin-bottom:6px}.three-active .scene-copy>p:not(.eyebrow){display:none}.three-active .scene-copy .primary{margin-top:13px;min-height:40px;padding:8px 13px;font-size:13px}.three-help{position:absolute;top:83px;left:50%;transform:translateX(-50%);background:#092340c9;color:#fff;border-radius:4px;padding:6px 12px;font-size:12px;white-space:nowrap;pointer-events:none}#three-canvas{touch-action:none}#three-canvas canvas{display:block;width:100%;height:100%}.noscript{padding:24px;background:#fff}#print-area{display:none}[hidden]{display:none!important}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#102b40}
@media(min-width:1450px){.experience{height:690px}.scene-copy{left:8%}.photo-view>img{object-position:center 12%}}
@media(max-width:900px){.header{height:74px;padding:0 20px}.top-nav{gap:12px}.top-nav button{font-size:13px}.brand-name{display:none}.experience{height:560px;max-height:none}.scene-copy h1{font-size:45px}.scene-copy{max-width:360px}.scene-tag{font-size:10px;letter-spacing:1px}.zone-nav{padding:0 12px}.zone-nav button{gap:8px;padding:18px 10px}.zone-nav small{display:none}.zone-nav button div{font-size:14px}.hotspot span:not(.dot){display:none}.featured-grid{gap:12px}.product-card>button{padding:14px}.product-card img{height:135px}.product-card h3{font-size:15px}.product-card .price{font-size:14px}}
@media(max-width:600px){.header{height:68px;padding:0 16px;gap:12px}.brand-mark{font-size:21px;padding:3px 8px}.brand-mark span{font-size:9px}.brand-name{display:block;font-size:10px;letter-spacing:.5px}.brand-name span{font-size:9px;letter-spacing:1.8px}.brand{gap:10px}.top-nav{display:none}.cart-button{padding:8px 10px;gap:7px}.cart-button>span{display:none}.experience{height:600px;min-height:540px;max-height:calc(100svh - 128px)}.photo-view>img{object-position:61% center}.photo-shade{background:linear-gradient(0deg,#061c2ce8 0%,#061c2c9c 30%,#061c2c1a 75%)}.scene-top{left:16px;right:16px;top:15px;align-items:start}.scene-tag{display:none}.view-switch{margin-left:auto}.view-switch button{min-height:33px;font-size:12px;padding:0 11px}.scene-copy{left:24px;right:24px;top:auto;bottom:62px;transform:none;max-width:100%}.scene-copy h1{font-size:42px;line-height:1.12;max-width:330px}.scene-copy .eyebrow{font-size:10px;margin-bottom:14px;letter-spacing:1.7px}.scene-copy>p:not(.eyebrow){margin:14px 0 20px;font-size:15px;max-width:290px}.scene-copy .primary{font-size:14px;min-height:47px;padding:11px 18px}.scene-bottom{left:20px;right:18px;bottom:15px;gap:10px}.scene-bottom span{font-size:10px;max-width:270px}.hotspot{transform:translate(-50%,-50%)}.hotspot .dot{width:32px;height:32px;outline-width:5px}.zone-nav{padding:0 8px;gap:0;overflow:auto}.zone-nav button{padding:15px 10px;min-width:73px;justify-content:center;display:block;text-align:center}.zone-nav button>span{display:none}.zone-nav button div{font-size:12px;white-space:nowrap}.quick-shop{padding:27px 18px 30px}.section-top{align-items:center;gap:12px;margin-bottom:18px}.section-top h2{font-size:26px}.section-top .eyebrow{font-size:9px;letter-spacing:1px}.section-top .text-button{font-size:12px;max-width:95px;text-align:right}.featured-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card>button{padding:14px}.product-card img{height:133px;margin-bottom:12px}.product-card h3{font-size:15px}.product-card .category-label{font-size:10px}.product-card small{font-size:11px}.product-card .price{font-size:14px}.drawer-head{padding:19px 20px 15px}.drawer-head h2{font-size:23px}#drawer-body{padding:20px}.detail-hero{grid-template-columns:130px 1fr;padding:10px}.detail-hero img{width:130px;height:160px}.detail-hero h3{font-size:23px}.actions{flex-wrap:wrap}.actions>*{min-width:120px}.three-active .scene-copy{left:15px;right:15px;bottom:55px;padding:12px 15px;max-width:260px}.three-active .scene-copy h1{font-size:22px}.three-active .scene-copy .eyebrow{font-size:9px}.three-help{top:71px;font-size:11px}.three-active .scene-copy .primary{font-size:12px;min-height:35px;padding:6px 12px;margin-top:8px}footer{padding:20px;display:block;font-size:13px}footer>a{display:inline-block;margin-top:12px}footer small{font-size:11px}.toast{bottom:15px;width:max-content}.color-grid{gap:9px}.form-row{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body>*{display:none!important}#print-area{display:block!important;background:#fff;color:#111;padding:20px;font:14px/1.7 Arial,sans-serif}#print-area h1{font-size:24px;margin-bottom:12px}#print-area pre{white-space:pre-wrap;font:inherit}}

.brand-logo{height:67px;width:67px;object-fit:contain}.brand-name{font-size:12px}@media(max-width:600px){.brand-logo{width:50px;height:50px}.brand-name{font-size:10px}}
/* S2: clear shopping journeys and an unobstructed color studio. */
.top-nav{gap:16px}.top-nav button{font-size:14px}
.start-strip{max-width:1250px;margin:0 auto;padding:30px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.start-strip>div{flex:1}.start-strip b{display:block;font-size:18px}.start-strip>div>span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.start-strip>.primary{font-size:14px;min-width:210px}.start-strip>.secondary{font-size:14px}
.inspiration{max-width:1250px;margin:auto;padding:44px 24px 12px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mood-card{text-align:left;border:1px solid #dce1de;border-radius:6px;overflow:hidden;background:#fff;padding:0}.mood-colors{height:105px;display:flex}.mood-copy{padding:22px}.mood-copy .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.4px}.mood-copy h3{font:28px/1.3 StudioSerif,Georgia,serif;margin:10px 0}.mood-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);min-height:42px}.mood-copy>span{display:flex;justify-content:space-between;margin-top:15px;font-size:13px;font-weight:700}.mood-card:hover{border-color:#8c9d9f}.mood-card:hover .mood-copy>span{color:#25627a}
.three-active .scene-copy{display:none}.three-active .scene-tag{background:#132b3bd9;padding:8px 12px;border-radius:4px}.three-active .scene-bottom{bottom:12px}.three-active .scene-bottom span{background:#122d3cc7;border-radius:3px;padding:4px 9px}.studio-controls{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#fffefaee;border:1px solid #fff9;border-radius:8px;padding:9px 12px;backdrop-filter:blur(15px);color:var(--ink);box-shadow:0 8px 35px #14263322;max-width:calc(100% - 34px)}.light-switch{display:grid;border-right:1px solid #d3d9d6;padding-right:10px;gap:2px}.light-switch button{font-size:11px;min-height:28px;padding:4px 8px;border-radius:3px;white-space:nowrap}.light-switch button[aria-pressed=true]{background:var(--navy);color:#fff}#live-palette{display:flex;gap:10px}#live-palette button{display:flex;align-items:center;gap:8px;text-align:left;padding:3px;min-width:97px}#live-palette i{display:block;width:33px;height:44px;box-shadow:inset 0 0 0 1px #0001;border-radius:3px}#live-palette span{display:grid}#live-palette small{font-size:10px;white-space:nowrap;color:var(--muted)}#live-palette b{font-size:13px}.studio-actions{display:grid;border-left:1px solid #d3d9d6;padding-left:9px}.studio-actions button{font-size:11px;min-height:28px;white-space:nowrap}.three-help{top:82px}
.drawer.wide{width:min(1030px,100%)}.compare-picker{display:flex;align-items:end;gap:15px;margin-bottom:20px}.compare-picker .field{flex:1;margin:0}.compare-scroll{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{padding:16px 14px;border:1px solid #dce2e2;vertical-align:top;text-align:left;min-width:165px}.compare-table th:first-child{min-width:110px;width:110px;background:#f1f4f1}.compare-table td{line-height:1.6}.compare-table thead th{background:#f8f9f6}.compare-table img{height:125px;width:100%;object-fit:contain;mix-blend-mode:multiply}.compare-table h3{font-size:16px}.compare-table .primary{font-size:13px;padding:10px}.compare-table .text-button{font-size:12px}.guide-label{margin:25px 0 14px;font-weight:700}.guided-card .text-button{padding:8px 14px}.guided-card small{display:block;margin-top:5px}.guide-results{margin-top:20px}
@media(max-width:800px){.top-nav{gap:8px}.top-nav button{font-size:12px}.start-strip{flex-wrap:wrap}.start-strip>div{flex-basis:100%;margin-bottom:3px}.mood-grid{gap:12px}.mood-copy{padding:15px}.mood-copy h3{font-size:24px}.studio-actions{display:none}}
@media(max-width:600px){.start-strip{padding:25px 20px;gap:10px}.start-strip b{font-size:17px}.start-strip>div>span{font-size:12px}.start-strip>.primary{min-width:0;flex:1;font-size:13px;padding:10px 13px;gap:10px}.start-strip>.secondary{font-size:12px;padding:10px}.inspiration{padding:30px 20px 5px}.inspiration .section-top h2{font-size:26px}.mood-grid{grid-template-columns:1fr;gap:12px}.mood-card{display:grid;grid-template-columns:90px 1fr}.mood-colors{height:100%;min-height:143px}.mood-copy{padding:14px 17px}.mood-copy h3{font-size:25px;margin:5px 0}.mood-copy>p:not(.eyebrow){min-height:0;font-size:12px}.mood-copy>span{font-size:12px;margin-top:10px}.mood-copy .eyebrow{font-size:9px}.studio-controls{max-width:none;width:calc(100% - 26px);bottom:61px;gap:8px;padding:9px;flex-wrap:wrap;justify-content:center}.light-switch{display:flex;order:2;border:0;padding:0;justify-content:center;flex-basis:100%;border-top:1px solid #d3d9d6;padding-top:5px}#live-palette{width:100%;justify-content:space-between;gap:4px}#live-palette button{min-width:0;gap:6px}#live-palette i{width:26px;height:36px}#live-palette small{font-size:9px}#live-palette b{font-size:12px}.three-help{top:70px;font-size:10px}.three-active .scene-bottom span{max-width:270px}.compare-table th,.compare-table td{min-width:170px;padding:12px 10px}.compare-table th:first-child{min-width:85px}.compare-picker{gap:8px}.compare-picker .secondary{font-size:13px}.drawer.wide .drawer-head h2{font-size:21px}.experience.three-active{height:610px;min-height:560px;max-height:none}}
/* S3: portfolios and mobile purchase review. */
.project-banner{max-width:1202px;margin:28px auto 0;padding:26px 28px;border:1px solid #d6ded8;border-radius:7px;background:#eaf0ea;display:flex;align-items:center;gap:25px;justify-content:space-between}.project-banner .eyebrow{font-size:10px;color:#60736a}.project-banner h2{font:28px/1.3 StudioSerif,Georgia,serif;margin:6px 0}.project-banner p:last-child{font-size:13px;color:#52665d}.project-banner button{background:#fff;border:1px solid #cdd8d0;white-space:nowrap;font-size:13px}.project-save{background:#f1f5f0;border:1px solid #d9e2d8;border-radius:6px;padding:18px;margin:18px 0 26px}.project-save>.field{margin-top:0}.project-save .primary{margin-top:17px}.project-swatches{display:flex;height:71px;border:1px solid #e0e4df;border-radius:4px;overflow:hidden;margin:12px 0}.project-swatches span{flex:1;display:flex;align-items:end;padding:7px 10px}.project-swatches span:first-child{flex:2}.project-swatches b{font-size:11px;background:#fffdf0dc;padding:2px 6px;border-radius:3px;color:#183041}.project-list{display:grid;gap:16px}.project-card{border:1px solid #d5ded9;border-radius:6px;padding:16px;position:relative}.project-card .project-swatches{margin-top:0}.project-card h3{font-size:18px;padding-right:22px;overflow-wrap:anywhere}.project-card small{font-size:11px;color:var(--muted)}.project-card>.muted{font-size:12px;margin:8px 0}.project-delete{position:absolute;right:9px;top:102px;font-size:23px;min-height:30px;width:30px}.project-delete.confirm-delete{top:auto;bottom:8px;background:#fff4e3;right:10px;font-size:12px;width:auto;padding:5px 9px}.project-section-title{margin:10px 0}.project-section-title h3{font-size:17px}.import-label{cursor:pointer}.empty-project{padding:30px 10px;text-align:center;color:var(--muted);font-size:14px}.product-sort{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.product-sort select{width:177px;font-size:12px;min-height:40px;padding:7px}.product-sort p{font-size:12px}#product-more{margin-top:16px}.line-controls{flex-wrap:wrap;gap:9px}.line-controls strong{white-space:nowrap}.review-step{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:17px;font-size:12px;color:#6c797d}.review-step .active{color:var(--navy);font-weight:700}.review-lines>div{border-bottom:1px solid var(--line);padding:15px 0;position:relative;padding-right:40px}.review-lines b{display:block;font-size:15px}.review-lines span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.review-lines .text-button{position:absolute;right:0;top:14px;font-size:12px}.review-amount{font-size:29px;font-weight:700;margin:22px 0 15px}.review-amount small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.consent{display:flex;align-items:start;gap:10px;font-size:13px;margin:16px 0}.consent input{flex-shrink:0;margin-top:3px}.received-card{border:1px solid #a6c3b1;border-radius:5px;background:#eef7ef;padding:18px;display:grid;gap:8px}.received-card strong{font-size:23px;color:var(--navy)}.received-card p{font-size:13px;color:#4b6656}.received-card span{font-size:13px}.server-intake{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.mobile-dock{display:none}#undo-project{margin-bottom:13px}
@media(max-width:1250px){.project-banner{margin-left:24px;margin-right:24px}}
@media(max-width:600px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.project-banner{margin:22px 18px 0;padding:20px;display:block}.project-banner h2{font-size:26px;max-width:290px}.project-banner .secondary{margin-top:17px}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:8;background:#fff;border-top:1px solid #d8e1dd;box-shadow:0 -3px 15px #172d3508;padding:5px 10px calc(5px + env(safe-area-inset-bottom))}.mobile-dock button{position:relative;font-size:10px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:1px;min-height:53px}.mobile-dock button>span{font-size:23px;line-height:1.2}.mobile-dock b{position:absolute;top:2px;left:58%;border-radius:50%;height:18px;min-width:18px;padding:0 3px;background:var(--gold);font-size:10px;display:grid;place-items:center}.toast{bottom:calc(85px + env(safe-area-inset-bottom))}.project-section-title .text-button{max-width:none}.project-card .actions>*{font-size:13px}.line-controls input{width:58px}.line-controls strong{font-size:14px;flex-basis:100%;margin-left:0}.project-save{padding:15px}.product-row{grid-template-columns:67px 1fr 16px;gap:10px}.product-row img{width:67px;height:80px}.product-sort select{width:153px}.product-sort p{font-size:11px}.project-banner p:last-child{font-size:12px}.drawer{padding-bottom:env(safe-area-inset-bottom)}}
@media print{.mobile-dock{display:none!important}}
#order-form>.review-step{margin-top:18px}.received-card strong{overflow-wrap:anywhere}
/* S5: the room stays visible; the controls sit in a dedicated rail. */
.experience.three-active{height:680px;max-height:calc(100svh - 150px);min-height:530px;background:#ece8de}
.three-active #three-canvas{height:calc(100% - 91px)}
.three-active .scene-top{top:18px;left:24px;right:24px}
.three-active .scene-tag{font-size:10px;letter-spacing:1.4px;background:#173040dd}
.three-active .three-help{top:72px;font-size:12px;background:#faf8f0de;color:#193247;padding:6px 11px}
.three-active .scene-bottom{bottom:107px;left:24px;right:24px}
.three-active .scene-bottom span{font-size:11px;background:#203644a8}
.studio-controls{position:absolute;inset:auto 0 0;width:100%;max-width:none;height:91px;transform:none;border-radius:0;border:0;border-top:1px solid #dedfd9;box-shadow:none;background:#fafaf7;color:#173040;display:flex;justify-content:space-between;padding:12px 30px;gap:20px;backdrop-filter:none}
.tour-guide{display:flex;align-items:center;gap:14px;min-width:205px}
.tour-guide button{border:1px solid #d1d8d9;border-radius:50%;width:38px;min-height:38px;font:24px Arial}
.tour-guide span{min-width:77px;display:grid;gap:1px}
.tour-guide small{font-size:11px;letter-spacing:1.5px;color:#697c83}
.tour-guide b{font-size:15px}
#live-palette{gap:18px}
#live-palette button{gap:10px;min-height:48px;min-width:95px}
#live-palette i{width:35px;height:46px;border-radius:2px}
#live-palette small{font-size:11px}
#live-palette b{font-size:14px}
.scene-options{position:relative;font-size:12px;flex-shrink:0}
.scene-options summary{cursor:pointer;padding:12px 8px;min-height:44px}
.options-popover{position:absolute;bottom:55px;right:0;width:220px;border:1px solid #d1d9d8;box-shadow:0 8px 35px #14263326;background:#fffefa;border-radius:8px;padding:16px;display:grid;gap:10px;z-index:5}
.options-popover .light-switch{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.options-popover .light-switch button{font-size:12px;min-height:40px;padding:5px}
.options-popover label{font-size:12px;font-weight:700}
.options-popover select{font-size:14px}
.options-popover small{font-size:11px;color:#657780}
.options-popover #reset-view{font-size:13px;text-decoration:underline}
.collection-card .mood-colors{display:grid;grid-template-columns:repeat(4,1fr);height:155px}
.collection-card .mood-colors span{position:relative;min-height:66px}
.collection-card .mood-colors small{position:absolute;bottom:8px;left:8px;font-size:10px;padding:1px 4px;border-radius:2px;background:#ffffffe0;color:#183040}
.collection-card .mood-copy h3{font-size:28px;min-height:68px;max-width:290px}
.collection-card .mood-copy>p:not(.eyebrow){min-height:42px}
.collection-card .mood-copy>span{display:flex;justify-content:space-between;align-items:center}
.collection-card .mood-copy>span b{font:26px Arial;font-weight:400}
#collection-count{font-size:12px}
@media(max-width:900px){
 .studio-controls{gap:10px;padding:10px 16px}
 .tour-guide{min-width:180px;gap:8px}
 #live-palette{gap:8px}
 #live-palette button{min-width:79px;gap:7px}
 #live-palette i{width:29px}
 .scene-options summary{max-width:95px;line-height:1.4}
}
@media(max-width:600px){
 .experience.three-active{height:620px;max-height:calc(100svh - 137px);min-height:485px}
 .three-active #three-canvas{height:calc(100% - 128px)}
 .three-active .scene-top{top:12px;left:12px;right:12px}
 .three-active .view-switch button{min-height:37px}
 .three-active .three-help{top:62px;left:14px;transform:none;font-size:10px}
 .three-active .scene-bottom{bottom:136px;left:12px;right:12px}
 .three-active .scene-bottom span{font-size:9px;max-width:285px;padding:3px 6px}
 .studio-controls{height:128px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-content:start}
 .tour-guide{gap:7px;min-width:0}
 .tour-guide span{min-width:88px;gap:0}
 .tour-guide small{font-size:10px}
 .tour-guide b{font-size:13px}
 .tour-guide button{width:34px;min-height:34px}
 #live-palette{grid-column:1 / -1;grid-row:2;width:100%;justify-content:space-between;gap:6px;border-top:1px solid #d9ddda;padding-top:7px}
 #live-palette button{min-width:0;gap:8px;padding:0;min-height:48px}
 #live-palette i{width:29px;height:42px}
 #live-palette small{font-size:10px}
 #live-palette b{font-size:13px}
 .scene-options{grid-column:2;grid-row:1;font-size:11px}
 .scene-options summary{max-width:none;padding:8px 0;min-height:40px}
 .options-popover{bottom:48px;right:0}
 .collection-card{grid-template-columns:108px 1fr}
 .collection-card .mood-colors{height:100%;grid-template-columns:repeat(2,1fr)}
 .collection-card .mood-colors span{min-height:42px}
 .collection-card .mood-colors small{font-size:9px;bottom:4px;left:4px;padding:0 3px}
 .collection-card .mood-copy h3{font-size:23px;min-height:0;line-height:1.2;margin:8px 0}
 .collection-card .mood-copy>p:not(.eyebrow){font-size:12px;min-height:0}
 .collection-card .mood-copy>span{font-size:12px;margin-top:12px}
 .collection-card .mood-copy .eyebrow{font-size:9px;letter-spacing:1px}
}
/* Product and colour drawers keep the action visible without covering content. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.drawer[open]{display:flex;flex-direction:column;overflow:hidden}
.drawer-head{position:relative;flex-shrink:0}
#drawer-body{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}
.drawer-footer{flex-shrink:0;padding:14px 26px calc(14px + env(safe-area-inset-bottom));background:#fffef9;border-top:1px solid #d9dfde;box-shadow:0 -8px 25px #172e3508}
.drawer-footer .actions{margin:0;flex-wrap:nowrap}
.drawer-footer .actions>*{font-size:14px;padding:11px 13px;min-width:0;justify-content:center}
.palette-footer-code{font-size:12px;margin-bottom:9px;color:#5a6d75}
.purchase-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
.purchase-summary>span{display:grid;gap:3px}
.purchase-summary small{font-size:11px;color:#617178}
.purchase-summary b{font-size:23px;white-space:nowrap}
.purchase-summary .primary{width:auto;flex-shrink:0;font-size:14px;padding:11px 16px;gap:17px}
.drawer-footer #detail-status{margin:0;font-size:12px}
.drawer-footer #detail-status:not(:empty){margin-top:10px}
.drawer-footer #detail-status .text-button{font-size:12px;min-height:30px;padding:3px 0}
.product-visual{background:#edf0ed;border:1px solid #e1e5e1;border-radius:9px;overflow:hidden}
.product-view-tabs{display:flex;justify-content:center;padding:10px;gap:5px}
.product-view-tabs button{font-size:13px;border-radius:4px;min-height:37px;padding:7px 16px;color:#53676f}
.product-view-tabs button[aria-pressed=true]{background:#fff;color:#0f2b43;box-shadow:0 2px 5px #23352a0a}
.product-stage{position:relative;height:300px}
#product-photo,#product-model{width:100%;height:100%}
#product-photo{display:grid;place-items:center;padding:10px 20px}
#product-photo img{width:100%;height:100%;max-height:275px;object-fit:contain;mix-blend-mode:multiply}
#product-model canvas{width:100%;height:100%;display:block;touch-action:none}
.model-loading{display:grid;place-items:center;height:100%;font-size:14px;color:#697a80}
.model-tools{display:flex;justify-content:center;gap:7px;padding:7px 12px 0}
.model-tools button{width:36px;min-height:36px;border:1px solid #cad3ce;background:#ffffffa6;border-radius:4px;font-size:19px}
.model-tools #model-reset{width:auto;font-size:12px;padding:5px 12px}
.model-status{padding:12px 16px 14px;text-align:center;font-size:11px;color:#61746d}
.detail-product-heading{margin-top:22px}
.detail-product-heading h3{font:29px/1.25 StudioSerif,Georgia,serif}
.detail-product-heading .category-label{display:block}
.product-palette-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0 18px}
.product-palette-picks button{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:1px solid #d7ded9;border-radius:4px;padding:7px}
.product-palette-picks button[aria-pressed=true]{outline:2px solid #24475b;outline-offset:1px}
.product-palette-picks i{width:28px;height:35px;flex-shrink:0;border:1px solid #0001;border-radius:2px}
.product-palette-picks span{font-size:12px;font-weight:700;min-width:0}
.product-palette-picks small{display:block;font-size:10px;font-weight:400;color:#5a6f76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#product-palette>.muted{font-size:12px}
/* On-canvas controls are compact and separate from the navigation rail. */
.scene-tools{position:absolute;right:22px;top:77px;display:flex;gap:6px;z-index:2}
.scene-tools button{background:#fbfcf7ed;color:#173449;border:1px solid #ffffffc9;border-radius:5px;width:37px;min-height:37px;font-size:20px;box-shadow:0 2px 9px #10252c12}
.scene-tools #scene-expand{width:auto;padding:5px 12px;font-size:12px}
.three-active .three-help{left:24px;transform:none;top:80px}
.quick-colors{position:absolute;right:22px;bottom:107px;width:302px;padding:16px;background:#fffef9f5;color:#173449;border:1px solid #e2e5dc;border-radius:9px;box-shadow:0 12px 35px #14313e26;z-index:3;backdrop-filter:blur(16px)}
.quick-color-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.quick-color-head small{font-size:10px;letter-spacing:1.4px;color:#76847c}
.quick-color-head h2{font:24px/1.2 StudioSerif,Georgia,serif;margin-top:3px}
.quick-color-head button{width:34px;min-height:34px;border-radius:50%;background:#e9eeea;font-size:24px}
.quick-colors select{font-size:12px;min-height:40px;padding:8px;max-width:100%}
.quick-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.quick-swatches button{padding:0 0 3px;border:1px solid #d8ded7;border-radius:3px;overflow:hidden;background:#fff;text-align:left}
.quick-swatches i{display:block;height:42px;width:100%}
.quick-swatches span{display:block;font-size:11px;padding:4px 5px 0}
.quick-swatches button[aria-pressed=true]{outline:2px solid #193e51;outline-offset:2px}
.quick-selected{font-size:12px;font-weight:700;margin-top:13px}
.quick-color-actions{display:flex;justify-content:space-between;gap:10px;margin-top:3px}
.quick-color-actions button{font-size:11px;min-height:33px;text-decoration:underline;text-underline-offset:3px}
.experience.is-expanded{position:fixed!important;inset:0!important;z-index:25;height:100dvh!important;max-height:none!important;min-height:0!important;width:100%;border:0}
body.showroom-expanded{overflow:hidden}
.is-expanded .scene-top{padding-top:env(safe-area-inset-top)}
.is-expanded .studio-controls{padding-bottom:calc(12px + env(safe-area-inset-bottom));height:calc(91px + env(safe-area-inset-bottom))}
.is-expanded #three-canvas{height:calc(100% - 91px - env(safe-area-inset-bottom))}
.is-expanded .scene-bottom{bottom:calc(107px + env(safe-area-inset-bottom))}
@media(max-width:600px){
 .drawer-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
 .purchase-summary{gap:8px}
 .purchase-summary b{font-size:20px}
 .purchase-summary .primary{font-size:13px;padding:10px 12px;gap:10px;min-height:47px}
 .purchase-summary small{font-size:10px}
 .product-stage{height:245px}
 #product-photo img{max-height:225px}
 .model-status{font-size:10px;padding:10px 12px}
 .detail-product-heading h3{font-size:26px}
 .product-palette-picks{gap:5px}
 .product-palette-picks button{padding:5px;gap:6px}
 .product-palette-picks i{width:23px;height:32px}
 .drawer-footer .actions>*{font-size:13px;padding:10px 9px}
 .scene-tools{top:65px;right:12px;gap:4px}
 .scene-tools button{width:32px;min-height:33px;font-size:17px}
 .scene-tools #scene-expand{font-size:10px;padding:4px 8px}
 .three-active .three-help{left:12px;top:69px;font-size:9px;padding:5px 6px;max-width:185px}
 .quick-colors{right:12px;left:12px;bottom:136px;width:auto;padding:12px 13px;border-radius:8px;max-height:calc(100% - 220px);overflow-y:auto}
 .quick-color-head{margin-bottom:8px}
 .quick-color-head small{display:none}
 .quick-color-head h2{font-size:21px;margin:0}
 .quick-color-head button{width:30px;min-height:30px}
 .quick-colors select{min-height:36px;font-size:11px;padding:6px}
 .quick-swatches{grid-template-columns:repeat(8,1fr);gap:5px;margin-top:9px}
 .quick-swatches i{height:34px}
 .quick-swatches span{font-size:9px;padding:4px 1px 0;text-align:center}
 .quick-selected{font-size:11px;margin-top:9px}
 .quick-color-actions{margin-top:0}
 .quick-color-actions button{min-height:31px;font-size:10px}
 .is-expanded .studio-controls{height:calc(128px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 .is-expanded #three-canvas{height:calc(100% - 128px - env(safe-area-inset-bottom))}
 .is-expanded .scene-bottom,.is-expanded .quick-colors{bottom:calc(136px + env(safe-area-inset-bottom))}
 .is-expanded .scene-tools{top:calc(65px + env(safe-area-inset-top))}
 .is-expanded .three-help{top:calc(69px + env(safe-area-inset-top))}
}

/* S7: map and comparison tools remain available in the lightweight photo view. */
.experience-tools{display:flex;gap:5px;align-items:center;padding:7px 22px;background:#f1f2ec;border-bottom:1px solid #dde2d9;min-height:49px;color:#173449}
.experience-tools button{min-height:36px;border:1px solid #cfd8d0;border-radius:5px;padding:6px 12px;background:#fff;font-size:12px}
.experience-tools #open-map{margin-right:auto;background:#173e51;color:#fff;border-color:#173e51}
.experience-tools #compare-colours{background:#f8cf53;border-color:#f8cf53;font-weight:700}
.is-expanded .experience-tools{position:absolute;top:121px;left:22px;right:auto;z-index:3;border:0;border-radius:7px;padding:5px;background:#f9faf5eb}
.studio-map{position:relative;margin:18px 0 10px;aspect-ratio:500/340;background:#faf9f4;border-radius:14px;border:1px solid #e2e5dc}
.studio-map svg{width:100%;height:100%;display:block}
.map-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:3px;min-width:68px;min-height:60px;font-size:12px}
.map-pin b{display:grid;place-items:center;background:#fff;color:#173e51;border:2px solid #173e51;border-radius:50%;width:34px;height:34px;box-shadow:0 3px 10px #17344930}
.map-pin span{background:#fffffff0;border-radius:3px;padding:3px 6px;white-space:nowrap;color:#173449}
.map-pin[aria-current=true] b{background:#f8cf53;border-color:#173e51;outline:3px solid #f8cf5355;outline-offset:3px}
.map-pin:focus-visible{outline:2px solid #183e51;border-radius:5px}
.journey-choices{margin-top:24px}
.journey-choices>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 15px;margin-top:10px;border:1px solid #dbe1d7;border-radius:7px;background:#fafbf6;text-align:left}
.journey-choices strong{font:23px/1.3 StudioSerif,Georgia,serif;display:block}
.journey-choices small{display:block;margin-top:5px;font-size:12px;color:#65756e}
.journey-card{position:fixed;bottom:24px;right:24px;width:355px;z-index:26;background:#fcfdf8f5;border:1px solid #dbe1d7;border-radius:10px;padding:14px 17px;box-shadow:0 10px 40px #16313e26;color:#173449;backdrop-filter:blur(14px)}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#58706a;letter-spacing:.3px}
.journey-heading button{font-size:22px;min-width:32px;min-height:32px}
.journey-card h2{font:23px/1.2 StudioSerif,Georgia,serif;margin:2px 0 7px}
.journey-card>p{font-size:12px;line-height:1.6}
.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
.journey-actions button{font-size:11px;min-height:36px}
.journey-actions>button{font-weight:700;text-decoration:underline;text-underline-offset:4px;text-align:left}
.journey-actions>div{display:flex;gap:6px;flex-shrink:0}
.journey-actions>div button{background:#e9eee6;border-radius:4px;min-width:32px;padding:0 8px}
.journey-actions button:disabled{opacity:.35}
.colour-comparison.wide{width:min(1050px,96vw)}
.comparison-stage{position:relative;width:100%;overflow:hidden;background:#eeeae1;margin-top:18px;border-radius:9px;touch-action:none;user-select:none;cursor:ew-resize}
.comparison-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.comparison-a{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;border-left:2px solid #fff;filter:drop-shadow(0 0 2px #142d30);pointer-events:none}
.comparison-divider:after{content:'↔';position:absolute;top:48%;left:-17px;width:32px;height:32px;border-radius:50%;background:#fff;color:#14364a;display:grid;place-items:center}
.ab-label{position:absolute;top:12px;background:#173449e6;color:white;padding:6px 12px;border-radius:4px;font-weight:700;font-size:13px}
.ab-a{left:12px}.ab-b{right:12px}
.comparison-slider-label{display:flex;justify-content:space-between;font-size:12px;margin:14px 0 1px;color:#52665e}
#comparison-slider{width:100%;height:38px;accent-color:#173e51;padding:0;background:transparent;cursor:ew-resize}
.comparison-palettes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:14px 0}
.comparison-palette h3{font:23px/1.3 StudioSerif,Georgia,serif;margin:0 0 12px}
.comparison-palette>div{display:flex;gap:10px;margin:8px 0;align-items:center}
.comparison-palette i{display:block;width:30px;height:38px;flex-shrink:0;border:1px solid #0001;border-radius:3px}
.comparison-palette small{font-size:10px;color:#637569;display:block}
.comparison-palette b{font-size:12px;font-weight:500}
body:has(#quick-colors:not([hidden])) .journey-card{visibility:hidden}
@media(max-width:600px){
 .experience-tools{padding:7px 12px;gap:5px}
 .experience-tools button{font-size:10px;padding:5px 9px;min-height:36px}
 .journey-card{bottom:calc(76px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;padding:10px 14px}
 .journey-card h2{font-size:21px}.journey-card>p{font-size:11px}
 body.showroom-expanded .journey-card{bottom:calc(138px + env(safe-area-inset-bottom))}
 .is-expanded .experience-tools{top:calc(104px + env(safe-area-inset-top));left:12px;right:12px}
 .colour-comparison.wide{width:100vw}
 .comparison-palettes{gap:12px}
 .comparison-palette h3{font-size:20px}
 .comparison-palette b{font-size:10px}.comparison-palette i{width:22px;height:33px}
 .comparison-palette>div{gap:6px}
 .comparison-slider-label{font-size:10px}
 .map-pin{font-size:10px;min-width:60px}.map-pin b{width:30px;height:30px}
 .journey-choices strong{font-size:22px}
}

.room-shop{position:absolute;right:22px;bottom:112px;z-index:2;border-radius:5px;background:#f9f9f2ed;color:#15384b;padding:8px 15px;min-height:40px;font-size:12px;font-weight:700;box-shadow:0 3px 14px #19323b20}
body:has(#quick-colors:not([hidden])) .room-shop{visibility:hidden}
.room-active .scene-tag{background:#143a42d9}
.design-preview{min-height:130px;background:#f1f2e9;border:1px solid #e0e4d8;border-radius:8px;overflow:hidden;display:grid;place-items:center}
.design-preview>p{padding:30px}
.design-preview img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain}
.design-share textarea{font-size:12px;min-height:95px;resize:vertical;word-break:break-all}
.design-share .room-note{margin:12px 0 20px}
#download-design[aria-disabled=true]{pointer-events:none;opacity:.5}
.received-colors{margin:20px 0}.received-colors p{padding:7px 0;border-bottom:1px solid #e6e9e1}
#decline-shared-design{margin-top:12px}
.experience-tools #share-design{background:#e2ebe5}
@media(max-width:600px){
 .view-switch button{font-size:11px;padding:0 9px;min-height:35px}
 .room-shop{right:12px;bottom:176px;font-size:10px;min-height:35px;padding:7px 10px}
 .room-active .scene-bottom span{font-size:8px;max-width:260px}
 .experience-tools{gap:4px;padding-left:10px;padding-right:10px}
 .experience-tools button{padding:5px 7px;font-size:10px;white-space:nowrap}
 .experience-tools #open-map{font-size:10px;flex:1;text-align:left}
 .design-preview img{max-height:370px}
 .design-share .actions>*{font-size:12px;padding:10px}
 .is-expanded .room-shop{bottom:calc(174px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.room-shop,.design-preview{transition:none}}
/* S9: a short route from the showroom to a paint selection. */
.hero-shop,.scene-copy .launch-scan{margin-left:10px;min-height:47px;background:#fff;color:#102e46;border:1px solid #ffffff7d}
.scene-copy .launch-scan{margin:10px 0 0;display:block}
.three-active .hero-shop,.three-active .scene-copy .launch-scan{display:none}
.shop-rail{display:flex;gap:22px;align-items:center;padding:16px 5%;background:#fff;border-bottom:1px solid #dce3df}
.shop-rail-intro{min-width:175px}.shop-rail-intro small{display:block;font-size:10px;letter-spacing:1.4px;color:#658074;margin-bottom:6px}.shop-rail-intro b{font-size:14px}
#shop-rail-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}
#shop-rail-products button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #dee4de;border-radius:8px;padding:8px 14px;min-width:0;background:#fafbf7}
#shop-rail-products img{width:48px;height:58px;object-fit:contain;mix-blend-mode:multiply}#shop-rail-products span{display:grid;gap:3px}#shop-rail-products small{font-size:10px;color:#61746a}#shop-rail-products b{font-size:14px}#shop-rail-products em{font-size:12px;font-style:normal;color:#375c6a}#shop-rail-products i{margin-left:auto;font-style:normal}
.compact-product-hero{display:flex;align-items:center;gap:16px;padding:12px;background:#f4f6f0;border:1px solid #e1e7dd;border-radius:9px}
.compact-product-hero>img{width:82px;height:94px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.compact-product-hero .detail-product-heading{margin:0}.compact-product-hero h3{font-size:26px}
.product-drawer .price-box{padding:12px 15px;margin:12px 0}.product-drawer .price-box strong{font-size:25px}.product-drawer .notice{margin:12px 0;font-size:12px;padding:9px 12px}
.product-drawer .field{margin:12px 0}.product-drawer .purchase-summary{display:block}.purchase-summary>span{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.purchase-summary>span small{font-size:11px}
.purchase-buttons{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.purchase-buttons button{width:100%;min-height:46px;font-size:13px;padding:10px;justify-content:center}
.inspect-product,.product-advice{border-top:1px solid #dae2da;padding:10px 0}.inspect-product summary,.product-advice summary{font-size:13px;cursor:pointer;padding:6px 0;min-height:32px}.inspect-product .product-visual{margin-top:12px}.compact-summary{margin:10px 0}
#scan-tour{background:#edf1eb}.scan-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 5%;background:#102f42;color:#fff}.scan-head small{font-size:10px;letter-spacing:2px;color:#e5c269}.scan-head h1{font:28px/1.25 StudioSerif,Georgia,serif;margin-top:8px}.scan-head button{background:#fff;white-space:nowrap}
#scan-frame-slot{height:min(65vh,650px);min-height:370px;background:#e1e5df}#scan-frame-slot iframe{display:block;width:100%;height:100%;border:0}
.scan-actions{display:flex;justify-content:space-between;gap:15px;padding:12px 5%;font-size:12px;background:#fff}.scan-actions a{white-space:nowrap}.scan-buy{padding:25px 5%}.scan-buy .section-top small{font-size:10px;letter-spacing:1px}.scan-buy h2{font:29px StudioSerif,Georgia,serif;margin:6px 0}
#scan-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#scan-products button{display:flex;align-items:center;gap:12px;padding:14px;background:white;border:1px solid #d8e0d5;border-radius:8px;text-align:left}#scan-products img{width:55px;height:75px;object-fit:contain}#scan-products b{font-size:14px;display:block}#scan-products small{display:block;font-size:12px;margin-top:6px;color:#526963}#scan-products i{font-style:normal;margin-left:auto}
@media(max-width:900px){#scan-products{grid-template-columns:1fr 1fr}.shop-rail{display:block;padding:15px 20px}.shop-rail-intro{margin-bottom:12px}.shop-rail-intro b{font-size:14px}}
@media(max-width:600px){
 .scene-copy h1{font-size:37px}.scene-copy .hero-shop{margin:8px 0 0 8px;font-size:13px;min-height:47px;padding:10px 13px}.scene-copy #scene-action{font-size:13px;padding:10px 13px}.scene-copy>p:not(.eyebrow){margin:12px 0 15px}
 .mobile-dock{grid-template-columns:repeat(3,1fr)}.mobile-dock button{font-size:11px}
 #shop-rail-products{gap:8px}#shop-rail-products button{gap:7px;padding:10px 8px;align-items:start}#shop-rail-products img{width:33px;height:44px}#shop-rail-products b{font-size:12px;line-height:1.4}#shop-rail-products em{font-size:10px}#shop-rail-products i{display:none}.shop-rail-intro{display:flex;align-items:center;gap:12px}.shop-rail-intro small{font-size:9px;margin:0}.shop-rail-intro b{font-size:11px}
 .compact-product-hero{gap:12px;padding:8px}.compact-product-hero>img{width:68px;height:80px}.compact-product-hero h3{font-size:22px}.compact-product-hero .category-label{font-size:10px}
 .product-drawer #drawer-body{padding:14px 18px 20px}.product-drawer .drawer-head{padding:13px 18px 10px}.product-drawer .drawer-head h2{font-size:20px}.product-drawer .back-button{margin:0 0 8px;font-size:12px}.product-drawer .price-box strong{font-size:23px}.product-drawer .price-box del,.product-drawer .price-box .muted{font-size:11px}.product-palette-picks{margin-bottom:10px;gap:5px}.product-palette-picks button{padding:6px 4px;gap:5px}.product-palette-picks i{width:22px;height:28px}.product-palette-picks small{font-size:9px}.product-drawer .drawer-footer{padding:10px 18px calc(10px + env(safe-area-inset-bottom))}.purchase-summary b{font-size:22px}
 .scan-head{padding:18px;align-items:start}.scan-head h1{font-size:22px}.scan-head button{font-size:11px;padding:8px;min-height:38px}.scan-head small{font-size:9px;letter-spacing:1px}#scan-frame-slot{height:55svh;min-height:330px}.scan-actions{padding:12px 18px;font-size:10px}.scan-buy{padding:22px 18px}.scan-buy h2{font-size:23px}.scan-buy .primary{font-size:12px;padding:10px;white-space:nowrap}#scan-products{gap:8px}#scan-products button{padding:9px;gap:7px}#scan-products img{width:38px;height:57px}#scan-products b{font-size:12px}#scan-products small{font-size:10px}#scan-products i{display:none}
}