.house-build{position:relative;width:100%;aspect-ratio:16/10;min-height:400px;overflow:hidden;background:#f3efe7;color:#1c1b19;isolation:isolate;border:1px solid #d9d2c4}.house-build canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.hb-overlay{position:absolute;inset:0;pointer-events:none;font-family:'Satoshi',system-ui,sans-serif}.hb-top{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;gap:12px}.hb-kicker,.hb-scale{font-size:10px;font-weight:700;letter-spacing:.17em}.hb-kicker{color:#9e4720}.hb-scale{color:#7d776d;font-size:9px}.hb-bottom{position:absolute;inset:auto 28px 22px}.hb-caption{display:flex;align-items:center;gap:17px;margin-bottom:18px}.hb-number{font:400 37px/1 Georgia,serif;color:#9e4720;border-right:1px solid #d9d2c4;padding-right:17px}.hb-caption h3{font-family:'Zodiak',Georgia,serif;font-size:23px;font-weight:400;line-height:1.25;margin:0 0 5px;letter-spacing:-.02em}.hb-caption p{font-size:11px;line-height:1.5;color:#6b655b;margin:0;max-width:none}.hb-controls{display:flex;align-items:center;gap:14px;border-top:1px solid #d9d2c4;padding-top:13px}.hb-controls button{pointer-events:auto;border:0;color:#5d5850;background:transparent;cursor:pointer;padding:0;font:600 10px/1 system-ui,sans-serif}.hb-toggle{width:28px;height:28px;border:1px solid #cfc5b5!important;color:#1f2320!important;font-size:12px!important;display:grid;place-items:center;flex-shrink:0}.hb-steps{display:flex;gap:6px;flex:1}.hb-steps button{flex:1;height:28px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start}.hb-steps button:before{content:'';position:absolute;inset:2px 0 auto;height:2px;background:#d9d2c4;transition:background .3s}.hb-steps button[aria-current]{color:#9e4720}.hb-steps button[aria-current]:before{background:#9e4720}.hb-steps button:hover:before{background:#8e765e}.hb-controls button:focus-visible{outline:2px solid #9e4720;outline-offset:4px}.hb-time{font-size:9px;white-space:nowrap;color:#71695e}.hb-tags{position:absolute;inset:0;transition:opacity .4s}.hb-tags span{position:absolute;left:0;top:0;white-space:nowrap;font-size:10px;font-weight:500;color:#2b2925;padding:1px 5px 1px 10px;background:#f3efe7cc;margin-top:calc(-1 * var(--lead,20px));will-change:transform}.hb-tags span:before{content:"";position:absolute;left:0;top:7px;width:1px;height:var(--lead,20px);background:#9e4720}.hb-tags span:after{content:"";position:absolute;left:-2px;top:calc(5px + var(--lead,20px));width:5px;height:5px;border-radius:50%;background:#9e4720}.hb-tags b{color:#9e4720;font-weight:700;margin-right:6px}.hb-tags.hb-list{inset:44px auto auto 18px;display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px 12px;background:#faf8f3e6;border-left:2px solid #9e4720}.hb-tags.hb-list span{position:static;margin:0;padding:0;background:none;font-size:10px;transform:none!important}.hb-tags.hb-list span:before,.hb-tags.hb-list span:after{display:none}.hb-layer{position:absolute;left:28px;top:74px;padding:14px;background:#faf8f3e8;border-left:2px solid #9e4720;display:flex;flex-direction:column;gap:7px;max-width:195px}.hb-layer[hidden]{display:none}.hb-layer span:not(.hb-kicker){font-size:10px;color:#615b51}.hb-layer .hb-kicker{font-size:9px;line-height:1.4;margin-bottom:3px}.hb-fallback{padding:60px 30px;text-align:center}.hb-fallback span{font-size:11px;letter-spacing:.15em;color:#9e4720}.hb-fallback h3{font:32px Georgia,serif}.hb-fallback p{font-size:13px}@media(max-width:600px){.house-build{aspect-ratio:4/5;min-height:420px}.hb-top{inset:19px 18px auto}.hb-scale{display:none}.hb-bottom{inset:auto 18px 18px}.hb-caption{gap:13px;margin-bottom:15px}.hb-number{font-size:32px;padding-right:13px}.hb-caption h3{font-size:20px}.hb-caption p{font-size:10px;max-width:250px}.hb-controls{gap:10px}.hb-time{display:none}.hb-tags{position:absolute;inset:0;transition:opacity .4s}.hb-tags span{position:absolute;left:0;top:0;white-space:nowrap;font-size:10px;font-weight:500;color:#2b2925;padding:1px 5px 1px 10px;background:#f3efe7cc;margin-top:calc(-1 * var(--lead,20px));will-change:transform}.hb-tags span:before{content:"";position:absolute;left:0;top:7px;width:1px;height:var(--lead,20px);background:#9e4720}.hb-tags span:after{content:"";position:absolute;left:-2px;top:calc(5px + var(--lead,20px));width:5px;height:5px;border-radius:50%;background:#9e4720}.hb-tags b{color:#9e4720;font-weight:700;margin-right:6px}.hb-tags.hb-list{inset:44px auto auto 18px;display:flex;flex-direction:column;gap:3px;padding:10px 12px 10px 12px;background:#faf8f3e6;border-left:2px solid #9e4720}.hb-tags.hb-list span{position:static;margin:0;padding:0;background:none;font-size:10px;transform:none!important}.hb-tags.hb-list span:before,.hb-tags.hb-list span:after{display:none}.hb-layer{left:18px;top:48px;padding:10px;gap:4px}.hb-layer span:not(.hb-kicker){font-size:9px}}

.hb-sound{width:auto!important;padding:0 9px!important;gap:6px;display:flex!important;align-items:center;font:600 10px/1 system-ui,sans-serif!important;letter-spacing:.04em}.hb-sound .hb-w{display:none}.hb-sound.hb-on{background:#1f2320!important;color:#f3efe7!important;border-color:#1f2320!important}.hb-sound.hb-on .hb-w{display:inline}.hb-sound.hb-on .hb-x{display:none}@media(max-width:600px){.hb-sound-label{display:none}.hb-sound{padding:0 6px!important}}
.hb-overlay:before,.hb-overlay:after{content:'';position:absolute;left:0;right:0;pointer-events:none}.hb-overlay:before{top:0;height:52px;background:linear-gradient(#f3efe75c,#f3efe700)}.hb-overlay:after{bottom:0;height:104px;background:linear-gradient(#f3efe700,#f3efe74d 55%,#f3efe7a6)}.hb-caption{position:relative;isolation:isolate}.hb-caption:before{content:'';position:absolute;z-index:-1;left:-14px;top:-10px;bottom:-10px;width:min(560px,100%);background:linear-gradient(90deg,#faf8f3e6 0,#faf8f3cc 62%,#faf8f300);border-radius:2px}.hb-caption p{color:#3f3b35!important}.hb-top,.hb-bottom{z-index:1}.hb-scale{color:#5d5850}.hb-caption p{color:#5d5850}

.hb-nav{display:none}
@media(max-width:600px){.hb-steps{display:none}.hb-controls{gap:8px}.hb-controls .hb-toggle,.hb-nav{width:44px;height:44px;min-width:44px}.hb-sound{height:44px}.hb-nav{display:grid;place-items:center;pointer-events:auto;border:1px solid #cfc5b5!important;color:#1f2320!important;font:400 26px/1 Georgia,serif!important;background:#faf8f3cc!important}.hb-time{display:block;margin-left:auto;font-size:11px;color:#3f3b35}.hb-controls{flex-wrap:nowrap}}