@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101414;--panel:#151a19;--text:#f0ede5;--muted:#a4ada7;--line:#ffffff18;--copper:#d9a27f;--mint:#a8d5c7;font-family:Manrope,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px 13px;font-size:.875rem}button:hover{color:var(--text);background:#ffffff0a}button[aria-pressed=true]{color:var(--text);background:#ffffff10;border-color:#ffffff32}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit}button[hidden],[hidden]{display:none!important}.site-header{height:88px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;line-height:1}.brand img{object-fit:contain}.brand-sub{display:block;font-family:Manrope,Arial,sans-serif;font-size:.75rem;letter-spacing:2px;margin-top:6px}.edition{font-size:.75rem;letter-spacing:2px;color:var(--muted)}.edition span{margin-left:22px;color:var(--copper)}.back-link{font-size:.875rem;text-decoration:none}.back-link span{padding-left:14px;color:var(--copper)}main{max-width:1800px;margin:auto;padding:0 4%}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 26px}.eyebrow{font-size:.75rem;letter-spacing:2px;color:var(--copper);margin:0 0 9px}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;line-height:1.05;margin:0}h1 em{font-weight:400;color:var(--copper)}.intro-note{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0;max-width:310px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stage{position:relative;min-width:0;background:radial-gradient(ellipse at 48% 45%,#24413944,transparent 65%),#111716}.stage-top{position:absolute;z-index:3;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top>*{pointer-events:auto}.atlas-label{font-size:.875rem;font-weight:600;letter-spacing:4px}.atlas-label span{color:var(--muted);font-weight:400;letter-spacing:1px}.view-group{display:flex;gap:2px;border:1px solid var(--line);border-radius:6px;padding:3px;background:#111716d9}.view-group button{border:0;padding:8px 13px}.view-group button[aria-pressed=true]{background:#ffffff12}#viewport{height:clamp(520px,65vh,790px);width:100%;position:relative;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#viewport canvas{display:block;width:100%;height:100%;outline:0}#loading{position:absolute;top:45%;left:20%;right:20%;text-align:center;color:var(--muted);line-height:1.7}.scene-caption{position:absolute;left:28px;top:110px;display:flex;flex-direction:column;gap:18px;pointer-events:none}.scene-caption>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.75rem;color:#bec8c0}.scene-caption small{display:block;font-family:Manrope,Arial,sans-serif;font-size:.75rem;letter-spacing:1.8px;color:var(--muted);margin-top:3px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 24px 15px;gap:10px}.gesture-hint{font-size:.75rem;line-height:1.6;color:var(--muted)}.text-button{border:0;padding:8px 0;white-space:nowrap}.controls{border-top:1px solid var(--line);padding:19px 24px;display:flex;gap:28px;align-items:center;justify-content:space-between}.depth-control{display:block;flex:1;max-width:260px;min-width:130px;font-size:.875rem;color:var(--muted)}.depth-control>span{display:flex;justify-content:space-between;gap:10px}output{font-variant-numeric:tabular-nums;color:var(--copper)}input[type=range]{width:100%;accent-color:var(--copper);height:18px;margin:8px 0 0;cursor:pointer}.control-toggles{display:flex;gap:7px}.control-toggles button{font-size:.875rem;padding:10px}.inspector{padding:26px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.inspector-head .eyebrow{font-size:.75rem;letter-spacing:1.6px;margin:0}#clear{padding:0 8px;border:0;font-size:1.5rem}.reading-symbol{height:72px;margin:32px 0 26px;color:var(--copper)}.reading-symbol svg{height:100%;width:80px;overflow:visible}.reading-kind{font-size:.75rem;letter-spacing:1.8px;color:var(--muted);margin:0 0 10px}.reading-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.65rem;line-height:1.04;font-weight:400;margin:0 0 12px;overflow-wrap:anywhere}.reading-theme{color:var(--copper);font-size:.875rem;line-height:1.5;margin:0 0 20px}.reading-description{color:var(--muted);font-size:.9375rem;line-height:1.8;margin:0 0 24px}.reading-links{border-top:1px solid var(--line);padding-top:18px;margin-bottom:24px}.reading-links>p{font-size:.75rem;letter-spacing:1.6px;color:var(--muted);margin:0 0 12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{padding:7px 10px;min-width:36px;font-size:.875rem}.chips .channel-chip{text-align:left;width:100%;font-size:.875rem}.welcome-steps{list-style:none;padding:0;margin:20px 0 30px;display:grid;gap:17px}.welcome-steps li{display:flex;gap:15px;font-size:.875rem;color:var(--muted);line-height:1.5}.welcome-steps b{color:var(--copper);font-weight:400;font-size:.75rem;padding-top:3px}.index{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.index>label{font-size:.875rem;display:block;margin-bottom:10px}select{width:100%;background:#0f1413;color:var(--text);border:1px solid #ffffff26;border-radius:5px;padding:12px 9px;font-size:.875rem}.index-hint{font-size:.75rem;color:var(--muted);line-height:1.65;margin:12px 0 0}.about{font-size:.75rem;color:var(--muted);margin-top:22px;line-height:1.75}.about summary{cursor:pointer;color:var(--text)}.about a{text-underline-offset:3px}#tooltip{position:absolute;z-index:6;pointer-events:none;background:#e9ede4;color:#1b2922;box-shadow:0 8px 25px #0005;padding:10px 14px;border-radius:4px;font-size:.875rem;line-height:1.5;max-width:230px}#tooltip strong{display:block;font-weight:700}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:.75rem;letter-spacing:1.1px;color:var(--muted)}.no-script{padding:25px}.stage:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column}.stage:fullscreen #viewport{height:auto;flex:1}.stage:fullscreen .controls{flex:none}.stage:fullscreen .scene-caption{top:120px}.stage:fullscreen #tooltip{position:absolute}
@media(min-width:1500px){.inspector{padding:30px}.workspace{grid-template-columns:minmax(0,1fr) 365px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 290px}.inspector{padding:22px}.controls{flex-wrap:wrap;gap:14px}.control-toggles{flex:1;justify-content:flex-end}.scene-caption{left:18px}.stage-top{left:20px;right:20px}.intro-note{max-width:240px}.stage-bottom{align-items:flex-start}.gesture-hint{max-width:250px}.reading-title{font-size:2.3rem}}
@media(max-width:820px){.site-header{height:72px}.edition{display:none}.intro{display:block;padding:26px 0 22px}.intro-note{max-width:none;margin-top:12px}.intro-note br{display:none}.workspace{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line);padding:25px}.reading-symbol{float:right;margin:24px 0 12px 20px;height:56px}#reading{padding-top:22px}.reading-description{max-width:620px}.welcome-steps{grid-template-columns:repeat(3,1fr);gap:16px}.scene-caption{left:20px;top:105px}#viewport{height:590px}.stage-top{top:20px}.controls{flex-wrap:nowrap}.depth-control{max-width:none}.stage-bottom{align-items:center}.gesture-hint{max-width:none}.index{margin-top:0}.reading-title{font-size:2.6rem}footer{font-size:.75rem;line-height:1.7}footer span:last-child{display:none}}
@media(max-width:480px){main{padding:0 14px}.site-header{margin:0 18px}.brand{font-size:1.8rem}.back-link{font-size:.75rem}.brand-sub{font-size:.75rem}h1{font-size:2.5rem}.eyebrow{font-size:.75rem}.intro-note{font-size:.875rem}.atlas-label{font-size:.75rem;letter-spacing:2px}.stage-top{left:16px;right:16px}.view-group button{padding:8px;font-size:.75rem}.scene-caption{gap:14px;left:15px}.scene-caption>span{font-size:1.35rem}.scene-caption small{font-size:.75rem;letter-spacing:1px}#viewport{height:530px}.controls{padding:16px;flex-direction:column;gap:15px}.depth-control{width:100%}.control-toggles{width:100%;justify-content:space-between}.control-toggles button{flex:1}.stage-bottom{padding:0 16px 12px}.gesture-hint{font-size:.75rem;max-width:205px}.text-button{font-size:.75rem}.welcome-steps{grid-template-columns:1fr}.inspector-head .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
.zoom-buttons{position:absolute;left:24px;top:335px;display:flex;flex-direction:column;gap:6px;z-index:3}.zoom-buttons button{width:38px;height:38px;padding:0;font-size:1.3rem;background:#111716cc}.embedded .site-header,.embedded .intro,.embedded footer{display:none}.embedded main{padding:0}.embedded .workspace{border:0;border-radius:0}.embedded #viewport{height:calc(100dvh - 135px);min-height:440px}.brand img{filter:brightness(0) invert(1);opacity:.8}
@media(max-width:480px){.zoom-buttons{left:15px;top:285px}.zoom-buttons button{width:34px;height:34px}.embedded #viewport{height:70dvh;min-height:480px}}
@media(max-width:820px){.reading-symbol{float:none;height:44px;margin:0 0 22px}.reading-title{overflow-wrap:normal;hyphens:auto}}
@media(max-width:480px){.reading-title{font-size:2.25rem;line-height:1.1}}
/* Extended educational readings: the article scrolls while the atlas stays visible. */
.workspace{align-items:start;grid-template-columns:minmax(0,1fr) 390px}
.inspector{height:var(--inspector-height,calc(clamp(520px,65vh,790px) + 145px));min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;padding:24px}
.index{margin-top:0;padding:17px 0;border-top:0;border-bottom:1px solid var(--line)}
.index-hint{font-size:.8125rem;margin-top:9px}
#reading-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:13px;scrollbar-width:thin;scrollbar-color:#677a6e transparent;overscroll-behavior:contain;scroll-padding-top:12px}
#reading-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}
.reading-symbol{height:48px;margin:24px 0 20px}
.reading-title{overflow-wrap:normal;hyphens:auto;scroll-margin-top:20px}
.reading-description,.reading-section p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 22px}
.reading-description{color:var(--text)}
.reading-section h3,.reading-reflection h3{font-size:.875rem;line-height:1.5;color:var(--text);font-weight:600;margin:26px 0 10px}
.reading-reflection{border-left:2px solid var(--copper);padding-left:16px;margin:26px 0}
.reading-reflection h3{color:var(--copper);margin-top:0}
.reading-reflection p{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;line-height:1.3;margin:0}
.reading-context{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0 0 20px}
.reading-context summary{cursor:pointer;color:var(--text)}
.about{max-height:220px;overflow:auto;border-top:1px solid var(--line);padding-top:14px;margin-top:12px;font-size:.8125rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 420px}}
@media(min-width:821px) and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.inspector{padding:20px}.controls{flex-direction:column;align-items:stretch}.depth-control{max-width:none}.control-toggles{justify-content:space-between}.control-toggles button{flex:1}}
@media(max-width:820px){.workspace{grid-template-columns:1fr}.inspector{height:auto;display:block;padding:25px;overflow:visible}#reading-scroll{overflow:visible;padding-right:0;overscroll-behavior:auto}.reading-symbol{margin:0 0 22px}.about{max-height:none;overflow:visible}.reading-title{font-size:2.5rem}.reading-section p,.reading-description{max-width:640px}.reading-section h3{margin-top:28px}}
@media(max-width:480px){.reading-title{font-size:2.25rem}}