.house-story{position:relative;height:360%;height:calc((100dvh - 74px)*3.6);--house-ink:#171b1c;--house-dark:0;--house-focus:0;color:var(--house-ink);isolation:isolate;background:#f0eee8}.house-sticky{position:sticky;top:0;height:calc(100dvh - 74px);min-height:540px;width:100%;overflow:hidden;background:#f0eee8;isolation:isolate}.house-story h1{position:absolute;z-index:1;left:3.2%;top:42%;margin:0;font:800 clamp(64px,17.7vw,340px)/.8 var(--display);letter-spacing:-.09em;transform:translateY(-20%);color:var(--house-ink);opacity:calc(1 - var(--house-focus));pointer-events:none;user-select:none}.house-heading{position:absolute;top:32px;left:3.5%;z-index:4;pointer-events:none}.house-heading>span{font:500 10px/1.5 var(--sans);letter-spacing:.16em}.house-heading p{font-size:14px;margin:9px 0 0;letter-spacing:-.025em}.house-story canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-4px}.house-story.is-dragging canvas{cursor:grabbing}.house-fallback{position:absolute;inset:5% 0 0 28%;width:72%;height:85%;object-fit:contain;mix-blend-mode:multiply;opacity:.6;z-index:2}.house-story.is-ready .house-fallback{display:none}#house-status{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:5;background:#f0eee8e8;padding:16px 24px;font-size:13px;max-width:360px;text-align:center;line-height:1.7}.house-side{position:absolute;right:3.5%;top:36px;z-index:4;display:flex;flex-direction:column;gap:6px;font:10px/1.4 var(--sans);text-align:right;letter-spacing:.08em;pointer-events:none}.house-side span:first-child{font-weight:650}.house-side span:last-child{opacity:.4;margin-top:8px}.house-scene-readout{position:absolute;left:3.5%;top:33%;z-index:3;display:grid;gap:5px;pointer-events:none;font:10px/1 var(--sans);opacity:.7}.house-scene-readout span:first-child{font-size:42px;letter-spacing:-.08em;font-weight:400}.house-scene-readout span:last-child{opacity:.5}.house-bottom{position:absolute;bottom:30px;left:3.5%;right:3.5%;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;pointer-events:none}.house-tools,.house-navigation{pointer-events:auto}.house-tools{width:310px;padding:10px 13px;color:var(--house-ink);background:color-mix(in srgb,#f0eee8 calc((1 - var(--house-dark))*90%),#101315 calc(var(--house-dark)*90%));border:1px solid color-mix(in srgb,currentColor 18%,transparent);backdrop-filter:blur(16px);border-radius:4px;box-shadow:0 7px 22px #00000004}.house-tool-row,.house-cut-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.house-tool-row{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.house-tools button{background:transparent;color:inherit;font:11px/1.3 var(--sans);min-height:34px;padding:8px}.house-tools button[aria-pressed=true]{background:color-mix(in srgb,currentColor 12%,transparent)}.house-tools button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.house-mode{display:flex;gap:2px}.house-rotation{display:flex;gap:1px}.house-rotation button{font-size:18px;min-width:30px;padding:6px}.house-cut-row{padding-top:7px}.house-axis{display:flex;gap:2px}.house-axis button{min-width:29px;padding:6px}.cut-icon{font-size:17px;vertical-align:-1px;padding-right:4px}.house-range-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 8px 4px;font-size:10px;line-height:1.5}.house-range-row output{font-variant-numeric:tabular-nums}.house-range-row input{grid-column:1/-1;width:100%;height:24px;accent-color:currentColor;cursor:ew-resize;margin:0}.house-navigation{display:grid;gap:19px;justify-items:end}.house-scenes{display:flex;gap:24px}.house-scenes button{position:relative;background:transparent;color:inherit;display:grid;gap:8px;min-width:68px;padding:12px 0 14px;text-align:left;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:11px;opacity:.45;transition:opacity .3s}.house-scenes button>span:first-child{font-size:9px;font-variant-numeric:tabular-nums}.house-scenes button[aria-current=step]{opacity:1;border-color:currentColor}.house-scenes button:hover{opacity:1}#house-skip{display:flex;align-items:center;gap:30px;background:transparent;color:inherit;padding:4px 0;min-height:35px;font-size:11px}#house-skip span:last-child{font-size:20px}.house-hint{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;font-size:10px;pointer-events:none;color:var(--house-ink);opacity:.6;white-space:nowrap}.house-scroll-line{height:32px;width:1px;background:currentColor}.house-cut-handle{position:absolute;z-index:6;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:color-mix(in srgb,#f0eee8 calc((1 - var(--house-dark))*85%),#101315 calc(var(--house-dark)*85%));color:var(--house-ink);border:1px solid currentColor;cursor:ns-resize;touch-action:none;border-radius:2px;box-shadow:0 4px 20px #0001}.house-cut-handle:hover{outline:1px solid currentColor;outline-offset:4px}.house-dimension{position:absolute;z-index:4;font:500 11px/1 var(--sans);letter-spacing:.02em;transform:translate(-50%,-50%);color:#d5dedf;background:#101315cf;padding:7px 9px;white-space:nowrap;pointer-events:none}#house-dim-note{position:absolute;z-index:4;right:3.5%;top:112px;font:9px/1.5 var(--sans);letter-spacing:.1em;max-width:180px;text-align:right;opacity:0;pointer-events:none}.house-error{height:calc(100dvh - 74px)}.house-error .house-fallback{opacity:1;mix-blend-mode:normal}.house-error .house-tools{display:none}.house-story button:focus-visible,.house-story input:focus-visible{outline:2px solid currentColor;outline-offset:3px}.house-story .house-tools button:focus-visible{outline-offset:-2px}
@media(min-width:1800px){.house-story h1{font-size:17.7vw}.house-heading{top:42px}.house-bottom{bottom:40px}}
@media(max-width:1000px){.house-hint{display:none}.house-heading p{font-size:12px}.house-scenes{gap:16px}.house-bottom{gap:15px}.house-tools{width:285px}}
@media(max-width:760px){.house-story{height:calc((100dvh - 106px)*3.6)}.house-sticky{height:calc(100dvh - 106px);min-height:510px}.house-story h1{top:39%;font-size:17.5vw}.house-heading{top:23px;left:5%}.house-side{right:5%;top:25px;font-size:8px}.house-side span:last-child{display:none}.house-heading>span{font-size:9px}.house-heading p{max-width:150px;font-size:12px}.house-scene-readout{left:5%;top:23%}.house-scene-readout span:first-child{font-size:28px}.house-bottom{left:5%;right:5%;bottom:18px;display:grid;grid-template-columns:1fr;gap:12px}.house-tools{width:100%;max-width:360px;justify-self:center;padding:6px 9px}.house-tool-row{padding-bottom:4px}.house-range-row{padding-top:2px;gap:0 12px}.house-cut-row{padding-top:3px}.house-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px}.house-scenes{gap:12px;flex:1}.house-scenes button{min-width:0;flex:1;padding:8px 0 4px;font-size:10px;gap:4px}#house-skip{font-size:0;gap:0;width:35px;justify-content:center}#house-skip span:last-child{font-size:22px}.house-cut-handle{width:44px;height:44px}#house-dim-note{right:5%;top:88px;max-width:135px;font-size:8px}.house-dimension{font-size:10px;padding:5px 6px}.house-fallback{inset:14% 0 auto 0;width:100%;height:55%}.house-error{height:calc(100dvh - 106px)}}
@media(max-height:650px) and (min-width:761px){.house-sticky{min-height:440px}.house-heading{top:20px}.house-bottom{bottom:18px}.house-tools{padding:4px 9px}.house-side{top:23px}.house-range-row{padding-top:2px}.house-tool-row{padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){.house-scenes button{transition:none}}
.house-error #house-status{top:auto;bottom:120px;left:3.5%;transform:none;background:#f0eee8ed;color:#171b1c;text-align:left;font-size:11px;padding:10px 14px}.house-error .house-fallback{inset:7% 0 auto 30%;width:70%;height:80%;object-fit:contain}.house-error #house-dim-note,.house-error .house-hint{display:none}
@media(max-width:760px){.house-error .house-fallback{inset:15% 0 auto 0;width:100%;height:58%}.house-error #house-status{left:5%;right:5%;bottom:94px;max-width:none}.house-error .house-bottom{display:block}}

#house-start-motion{position:absolute;left:3.5%;top:95px;z-index:7;background:var(--house-ink);color:#f0eee8;border:1px solid transparent;border-radius:3px;min-height:40px;padding:10px 14px;font-size:12px;cursor:pointer}.house-story.in-section #house-start-motion{color:#101315}.house-error #house-start-motion{display:none}@media(max-width:760px){#house-start-motion{left:5%;top:83px;max-width:75%;font-size:11px}}