*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5}h1,h2,h3{font-size:inherit;font-weight:inherit}img,svg,video,canvas{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input{font:inherit;letter-spacing:inherit;color:inherit;background-color:#0000;border-radius:0}[hidden]{display:none!important}:root{--hmk-paper:#e8e4da;--hmk-raised:#f6f3eb;--hmk-ink:#293831;--hmk-muted:#5f6a61;--hmk-copper:#aa4f2d;--hmk-copper-deep:#994b2d;--hmk-line:#d9d3c6;--hmk-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hmk-serif:Georgia, "Times New Roman", serif;font-family:var(--hmk-font);color:var(--hmk-ink);background:var(--hmk-paper);font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--hmk-copper);outline-offset:5px}.workshop{--nav-space:0px;width:100%;height:100svh;position:relative;overflow:hidden}:is(.workshop:has(>.navigation:not(.keyboard-navigation)),.workshop:has(>.navigation:focus-within)){--nav-space:97px}.room,.webgl-stage{position:absolute;inset:0}.webgl-stage{cursor:grab}.webgl-stage:active{cursor:grabbing}.webgl-stage canvas{touch-action:none;width:100%;height:100%;display:block}.loading-room{background:#e9e5db;flex-direction:column;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.loading-room span{color:#7b8178;margin-top:10px;font-size:11px}.room-fallback{background:linear-gradient(160deg,#e9e5db,#c3c6b7);position:absolute;inset:0}.fallback-shelves{border-bottom:12px solid #b49b77;justify-content:space-around;display:flex;position:absolute;top:40%;left:15%;right:15%}.fallback-shelves i{background:#ad6846;border-radius:8px 8px 0 0;width:65px;height:70px}.fallback-shelves i:nth-child(2){background:#778d7b}.fallback-shelves i:nth-child(3){background:#bb9b57}.room-fallback>p{text-align:center;width:100%;font-size:12px;line-height:1.8;position:absolute;top:57%}.site-header{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:26px;left:3vw;right:3vw}.site-header a,.header-actions{pointer-events:auto}.brand{letter-spacing:-.3px;align-items:center;gap:12px;font-size:17px;font-weight:600;display:inline-flex}.brand img{object-fit:contain;width:34px;height:34px}.muted{color:#7b8580;font-weight:400}.header-actions{align-items:center;gap:12px;display:flex}.menu{position:relative}.menu-trigger,.contact-link{border:1px solid var(--hmk-line);height:36px;color:var(--hmk-ink);background:#fff;border-radius:999px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.menu-trigger{padding:0 10px 0 12px}.contact-link{padding:0 12px 0 14px}.contact-link span{font-size:14px}.menu-panel{z-index:30;border:1px solid var(--hmk-line);background:#fff;border-radius:14px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #2938311a}.menu-end .menu-panel{left:auto;right:0}.menu-option{text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:9px 10px;font-size:13px;display:flex}.menu-option:hover,.menu-option[aria-selected=true]{background:#f3efe6}.intro{z-index:2;bottom:calc(64px + var(--nav-space));pointer-events:none;max-width:460px;position:absolute;left:3vw}.eyebrow{letter-spacing:2px;color:var(--hmk-copper-deep);margin:0 0 18px;font-size:10px;font-weight:600}h1{letter-spacing:-1.6px;margin:0;font-size:clamp(26px,2.6vw,42px);font-weight:500;line-height:1.12}h1 em{font-family:var(--hmk-serif);color:#9b4e30;font-weight:400}.intro p:not(.eyebrow){color:var(--hmk-muted);margin:12px 0 0;font-size:13px;line-height:1.6}.company{z-index:2;bottom:calc(26px + var(--nav-space));letter-spacing:.4px;color:var(--hmk-muted);margin:0;font-size:10px;position:absolute;left:3vw}.company span+span:before{content:"·";margin:0 6px 0 3px}.navigation{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e7e8;border:1px solid #ffffff9a;border-radius:10px;width:min(980px,94vw);padding:15px 20px 10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #28362c12}.navigation nav{scrollbar-width:thin;gap:16px;padding-bottom:5px;display:flex;overflow-x:auto}.navigation nav button{text-align:left;background:0 0;border:0;border-top:1px solid #354d402d;flex:0 0 150px;align-items:center;gap:9px;min-height:45px;padding:13px 0;font-size:11px;display:flex}.navigation nav button[aria-pressed=true]{color:#994b2d;border-top-color:#a65333}.nav-arrow{margin-left:auto}.keyboard-navigation:not(:focus-within){clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;overflow:hidden}.project-details{z-index:3;width:360px;max-height:calc(100svh - 155px - var(--nav-space));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f2e8ed;border:1px solid #fff9;border-radius:10px;flex-direction:column;padding:22px;display:flex;position:absolute;top:115px;right:3vw;box-shadow:0 15px 60px #27382a10}.close-case{background:0 0;border:0;border-bottom:1px solid #344d4030;flex-shrink:0;align-self:flex-start;min-height:35px;margin-bottom:16px;padding:0 0 13px;font-size:11px}.project-kicker{letter-spacing:.8px;justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.project-details h2{letter-spacing:-1px;flex-shrink:0;margin:0 0 16px;font-size:28px;font-weight:500;line-height:1.1}.project-details h2:focus{outline:none}.project-status{color:#606b60;margin:0 0 16px;font-size:10px;line-height:1.8}.detail-tabs{border-bottom:1px solid #344d4025;flex-shrink:0;gap:10px;padding-bottom:10px;display:flex}.detail-tabs button{color:#627066;background:0 0;border:0;padding:7px 0;font-size:11px}.detail-tabs button[aria-pressed=true]{color:#934628;box-shadow:0 2px #a9512e}.detail-content{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 2px;overflow-y:auto}.detail-content p{color:#556258;margin:0 0 14px;font-size:12px;line-height:1.7}.detail-content .project-summary{color:var(--hmk-ink);font-size:13px}.detail-content .model-status{font-size:10px}.case-section{border-top:1px solid #344d4020;margin-top:4px;padding-top:12px}.case-section h3{letter-spacing:1.4px;text-transform:uppercase;color:var(--hmk-copper-deep);margin:0 0 6px;font-size:10px;font-weight:600}.detail-content figure{margin:16px 0}.detail-content img,.detail-content video{border-radius:4px;width:100%;height:auto;display:block}.detail-content figcaption{color:#667266;margin-top:6px;font-size:9px;line-height:1.6}.object-controls{align-items:center;gap:8px;margin-top:20px;display:flex}.object-controls>span{margin-right:auto;font-size:10px}.object-controls button{background:0 0;border:1px solid #344d4033;border-radius:50%;width:36px;height:36px;font-size:19px}.explode-control{margin:24px 0 4px;font-size:12px;display:block}.explode-control input{accent-color:#a65232;width:100%;margin:12px 0;display:block}.explode-control span{color:#637061;font-size:9px}.project-paging{border-top:1px solid #344d4020;flex-shrink:0;justify-content:space-between;padding-top:12px;display:flex}.project-paging button{background:0 0;border:0;min-height:30px;font-size:11px}.project-paging button:disabled{opacity:.3;cursor:default}@media (width<=700px){:is(.workshop:has(>.navigation:not(.keyboard-navigation)),.workshop:has(>.navigation:focus-within)){--nav-space:84px}.site-header{top:19px;left:5vw;right:5vw}.brand{gap:8px;font-size:14px}.brand .muted{display:none}.header-actions{gap:7px}.contact-link>span{display:none}.intro{inset:84px 5vw auto}.eyebrow{font-size:7px}.intro .eyebrow{margin-bottom:12px}.intro h1{letter-spacing:-1px;font-size:29px}.intro p:not(.eyebrow){font-size:12px}.company{left:0;right:0;bottom:calc(max(18px, env(safe-area-inset-bottom)) + var(--nav-space));text-align:center;line-height:1.7}.company span{display:block}.company span+span:before{content:none}.navigation{padding:12px 14px 10px;bottom:10px}.navigation nav{gap:12px}.navigation nav button{flex-basis:128px;align-items:flex-start;gap:5px;font-size:10px;line-height:1.5}.nav-arrow{display:none}.project-details{top:auto;bottom:calc(max(16px, env(safe-area-inset-bottom)) + var(--nav-space));width:auto;max-height:56svh;padding:15px;left:4vw;right:4vw}.close-case{min-height:25px;margin-bottom:9px;padding-bottom:8px}.project-kicker{margin-bottom:6px;font-size:8px}.project-details h2{margin-bottom:7px;font-size:22px}.project-status{margin-bottom:8px;line-height:1.5}.detail-tabs{padding-bottom:5px}.detail-tabs button{padding:5px 0;font-size:10px}.detail-content{padding-top:12px}.object-controls{margin-top:10px}.project-paging{padding-top:6px}}@media (height<=650px) and (width>=701px){:is(.workshop:has(>.navigation:not(.keyboard-navigation)),.workshop:has(>.navigation:focus-within)){--nav-space:78px}.intro{bottom:calc(50px + var(--nav-space))}.intro h1{font-size:26px}.company{bottom:calc(18px + var(--nav-space))}.navigation{padding:8px 15px;bottom:10px}}
