:root{--cream:#f7f4ee;--ink:#242a27;--orange:#bc5237;--muted:#777970;--line:#deded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:104px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:900;letter-spacing:1px}.brand-icon{border:2px solid var(--ink);padding:7px 5px;font-size:20px;letter-spacing:-2px;border-radius:2px}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:5px;font-weight:600}nav{display:flex;align-items:center;gap:35px;font-size:13px}.primary{background:var(--orange);color:white;border:0;padding:18px 25px;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;transition:background .2s}.primary:hover{background:#99402b}.primary span{font-size:22px}.primary.small{padding:12px 19px}.big{font-size:16px;min-width:270px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:55px 6% 60px;gap:5%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.8}.eyebrow span{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;margin-right:8px}h1{font-size:clamp(50px,6vw,86px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:30px 0 24px}h1 em,h2 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.intro{font-size:16px;line-height:1.8;max-width:385px;color:#60645f;margin-bottom:29px}.micro{font-size:11px;color:var(--muted);margin-top:16px}.hero-bottom{display:flex;gap:23px;margin-top:45px;font-size:9px;letter-spacing:1px;color:var(--muted)}.hero-art{position:relative;padding-top:10px}.art-caption,.art-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.2px;padding:15px 0}.art-caption span{color:var(--muted)}.wall{height:490px;background:linear-gradient(135deg,#eddfcc,#cdbba4);position:relative;overflow:hidden;border-radius:3px;box-shadow:inset 0 0 120px #917b4b20}.light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff7 30%,#fff1 52%,transparent 52%);transform:translateX(70%)}.hero-sign{width:85%;height:85%;position:absolute;left:7.5%;top:2%;filter:drop-shadow(5px 10px 3px #0004);transform:rotate(-3deg);color:#292d29}.shelf{position:absolute;width:100%;height:14px;bottom:42px;background:#876347;box-shadow:0 12px 20px #0004}.plant{position:absolute;bottom:52px;right:5%;font-size:80px;color:#657453;transform:rotate(20deg)}.art-footer{font-size:10px;padding-top:20px;letter-spacing:0}.art-footer span:last-child{font-size:8px;letter-spacing:1px}.art-note{color:var(--muted);font-size:9px}.ideas{max-width:1440px;margin:auto;padding:48px 6% 70px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-weight:500;font-size:34px;letter-spacing:-1.4px;margin:12px 0}.section-head>p{font-size:12px;color:var(--muted)}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.idea{border:1px solid var(--line);border-radius:4px;background:none;padding:0;text-align:left;overflow:hidden;transition:transform .2s}.idea:hover{transform:translateY(-5px);border-color:#ad8b71}.mini-art{height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e6e1d7;font-size:10px;gap:12px;color:#333e37}.mini-art strong{font-family:Georgia;font-size:24px}.mini-art small{font-size:8px;letter-spacing:1.8px}.round{background:radial-gradient(circle at center,#e9e3d8 0 70px,#343b34 71px 75px,#e9e3d8 76px)}.address{background:#d5ddcf}.address strong{font-size:46px;letter-spacing:5px}.cabin{background:#dfc8ae}.cabin>span{font-size:38px;line-height:.7}.garage{background:#333e37;color:#efe8d9}.idea-label{font-size:12px;padding:20px 16px;display:flex;justify-content:space-between}.how{padding:58px 6%;background:#eceee5;display:grid;grid-template-columns:1fr 2fr;gap:7%}.how h2{font-size:39px;line-height:1.2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps b{color:var(--orange);font-family:Georgia;font-size:28px;font-weight:400}.steps h3{font-size:14px;margin:20px 0 10px}.steps p{font-size:12px;line-height:1.8;color:#666e63}.last-cta{padding:65px 6%;text-align:center}.last-cta h2{margin-bottom:25px}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:20px}footer .brand{font-size:16px;color:var(--ink)}[hidden]{display:none!important}.designer-heading{text-align:center;padding:28px 6% 35px;position:relative}.designer-heading #back{position:absolute;top:30px;left:6%}.designer-heading .eyebrow{margin-top:38px}.designer-heading h1{font-size:58px;margin:12px 0;letter-spacing:-2px}.designer-heading>p:last-child{color:var(--muted);font-size:14px}.text-button{border:0;background:none;color:#666b62;font-size:12px;padding:7px 0}.text-button:hover{color:var(--orange)}.studio{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:50px;max-width:1280px;margin:auto;padding:0 5% 70px}form{border:1px solid var(--line);padding:28px;border-radius:5px;background:#fffdf8}.form-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.form-heading>span{display:grid;place-items:center;width:34px;height:34px;background:#ede9df;color:#8b6c55;border-radius:50%;font-size:11px;flex-shrink:0}.form-heading h2{font-size:19px;letter-spacing:-.4px;margin:0 0 5px}.form-heading p{font-size:11px;color:var(--muted);margin:0}.form-heading.second{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}label{font-size:11px;font-weight:600;display:block;margin-bottom:17px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}select,input{display:block;width:100%;height:45px;border:1px solid #d7d7cd;background:#fffdf8;border-radius:3px;padding:0 11px;color:var(--ink);margin-top:8px;font-size:13px;min-width:0}select:focus,input:focus{outline:2px solid #bf7953;outline-offset:1px}.hint{font-weight:400;color:#92958b;font-size:10px}#count{float:right}.field-note{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.5;margin-top:9px}.reset{font-size:10px;text-decoration:underline}.preview-column{align-self:start;position:sticky;top:25px}.preview-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;margin-bottom:14px}.preview-title i{display:inline-block;background:#658368;width:6px;height:6px;border-radius:50%;margin-right:7px}#preview-wall{background:linear-gradient(115deg,#e8ddc9,#d6c7ae);aspect-ratio:4/3;position:relative;display:flex;align-items:center;border-radius:5px;transition:background .2s}#preview-wall.dark{background:linear-gradient(115deg,#414a43,#202820)}#preview{width:100%;height:100%;filter:drop-shadow(5px 8px 3px #0004)}.preview-size{position:absolute;bottom:17px;left:20px;font-size:10px;color:#635c50}#preview-wall.dark .preview-size{color:#e9e4d9}.preview-summary{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.preview-summary h3{font-size:17px;font-weight:500;margin:0 0 8px}.preview-summary p{color:var(--muted);font-size:11px;margin:0}.edit-pill{border:1px solid var(--line);border-radius:30px;padding:8px 10px;font-size:8px;letter-spacing:1px}.preview-note{font-size:10px;color:#858779;line-height:1.7;margin:23px 0}.save-actions{display:flex;gap:10px}.save-actions button{font-size:12px;flex:1;padding:16px}.secondary{border:1px solid #b8bbae;background:transparent;border-radius:4px;font-weight:600}.secondary:hover{background:#e9e8dd}.save-note{font-size:10px;color:var(--muted)}.availability{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:12px}.availability p{font-size:11px;line-height:1.7;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#283e2d;color:white;padding:16px 24px;border-radius:5px;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90%;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}#saved-designs{margin-top:25px}#saved-designs h3{font-size:13px}#saved-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:10px;font-size:11px}#saved-list button{border:0;background:transparent;color:var(--orange);font-size:11px;padding:8px}.saved-info{display:flex;flex-direction:column;gap:5px}.saved-info small{color:var(--muted)}@media(min-width:1500px){.how{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}}@media(max-width:900px){nav{gap:20px}nav>a{display:none}.hero{gap:25px;padding-top:30px}.hero h1{font-size:64px}.eyebrow{font-size:8px;letter-spacing:1.4px}.wall{height:430px}.hero-bottom{gap:10px;font-size:8px}.idea-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.how h2 br{display:none}.studio{gap:25px;padding:0 4% 50px;grid-template-columns:minmax(290px,350px) minmax(0,1fr)}form{padding:20px}.save-actions{flex-direction:column}.edit-pill{display:none}}@media(max-width:650px){header{height:80px;padding:0 6%}.brand{font-size:18px}.brand-icon{font-size:17px}.brand small{font-size:7px}nav .primary{font-size:11px;padding:10px;gap:15px}.hero{grid-template-columns:1fr;padding-top:28px}.hero h1{font-size:67px;margin-top:20px}.intro{font-size:15px;max-width:100%}.hero-bottom{margin-top:28px;gap:22px}.wall{height:380px}.hero-art{margin-top:5px}.hero-sign{width:80%;left:10%}.section-head{display:block}.section-head h2{font-size:29px}.idea-grid{gap:12px}.mini-art{height:175px}.mini-art strong{font-size:20px}.address strong{font-size:35px}.idea-label{padding:15px 10px;font-size:11px}.ideas{padding-top:30px;padding-bottom:40px}.how{padding:35px 6%;gap:20px}.steps{grid-template-columns:1fr;gap:15px}.steps article{position:relative;padding-left:45px}.steps b{position:absolute;left:0;top:15px;font-size:23px}.steps h3{margin:17px 0 7px}.steps p{margin:0}.how h2{font-size:33px}.last-cta{padding:40px 6%}.last-cta h2{font-size:28px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer>span{width:100%}.studio{display:flex;flex-direction:column;padding:0 5% 40px;gap:25px}.preview-column{position:static;order:-1}#preview-wall{aspect-ratio:4/3}.preview-note{margin:15px 0}.save-actions{flex-direction:row}.save-actions button{font-size:11px;padding:13px}.designer-heading{padding-bottom:20px}.designer-heading h1{font-size:46px}.designer-heading #back{top:15px}.designer-heading .eyebrow{margin-top:35px}.availability{margin-top:15px}form{padding:23px}.preview-summary{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.idea-grid{grid-template-columns:repeat(3,1fr);gap:22px}.demo-art{position:relative;height:265px;background:#e8dfcf;padding:12px}.demo-art svg{height:100%;width:100%;filter:drop-shadow(3px 5px 2px #0003)}.tone-1{background:#d4dfce}.tone-2{background:#dec8b0}.tone-3{background:#d8d7d2}.demo-number{position:absolute;top:15px;left:16px;font-size:8px;letter-spacing:1px;color:#71746b;z-index:1}.demo-copy{padding:19px}.demo-copy>small{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange)}.demo-copy .idea-label{padding:10px 0 0;font-size:16px;font-weight:500}.demo-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 14px}.demo-customize{font-size:10px;font-weight:600}.gallery-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:20px}.section-head>p{max-width:230px;line-height:1.7}#detail-wrap[hidden]{display:none!important}@media(max-width:900px){.idea-grid{grid-template-columns:repeat(2,1fr)}.demo-art{height:240px}}@media(max-width:650px){.idea-grid{gap:12px}.demo-art{height:170px;padding:0}.demo-number{font-size:7px;top:10px;left:10px}.demo-copy{padding:13px}.demo-copy .idea-label{font-size:13px;line-height:1.5;gap:8px}.demo-copy p{font-size:10px}.demo-copy>small{font-size:7px;letter-spacing:.8px}.section-head>p{max-width:none}}
.demo-art,.wall,#preview-wall{background-color:#aa7953;background-image:repeating-linear-gradient(91deg,transparent 0 7px,#5c351215 8px,transparent 9px 15px,#f1cd9620 16px,transparent 17px 25px),repeating-linear-gradient(90deg,#b38660 0,#b78a64 55px,#9f6f49 108px,#764f32 109px,#704929 112px,#b08259 114px,#c19872 167px,#a87851 222px,#6d4529 223px,#795133 226px);background-size:auto;background-position:center}.demo-art.tone-1{background-color:#9c7454}.demo-art.tone-2{background-position:45px center}.demo-art.tone-3{background-position:70px center}.demo-art svg,#preview,.hero-sign{filter:drop-shadow(3px 5px 1px #0007) drop-shadow(0 1px 0px #ffffff55)}#preview-wall.dark{background-color:#30332c;background-image:repeating-linear-gradient(91deg,transparent 0 13px,#ffffff07 14px,transparent 15px 29px),repeating-linear-gradient(90deg,#373d33 0,#2f372e 105px,#131a15 106px,#1b241c 109px,#3f463b 112px,#353e32 218px,#121a14 220px,#1c251e 223px)}.preview-size{background:#f7f4eee8;border-radius:3px;padding:7px 10px;left:16px;bottom:14px}#preview-wall.dark .preview-size{background:#182219db}.construction-badge{position:absolute;bottom:12px;left:12px;font-size:7px;letter-spacing:1px;color:#f8f4eb;background:#232a24e8;padding:6px 8px;border-radius:2px;z-index:1}.demo-number{color:#fff7e6;text-shadow:0 1px 3px #33230c}.hero-sign{width:100%;left:0;height:94%;top:0;transform:rotate(-3deg)}.light{opacity:.3}.tone-3 .construction-badge{background:#f7f4eee8;color:#333b31}@media(max-width:650px){.construction-badge{font-size:6px;left:8px;bottom:8px;padding:5px}.hero-sign{width:100%;left:0}.preview-summary p{line-height:1.7;max-width:290px}}
.collection-filters{display:flex;gap:10px;margin:0 0 25px;flex-wrap:wrap}.collection-filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 18px;font-size:11px;color:var(--ink)}.collection-filters button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.collection-filters button:hover{border-color:var(--orange)}.style-demo[data-material="wood"] .demo-art{background:#e7e5da;background-image:repeating-linear-gradient(0deg,#ffffff18 0 28px,#c6c8bd50 29px,#f7f4ee 30px 31px)}.style-demo[data-material="wood"] .demo-number{color:#75796f;text-shadow:none}.style-demo[data-material="wood"] svg{filter:drop-shadow(3px 7px 3px #0004)}
.idea-grid{grid-template-columns:repeat(2,1fr);gap:26px}.demo-art{height:340px;padding:18px}.demo-copy{padding:24px}.demo-copy .idea-label{font-size:20px}.demo-copy p{font-size:12px}.demo-customize{font-size:12px}.show-more-designs{display:block;margin:28px auto 0;padding:15px 26px;font-size:12px}.designer-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid var(--line)}.designer-progress button{border:0;background:none;padding:8px 3px;display:flex;align-items:center;flex-direction:column;gap:8px;color:var(--muted);font-size:10px}.designer-progress b{width:29px;height:29px;border:1px solid #b8baae;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:400}.designer-progress button.active{color:var(--orange);font-weight:600}.designer-progress button.active b{background:var(--orange);border-color:var(--orange);color:white}.step-navigation{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.step-navigation button{font-size:12px;padding:14px 16px}.step-navigation .primary{flex:1;justify-content:center;gap:20px}.step-panel .form-heading.second{border-top:0;margin-top:15px;padding-top:8px}.design-review dl{margin:15px 0 25px}.design-review dl>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid #e8e6de;font-size:12px}.design-review dt{color:var(--muted);flex-shrink:0}.design-review dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600;line-height:1.6}.review-reminder{font-size:11px;line-height:1.7;background:#efeee3;border-radius:3px;padding:13px;color:#62684f}.review-actions{display:flex;flex-direction:column;gap:10px}.review-actions button{padding:15px;font-size:12px}.review-actions .primary{justify-content:center}.studio form{min-height:570px}.preview-column{top:20px}#saved-designs{padding-top:15px}.designer-heading{padding-bottom:25px}@media(max-width:900px){.demo-art{height:280px}.demo-copy{padding:19px}.demo-copy .idea-label{font-size:17px}}@media(max-width:650px){.idea-grid{grid-template-columns:1fr;gap:22px}.demo-art{height:295px;padding:10px}.demo-copy{padding:20px}.demo-copy .idea-label{font-size:19px}.demo-copy p{font-size:12px}.demo-copy>small{font-size:9px}.demo-customize{font-size:12px}.demo-number{font-size:9px;top:15px;left:15px}.construction-badge{font-size:8px;left:14px;bottom:14px}.studio{display:flex;gap:0}.preview-column{position:sticky;top:0;z-index:10;background:var(--cream);padding:8px 0 12px;border-bottom:1px solid var(--line);width:100%;margin-bottom:20px;box-shadow:0 10px 15px #f7f4eeaa}.preview-column .preview-summary,.preview-column .preview-note,.preview-column .save-actions,.preview-column .save-note,.preview-column .availability{display:none}.preview-title{margin-bottom:7px;font-size:8px}.preview-title .text-button{font-size:10px;padding:3px 0}#preview-wall{height:190px;aspect-ratio:auto}#preview{filter:drop-shadow(2px 3px 1px #0007)}.preview-size{font-size:8px;padding:5px 7px;left:9px;bottom:8px}form{width:100%;padding:22px}.studio form{min-height:0}.designer-progress{margin-bottom:23px;padding-bottom:15px}.designer-heading h1{font-size:42px}.designer-heading{padding-bottom:12px}.designer-heading>p:last-child{font-size:12px}.step-navigation{position:sticky;bottom:0;background:#fffdf8;padding-bottom:12px;z-index:2}.review-actions button{min-height:48px}.reset{margin-top:10px}}