@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--paper:#f4f2e9;--ink:#203d32;--muted:#667166;--line:#d5d9ca;--lime:#d2df99;--olive:#70865b;--arch:#214537;--arch-ink:#c2d0b1;--compare:#e8ecdf;--notes:#eeeee2;--field:#faf9f3;--field-border:#b8c1ae;--ink-hover:#375c46;--lime-hover:#e2edbc;--total-ink:#f5f2df;--total-label:#bacba1;--total-muted:#c3cfb8;--total-rule:#49634c;--focus:#9b6b28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}:focus-visible{outline:var(--focus) solid 3px;outline-offset:5px}.skip{z-index:5;background:#fff;padding:12px;position:absolute;top:-80px}.skip:focus{top:0}header,footer{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:25px 5%;display:flex}.brand{letter-spacing:-2px;font-size:22px;font-weight:700}.brand span{color:var(--olive);margin-left:6px}nav{gap:34px;font-size:14px;display:flex}.edition,.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}.edition{color:var(--muted)}main{max-width:1440px;margin:auto}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:55px 5% 60px;display:grid}h1,h2{letter-spacing:-2px;margin:20px 0 25px;font-family:Libre Caslon Display,Georgia,serif;font-weight:400;line-height:1.04}h1{font-size:clamp(60px,6.5vw,96px)}h1 em{color:var(--olive);font-weight:400}h2{font-size:clamp(40px,4.5vw,62px)}h3{line-height:1.3}p{margin:0 0 18px}.intro{max-width:430px;color:var(--muted);font-size:18px}.button{background:var(--ink);color:#fff;border:0;border-radius:3px;align-items:center;gap:42px;margin:8px 0 14px;padding:15px 23px;font-size:14px;display:inline-flex}.button:hover{background:var(--ink-hover);text-decoration:none}.micro,.small{color:var(--muted);font-size:12px;line-height:1.7}.room-art{background:var(--arch);color:var(--arch-ink);border-radius:160px 160px 4px 4px;flex-direction:column;justify-content:center;align-self:stretch;min-height:520px;padding:42px 14px 20px;display:flex}.drawing-label{text-align:center;letter-spacing:3px;font-size:10px}.room-art svg{width:100%;height:auto}.room-art p{letter-spacing:1px;text-align:center;margin:0;font-size:10px}.principles{border-block:1px solid var(--line);justify-content:space-between;gap:18px;margin:0 5%;padding:24px 0;font-size:13px;display:flex}.principles b{color:var(--olive);margin-right:14px;font-size:11px}.section{padding:85px 5%}.section-top{grid-template-columns:1.1fr 1fr;align-items:end;gap:10%;margin-bottom:35px;display:grid}.section-top>p{color:var(--muted);max-width:440px}.section-top h1,.section-top h2{margin-bottom:0}.space-grid{grid-template-columns:1fr 1fr;gap:7%;margin-top:45px;display:grid}.measure{border:1px solid var(--line);background:var(--notes);padding:30px}.measure h3{margin-top:0}.inputs{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.inputs label{font-size:12px}.inputs input{background:var(--field);border:1px solid var(--field-border);width:100%;color:var(--ink);border-radius:2px;margin-top:7px;padding:10px;display:block}.check{align-items:center;gap:10px;margin:14px 0;font-size:13px;display:flex}.check input{accent-color:var(--ink);width:17px;height:17px}.room-result{border-top:1px solid var(--line);margin-top:23px;padding-top:18px;font-size:14px}.room-result ul{padding-left:20px}.steps article{border-bottom:1px solid var(--line);gap:23px;padding:17px 0;display:flex}.steps article>span{color:var(--olive);padding-top:4px;font-size:11px}.steps h3{margin:0 0 10px;font-size:19px}.steps p{color:var(--muted);font-size:14px}.compare{background:var(--compare)}.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product{background:var(--paper);flex-direction:column;padding:27px;display:flex}.product-top{letter-spacing:1px;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px;font-size:10px;display:flex}.product h3{margin:28px 0 12px;font-family:Libre Caslon Display,Georgia,serif;font-size:36px;font-weight:400;line-height:1.05}.product .sub{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.product>p:not(.sub),dd{color:var(--muted);font-size:14px}dl{margin:5px 0 24px}dt{text-transform:uppercase;letter-spacing:.7px;margin-top:18px;font-size:11px;font-weight:700}dd{margin:5px 0 0}details{border-top:1px solid var(--line);padding:15px 0;font-size:13px}details p{margin-top:12px}.text-link{margin-top:auto;padding-top:25px;font-size:12px;font-weight:700}.source-note{margin:25px 0 0}.budget-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:7%;display:grid}.presets{gap:12px;margin-bottom:20px;display:flex}.presets button{border:1px solid var(--field-border);color:var(--ink);background:0 0;border-radius:2px;padding:10px 22px}.presets button[aria-pressed=true]{background:var(--ink);color:#fff}.cost-fields label{border-bottom:1px solid var(--line);grid-template-columns:1fr 135px;column-gap:15px;padding:15px 0;font-size:14px;font-weight:600;display:grid}.cost-fields span{color:var(--muted);grid-column:1;font-size:11px;font-weight:400}.cost-fields input{border:1px solid var(--field-border);background:var(--field);width:100%;color:var(--ink);text-align:right;border-radius:2px;grid-area:1/2/3;padding:8px 12px}.total{background:var(--ink);color:var(--total-ink);padding:33px;position:sticky;top:25px}.total .eyebrow{color:var(--total-label)}.total #total{font-family:Libre Caslon Display,Georgia,serif;font-size:64px;line-height:1.2}.total>p:not(.eyebrow){font-size:12px}.total .small{color:var(--total-muted)}.budget-track{background:var(--total-rule);height:5px;margin-top:22px}.budget-track div{background:var(--lime);width:100%;height:100%}.total-row{border-bottom:1px solid var(--total-rule);justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;display:flex}.total-row+.small{margin-top:23px}.light{background:var(--lime);color:var(--ink);justify-content:space-between;width:100%}.light:hover{background:var(--lime-hover)}.editorial{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 8%;display:grid}.editorial>.eyebrow{grid-column:1/-1}.editorial h1,.editorial h2{margin-top:0}.editorial>div{color:var(--muted);font-size:14px}.editorial strong{color:var(--ink)}footer{border-top:1px solid var(--line);font-size:12px}footer p{color:var(--muted);margin:0}.spec-table{border-collapse:collapse;width:100%;margin-top:8px;margin-bottom:36px;font-size:14px}.spec-table th,.spec-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 8px}.spec-table th{letter-spacing:.7px;text-transform:uppercase;font-size:11px;font-weight:700}.spec-table.numbers td:not(:first-child),.spec-table.numbers th:not(:first-child){text-align:right}.section .principles{margin:0 0 8px}.spec-table+.steps,.faq{margin-top:28px}.faq h2{font-size:clamp(32px,3vw,44px)}.faq dt{margin-top:22px}.faq dd{max-width:62ch;margin:8px 0 0}@media (width<=850px){header{padding-block:18px}.brand{font-size:20px}.edition{display:none}nav{gap:18px;font-size:12px}.hero{gap:30px;padding-top:25px}h1{font-size:62px}.room-art{border-radius:100px 100px 4px 4px;min-height:380px}.principles{font-size:11px}.section{padding-block:55px}.cards{gap:12px}.product{padding:20px}.product h3{font-size:30px}.budget-layout{gap:30px}.total{padding:24px}.section-top{gap:5%}}@media (width<=650px){header{flex-wrap:wrap}nav{gap:16px}.hero,.section-top,.space-grid,.budget-layout,.editorial{grid-template-columns:1fr}.hero{padding-bottom:30px}.room-art{border-radius:100px 100px 4px 4px;width:100%;max-width:480px;min-height:0;margin:auto;padding-top:30px}.room-art svg{max-height:380px}.principles{flex-direction:column;gap:8px;padding-block:18px}.section-top{gap:24px}.section-top>p{margin:0}.space-grid{gap:25px;margin-top:28px}.cards{grid-template-columns:1fr;gap:18px}.product{padding:27px}.product h3{font-size:38px}.measure{padding:22px}.total{position:static}.presets button{flex:1;padding:10px}.cost-fields label{grid-template-columns:1fr 105px}.editorial h1,.editorial h2{margin-bottom:25px}footer{flex-wrap:wrap}footer p{display:none}h1{font-size:68px}.section-top h2{font-size:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}