@property --bm-e1{syntax:"<number>";inherits:true;initial-value:1}@property --bm-e2{syntax:"<number>";inherits:true;initial-value:1}@property --bm-e3{syntax:"<number>";inherits:true;initial-value:1}@property --bm-e4{syntax:"<number>";inherits:true;initial-value:1}@property --bm-collapse{syntax:"<number>";inherits:true;initial-value:0}.bm{aspect-ratio:100/88;--rz:calc(var(--px,0) * -5deg);--rx:calc(var(--py,0) * -3deg);--bm-ghost:#15223a;--bm-shade:#050a14;position:relative;container-type:inline-size}.bm-float,.bm-world,.bm-labels{position:absolute;inset:0}.bm-world,.bm-labels{--u:1cqw;--cam:perspective(calc(var(--u) * 460)) translate(calc(var(--u) * -11.5), calc(var(--u) * 20)) rotateX(calc(54deg + var(--rx))) rotateZ(calc(45deg + var(--rz)))}.bm-world{pointer-events:none}.bm-labels{margin:0;padding:0;list-style:none}.bm-labels>li{display:contents}.bm-box{--e:1;--vis:1;--lift:calc(var(--gap,0) * var(--e) * (1 - var(--bm-collapse)));--top-z:calc((var(--z) + var(--h) + var(--lift)) * var(--u));display:contents}.bm-box[data-step="1"]{--e:var(--bm-e1);--fade-delay:.25s}.bm-box[data-step="2"]{--e:var(--bm-e2);--fade-delay:.4s}.bm-box[data-step="3"]{--e:var(--bm-e3);--fade-delay:.55s}.bm-box[data-step="4"]{--e:var(--bm-e4);--fade-delay:.7s}.bm-face{transform-origin:0 0;--fill:color-mix(in oklab, var(--tone) calc(var(--vis) * 100%), var(--bm-ghost));background-color:var(--fill);outline:1px solid var(--fill);outline-offset:-.5px;animation:bm-fade .8s ease-out var(--fade-delay,.1s) both;transition:background-color .5s,outline-color .5s;position:absolute;top:50%;left:50%}.bm-top{--tone:var(--base);width:calc(var(--w) * var(--u));height:calc(var(--d) * var(--u));transform:var(--cam) translate3d(calc(var(--x) * var(--u)), calc(var(--y) * var(--u)), var(--top-z))}.bm-south{--tone:color-mix(in oklab, var(--base), var(--bm-shade) 17%);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));transform:var(--cam) translate3d(calc(var(--x) * var(--u)), calc((var(--y) + var(--d)) * var(--u)), var(--top-z)) rotateX(-90deg)}.bm-east{--tone:color-mix(in oklab, var(--base), var(--bm-shade) 36%);width:calc(var(--h) * var(--u));height:calc(var(--d) * var(--u));transform:var(--cam) translate3d(calc((var(--x) + var(--w)) * var(--u)), calc(var(--y) * var(--u)), var(--top-z)) rotateY(90deg)}.bm-box[data-m=ground]{--base:#13203a}.bm-box[data-m=footing]{--base:#9ea7b4}.bm-box[data-m=concrete]{--base:#c9d0da}.bm-box[data-m=floor]{--base:#dfc199}.bm-box[data-m=plaster]{--base:#f2f4f8}.bm-box[data-m=walnut]{--base:#74503a}.bm-box[data-m=oak]{--base:#cba172}.bm-box[data-m=quartz]{--base:#f7f8fa}.bm-box[data-m=teak]{--base:#ad7443}.bm-box[data-m=timber]{--base:#dcb666}.bm-box[data-m=deck]{--base:#24508f}.bm-box[data-m=shadow]>.bm-face{background:radial-gradient(closest-side,#02060e99,#02060e47 55%,#0000);outline:none}.bm-box[data-p]>.bm-face{--line:#0a122026}.bm-box[data-p=grid]>.bm-top{background-image:linear-gradient(90deg,#d6e0f012 1px,#0000 1px),linear-gradient(#d6e0f012 1px,#0000 1px);background-size:calc(var(--u) * 5) calc(var(--u) * 5);background-position:calc(var(--u) * 1) calc(var(--u) * 0)}.bm-box[data-p=rebar]>.bm-top{background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-size:calc(var(--u) * 2) calc(var(--u) * 2)}.bm-box[data-p=planks]>.bm-top{background-image:linear-gradient(#68462433 1px,#0000 1px);background-size:100% calc(var(--u) * 1.6)}.bm-box[data-p=shelves]>.bm-south{background-image:linear-gradient(#faf0e157 1px,#0000 1px),linear-gradient(90deg,#faf0e157 1px,#0000 1px);background-size:100% calc(var(--u) * 1.12), calc(var(--u) * 3.25) 100%}.bm-box[data-p=doors]>.bm-south{background-image:linear-gradient(90deg,#50341a4d 1px,#0000 1px);background-size:calc(var(--u) * 2.375) 100%}.bm-box[data-p=seams]>.bm-top{background-image:linear-gradient(90deg,#d6e0f029 1px,#0000 1px);background-size:calc(var(--u) * 2.2) 100%}:is([data-focus] .bm-box:not([data-layer=ground]),.bm:has(.bm-label:is(:hover,:focus-visible)) .bm-box:not([data-layer=ground])){--vis:.14}:is([data-focus=kitchen-bath] .bm-box[data-layer=kitchen-bath],[data-focus=additions] .bm-box[data-layer=additions],[data-focus=plumbing-electrical] .bm-box[data-layer=plumbing-electrical],[data-focus=flooring] .bm-box[data-layer=flooring],.bm:has(.bm-label[data-layer=kitchen-bath]:is(:hover,:focus-visible)) .bm-box[data-layer=kitchen-bath],.bm:has(.bm-label[data-layer=additions]:is(:hover,:focus-visible)) .bm-box[data-layer=additions],.bm:has(.bm-label[data-layer=plumbing-electrical]:is(:hover,:focus-visible)) .bm-box[data-layer=plumbing-electrical],.bm:has(.bm-label[data-layer=flooring]:is(:hover,:focus-visible)) .bm-box[data-layer=flooring]){--vis:1}:is([data-focus=kitchen-bath] .bm-box[data-layer=flooring],.bm:has(.bm-label[data-layer=kitchen-bath]:is(:hover,:focus-visible)) .bm-box[data-layer=flooring]){--vis:.38}.bm-label{transform-origin:0 0;--e:1;--lift:calc(var(--gap,0) * var(--e) * (1 - var(--bm-collapse)));transform:var(--cam) translate3d(calc(var(--x) * var(--u)), calc(var(--y) * var(--u)), calc((var(--z) + var(--lift)) * var(--u))) rotateZ(calc(-45deg - var(--rz))) rotateX(calc(-54deg - var(--rx)));animation:bm-fade .7s ease-out calc(.9s + var(--step) * .12s) both;color:#f2f4f7;white-space:nowrap;text-decoration:none;position:absolute;top:50%;left:50%}.bm-label[data-step="1"]{--e:var(--bm-e1)}.bm-label[data-step="2"]{--e:var(--bm-e2)}.bm-label[data-step="3"]{--e:var(--bm-e3)}.bm-label[data-step="4"]{--e:var(--bm-e4)}.bm-label-body{padding-block:.75rem;align-items:center;gap:.625rem;padding-right:.5rem;display:flex;position:absolute;top:0;left:0;transform:translateY(-50%)}.bm-dot{background-color:#e2b04a;border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-inline:-.25rem;transition:box-shadow .3s;box-shadow:0 0 0 .25rem #e2b04a38}.bm-rule{background-color:#f2f4f773;flex:none;width:clamp(1.25rem,5cqw,3.25rem);height:1px;margin-left:.25rem;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s}.bm-label-text{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.625rem,1.55cqw,.75rem);font-weight:500;line-height:1.35;transition:color .3s}@container (max-width:34rem){.bm-label{white-space:normal}.bm-label-text{width:min-content}}a.bm-label:is(:hover,:focus-visible) .bm-rule{background-color:#e2b04a;width:clamp(1.75rem,7cqw,4.5rem)}a.bm-label:is(:hover,:focus-visible) .bm-dot{box-shadow:0 0 0 .4rem #e2b04a4d}a.bm-label:is(:hover,:focus-visible) .bm-label-text{color:#e2b04a}a.bm-label:focus-visible{outline:none}a.bm-label:focus-visible>.bm-label-body{outline-offset:2px;border-radius:2px;outline:2px solid #e2b04a}@keyframes bm-fade{0%{opacity:0}}@keyframes bm-e1{0%{--bm-e1:0}}@keyframes bm-e2{0%{--bm-e2:0}}@keyframes bm-e3{0%{--bm-e3:0}}@keyframes bm-e4{0%{--bm-e4:0}}@keyframes bm-collapse{to{--bm-collapse:1}}@keyframes bm-float{0%{transform:translateY(-.9cqw)}to{transform:translateY(.9cqw)}}.bm-world,.bm-labels{animation:1.6s cubic-bezier(.16,1,.3,1) .25s both bm-e1,1.6s cubic-bezier(.16,1,.3,1) .4s both bm-e2,1.6s cubic-bezier(.16,1,.3,1) .55s both bm-e3,1.6s cubic-bezier(.16,1,.3,1) .7s both bm-e4}@media (prefers-reduced-motion:no-preference){.bm[data-float]>.bm-float{animation:7s ease-in-out infinite alternate bm-float}[data-offscreen] .bm[data-float]>.bm-float{animation-play-state:paused}@supports (animation-timeline:view()){.bm[data-collapse]{animation:linear both bm-collapse;animation-timeline:view();animation-range:exit 5% exit 85%}}}.bm[data-static] .bm-world,.bm[data-static] .bm-labels,.bm[data-static] .bm-face,.bm[data-static] .bm-label{animation:none}