@font-face{font-family:NeueHaasDisplay;src:url(/assets/fonts/NeueHaasDisplayRoman.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NeueHaasDisplay;src:url(/assets/fonts/NeueHaasDisplayMediu.ttf)format("truetype");font-weight:500;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f0e8;--surface:#fff;--surface-raised:#fff;--border:#d8d0c0;--border-subtle:#e0d8c8;--text-primary:#1a1710;--text-secondary:#8a8070;--text-dim:#c0b8a8;--text-muted:#a09888;--accent:#6b5e4a;--node-professional:#1a1710;--node-personal:#8a8070;--panel-width:320px;--font:"NeueHaasDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;--radius:8px}html,body,#root{width:100%;height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;background-image:url(/assets/Background.jpg);background-position:50%;background-size:cover;background-attachment:fixed}.page{background:0 0;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.header{z-index:2;background:#ff767b;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 48px;display:flex}.header-left,.header-right{width:350px}.header-right{text-align:right}.header-center{flex-direction:column;align-items:center;gap:6px;display:flex}.site-title{color:#000;text-transform:uppercase;font-size:12px;font-weight:400}.map-title{font-family:var(--font-serif);color:#000;font-size:24px;font-weight:500;line-height:1}.map-subtitle{color:#000;font-size:14px;font-weight:400}.back-link{color:#1a1710;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.back-link:hover{color:#616161}.map-outer{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.map-and-panel{flex:1;min-height:0;display:flex;overflow:hidden}.map-left{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.systems-map{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.map-area{cursor:none;-webkit-backdrop-filter:blur(20px);background:#f5f0e81a;flex:1;margin:24px 48px 48px;position:relative;overflow:hidden}.axis-x{pointer-events:none;background:#ffffff4d;height:1px;position:absolute;top:50%;left:0;right:0}.axis-y{pointer-events:none;background:#ffffff4d;width:1px;position:absolute;top:0;bottom:0;left:50%}.axis-label{color:#000;pointer-events:none;text-transform:uppercase;background:#ff767b;font-size:16px;font-weight:500;position:absolute}.axis-label.left{top:50%;left:12px;transform:translateY(-50%)}.axis-label.right{top:50%;right:12px;transform:translateY(-50%)}.axis-label.top{top:12px;left:50%;transform:translate(-50%)}.axis-label.bottom{bottom:12px;left:50%;transform:translate(-50%)}.quadrant-label{color:#fff;pointer-events:none;padding:3px 10px;font-size:14px;font-style:normal;font-weight:500;position:absolute}.quadrant-label.tl{top:16px;left:16px}.quadrant-label.tr{top:16px;right:16px}.quadrant-label.bl{bottom:16px;left:16px}.quadrant-label.br{bottom:16px;right:16px}.map-node{cursor:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-node:hover{z-index:10}.map-node.selected{z-index:20}.node-thumbnail-wrapper{z-index:3;justify-content:center;align-items:center;width:106px;height:67px;display:flex;position:relative}.node-thumbnail{transform-origin:50%;border:none;border-radius:2px;flex-shrink:0;width:106px;height:67px;overflow:hidden}.node-placeholder{width:100%;height:100%}.map-node.professional .node-placeholder{background:#d2c8b999}.map-node.personal .node-placeholder{background:#dcd2c399}.node-thumbnail img,.node-thumbnail video{object-fit:cover;width:100%;height:100%}.node-label{font-size:12px;font-weight:400px;color:#fff;text-align:center;white-space:normal;word-wrap:break-word;z-index:2;max-width:100px;line-height:1.4;transition:color .2s;position:relative;overflow:visible}.map-node:hover .node-label,.map-node.selected .node-label{color:#fff}.side-panel{width:var(--panel-width);z-index:2;background:0 0;border-left:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;padding:24px 32px 24px 0;display:flex}.panel-detail{flex:1;min-height:0}.panel-empty{flex-direction:column;gap:4px;display:flex}.panel-empty p{color:#fff;font-size:20px;font-weight:400;line-height:1.6}.panel-content{z-index:2;flex-direction:column;gap:14px;display:flex}.panel-category{color:#e4e4e4;font-size:12px;font-weight:500}.panel-title{font-family:var(--font-serif);color:#fff;font-size:20px;font-weight:500}.panel-description{color:#fff;font-size:14px;font-weight:400}.panel-button{color:#000;background:#fff;border-radius:2px;align-self:flex-start;margin-top:8px;padding:9px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.panel-button:hover{opacity:.8}.map-cursor{pointer-events:none;z-index:999;position:absolute;transform:translate(-50%,-50%)}.cursor-h{background:#fff;width:16px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cursor-v{background:#fff;width:1px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.filter-wrapper{flex-shrink:0;justify-content:center;padding:16px 0 0;display:flex}.filter-track{-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.filter-option{cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;padding:5px 14px;position:relative}.filter-pill{z-index:0;background:#fff;border-radius:999px;position:absolute;inset:0}.filter-label{z-index:1;color:#fff;font-size:14px;font-weight:500;font-family:var(--font);transition:color .2s;position:relative}.filter-option.active .filter-label{color:#1a1710}.header-blurb{color:#000;font-size:14px;font-weight:400}.bg-overlay{pointer-events:none;z-index:0;background:#0003;position:fixed;inset:0}.drawer-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.mobile-drawer{-webkit-backdrop-filter:blur(20px);z-index:50;background:#ffffff26;border-top:1px solid #fff3;border-radius:20px 20px 0 0;flex-direction:column;height:50vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.drawer-top{flex-shrink:0;justify-content:center;align-items:center;padding:12px 20px;display:flex;position:relative}.drawer-handle{background:#fff6;border-radius:999px;width:36px;height:4px}.drawer-close{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:opacity .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.drawer-close:hover{opacity:1}.drawer-content{flex-direction:column;gap:12px;padding:8px 28px 32px;display:flex;overflow-y:auto}.header-center-full{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}@media (width<=768px){.map-area{margin:16px}.map-and-panel{flex-direction:column}.node-thumbnail-wrapper,.node-thumbnail{width:72px;height:46px}.quadrant-label{padding:2px 6px;font-size:8px}.filter-wrapper{padding:12px 0 0}.header{padding:16px 24px}}.header-center-full{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}@media (width<=768px){.map-area{cursor:auto}.map-node{cursor:pointer}}.panel-audio{border-radius:4px;width:100%;margin-top:8px}