:root{--studio-ink:#203f36;--studio-gold:#b49461;--studio-paper:#f7f6f2;--studio-line:#dedfd5}
body{background:var(--studio-paper);color:#263d34}header{background:#f7f6f2f5;border-bottom:1px solid var(--studio-line)}
.logo{gap:13px}.logo>img{width:52px;height:52px;border-radius:0}.brand-wordmark b{font-size:23px;letter-spacing:-.7px;font-weight:650}.brand-wordmark small{font-size:9px;letter-spacing:.25px;color:#6d7d71;margin-top:6px}header nav a,header nav button{font-size:12px}
.intro{padding:55px 0 34px;gap:24px 42px;align-items:center}.intro h1{font-size:clamp(48px,5.3vw,76px);line-height:1.05;letter-spacing:-3px;font-weight:550;margin:22px 0}.intro h1 em,.material-story h2 em,.studio-cost h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#6b795c;letter-spacing:-2px}.intro>div>p{max-width:490px;font-size:16px;color:#6a756b;line-height:1.8}.intro .eyebrow{font-size:10px;letter-spacing:1.6px;color:#6a7866;line-height:1.7}
.studio-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;margin-top:15px;border-radius:10px;background:var(--studio-ink);color:white;text-decoration:none;font-size:14px;transition:background .15s}.studio-primary:hover{background:#345b4c}.intro>div>.hero-action-note{font-size:11px;letter-spacing:.2px;margin:12px 0 0;color:#75816f}.hero-product{box-shadow:0 15px 40px #203f3610;border:6px solid #ebe9e0;isolation:isolate;border-radius:26px;overflow:hidden}.hero-product img{height:405px;object-fit:cover;display:block}.hero-product figcaption{left:16px;right:16px;bottom:16px;font-size:14px}.hero-product figcaption>span{padding:14px 18px;background:#f7f6f2ed;border:1px solid #fff8;border-radius:12px;backdrop-filter:blur(12px);color:#314a3e}.hero-product figcaption small{background:#203f36ba;color:#fff;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:.5px}.intro-side{background:#eeeade;border:1px solid #e2ddcc;padding:14px 18px;border-radius:12px}.intro-side .demo-badge{background:#e3dac4;color:#685734;font-size:9px}.intro-side p{color:#756e5b!important;font-size:12px!important;line-height:1.7}
.routes{gap:14px;margin:8px 0 36px}.route{position:relative;overflow:hidden;background:#fff;border:1px solid var(--studio-line);padding:24px;border-radius:18px;transition:transform .15s,border-color .15s}.route:hover{transform:translateY(-2px);border-color:#a2ae98}.route.active{background:var(--studio-ink);border-color:var(--studio-ink)}.route>span{font-size:9px;letter-spacing:.7px}.route b{font-size:21px;letter-spacing:-.6px;padding-right:45px;line-height:1.3}.route p{font-size:12px;line-height:1.6;max-width:220px;padding-right:24px}.route-art{position:absolute;right:15px;bottom:14px;display:block!important;width:49px;height:49px;color:#9aab8b;opacity:.75}.route-art svg{width:100%;height:100%}.route.active .route-art{color:#c7aa79}.route b i{display:none}
.workspace{scroll-margin-top:105px}.config{background:#fff;border:1px solid #e1e3da;border-radius:22px;box-shadow:0 12px 35px #203f3605}.workspace-head{padding-bottom:12px}.workspace-head .eyebrow{font-size:10px;letter-spacing:1px}.tabs{background:#f4f5ee;border-radius:10px;padding:4px;gap:3px;border:0;margin-bottom:27px}.tabs button{border:0;border-radius:7px;font-size:12px;padding:13px 8px;line-height:1.3;min-height:44px}.tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 8px #203f3610;color:#203f36}.config h2{font-size:31px;letter-spacing:-1.1px}.config .muted{font-size:13px;line-height:1.7}.fields label{font-size:12px;color:#63705f}.fields input{font-size:16px;border-radius:9px;background:#f9faf5;border-color:#d9dfd0;min-height:48px}.layouts{gap:8px}.layouts button{border-radius:12px;min-height:100px;font-size:11px}.layouts button svg{height:42px}.layouts .selected{background:#edf1e4;border-color:#80956b}.preview-top{font-size:10px;letter-spacing:1.2px;color:#6a7c60}.render-wrap{background:#eceee5;border:1px solid #dfe3d6;border-radius:20px}.model-actions button{min-height:38px;font-size:11px}.model-status-note,.render-note{font-size:11px;line-height:1.7;color:#6e7c67}.choice-card{border-radius:14px}.choice-card strong{font-size:13px}.choice-card>span{font-size:11px}.choice-card b{font-size:12px}.style-photos button{border-radius:12px;overflow:hidden}.style-photos span{font-size:10px}.total-card{background:#fff;border:1px solid #dfe4d6;border-radius:17px;padding:22px}.total-card>strong{font-size:39px;letter-spacing:-1.5px}.total-card p{font-size:11px}
.material-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin:80px 0;align-items:center}.material-story figure{margin:0;position:relative}.material-story figure img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;display:block}.material-story figcaption{position:absolute;left:15px;bottom:15px;right:15px;font-size:9px;line-height:1.6;color:#4d5b4f;background:#f7f6f2e8;padding:7px 10px;border-radius:7px;max-width:350px}.material-story .eyebrow{font-size:10px;letter-spacing:1.5px;color:#76856b}.material-story h2,.studio-cost h2{font-size:clamp(32px,3.5vw,47px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.material-story-copy>p{font-size:15px;line-height:1.9;color:#76816f}.material-notes{display:grid;gap:17px;margin:25px 0}.material-notes>div{display:grid;grid-template-columns:38px 1fr;gap:2px 12px}.material-notes b{font-size:13px;font-weight:600}.material-notes small{font-size:11px;line-height:1.7;color:#778171}.swatch{grid-row:span 2;width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #dedfd4}.swatch.oak{background:repeating-linear-gradient(85deg,#bba17b,#bba17b 2px,#d3bd9a 3px,#ddcba9 6px)}.swatch.sage{background:#5c6d4e}.swatch.stone{background:linear-gradient(125deg,#efe7d7 35%,#cfc1a7 36%,#faf6ec 38%,#efe7d7 70%)}.studio-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-bottom:1px solid #a7b39c;background:none;padding:12px 0;color:#203f36;font:inherit;font-size:13px;cursor:pointer;min-height:44px}.studio-caption,.material-story-copy>p.studio-caption{font-size:10px!important;line-height:1.7!important;color:#829078}
.explain.studio-cost{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px;background:#203f36;color:#fff;border:0;border-radius:24px;margin:40px 0 60px}.studio-cost .eyebrow{font-size:9px;letter-spacing:1.5px;color:#b7c5a5}.studio-cost h2{color:#fff}.studio-cost h2 em{color:#c7c5a2}.studio-cost p{font-size:13px;line-height:1.9;color:#bdc9bb}.studio-cost .studio-link{color:#f1eee0;border-color:#7f9277}.cost-cards{display:grid;gap:18px}.cost-cards article{display:grid;grid-template-columns:62px 1fr;gap:18px;padding-bottom:17px;border-bottom:1px solid #5c7263}.cost-icon{width:52px;height:52px;color:#c8ba8f}.cost-icon svg{width:100%;height:100%}.cost-cards h3{font-size:16px;letter-spacing:-.2px;font-weight:500;margin:0 0 6px}.cost-cards article p{font-size:12px;margin:0}.cost-cards .studio-caption{color:#a1b49e}.studio-primary:focus-visible,.studio-link:focus-visible{outline:3px solid #b49461;outline-offset:4px}footer{padding-top:24px;padding-bottom:30px}footer .logo>img{width:46px;height:46px}
@media(max-width:1050px){.intro h1{font-size:56px}.hero-product img{height:360px}.material-story{gap:35px}.explain.studio-cost{padding:35px;gap:30px}.brand-wordmark b{font-size:20px}.brand-wordmark small{font-size:8px}}
@media(max-width:760px){header{height:auto;min-height:76px;padding:14px 16px;gap:14px;align-items:center}.logo>img{width:43px;height:43px}.brand-wordmark b{font-size:18px;letter-spacing:-.5px}.brand-wordmark small{font-size:8px;line-height:1.5;max-width:180px;letter-spacing:0}.logo .brand-wordmark{max-width:200px}header nav{display:none}.intro{padding:28px 0 22px;gap:20px}.intro h1{font-size:clamp(38px,10vw,54px);letter-spacing:-1.8px;margin:15px 0}.intro h1 em{letter-spacing:-1.8px}.intro .eyebrow{font-size:8px;letter-spacing:.8px}.intro>div>p{font-size:14px;line-height:1.8}.studio-primary{min-height:48px;padding:13px 21px;font-size:13px;margin-top:7px}.intro>div>.hero-action-note{font-size:10px}.hero-product{border-width:4px;border-radius:20px}.hero-product img{height:265px}.hero-product figcaption{font-size:12px;left:12px;right:12px;bottom:12px}.hero-product figcaption>span{padding:10px 12px}.hero-product figcaption small{font-size:6px}.intro-side{padding:12px 14px}.intro-side p{font-size:11px!important}.routes{gap:9px;margin-bottom:25px}.route{padding:19px}.route b{font-size:20px}.route>span{font-size:9px}.route p{font-size:11px;max-width:none}.route-art{width:42px;height:42px}.workspace{scroll-margin-top:90px}.config{padding:20px 16px}.config h2{font-size:27px}.tabs{top:76px}.tabs button{font-size:10px;padding:12px 4px}.fields label{font-size:12px}.fields input{font-size:16px}.preview-top{font-size:9px}.model-actions button{font-size:11px;min-height:40px}.render-wrap{height:325px}.choice-card img{height:90px}.choice-card strong{font-size:12px}.choice-card>span{font-size:11px}.live-mini{top:133px}.material-story{grid-template-columns:1fr;gap:25px;margin:48px 0}.material-story figure img{aspect-ratio:1.2;border-radius:20px}.material-story-copy>p{font-size:14px}.material-story h2,.studio-cost h2{font-size:36px}.material-story h2 em,.studio-cost h2 em{letter-spacing:-1px}.material-notes{gap:14px}.explain.studio-cost{grid-template-columns:1fr;gap:28px;padding:26px 21px;margin:28px 0 38px;border-radius:20px}.cost-cards article{grid-template-columns:46px 1fr;gap:14px}.cost-icon{width:42px;height:42px}.cost-cards h3{font-size:15px}.studio-cost .studio-caption{font-size:10px}.total-card>strong{font-size:33px}.mobile-total b{font-size:24px}.model-status-note,.render-note{font-size:10px}footer .brand-wordmark b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.route,.studio-primary{transition:none}.route:hover{transform:none}}

.extra-row{min-width:0;grid-template-columns:minmax(0,1fr) 62px!important}.extra-row label{min-width:0;overflow-wrap:anywhere}.extra-row .equipment-image{max-width:100%;min-width:0}@media(max-width:450px){.extra-list{grid-template-columns:1fr}.extra-row{grid-template-columns:minmax(0,1fr) 70px!important}}

/* Optional equipment: the placement selector is enabled only after opt-in. */
.appliance-card{position:relative;padding-right:48px}.appliance-card>input[type=checkbox]{position:absolute;right:14px;top:14px;width:21px;height:21px;accent-color:#365b48}.appliance-card.is-added{border-color:#365b48;background:#f0f5ec}.appliance-card select:disabled{opacity:.65}.extra-row .equipment-image{height:160px;object-fit:contain;background:#f7f7f3}.extra-row input::placeholder{color:#778272}#skip-equipment{margin:0 0 22px}
.guide-links{max-width:1280px;margin:48px auto;padding:24px 5%;display:flex;gap:16px;flex-wrap:wrap}.guide-links h2{width:100%}.guide-links a,.price-method-link{color:#345b49}.share-bar,.share-socials{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.share-dialog{max-width:580px;width:calc(100% - 32px);box-sizing:border-box;border:1px solid #d9e2d4;border-radius:20px;padding:24px;background:#faf9f5;color:#294537}.share-dialog::backdrop{background:#10291f88}.share-dialog .share-close{float:right}.share-url{box-sizing:border-box;width:100%;padding:12px;margin:8px 0 16px}.share-dialog a{text-decoration:none}.brand-wordmark small{max-width:340px;white-space:normal!important;line-height:1.4}@media(max-width:600px){.brand-wordmark small{max-width:200px;font-size:10px}.share-bar button{width:100%}}

.calculator-about{max-width:1200px;margin:56px auto;padding:32px 24px;border-top:1px solid #dce3d5;color:#243c32}.calculator-about h2{font-size:clamp(24px,3vw,36px);line-height:1.2;max-width:820px}.calculator-about>p{max-width:850px;line-height:1.75}.calculator-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.calculator-answers h3{font-size:18px;line-height:1.4}.calculator-answers p{font-size:14px;line-height:1.75}.calculator-about a{color:inherit;text-decoration:underline}@media(max-width:760px){.calculator-answers{grid-template-columns:1fr;gap:12px}.calculator-about{margin:28px auto;padding:24px 16px}}