.hx-hub{--hx-cream:#ece9da;--hx-ink:#13271e;--hx-jade:#193f31;--hx-brass:#ba9860;color:var(--hx-ink);position:relative;isolation:isolate}
.hx-hub *{box-sizing:border-box}
.hx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:36px 0 14px;position:relative;z-index:3}
.hx-intro{font:15px/1.65 Arial,Helvetica,sans-serif;color:#65705e;max-width:550px;margin:0}
.hx-intro strong{font-weight:400;color:var(--hx-ink)}
.hx-toggle{background:var(--hx-ink);border:1px solid var(--hx-ink);border-radius:2px;color:var(--hx-cream);display:flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 20px;min-height:52px;font:12px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap}
.hx-toggle[hidden]{display:none}
.hx-toggle:hover{background:#315541}
.hx-toggle:focus-visible,.hx-tile:focus-visible{outline:3px solid #748b47;outline-offset:7px}
.hx-toggle-icon{font-size:23px;line-height:1;transition:transform .5s}
.hx-hub[data-state="open"] .hx-toggle-icon{transform:rotate(90deg)}
.hx-city-wrap{position:relative;perspective:1800px;padding:45px 28px 75px;isolation:isolate}
.hx-city-wrap:before{content:"";position:absolute;inset:9% -1% 1%;background:radial-gradient(ellipse at 50% 68%,#b2ad8f42,transparent 65%);z-index:-1;pointer-events:none}
.hx-city{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:210px 220px 230px;gap:18px;transform:rotateX(9deg) rotateZ(-3deg);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.8,.2,1);will-change:transform}
.hx-tile{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-width:0;border:1px solid #ffffff42;border-radius:2px;isolation:isolate;box-shadow:1px 4px 0 #b3b4a3,3px 9px 0 #a4aa98,8px 18px 26px #31452c24;background:#fffef5;color:#f4f0dd;text-decoration:none;transform-style:preserve-3d;transform:translateZ(var(--hx-z,0));transition:box-shadow .4s,filter .4s;outline-offset:8px}
.hx-tile:hover{box-shadow:1px 4px 0 #a4ab8e,3px 9px 0 #909d81,9px 23px 35px #24391d3d;filter:brightness(1.07)}
.hx-mafumo{grid-area:1/1/2/3;--hx-z:28px;background:#d9d5bc;color:var(--hx-ink)}
.hx-modular{grid-area:1/3/2/5;--hx-z:8px;background:#d9e1d2;color:var(--hx-ink)}
.hx-blick{grid-area:1/5/3/7;--hx-z:42px;background:#10281e}
.hx-storage{grid-area:2/1/3/3;--hx-z:28px;background:#b9c5ab;color:var(--hx-ink)}
.hx-bar{grid-area:2/3/3/5;--hx-z:8px;background:#243e25}
.hx-grow{grid-area:3/1/4/4;--hx-z:12px;background:#13271e}
.hx-patchouli{grid-area:3/4/4/7;--hx-z:12px;background:#493b25}
.hx-tile-copy{padding:23px;position:relative;z-index:2;width:100%}
.hx-type{display:block;font:10px/1.6 'Courier New',monospace;letter-spacing:.08em;opacity:.8;margin-bottom:8px;max-width:100%}
.hx-tile h3{font:500 clamp(21px,2.4vw,34px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.05em;margin:0}
.hx-patchouli h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;font-style:italic;font-weight:400}
.hx-tile p{font:12px/1.55 Arial,Helvetica,sans-serif;margin:12px 0 0;opacity:.85;max-width:95%}
.hx-tile-link{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 'Courier New',monospace;border-top:1px solid currentColor;margin-top:17px;padding-top:9px;gap:15px}
.hx-tile-link b{font:22px/1 Arial,Helvetica,sans-serif;font-weight:400}
.hx-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hx-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.7)}
.hx-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071910f2,#071910a3 45%,#07191010)}
.hx-patchouli .hx-photo-shade{background:linear-gradient(0deg,#1e160cf2,#1e160c85 45%,#1e160c10)}
.hx-photo-code{position:absolute;right:18px;top:15px;font:8px/1.3 'Courier New',monospace;letter-spacing:.1em;background:#0c1c16b8;padding:5px 8px;color:#e7e5d5}
.hx-mafumo-art{background:linear-gradient(125deg,#e6e3cf,#cac8af)}
.hx-mafumo-art i{position:absolute;right:8%;top:0;width:21%;height:100%;background:linear-gradient(90deg,#81907455,#d5dcc7);transform:skewY(-24deg);border-left:1px solid #ffffff7d;box-shadow:-9px 0 25px #53664f15}
.hx-mafumo-art i:nth-child(2){right:30%;height:70%;top:30%;opacity:.65}.hx-mafumo-art i:nth-child(3){right:52%;height:45%;top:55%;opacity:.4}
.hx-mafumo-art>span{position:absolute;right:3%;top:4%;font:italic 65px/1 Georgia,serif;letter-spacing:-.08em;color:#72816624}
.hx-modular-art{background:radial-gradient(ellipse at 80% 20%,#f0f1df,#b9ccb5)}
.hx-modular-art i{position:absolute;right:13%;top:20%;width:20%;height:33%;border:1px solid #52725577;background:linear-gradient(145deg,#ffffff55,#56745e18);transform:rotate(-15deg) skewY(17deg);box-shadow:11px 12px 0 #4d6b5426}
.hx-modular-art i:nth-child(2){right:35%;top:38%}.hx-modular-art i:nth-child(3){right:-8%;top:3%}.hx-modular-art i:nth-child(4){right:35%;top:-2%;opacity:.5}
.hx-modular-art>span{position:absolute;right:10%;top:11%;font:8px/1.5 'Courier New',monospace;letter-spacing:.15em;color:#3e5d3c}
.hx-storage-art{background:linear-gradient(120deg,#d8dec9,#8eaa8c)}
.hx-storage-art>div{position:absolute;right:-3%;top:0;width:58%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px;transform:skewY(-13deg)}
.hx-storage-art i{background:repeating-linear-gradient(0deg,#6e8c7444 0 3px,#d1dbc944 3px 5px);border:1px solid #e8f0da99;box-shadow:inset -10px 2px 20px #335a4933}
.hx-storage-art>span{position:absolute;top:15px;left:20px;font:8px/1.5 'Courier New',monospace;letter-spacing:.1em;color:#365d39}
.hx-led-art{background:radial-gradient(ellipse at 75% 20%,#315e3e,#092117 74%)}
.hx-led-screen{position:absolute;top:28px;left:20px;right:20px;height:44%;background:#06110c;transform:perspective(500px) rotateY(-15deg) rotateX(4deg);border:1px solid #d6ff8844;box-shadow:12px 9px 0 #06130c,13px 10px 0 #5c7b4b66,0 0 30px #b3ff6110;display:flex;align-items:center;padding:13px;overflow:hidden}
.hx-led-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#0009 .65px,transparent 1px) 0 0/3px 3px;pointer-events:none}
.hx-led-screen>span{font:800 clamp(25px,3.8vw,54px)/.85 Arial,sans-serif;letter-spacing:-.065em;color:#d7ff88;text-shadow:0 0 16px #b6ff6155}
.hx-led-point{color:#7edfc5}
.hx-led-edge{position:absolute;top:49%;left:8%;width:78%;height:1px;background:#b9dd9766;transform:rotate(-8deg)}
.hx-bar-art{background:radial-gradient(ellipse at 70% 10%,#6a7042,#163b27 75%)}
.hx-bar-art>span{position:absolute;top:16px;right:17px;font:italic 38px/.85 Georgia,serif;color:#e2e9b6;letter-spacing:-.07em;text-align:right;opacity:.85}
.hx-bar-art>span b{color:#d7ff88;font-weight:400}
.hx-bar-art>i{position:absolute;width:23px;height:30px;top:0;left:22%;background:linear-gradient(90deg,#8c724e88,#edcd7b88,#8c724e88);border-radius:0 0 50% 50%;box-shadow:0 15px 32px #e5c77555}
.hx-leaf{position:absolute;width:95px;height:175px;background:linear-gradient(90deg,#193b1e,#658250 48%,#244729 50%,#204523);border-radius:0 95% 0 95%;transform:rotate(-35deg);box-shadow:inset 1px 0 0 #bacb7355;opacity:.8}
.hx-leaf-one{left:8%;top:-35%}.hx-leaf-two{left:37%;top:-55%;transform:rotate(25deg)}.hx-leaf-three{right:-16%;top:-10%;transform:rotate(55deg)}
.hx-bar .hx-tile-copy{background:linear-gradient(0deg,#102c1ce0,transparent)}
.hx-group-title{display:none;align-items:center;gap:9px;font:12px/1.3 Arial,Helvetica,sans-serif;border-top:1px solid #78906a66;padding-top:16px;letter-spacing:-.01em;color:#294b35}
.hx-group-title>span{font:9px 'Courier New',monospace;color:#758065}
.hx-floor-label{position:absolute;right:15px;bottom:26px;font:9px 'Courier New',monospace;letter-spacing:.15em;color:#7a8069}
.hx-bottom-line{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;border-top:1px solid #7b8d6755;padding-top:23px}
.hx-bottom-line p{font:10px/1.7 'Courier New',monospace;color:#6a765f;margin:0;max-width:390px}
.hx-bottom-line .hx-state-copy{font:14px/1.6 Arial,sans-serif;color:#2a4c35;max-width:480px}
.hx-hub[data-state="open"] .hx-city{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:42px repeat(6,100px);gap:14px;transform:rotateX(0) rotateZ(0)}
.hx-hub[data-state="open"] .hx-group-title{display:flex}
.hx-hub[data-state="open"] .hx-group-trade{grid-area:1/1/2/2}.hx-hub[data-state="open"] .hx-group-space{grid-area:1/2/2/3}.hx-hub[data-state="open"] .hx-group-media{grid-area:1/3/2/4}.hx-hub[data-state="open"] .hx-group-social{grid-area:1/4/2/5}
.hx-hub[data-state="open"] .hx-grow{grid-area:2/1/5/2;--hx-z:0}.hx-hub[data-state="open"] .hx-patchouli{grid-area:5/1/8/2;--hx-z:0}
.hx-hub[data-state="open"] .hx-mafumo{grid-area:2/2/4/3;--hx-z:0}.hx-hub[data-state="open"] .hx-modular{grid-area:4/2/6/3;--hx-z:0}.hx-hub[data-state="open"] .hx-storage{grid-area:6/2/8/3;--hx-z:0}
.hx-hub[data-state="open"] .hx-blick{grid-area:2/3/8/4;--hx-z:0}.hx-hub[data-state="open"] .hx-bar{grid-area:2/4/8/5;--hx-z:0}
.hx-hub[data-state="open"] .hx-tile-copy{padding:19px}.hx-hub[data-state="open"] .hx-tile h3{font-size:clamp(20px,2vw,28px)}
.hx-hub[data-state="open"] .hx-tile p{font-size:11px}.hx-hub[data-state="open"] .hx-type{font-size:8px;letter-spacing:.035em}
.hx-hub[data-state="open"] .hx-led-screen{top:45px;left:15px;right:15px;height:35%}.hx-hub[data-state="open"] .hx-led-screen>span{font-size:clamp(30px,3.6vw,50px)}
.hx-hub[data-state="open"] .hx-bar-art>span{top:48px;right:23px;font-size:clamp(35px,4.1vw,61px)}
.hx-hub[data-state="open"] .hx-bar-art>i{left:25%;height:62px;width:40px}.hx-hub[data-state="open"] .hx-leaf-one{width:145px;height:270px;top:-10%;left:-17%}.hx-hub[data-state="open"] .hx-leaf-two{width:130px;height:250px;top:17%;left:20%}.hx-hub[data-state="open"] .hx-leaf-three{width:110px;height:230px;top:40%;right:-29%}
.hx-hub[data-state="open"] .hx-floor-label{opacity:.65}
@media(min-width:761px) and (max-width:1100px){.hx-city-wrap{padding-left:8px;padding-right:8px}.hx-city{grid-template-rows:220px 230px 250px;gap:13px}.hx-tile-copy{padding:17px}.hx-hub[data-state="open"] .hx-city{grid-template-rows:44px repeat(6,109px);gap:10px}.hx-hub[data-state="open"] .hx-tile-copy{padding:12px}.hx-hub[data-state="open"] .hx-tile h3{font-size:19px}.hx-hub[data-state="open"] .hx-tile p{font-size:11px}.hx-hub[data-state="open"] .hx-tile-link{font-size:9px}.hx-type{font-size:8px}.hx-tile h3{font-size:24px}.hx-led-screen>span{font-size:32px}}
@media(max-width:760px){
 .hx-toolbar{align-items:flex-start;flex-direction:column;gap:20px;margin-top:25px}.hx-intro{font-size:14px;max-width:330px}.hx-toggle{padding:14px 17px;min-height:50px;font-size:12px;width:100%;gap:20px}
 .hx-city-wrap{padding:22px 0 43px;perspective:none}.hx-city-wrap:before{inset:10% -20px 0}
 .hx-city{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,245px);gap:11px;transform:none;transform-style:flat}
 .hx-tile{transform:none;box-shadow:1px 3px 0 #a7af94,3px 7px 14px #31452c20;border-color:#fff7;min-height:0}.hx-grow{grid-area:1/1/2/2}.hx-patchouli{grid-area:1/2/2/3}.hx-mafumo{grid-area:2/1/3/2}.hx-modular{grid-area:2/2/3/3}.hx-storage{grid-area:3/1/4/2}.hx-blick{grid-area:3/2/4/3}.hx-bar{grid-area:4/1/5/3}
 .hx-tile-copy{padding:15px 12px}.hx-tile h3{font-size:22px;line-height:1.07;overflow-wrap:anywhere}.hx-type{font-size:10px;letter-spacing:.015em;line-height:1.5;margin-bottom:9px}.hx-tile p{font-size:11px;line-height:1.55;max-width:100%;margin-top:12px}.hx-tile-link{font-size:9px;gap:8px;margin-top:13px;padding-top:8px;min-height:28px}.hx-tile-link b{font-size:20px}.hx-photo-code{font-size:7px;padding:4px 5px;left:10px;right:auto;top:12px}
 .hx-photo img{object-position:54% center}.hx-photo-shade{background:linear-gradient(0deg,#071910fa,#071910b0 58%,#07191022)}.hx-patchouli .hx-photo-shade{background:linear-gradient(0deg,#1e160cfa,#1e160cab 58%,#1e160c22)}
 .hx-mafumo-art>span{font-size:56px;top:6%}.hx-mafumo-art i{height:72%}.hx-modular-art>span{font-size:7px;top:15px;right:12px}.hx-modular-art i{height:25%;width:25%;top:18%;right:5%}.hx-modular-art i:nth-child(2){right:35%;top:28%}.hx-modular-art i:nth-child(3){right:-24%;top:8%}.hx-modular-art i:nth-child(4){right:35%;top:1%}
 .hx-storage-art>span{font-size:7px;top:17px;left:12px}.hx-storage-art>div{width:75%;height:75%;top:8%;right:-15%;opacity:.55}
 .hx-led-screen{top:17px;left:12px;right:12px;height:35%;padding:9px}.hx-led-screen>span{font-size:28px}.hx-led-edge{top:41%}.hx-blick .hx-tile-copy{background:linear-gradient(0deg,#092117fa,#092117dd 65%,transparent)}
 .hx-bar-art>span{font-size:57px;top:19px;right:30px}.hx-bar-art>i{left:30%;height:52px;width:35px}.hx-bar .hx-tile-copy{width:58%;background:none}.hx-bar-art{background:radial-gradient(ellipse at 80% 40%,#607447,#163b27 80%)}.hx-leaf-one{left:20%;top:-10%;height:200px;width:120px}.hx-leaf-two{left:50%;top:4%;width:100px;height:185px}.hx-leaf-three{right:-10%;top:30%;width:110px;height:200px}
 .hx-floor-label{font-size:8px;bottom:13px;right:0}.hx-bottom-line{flex-direction:column;gap:16px;padding-top:20px}.hx-bottom-line .hx-state-copy{font-size:14px;line-height:1.65}.hx-bottom-line p{font-size:10px;line-height:1.7;max-width:100%}
 .hx-hub[data-state="open"] .hx-city{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:35px 245px 35px 235px 200px 35px 235px 35px 245px;gap:11px;transform:none}
 .hx-hub[data-state="open"] .hx-group-title{font-size:12px;padding-top:7px;gap:10px}.hx-hub[data-state="open"] .hx-group-trade{grid-area:1/1/2/3}.hx-hub[data-state="open"] .hx-group-space{grid-area:3/1/4/3}.hx-hub[data-state="open"] .hx-group-media{grid-area:6/1/7/3}.hx-hub[data-state="open"] .hx-group-social{grid-area:8/1/9/3}
 .hx-hub[data-state="open"] .hx-grow{grid-area:2/1/3/2}.hx-hub[data-state="open"] .hx-patchouli{grid-area:2/2/3/3}.hx-hub[data-state="open"] .hx-mafumo{grid-area:4/1/5/2}.hx-hub[data-state="open"] .hx-modular{grid-area:4/2/5/3}.hx-hub[data-state="open"] .hx-storage{grid-area:5/1/6/3}.hx-hub[data-state="open"] .hx-blick{grid-area:7/1/8/3}.hx-hub[data-state="open"] .hx-bar{grid-area:9/1/10/3}
 .hx-hub[data-state="open"] .hx-tile-copy{padding:15px 12px}.hx-hub[data-state="open"] .hx-tile h3{font-size:22px}.hx-hub[data-state="open"] .hx-tile p{font-size:11px}.hx-hub[data-state="open"] .hx-type{font-size:10px;letter-spacing:.015em}
 .hx-hub[data-state="open"] .hx-storage .hx-tile-copy{width:64%}.hx-hub[data-state="open"] .hx-storage-art>div{width:55%;top:0;height:100%}.hx-hub[data-state="open"] .hx-storage-art>span{top:17px;left:auto;right:20px}
 .hx-hub[data-state="open"] .hx-led-screen{left:auto;right:18px;width:43%;top:25px;height:56%;padding:12px}.hx-hub[data-state="open"] .hx-led-screen>span{font-size:35px}.hx-hub[data-state="open"] .hx-blick .hx-tile-copy{width:61%;background:none}.hx-hub[data-state="open"] .hx-led-edge{top:65%;left:53%;width:38%}
 .hx-hub[data-state="open"] .hx-bar-art>span{font-size:57px;top:19px;right:30px}.hx-hub[data-state="open"] .hx-bar-art>i{left:30%;height:52px;width:35px}.hx-hub[data-state="open"] .hx-leaf-one{left:20%;top:-10%;height:200px;width:120px}.hx-hub[data-state="open"] .hx-leaf-two{left:50%;top:4%;width:100px;height:185px}.hx-hub[data-state="open"] .hx-leaf-three{right:-10%;top:30%;width:110px;height:200px}
}
@media(max-width:360px){.hx-city{grid-template-rows:repeat(4,260px)}.hx-tile h3,.hx-hub[data-state="open"] .hx-tile h3{font-size:19px}.hx-tile-copy,.hx-hub[data-state="open"] .hx-tile-copy{padding:14px 10px}.hx-tile p,.hx-hub[data-state="open"] .hx-tile p{font-size:11px}.hx-type,.hx-hub[data-state="open"] .hx-type{font-size:9px}.hx-hub[data-state="open"] .hx-city{grid-template-rows:35px 260px 35px 250px 215px 35px 250px 35px 260px}.hx-bar .hx-tile-copy{width:62%}.hx-bar-art>span,.hx-hub[data-state="open"] .hx-bar-art>span{font-size:48px;right:17px}.hx-hub[data-state="open"] .hx-storage .hx-tile-copy{width:71%}.hx-hub[data-state="open"] .hx-blick .hx-tile-copy{width:66%}.hx-hub[data-state="open"] .hx-led-screen{right:12px;width:40%}.hx-hub[data-state="open"] .hx-led-screen>span{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hx-city,.hx-toggle-icon{transition:none!important}.hx-tile{transition:none!important}}
.motion-off .hx-city,.motion-off .hx-toggle-icon,.motion-off .hx-tile{transition:none!important}