@font-face{font-family:OrbitSans;src:local('Helvetica Neue');font-display:swap}
[hidden]{display:none!important}
.controls button{min-width:44px}
.render-study-panel{position:absolute;top:32%;left:4.1%;width:220px;padding:18px;border:1px solid #fff3;border-radius:18px;background:#171711c9;backdrop-filter:blur(20px);z-index:6;font-size:12px;line-height:1.5}.render-study-panel strong{font-size:10px;letter-spacing:.13em}.render-study-panel p{color:#d0c5b1}.render-study-panel button{min-height:44px;padding:9px 12px;border:1px solid #fff3;border-radius:12px;margin:4px 0}.render-study-panel button[aria-pressed=true]{background:#eee7db26}.render-study-panel a{display:block;text-decoration:underline;padding:10px 0}.render-study-panel output{display:block;font:10px/1.5 monospace;color:#cfc1a8;overflow-wrap:anywhere}@media(max-width:900px){.render-study-panel{left:16px;top:auto;bottom:110px;width:180px;padding:12px}.render-study-panel p{font-size:11px}}@media(max-width:600px){.render-study-panel{left:16px;bottom:95px;width:calc(100% - 32px);padding:10px 12px}.render-study-panel p{margin:4px 0}.render-study-panel button{margin:2px 6px 2px 0}.render-study-panel a{display:inline-block}.render-study-panel output{font-size:9px}.render-study .heading{top:12%}}
:root{color-scheme:dark;--cream:#f2eddf;--line:#eee7d126;--muted:#c9c2b5;font-family:OrbitSans,Arial,sans-serif;color:var(--cream);background:#151411}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #efd7a8;outline-offset:7px}button{border:0;background:none}a{color:inherit;text-decoration:none}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:#151411}.library{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0909077a 0%,#09090700 44%,#0a09082e 72%,#0a0908d9 100%);pointer-events:none}#scene{position:absolute;inset:0;z-index:-1;touch-action:pan-y}#scene canvas{width:100%;height:100%;display:block;cursor:grab}#scene canvas.dragging{cursor:grabbing}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:28px 4.1%;gap:22px;z-index:4}.wordmark{font-size:25px;letter-spacing:.31em;font-weight:400}.wordmark span{display:block;letter-spacing:.13em;font-size:10px;margin-top:10px;color:#d8d2c2}nav{display:flex;gap:32px;margin-left:-80px}nav button{font-size:14px;padding:12px 6px;color:#e6e0d4}.outline{font-size:14px;border:1px solid #eee7d17a;border-radius:30px;padding:13px 25px;background:#12110d20;backdrop-filter:blur(12px)}.outline:hover{background:#eee7d115}.heading{position:absolute;top:15%;width:100%;text-align:center;pointer-events:none;padding:0 25px;z-index:2;text-shadow:0 2px 30px #0008}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:400;margin:0 0 17px;color:#ddd3be}h1{font:400 clamp(34px,4.1vw,67px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0}h2{font:400 38px/1.15 Georgia,serif;letter-spacing:-.025em;margin:10px 0 25px}.mobile-break{display:none}.bottom{position:absolute;bottom:30px;left:4.1%;right:4.1%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.edition,.hint{font-size:11px;letter-spacing:.12em;line-height:1.6;min-width:190px;margin:0}.edition span,.hint span{display:block;color:#bcb5a6;font-size:11px;letter-spacing:.02em;margin-top:5px}.hint{text-align:right;letter-spacing:.03em;font-size:13px}.controls{display:flex;align-items:center;padding:7px;border:1px solid #ffffff40;border-radius:50px;background:#eee7db17;backdrop-filter:blur(25px) saturate(125%);box-shadow:0 10px 45px #0002}.controls button{padding:13px 14px;white-space:nowrap;border-radius:30px;font-size:13px;min-height:44px;display:flex;align-items:center;gap:10px}.controls button:hover{background:#fff2}.controls #previous,.controls #next{font-size:26px;padding:2px 15px}.pause-symbol{font-size:13px}.divider{width:1px;height:21px;background:#fff3;margin:0 3px}.subject-labels{pointer-events:none;position:absolute;inset:0;z-index:2}.subject-label{position:absolute;font:14px Georgia,serif;color:#f1ebdb;text-shadow:0 2px 9px #000;border-bottom:1px solid #f1ebdb66;padding:0 0 7px;white-space:nowrap;transition:opacity .2s}.loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:22px;font:18px Georgia,serif;background:#151411;z-index:8;transition:opacity .6s}.loading span{width:80px;height:1px;background:#f1ebdb55;overflow:hidden}.loading span:after{content:'';display:block;background:#f1ebdb;height:1px;width:30px;animation:loading 1.3s infinite ease-in-out}@keyframes loading{from{transform:translateX(-30px)}to{transform:translateX(80px)}}.loading.ready{opacity:0;pointer-events:none}.fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;padding:25px;background:#151411e8;border:1px solid var(--line);border-radius:20px;max-width:420px;text-align:center}.fallback button{padding:12px;text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#151411;padding:15px}.skip:focus{top:15px}.live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:1px solid #eee7d132;border-radius:25px;background:#201e19f5;color:var(--cream);padding:45px;width:min(620px,calc(100% - 32px));max-height:85svh;box-shadow:0 30px 100px #0008;backdrop-filter:blur(30px)}dialog::backdrop{background:#05050480;backdrop-filter:blur(8px)}dialog p{font-size:16px;line-height:1.65;color:#cfc8ba}dialog .eyebrow{font-size:11px}.close{position:absolute;right:17px;top:12px;font-size:28px;width:44px;height:44px;border-radius:50%}.close:hover{background:#fff1}.subject-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subject-options button{text-align:left;border:1px solid var(--line);padding:19px;border-radius:14px;font-size:16px}.subject-options button[aria-pressed=true]{background:#ece3cf;color:#211f19}.subject-options small{display:block;font-size:12px;margin-top:8px;opacity:.7}.subject-detail{min-height:100px;border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.no-js{position:fixed;inset:40% 15%;z-index:20;background:#161411;padding:30px;text-align:center}@media(max-width:900px){.edition,.hint{min-width:0}.hint{display:none}.wordmark span{font-size:9px}nav{margin-left:0;gap:15px}header{padding:22px 25px}.bottom{left:25px;right:25px}.heading{top:17%}h1{font-size:46px}.edition{font-size:10px;max-width:130px}.controls button{font-size:12px;padding:10px}.controls #previous,.controls #next{padding:0 10px}}@media(max-width:600px){.hero{min-height:600px}header{padding:20px}.wordmark{font-size:21px}.wordmark span{display:none}nav{display:none}.outline{padding:11px 15px;font-size:12px}.heading{top:14%;padding:0 18px}.heading .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:15px}h1{font-size:38px;line-height:1.12}.mobile-break{display:block}.bottom{left:0;right:0;bottom:23px;justify-content:center}.edition{display:none}.controls{padding:5px}.controls button{min-height:44px;font-size:12px}.subject-label{font-size:12px}.subject-options{grid-template-columns:1fr 1fr}dialog{padding:35px 23px}.subject-options button{padding:15px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}