*{box-sizing:border-box} :root{color-scheme:light;--paper:#f5f4f0;--ink:#252c2a;--muted:#747a76;--line:#d8dcd6;--accent:#576b60}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #789b89;outline-offset:5px}header{height:105px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:35px;letter-spacing:-2px;font-weight:600;line-height:1}.brand span{display:block;font-size:7px;letter-spacing:3px;margin:7px 0 0 3px}.header-label,.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:500}.header-label{color:var(--muted)}main{margin:0 5%}.intro{padding:52px 0 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.eyebrow{color:var(--accent);margin:0 0 20px}h1{font-weight:400;font-size:clamp(34px,4.4vw,62px);letter-spacing:-2.5px;line-height:1.1;margin:0}h1 span{color:#8b918a}.intro-note{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 5px}.directory{background:#fcfcfa;border:1px solid var(--line);border-radius:16px;overflow:hidden}.toolbar{height:65px;border-bottom:1px solid #e7e9e3;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tab-label{display:flex;align-items:center;gap:10px}.status-dot{background:var(--accent);width:6px;height:6px;border-radius:50%}.toolbar h2{font-size:12px;font-weight:500;margin:0}.zoom-controls{display:flex;align-items:center;gap:4px}.zoom-controls button{border:1px solid #e4e7df;background:#fff;color:var(--muted);border-radius:6px;min-width:32px;height:30px}.zoom-controls #fit{padding:0 10px;font-size:10px}#viewport{overflow:auto;min-height:440px;max-height:78vh;background-image:radial-gradient(#d7dcd3 .65px,transparent .65px);background-size:18px 18px;padding:25px 15px 40px}#stage{position:relative;margin:0 auto}#chart{width:max-content;position:absolute;top:0;left:0;transform-origin:top left;padding:16px 20px 28px}.tree,.children{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.tree{gap:25px}.node{display:flex;align-items:center;flex-direction:column;position:relative;padding:0 12px}.children{padding-top:38px;position:relative}.children>.node:before{content:"";position:absolute;top:-19px;height:19px;border-top:1px solid var(--line);width:100%}.children>.node:first-child:before{left:50%;width:50%}.children>.node:last-child:before{right:50%;width:50%}.children>.node:only-child:before{width:0}.children>.node:after{content:"";position:absolute;top:-19px;height:19px;border-left:1px solid var(--line)}.children:before{content:"";position:absolute;top:0;height:19px;border-left:1px solid var(--line);left:50%}.person{width:224px;min-height:100px;display:flex;align-items:center;text-align:left;gap:13px;background:#fff;color:var(--ink);border:1px solid #dfe4dc;border-radius:20px;padding:17px 15px;box-shadow:0 4px 12px #253c2c05;transition:transform .18s,border-color .18s,box-shadow .18s}.person:hover{transform:translateY(-3px);border-color:#9bad9e;box-shadow:0 8px 22px #253c2c0c}.avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover;display:flex;justify-content:center;align-items:center;background:#edf0e9;color:#677866;font-size:18px;font-weight:400;border:3px solid #f4f5f0}.member-name{display:block;font-size:12px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.member-role{display:block;font-size:8px;letter-spacing:.7px;line-height:1.7;color:var(--muted);margin-top:5px;text-transform:uppercase}.organization{font-size:30px;letter-spacing:-1px;padding:16px 44px;color:var(--ink)}.team-label{font-size:10px;letter-spacing:2px;padding:13px 24px;border:1px solid var(--line);border-radius:30px;background:#f0f3ed;min-width:120px;text-align:center}.loading{font-size:13px;padding:40px;color:var(--muted)}#error{padding:25px;font-size:13px}footer{margin:26px 5% 30px;display:flex;justify-content:space-between;align-items:center;color:#91978e;font-size:8px;letter-spacing:1.7px}footer>span:first-child{font-size:13px;letter-spacing:0}dialog{padding:0;border:0;border-radius:18px;width:min(520px,calc(100vw - 32px));max-height:90dvh;background:#fcfcfa;color:var(--ink);box-shadow:0 24px 100px #0004;overflow:auto}dialog::backdrop{background:#17211dd9;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:14px;top:14px;border:1px solid #fff5;background:#fafaf0ed;border-radius:50%;height:36px;width:36px;z-index:1;color:var(--ink);font-size:14px}#portrait-image{background:#e8ece4;display:flex;justify-content:center;align-items:center;min-height:200px}#portrait-image img{display:block;width:100%;max-height:60dvh;object-fit:contain}#portrait-image .initials{font-size:90px;font-weight:300;padding:70px;color:var(--accent)}.portrait-caption{text-align:center;padding:26px 28px 32px}.portrait-caption .eyebrow{font-size:8px;margin-bottom:12px}#portrait-name{font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.5px;margin:0}#portrait-role{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:12px 0 0;line-height:1.6}@media(max-width:600px){header{height:84px}.intro{padding:32px 0 25px;display:block}.intro-note{margin-top:22px}h1{letter-spacing:-1.5px}.toolbar{padding:0 12px}.toolbar h2{font-size:11px}#viewport{min-height:430px}.header-label{font-size:8px}footer{font-size:6px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.principal{font-size:11px;letter-spacing:1.5px;padding:24px 30px;background:#e6ece2;border:1px solid #cad7c4;border-radius:14px;text-align:center}