:root{--paper:#f6f5f1;--ink:#1c302a;--muted:#616b66;--line:#dce0d8;--green:#294c3f;--white:#fff;--serif:Georgia,'Songti SC','STSong',serif;font-family:Arial,'Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b78948;outline-offset:4px}a{color:inherit}button{color:inherit}button[aria-pressed=true]{border-color:var(--green)}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-80px;z-index:30;background:#fff;padding:16px}.skip:focus{top:16px}.header{height:94px;max-width:1600px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:15px}.brand b{font:700 37px Georgia;letter-spacing:-2px}.brand span{font-size:12px;line-height:1.5;letter-spacing:1.2px}.header-note{font-size:14px;color:var(--muted)}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:14px;padding:10px}.page{max-width:1600px;margin:auto;padding:0 48px}.intro{display:flex;align-items:end;justify-content:space-between;padding:42px 0 30px;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 13px;color:var(--muted)}h1{font-size:clamp(30px,3.3vw,50px);letter-spacing:-1.8px;font-weight:500;margin:0;line-height:1.2}h2,h3,p{margin-top:0}.intro p:last-child{font-size:16px;color:var(--muted);line-height:1.8;margin:0;max-width:330px}.steps{display:flex;gap:36px;border-bottom:1px solid var(--line);margin-bottom:26px}.steps button{border:0;border-bottom:2px solid transparent;background:none;padding:16px 0;font-size:16px;white-space:nowrap}.steps button span{font-size:12px;margin-right:9px;color:var(--muted)}.steps button[aria-pressed=true]{border-color:var(--ink);font-weight:700}.design-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:30px}.image-wrap{position:relative;overflow:hidden;border-radius:5px;background:#e2ded6;aspect-ratio:3/2}.image-wrap>img{width:100%;height:100%;object-fit:cover;display:block}.scene-label{position:absolute;top:18px;left:18px;background:#fffdf4e8;color:#3c483d;border-radius:30px;font-size:12px;padding:8px 12px}.spot{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border:1px solid #fffc;border-radius:50%;background:#22362cb3;color:white;font-size:14px;box-shadow:0 0 0 5px #ffffff2b}.spot:hover{background:#22362c;box-shadow:0 0 0 8px #ffffff3b}.image-caption{display:flex;justify-content:space-between;gap:20px;margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.selection-panel{padding:12px 0;display:flex;flex-direction:column}.selection-panel h2{font-size:31px;letter-spacing:-1px;font-weight:500;line-height:1.25;margin:9px 0 15px}.style-number{font-size:12px;letter-spacing:1.7px;color:var(--muted)}.lead{font-size:16px;line-height:1.8;color:#4a5750}.palette{display:flex;gap:10px;margin:20px 0}.swatch{height:35px;width:35px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.material-lines{padding:0;list-style:none;font-size:14px;line-height:1.7;margin:0 0 22px}.material-lines li{display:flex;align-items:center;gap:9px;margin:6px 0}.material-lines li:before{content:'';width:3px;height:3px;background:#4b6858;border-radius:50%}.function-highlight{border-top:1px solid var(--line);padding:18px 0 20px;line-height:1.65}.function-highlight b{display:block;font-size:14px;margin-bottom:8px}.function-highlight p{font-size:14px;color:var(--muted);margin:0}.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:4px;padding:14px 20px;min-height:49px;font-size:15px}.primary:hover{background:#1c3d30}.secondary{background:transparent;border:1px solid #b7c1b7;padding:13px 18px;border-radius:4px;font-size:14px;min-height:47px}.secondary:hover{background:#e9ede6}.selection-panel .primary{margin-top:auto;width:100%}.selection-panel .secondary{margin-top:10px;width:100%}.gallery-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:39px 0 20px}.gallery-head h2{font-size:20px;font-weight:500;margin:0}.filter{display:flex;gap:6px;flex-wrap:wrap}.filter button,.chip{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 14px;font-size:14px}.filter button[aria-pressed=true],.chip[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.style-card{border:0;background:none;text-align:left;padding:0 0 12px;border-bottom:2px solid transparent}.style-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:4px;transition:filter .2s}.style-card:hover img{filter:brightness(1.04)}.style-card[aria-pressed=true]{border-color:var(--green)}.card-name{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin:12px 0 6px}.card-sub{font-size:12px;line-height:1.5;color:var(--muted)}.checkmark{display:none}.style-card[aria-pressed=true] .checkmark{display:inline}.source-note{font-size:12px;color:var(--muted);line-height:1.75;padding:25px 0;margin:0}.source-note a{text-underline-offset:3px}.compare-panel{border:1px solid var(--line);background:#eeeee7;border-radius:6px;padding:22px;margin-top:25px}.compare-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.compare-controls label{font-size:14px}select{max-width:100%;border:1px solid #c0c7bc;background:#fff;padding:9px 12px;border-radius:4px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px}.compare-grid h3{font-size:18px;font-weight:500;margin:12px 0 9px}.compare-grid p{font-size:14px;line-height:1.7;margin-bottom:10px}.compare-grid .note{font-size:12px}.section-intro{margin:30px 0}.section-intro h2{font-size:30px;font-weight:500;margin-bottom:12px}.section-intro p{font-size:16px;line-height:1.75;color:var(--muted);max-width:680px}.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px}.block{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px}.block h3{font-size:20px;font-weight:500;margin-bottom:12px}.block>p{color:var(--muted);font-size:14px;line-height:1.7}.chips{display:flex;gap:9px;flex-wrap:wrap}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{border:1px solid var(--line);border-radius:5px;padding:16px;background:#fff;text-align:left}.feature b{font-size:15px;display:block;margin-bottom:7px;font-weight:500}.feature span{font-size:13px;line-height:1.7;color:var(--muted);display:block}.feature[aria-pressed=true]{background:#eff3eb;border-color:#57745e}.feature[aria-pressed=true] b:after{content:' ✓';color:var(--green)}.materials-box{border:1px solid var(--line);background:#fff;padding:28px;border-radius:6px}.component-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.component-tabs button{padding:10px 15px;background:#f5f6f2;border:1px solid transparent;font-size:14px;border-radius:4px}.component-tabs button[aria-pressed=true]{background:var(--green);color:white}.component-title{display:flex;align-items:start;justify-content:space-between;gap:25px}.component-title h3{font-size:23px;font-weight:500;margin-bottom:8px}.component-title p{font-size:14px;line-height:1.65;color:var(--muted);max-width:630px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.option{background:#fff;border:1px solid var(--line);border-radius:5px;padding:20px;text-align:left}.option b{display:block;font-size:16px;font-weight:500;margin-bottom:9px}.option p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.option[aria-pressed=true]{background:#f1f4ed;border-color:#4e705a}.option[aria-pressed=true] b:after{content:' ✓'}.technical-note{margin:20px 0 0;background:#f5f5ef;padding:14px 17px;font-size:13px;line-height:1.75;color:#586258}.notes-label{display:block;font-size:16px;margin:27px 0 12px}.notes-area{width:100%;resize:vertical;min-height:110px;border:1px solid #cbd1c7;border-radius:5px;background:#fff;padding:15px;line-height:1.7;font-size:16px}.next-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.next-row p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.room-picker{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 35px}.approaches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.approach{border:1px solid var(--line);background:#fff;padding:25px;text-align:left;border-radius:6px}.approach[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 3px var(--green)}.approach h3{font-size:21px;font-weight:500;margin:0 0 14px}.approach[aria-pressed=true] h3:after{content:' ✓'}.approach p{font-size:14px;line-height:1.75;margin:0 0 16px;color:#576259}.approach dl{border-top:1px solid var(--line);padding-top:15px;margin:0}.approach dt{font-size:12px;color:var(--muted);margin-bottom:5px}.approach dd{font-size:14px;line-height:1.75;margin:0 0 16px}.approach small{font-size:12px;line-height:1.7;display:block;color:var(--muted)}.trades-heading{margin:44px 0 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.trades-heading h2{font-size:25px;font-weight:500;margin:0}.trade-phase{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:24px 0;border-top:1px solid var(--line)}.phase-label{font-size:18px;font-weight:500}.phase-label span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.trade{border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:12px}.trade summary{font-size:15px;cursor:pointer;padding:7px 0;line-height:1.6}.trade p{font-size:14px;color:var(--muted);line-height:1.8;margin:11px 0}.trade b{color:var(--ink);font-weight:500}.handoff{margin-top:24px;background:#e8ede3;border-radius:6px;padding:30px}.handoff h3{font-size:22px;font-weight:500}.handoff p{font-size:15px;line-height:1.75;max-width:780px}.handoff ol{display:flex;gap:35px;padding-left:20px;margin:24px 0;font-size:14px;line-height:1.7}.plan-bar{position:sticky;bottom:0;background:#f8f8f4f5;backdrop-filter:blur(12px);border-top:1px solid #cfd5ca;z-index:5;margin-top:35px;padding:17px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.plan-bar strong{font-size:15px;font-weight:500}.plan-bar p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.5}.plan-bar-actions{display:flex;align-items:center;gap:15px}.footer{padding:28px 0 34px;font-size:12px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);line-height:1.7}.footer p{margin:0}dialog{border:1px solid var(--line);border-radius:9px;padding:30px;max-width:760px;width:calc(100% - 32px);max-height:88vh;color:var(--ink);background:#fbfbf7}dialog::backdrop{background:#13241cb3;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.dialog-heading h2{font-size:24px;font-weight:500;margin:0}.close{border:1px solid #cbd2c8;background:transparent;min-width:40px;min-height:40px;border-radius:50%;font-size:24px}.plan-hero{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;margin-bottom:22px}.plan-content h2{font-size:26px;font-weight:500}.plan-content h3{font-size:19px;font-weight:500}.plan-content p,.plan-content li,.plan-content dd{font-size:14px;line-height:1.8}.plan-content dt{font-size:13px;color:var(--muted);margin-top:15px}.plan-content dd{margin:4px 0 0}.plan-content dl{display:grid;grid-template-columns:1fr;max-width:550px}.plan-content details{border-top:1px solid var(--line);padding:18px 0}.note{font-size:12px!important;line-height:1.8!important;color:var(--muted)}.preserve{white-space:pre-wrap}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);padding:15px 23px;border-radius:6px;background:#1d362c;color:#fff;z-index:30;max-width:calc(100% - 30px);font-size:14px;line-height:1.6}.save-note{font-size:12px;color:var(--muted);margin:13px 0 0}.plain-link{border:0;background:none;padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px}.scope-note{font-size:13px;color:var(--muted);line-height:1.8;margin:18px 0}.no-results{padding:30px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1700px){.selection-panel{padding:25px 5px}.selection-panel h2{font-size:36px}.function-highlight p,.material-lines{font-size:15px}}@media(max-width:1100px){.page{padding:0 28px}.header{padding:0 28px}.design-grid{grid-template-columns:minmax(0,1fr) 280px;gap:25px}.selection-panel h2{font-size:28px}.palette{margin:13px 0}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px}.card-name{font-size:14px}.needs-grid{grid-template-columns:1fr}.intro p:last-child{font-size:14px}.trade-phase{grid-template-columns:150px 1fr}.approach{padding:20px}}
@media(max-width:780px){.header{height:74px;padding:0 20px}.brand b{font-size:31px}.brand span{font-size:10px}.header-note{display:none}.page{padding:0 20px}.intro{padding:28px 0 15px;display:block}.intro p:last-child{margin-top:15px;max-width:none}h1{font-size:34px}.steps{gap:26px;margin-bottom:18px}.steps button{font-size:14px;padding:17px 0}.steps button span{margin-right:5px}.design-grid{grid-template-columns:1fr;gap:16px}.selection-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:0}.selection-panel .style-number,.selection-panel h2,.selection-panel .lead,.selection-panel .function-highlight{grid-column:1/-1}.selection-panel h2{font-size:28px;margin:8px 0 10px}.selection-panel .lead{margin-bottom:10px}.palette{margin:8px 0}.material-lines{grid-column:1/-1;margin-bottom:6px;display:flex;gap:6px 15px;flex-wrap:wrap}.material-lines li{font-size:13px}.function-highlight{padding:14px 0;margin-top:12px}.selection-panel .primary,.selection-panel .secondary{margin:0;font-size:14px;padding:13px 10px}.gallery-head{display:block;margin-top:30px}.filter{margin-top:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.card-name{font-size:16px}.image-caption{font-size:12px;display:block}.image-caption span{display:block}.spot{width:32px;height:32px;font-size:12px}.scene-label{top:12px;left:12px;font-size:12px;padding:6px 10px}.needs-grid{gap:18px}.block,.materials-box{padding:21px}.option-grid{grid-template-columns:1fr}.option{padding:16px}.component-title{display:block}.component-tabs{gap:6px}.component-tabs button{padding:9px 10px;font-size:13px}.section-intro h2{font-size:26px}.section-intro p{font-size:15px}.feature-list{gap:10px}.feature{padding:13px}.feature b{font-size:14px}.approaches{grid-template-columns:1fr}.approach dl{display:grid;grid-template-columns:85px 1fr;column-gap:12px}.approach dt{margin-top:3px}.approach dd{margin-bottom:11px}.trade-phase{grid-template-columns:1fr;gap:12px}.phase-label{display:flex;gap:12px;align-items:center}.phase-label span{margin:0}.trade-grid{grid-template-columns:1fr}.trades-heading{display:block}.trades-heading .text-button{padding-left:0;margin-top:8px}.handoff{padding:23px}.handoff ol{display:block;margin:15px 0}.handoff li{margin:10px 0}.plan-bar{gap:10px;padding:13px 0}.plan-bar strong{font-size:14px}.plan-bar-actions{gap:6px}.plan-bar-actions .text-button{display:none}.plan-bar .primary{font-size:14px;padding:11px 13px;white-space:nowrap}.plan-bar p{max-width:200px}.footer{display:block;padding-bottom:20px}.footer p+p{margin-top:10px}.next-row{align-items:start}.next-row p{max-width:50%}.compare-controls{align-items:start}.compare-controls label{display:flex;flex-direction:column;gap:8px}.compare-panel{padding:14px}.compare-grid{gap:10px}.compare-grid h3{font-size:16px}.compare-grid p{font-size:13px}.compare-grid .secondary{padding:10px;font-size:13px;width:100%}.selection-panel .style-number{margin-top:4px}dialog{padding:20px}.dialog-heading h2{font-size:21px}}
.otti-catalog{margin:28px 0 40px;padding-bottom:20px;border-bottom:1px solid var(--line)}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.catalog-heading h2{font-size:27px;font-weight:500;margin-bottom:12px}.catalog-heading p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:0}.catalog-heading a{font-size:13px;white-space:nowrap}.catalog-toolbar{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap}.catalog-toolbar .component-tabs{margin:0}.catalog-filters{display:flex;gap:12px;flex-wrap:wrap}.catalog-filters label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.catalog-filters select{font-size:14px}.catalog-result{font-size:12px;color:var(--muted);margin:15px 0 18px}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.real-product{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.real-product.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.real-product-image{aspect-ratio:4/3;position:relative;background:#fff}.real-product-image img{display:block;width:100%;height:100%;object-fit:contain;padding:14px 20px 24px}.real-product-image span{position:absolute;bottom:7px;left:15px;font-size:12px;color:var(--muted)}.real-product-body{padding:20px;display:flex;flex-direction:column;flex:1}.real-product-body h3{font-size:18px;font-weight:500;margin:0 0 10px}.real-product-body p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 12px}.real-product-body small{font-size:12px;color:var(--muted)}.real-product-body details{margin:15px 0}.real-product-body summary{font-size:13px;cursor:pointer}.real-product-body details p{font-size:13px;line-height:1.8;margin-top:10px}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.product-actions .secondary{padding:10px 13px;font-size:13px}.product-actions [aria-pressed=true]{background:var(--green);color:#fff}.product-actions a{font-size:12px;white-space:nowrap}.selected-products{background:#e9eee4;padding:23px;margin-top:23px;border-radius:6px}.selected-products b{font-size:15px;font-weight:500}.selected-products p{font-size:14px;line-height:1.8;margin:10px 0 0}.brand-inspiration{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.brand-inspiration>summary{cursor:pointer;font-size:17px;padding:8px 0}.brand-story{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:23px;background:#eeeae0;border-radius:5px;overflow:hidden}.brand-story img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.brand-story>div+div{padding:25px 30px 25px 0}.brand-story h3{font-size:25px;font-weight:500;line-height:1.4}.brand-story p{font-size:15px;line-height:1.8}.brand-story .note{margin-top:20px}.brand-story a{font-size:13px}
@media(max-width:1100px){.catalog-toolbar{display:block}.catalog-filters{margin-top:15px}.product-actions{display:block}.product-actions a{display:block;margin-top:12px}.product-gallery{gap:15px}.real-product-body{padding:16px}.real-product-body h3{font-size:16px}}
@media(max-width:780px){.catalog-heading{display:block}.catalog-heading h2{font-size:24px}.catalog-heading a{display:inline-block;margin-top:15px}.catalog-filters{gap:10px}.catalog-filters label{display:block}.catalog-filters select{display:block;margin-top:5px;max-width:145px}.product-gallery{grid-template-columns:1fr 1fr;gap:12px}.real-product-image{aspect-ratio:1/1}.real-product-body{padding:14px}.real-product-body p{font-size:13px}.real-product-body h3{font-size:16px}.real-product-body small{overflow-wrap:anywhere}.product-actions .secondary{width:100%;padding:9px 6px;font-size:12px}.brand-story{grid-template-columns:1fr;gap:0}.brand-story>div+div{padding:23px}.brand-story h3{font-size:23px}}
.style-card img,.compare-grid img{height:auto}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}