:root{--bg:#09151c;--panel:#10212a;--ink:#e4ecea;--muted:#91a9ae;--line:#263b44;--accent:#28aaad;--paper:#f0eee7;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 4.1%}.brand{text-decoration:none;font-family:Georgia,serif;font-size:28px;letter-spacing:2px}.brand span{font:10px Arial;letter-spacing:4px;margin-left:14px;color:var(--muted)}.edition{font-size:9px;letter-spacing:2px;color:var(--muted)}.film-link{margin-left:auto;font-size:12px;text-underline-offset:6px}main{max-width:1800px;margin:auto;padding:0 4.1%}.intro{display:flex;gap:70px;align-items:end;padding:32px 0 29px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1{font:clamp(29px,3.3vw,48px)/1.1 Georgia,serif;letter-spacing:-1.4px;margin:0;font-weight:normal}.intro>p{margin:0;max-width:375px;color:var(--muted);font-size:13px;line-height:1.6}#paths{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#paths button{background:transparent;border:0;border-bottom:3px solid transparent;padding:18px 14px;display:flex;align-items:center;gap:15px;text-align:left;font-size:13px}#paths button small{color:var(--muted);font-size:10px;letter-spacing:1px}#paths button[aria-pressed=true]{background:#10232b;border-bottom-color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border-bottom:1px solid var(--line)}.viewer{position:relative;min-width:0;height:590px;overflow:hidden;background:radial-gradient(ellipse at center,#152a35 0,#0a1820 64%,#08141b 100%)}#scene{width:100%;height:100%;display:block;cursor:grab;touch-action:none;position:absolute;inset:0}#poster{position:absolute;width:100%;height:100%;object-fit:contain}#loading{position:absolute;top:45%;left:25%;font-size:12px;color:var(--muted)}.view-top{z-index:3;position:absolute;top:17px;left:20px;right:17px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:8px}.view-top>span:first-child{font-size:9px;letter-spacing:1.3px;color:var(--accent)}.view-actions{display:flex;gap:5px;pointer-events:auto}.view-actions button,.views button,#tour{background:#0b1b23d9;border:1px solid var(--line);padding:8px 10px;font-size:10px}.view-actions button:hover,.views button:hover,#tour:hover{border-color:var(--accent)}.view-bottom{position:absolute;z-index:3;bottom:17px;left:20px;right:20px;display:flex;gap:12px;align-items:center;justify-content:space-between}.views{display:flex}.views button+button{border-left:0}.views button[aria-pressed=true]{color:var(--accent);background:#152e38}.reveal{display:flex;align-items:center;font-size:10px;color:var(--muted);gap:5px;cursor:pointer}input{accent-color:var(--accent)}.orientation{position:absolute;bottom:64px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#6e8a94;pointer-events:none}#leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#label-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.node-label{position:absolute;max-width:160px;padding:6px 8px;border:1px solid #334953;border-left:2px solid var(--accent);background:#0a1b24ed;text-align:left;pointer-events:auto;transform:translateY(-50%);font-size:10px;line-height:1.2;box-shadow:0 3px 20px #0003}.node-label small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:4px}.node-label[aria-pressed=true]{border-color:var(--accent);background:#19353f}.node-label:hover{background:#1d3640}.node-label.right{right:14px}.node-label.left{left:14px}.viewer.no-labels #leaders,.viewer.no-labels #label-layer{display:none}aside{padding:24px 24px 16px;border-left:1px solid var(--line);background:#10212a;overflow:auto;height:590px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;min-height:19px}.panel-heading span{font-size:8px;letter-spacing:1.5px;color:var(--accent)}#clear{background:none;border:0;font-size:10px;color:var(--muted);padding:0}h2{font:27px/1.12 Georgia,serif;font-weight:normal;margin:0 0 15px;letter-spacing:-.4px}aside p{font-size:12px;color:#b1c1c3;line-height:1.65;margin:0 0 19px}h3{font-size:9px;letter-spacing:1px;color:var(--accent);font-weight:normal;margin:24px 0 8px}#source-ref{font-size:10px;overflow-wrap:anywhere}#steps{list-style:none;padding:0;margin:22px 0 12px;counter-reset:steps}#steps li{counter-increment:steps;border-top:1px solid var(--line)}#steps button{display:grid;grid-template-columns:22px 1fr;gap:7px;background:none;border:0;padding:13px 0;text-align:left;width:100%;font-size:11px;line-height:1.35}#steps button:before{content:'0' counter(steps);color:var(--accent);font-size:9px;padding-top:2px}#steps button:hover{color:var(--accent)}#steps button span{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.legend{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.legend-line{width:24px;flex:none;border-top:2px solid var(--accent);margin-top:8px}.legend p{font-size:10px;margin:0;color:var(--muted)}.legend strong{font-weight:normal;color:var(--ink)}.context-note{display:flex;align-items:center;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.context-note>span{font-size:8px;letter-spacing:1.2px;min-width:250px;color:var(--accent)}.context-note p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.faculties{display:grid;grid-template-columns:280px 1fr;gap:50px;padding:40px 0}.faculties h2{font-size:26px}.faculties p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.7;margin:0}#faculty-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-content:start}#faculty-list button{display:flex;gap:10px;text-align:left;font-size:11px;border:1px solid var(--line);padding:12px 10px;background:#10212a}#faculty-list button small{color:var(--muted);font-size:8px;margin-top:2px}#faculty-list button:hover,#faculty-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}details{border-top:1px solid var(--line);padding:18px 0}summary{font-size:11px;color:var(--muted);cursor:pointer}.notes{max-width:1000px;font-size:12px;color:var(--muted);line-height:1.7;padding:10px 0}.notes a{text-underline-offset:3px}footer{padding:22px 4.1%;display:flex;gap:26px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:var(--muted)}footer a:first-of-type{margin-left:auto}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}
@media(min-width:1500px){.viewer,aside{height:700px}.workspace{grid-template-columns:1fr 355px}aside{padding:30px}#steps button{padding:18px 0}.node-label{font-size:12px;max-width:185px}}@media(max-width:1100px){.intro{gap:30px}.intro>p{max-width:285px}.workspace{grid-template-columns:minmax(0,1fr) 270px}aside{padding:22px 18px}.viewer,aside{height:575px}.node-label{font-size:9px;max-width:130px}.view-bottom{left:12px;right:12px;gap:6px}.view-bottom button{padding:8px}.reveal{font-size:9px}.edition{display:none}.faculties{gap:25px;grid-template-columns:235px 1fr}}@media(max-width:800px){header{height:64px}.brand{font-size:24px}.brand span{font-size:8px}.film-link{font-size:10px}.intro{display:block;padding:26px 0}.intro>p{max-width:530px;margin-top:17px}h1{font-size:35px}.workspace{grid-template-columns:1fr}.viewer{height:570px}aside{height:auto;border-left:0;border-top:1px solid var(--line);padding:24px}#steps{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.context-note{display:block}.context-note p{margin-top:10px}.faculties{grid-template-columns:1fr;gap:22px}#faculty-list{grid-template-columns:repeat(3,1fr)}.faculties h2 br{display:none}footer{flex-wrap:wrap;gap:16px}footer a:first-of-type{margin-left:0}.node-label{max-width:152px;font-size:10px}}@media(max-width:480px){main{padding:0 14px}.intro h1{font-size:30px}#paths button{font-size:11px;padding:15px 7px;gap:6px;line-height:1.4}#paths small{display:none}.viewer{height:530px}.view-top{left:10px;right:10px}.view-top>span:first-child{font-size:7px;letter-spacing:.4px}.view-actions button{font-size:8px;padding:7px}.node-label{font-size:8px;max-width:108px;padding:5px}.node-label small{font-size:6px;letter-spacing:.5px}.node-label.left{left:6px}.node-label.right{right:6px}.view-bottom{flex-wrap:wrap;justify-content:center;bottom:10px;gap:7px 18px}.orientation{bottom:78px;font-size:5px;left:10px;right:10px}.reveal{font-size:9px}#steps{grid-template-columns:1fr}#faculty-list{grid-template-columns:1fr 1fr}.context-note>span{font-size:7px}.film-link{max-width:112px;line-height:1.5}.brand span{margin-left:8px;letter-spacing:2px}h2{font-size:25px}}