:root{--focus:#45644d}body{background:#f3f2ed;color:#25372d}.demo-nav{border-bottom:1px solid #c7cdc4}.demo-brand{font-size:32px;font-weight:500;letter-spacing:-.04em}.demo-brand span{font-size:12px;margin-left:4px;vertical-align:super}.demo-nav .nav-cta{background:#25372d;color:#f3f2ed;border-color:#25372d;border-radius:3px;display:flex;gap:22px}.a-hero{padding-top:75px;padding-bottom:0}.a-hero-text{display:grid;grid-template-columns:1.7fr 1fr;gap:10%;align-items:end;margin-bottom:55px}.a-hero h1{font-size:clamp(48px,5.5vw,86px);letter-spacing:-.04em;line-height:1.03;margin-top:28px}.a-hero h1 em{font:italic 1.12em/1 Editorial,serif;letter-spacing:-.025em;color:#65745f}.hero-side p{font-size:15px;max-width:34ch;color:#52634c}.hero-side .text-link{margin-top:20px;display:flex;align-items:center;justify-content:space-between;max-width:300px}.a-hero-image{margin:0;position:relative;overflow:hidden}.a-hero-image>img{aspect-ratio:1.93;object-fit:cover}.a-hero-image figcaption{position:absolute;left:30px;right:30px;bottom:28px;display:flex;justify-content:space-between;align-items:center;color:#fff;text-shadow:0 1px 8px #0009}.a-hero-image figcaption>span:first-child{font:400 37px Editorial,serif}.a-hero-image figcaption>span:last-child{font-size:12px}.a-principle>.eyebrow{margin-bottom:40px}.principle-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.principle-grid h2{font-size:clamp(36px,4.1vw,62px);line-height:1.1;letter-spacing:-.04em}.principle-grid p{font-size:16px;color:#52634c}.principle-grid p+p{margin-top:24px}.concept-label{font-size:12px;display:block;margin-top:32px;color:#52634c}.a-use{background:#e5e8df;padding-top:0;padding-bottom:80px}.use-navigation{display:flex;gap:45px;border-bottom:1px solid #b9c3b6;margin-bottom:60px}.use-navigation button{padding:26px 0;background:none;font-size:14px;border-bottom:2px solid transparent;color:#52634c}.use-navigation button span{font-size:12px;margin-right:14px}.use-navigation [aria-pressed=true]{border-bottom-color:#25372d;color:#25372d}.use-content{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:center}.use-text h2{font-size:clamp(38px,4.1vw,63px);letter-spacing:-.04em;line-height:1.06;margin:28px 0}.use-text>p:not(.eyebrow){font-size:15px;color:#52634c;max-width:45ch}.use-text ul{list-style:none;margin:30px 0 0;padding:0}.use-text li{padding:13px 0;border-bottom:1px solid #bfc8ba;font-size:12px}.use-text li:before{content:'+';margin-right:14px}.use-visual{position:relative;background:#d7dccf}.use-visual img{aspect-ratio:.97;object-position:center}.use-visual>span{position:absolute;left:24px;bottom:24px;padding:10px 14px;background:#f6f6edf0;font-size:12px;letter-spacing:.04em}.a-material .section-head p{color:#52634c}.material-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:center}.material-grid figure{margin:0}.material-grid img{aspect-ratio:.92}.material-grid figcaption{font-size:12px;margin-top:18px;color:#52634c}.material-list article{border-top:1px solid #c2c8bd;padding:27px 0}.material-list span{font-size:12px;color:#52634c;letter-spacing:.09em}.material-list h3{font-size:25px;letter-spacing:-.03em;margin:20px 0 15px}.material-list p{font-size:14px;color:#52634c}.material-note{font-size:12px;margin-top:40px;max-width:85ch;color:#52634c}.a-plan{background:#24392f;color:#eff3eb}.plan-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:15%;align-items:end;margin-bottom:55px}.plan-heading h2{font-size:clamp(40px,4.8vw,72px);letter-spacing:-.04em;line-height:1.05;margin-top:28px}.plan-heading>p{color:#b4c4b6;font-size:15px}.planner{display:grid;grid-template-columns:1.6fr 1fr;gap:0;min-height:680px;color:#25372d}.plan-canvas-wrap{background:#e0e4da;display:flex;flex-direction:column;min-width:0;position:relative}.plan-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;font-size:12px}.plan-toolbar>div{display:flex;background:#cbd3c5;border-radius:4px;padding:3px}.plan-toolbar button{font-size:12px;padding:9px 11px;background:none;border-radius:2px}.plan-toolbar [aria-pressed=true]{background:#f5f6f0}.plan-legend{display:flex;justify-content:space-between;gap:10px;padding:24px 25px;font-size:12px}.plan-legend span{display:flex;gap:6px;align-items:center}.plan-legend i{width:7px;height:7px;background:#6c8772}.plan-legend span:nth-child(2) i{background:#bdc9b5}.plan-legend #floor-area{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}#room-view{position:relative;min-height:490px;flex:1}#room-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.planner-controls{background:#f2f3ed;padding:35px 10%}.planner-controls>.eyebrow{font-size:12px;color:#52634c}.planner-controls>label{display:flex;justify-content:space-between;font-size:12px;margin-top:23px}.planner-controls input{accent-color:#46644d}.control-divider{border-top:1px solid #bdc8b6;margin:25px 0}.count-control{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:13px}.count-control>div{display:flex;align-items:center;gap:14px}.count-control button{width:34px;height:34px;background:#dce3d6;border-radius:4px;font-size:19px}.count-control output{min-width:16px;text-align:center}.palette{border:0;margin:25px 0;padding:0;display:flex;gap:15px}.palette legend{font-size:12px;margin-bottom:12px}.palette button{padding:7px 0;background:none;font-size:12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid transparent}.palette [aria-pressed=true]{border-bottom-color:#25372d}.palette i{width:14px;height:14px;border-radius:50%;background:#7f9276;border:1px solid #0002}.palette button:nth-of-type(2) i{background:#baa98b}.palette button:nth-of-type(3) i{background:#424e55}.plan-result{background:#e0e7da;padding:18px;margin-top:25px;border:1px solid #7d9474}.plan-result strong{font-size:13px;font-weight:500;line-height:1.4;display:block}.plan-result p{font-size:12px;color:#52634c;margin-top:8px}.plan-result.warning{background:#efe3cc;border-left-color:#a07a3d}.plan-result.warning p{color:#766139}.planner-controls .round-button{margin-top:25px;width:100%;border-radius:3px;background:#25372d;color:#f5f5ec;font-size:12px;gap:10px}.plan-note{font-size:12px;color:#53634c;margin-top:20px;line-height:1.6}.a-process .section-head p{color:#52634c}.a-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4%}.a-process li{border-top:1px solid #bdc6b7;padding-top:25px}.a-process li>span{font-size:12px;color:#5d6d54}.a-process h3{font-size:23px;letter-spacing:-.03em;line-height:1.15;margin:35px 0 20px}.a-process li>p{font-size:14px;color:#52634c}.a-dimensions{display:grid;grid-template-columns:1.2fr 1fr;gap:15%;background:#e7e8df}.a-dimensions .copy h2{font-size:53px}.a-dimensions .copy>p:last-child{color:#52634c;font-size:14px}.a-dimensions dl{margin:0;align-self:center}.a-dimensions dl>div{padding:22px 0;border-top:1px solid #b7c0ae;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px}.a-dimensions dt{color:#52634c}.a-dimensions dd{margin:0;text-align:right}.faq h2{font-size:52px;line-height:1.1}.a-end{background:#bccbb0;text-align:center}.a-end h2{font-size:clamp(50px,6.5vw,100px);letter-spacing:-.04em;line-height:1.02;margin:40px 0}.a-end h2 em{font:italic 1.12em/1 Editorial,serif;letter-spacing:-.02em}.a-end .round-button{background:#25372d;color:white;border-color:#25372d;border-radius:3px}.demo-footer{background:#f3f2ed}.demo-footer strong{font-size:50px;letter-spacing:-.04em}.demo-footer p{opacity:1;color:#52634c}#room-fallback{position:absolute;inset:25px;display:grid;place-items:center}.plan-grid{width:75%;height:70%;border:2px solid #a5b29c;background:repeating-linear-gradient(0deg,transparent 0 24px,#8b9b8020 25px 26px),repeating-linear-gradient(90deg,#e3e8dd 0 24px,#8b9b8020 25px 26px);padding:15px;display:flex;gap:8px;align-content:start;flex-wrap:wrap}.plan-grid i{width:50px;height:48px;border:3px solid #79906e;background:#a6b69c}.webgl-ready #room-fallback{display:none}
@media(max-width:1000px){.a-hero-text{grid-template-columns:1.5fr 1fr;gap:6%}.a-hero h1{font-size:56px}.hero-side p{font-size:14px}.planner{grid-template-columns:1.3fr 1fr}.planner-controls{padding-inline:8%}.a-process ol{grid-template-columns:1fr 1fr;gap:45px 6%}.plan-toolbar{flex-direction:column;align-items:start}.plan-legend{flex-wrap:wrap;font-size:12px}.plan-legend #floor-area{font-size:12px}.plan-heading{gap:8%}.plan-heading h2{font-size:49px}}
@media(max-width:760px){.a-hero{padding-top:45px}.a-hero-text{display:block;margin-bottom:35px}.a-hero h1{font-size:52px;margin-top:22px}.hero-side{margin-top:30px}.hero-side p{max-width:40ch;font-size:14px}.a-hero-image>img{aspect-ratio:.95;object-position:57% center}.a-hero-image figcaption{left:18px;right:18px;bottom:20px}.a-hero-image figcaption>span:first-child{font-size:26px}.a-hero-image figcaption>span:last-child{font-size:12px}.principle-grid{display:block}.principle-grid h2{font-size:40px;margin-bottom:30px}.principle-grid p{font-size:15px}.a-principle>.eyebrow{font-size:12px;margin-bottom:28px}.use-navigation{gap:20px;margin-bottom:35px;overflow-x:auto}.use-navigation button{font-size:12px;white-space:nowrap;padding-block:25px}.use-navigation button span{display:none}.use-content{display:flex;flex-direction:column-reverse;gap:35px}.use-visual{width:100%}.use-visual img{aspect-ratio:1.1}.use-text h2{font-size:43px}.use-text .eyebrow{font-size:12px}.use-text>p:not(.eyebrow){font-size:14px}.material-grid{grid-template-columns:1fr;gap:40px}.material-grid img{aspect-ratio:1}.material-list h3{font-size:25px}.plan-heading{display:block;margin-bottom:35px}.plan-heading h2{font-size:43px;margin:25px 0}.plan-heading>p{font-size:14px}.planner{grid-template-columns:1fr}.plan-toolbar{flex-direction:row;align-items:center;padding:18px;gap:10px}.plan-toolbar>span{font-size:12px}.plan-toolbar button{font-size:12px;padding:9px}.plan-legend{padding-inline:18px}#room-view{min-height:380px}.planner-controls{padding:32px 7%}.a-process ol{grid-template-columns:1fr;gap:30px}.a-process li{display:grid;grid-template-columns:30px 1fr;gap:10px 12px}.a-process h3{margin:0 0 12px;font-size:24px}.a-process li>p{grid-column:2}.a-dimensions{grid-template-columns:1fr;gap:40px}.a-dimensions .copy h2{font-size:43px}.a-dimensions dl>div{font-size:12px}.faq h2{font-size:43px}.a-end h2{font-size:48px}.a-end .round-button{font-size:12px}.palette button{font-size:12px}.palette{gap:24px}.plan-note{font-size:12px}}

#room-view{overflow:hidden}.plan-grid{max-width:100%}@media(max-width:380px){.plan-toolbar{align-items:flex-start;flex-direction:column}.plan-legend{flex-wrap:wrap}.palette{gap:10px}}
@media(max-width:380px){.principle-grid h2{font-size:30px}.a-hero h1{font-size:46px}}
.quiet-story{height:490svh;position:relative;background:#dce2d7}.quiet-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:62% 38%;isolation:isolate}.quiet-view{position:relative;height:100%;min-width:0}.quiet-view canvas{width:100%;height:100%;display:block}.quiet-poster{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.quiet-view.webgl-ready .quiet-poster{opacity:0}.quiet-guide{padding:15vh 5vw 100px 10px;position:relative}.quiet-kicker{font-size:11px;letter-spacing:.05em;display:block}.quiet-guide article{position:absolute;top:24vh;left:10px;right:5vw;opacity:0;visibility:hidden;transition:opacity .35s}.quiet-guide article:first-of-type{opacity:1;visibility:visible}.quiet-guide:has(article.active) article:not(.active){opacity:0;visibility:hidden}.quiet-guide article.active{opacity:1;visibility:visible}.quiet-guide h2{font-size:clamp(32px,3.5vw,56px);line-height:1.06;letter-spacing:-.04em}.quiet-guide p{font-size:14px;line-height:1.75;color:#52644f;max-width:31ch;margin-top:27px}.quiet-fact{font-size:11px;display:block;border-top:1px solid #6b7b6355;padding-top:20px;margin-top:30px;line-height:1.6}.quiet-guide .text-link{margin-top:20px;font-size:12px}.quiet-chapters{position:absolute;bottom:65px;left:5vw;display:flex;gap:5px;background:#eef1e6;padding:5px;border-radius:4px;z-index:3}.quiet-chapters button{background:none;font-size:11px;padding:12px 17px;border-radius:2px}.quiet-chapters button[aria-pressed=true]{background:#344d3c;color:#f0f3eb}#quiet-motion{position:absolute;right:5vw;bottom:65px;font-size:11px;background:none;border:1px solid #6b7b6366;padding:12px 15px;border-radius:3px;min-height:38px}.quiet-caption{position:absolute;bottom:25px;left:5vw;font-size:11px;color:#53634f}.quiet-story.quiet-static{height:100svh;min-height:650px}.quiet-static .quiet-stage{position:relative;height:100%}
@media(max-width:800px){.quiet-story{height:430svh}.quiet-stage{grid-template-columns:1fr;grid-template-rows:56% 44%;min-height:700px}.quiet-view{grid-row:1}.quiet-guide{grid-row:2;padding:0 24px}.quiet-kicker{font-size:11px}.quiet-guide article{top:25px;left:24px;right:24px}.quiet-guide h2{font-size:31px;max-width:15ch}.quiet-guide p{font-size:11px;line-height:1.6;max-width:45ch;margin-top:14px}.quiet-fact{font-size:11px;margin-top:15px;padding-top:10px}.quiet-guide .text-link{font-size:11px;margin-top:8px;padding-block:7px}.quiet-chapters{left:20px;right:20px;bottom:auto;top:15px;display:flex;justify-content:space-between;padding:3px}.quiet-chapters button{font-size:11px;padding:10px 11px}.quiet-caption{display:none}#quiet-motion{right:20px;bottom:15px;font-size:11px;padding:8px 11px;min-height:32px}.quiet-story.quiet-static{height:100svh;min-height:750px}.quiet-static .quiet-stage{min-height:750px}}

.quiet-plan{position:absolute;inset:0 38% 0 0;background:#dce2d7;display:grid;place-items:center;z-index:1;padding:55px 8vw 100px}.quiet-plan svg{width:100%;max-height:540px;color:#344d3c}.quiet-fallback-note{position:absolute;top:24px;left:5vw;max-width:50ch;font-size:12px;z-index:4;background:#eef1e6;padding:12px}.quiet-chapters button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:800px){.quiet-plan{inset:0 0 44%;padding:70px 35px 4px}.quiet-plan svg{max-height:100%}.quiet-fallback-note{top:auto;bottom:10px;left:20px;right:20px;font-size:11px}.quiet-guide article:last-of-type .quiet-fact{margin-top:9px;padding-top:8px}}

.a-product-name{font-size:13px;margin-top:24px}