@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:Manrope;src:url(../fonts/manrope.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:Caveat;src:url(../fonts/caveat.woff2)format("woff2");font-display:swap;font-weight:400 700}:root{color:#293e36;font-synthesis:none;--ink:#293e36;--muted:#777c6e;--accent:#b6553b;--paper:#f4f0e7;background:#f4f0e7;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #b6553b}button{background:0 0;border:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}#app{isolation:isolate;height:100svh;min-height:640px;position:relative;overflow:hidden}#app:before{content:"";pointer-events:none;opacity:.14;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.34' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.masthead{z-index:3;justify-content:space-between;align-items:center;height:128px;padding:0 4.2%;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:2px;align-items:center;gap:14px;font-size:24px;font-weight:650;display:flex}.wordmark:hover{text-decoration:none}.wordmark svg{fill:none;width:42px;height:42px;stroke:var(--ink);stroke-width:1.15px}.wordmark svg .orbit-dot{fill:var(--accent);stroke:var(--paper)}.wordmark-caption{letter-spacing:2.4px;margin-top:5px;font-size:8px;font-weight:600;display:block}.masthead-note{color:#727667;letter-spacing:.2px;font-size:12px}.masthead-note em{margin-left:5px;font-family:Fraunces,Georgia,serif;font-size:15px}main{grid-template-columns:65% 35%;align-items:center;display:grid;position:absolute;inset:120px 0 135px}.drawing{height:100%;min-height:0;position:relative}canvas,#space{width:100%;height:100%;display:block;position:absolute;inset:0}#space{pointer-events:none;opacity:0}#space canvas{width:100%;height:100%}.scene-label{letter-spacing:1.8px;color:#74796c;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;top:4%;left:6.6%}.live-dot{background:#b6553b;border-radius:100%;width:5px;height:5px}.sketch-note{color:#7a7c6c;font:23px Caveat,cursive;position:absolute;bottom:0;left:12%;transform:rotate(-2deg)}.narrative{max-width:640px;margin-top:-22px;padding:0 13% 0 1%;position:relative}.eyebrow{color:var(--accent);letter-spacing:1.65px;align-items:center;gap:12px;font-size:9px;font-weight:650;display:flex}.eyebrow-rule{background:var(--accent);opacity:.55;width:27px;height:1px;display:inline-block}h1{letter-spacing:-2.6px;text-wrap:balance;margin:29px 0 25px;font:450 clamp(40px,3.6vw,72px)/1.07 Fraunces,Georgia,serif}#chapter-body{color:#616959;max-width:390px;margin:0;font-size:clamp(14px,1.02vw,20px);line-height:1.9}#chapter-body strong{color:var(--ink);font-weight:650}.narrative-detail{color:#7b7d70;border-left:1px solid #c4bbaa;max-width:390px;margin-top:25px;padding-left:16px;font-size:12px;line-height:1.8}.chapter-dots{gap:6px;margin-top:33px;display:flex}.chapter-dots span{background:#d4d0c4;border-radius:50%;width:4px;height:4px;transition:background .6s,width .6s}.chapter-dots span.active{background:var(--accent);border-radius:3px;width:18px}footer{justify-content:space-between;align-items:center;height:122px;padding:0 4.2%;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-left{letter-spacing:1.5px;color:#7a7f71;font-size:8px}.footer-left em{letter-spacing:0;margin-top:6px;font:16px Fraunces,Georgia,serif;display:block}.sources-footer{color:#74796d;flex-direction:column;align-items:flex-end;gap:6px;font-size:10px;display:flex}.sources-footer button{color:#7e8278;text-underline-offset:3px;padding:0;font-size:9px;text-decoration:underline}.player{background:#faf8f1d9;border:1px solid #ddd8cc;border-radius:13px;width:min(640px,49vw);padding:13px 18px 11px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #463b2510}.progress-wrap{align-items:center;height:12px;display:flex}#timeline{--progress:0%;appearance:none;background:linear-gradient(to right,var(--accent) var(--progress),#dedbce var(--progress));cursor:pointer;border-radius:3px;width:100%;height:3px;margin:0}#timeline::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #f8f5ed;border-radius:50%;width:9px;height:9px}#timeline::-moz-range-thumb{background:var(--accent);border:2px solid #f8f5ed;border-radius:50%;width:7px;height:7px}.player-row{align-items:center;gap:13px;margin-top:8px;display:flex}.play-button{background:var(--ink);width:32px;height:32px;color:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.play-button svg{fill:currentColor;width:15px;height:15px}.icon-button{flex-shrink:0;place-items:center;width:22px;height:30px;padding:2px;display:grid}.icon-button svg,.chapters-toggle svg{stroke:currentColor;stroke-width:1.4px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.time{white-space:nowrap;font-variant-numeric:tabular-nums;color:#6e7469;font-size:9px}.time-separator{color:#c2c1b6;padding:0 6px}.chapters-toggle{white-space:nowrap;align-items:center;gap:7px;min-width:0;margin-left:auto;font-size:10px;display:flex}.chapters-toggle span{text-overflow:ellipsis;overflow:hidden}.text-button{flex-shrink:0;padding:4px;font-size:10px}.icon-button:hover,.text-button:hover,.chapters-toggle:hover{color:var(--accent)}dialog{color:var(--ink);background:#f6f2e9;border:1px solid #dbd4c5;border-radius:16px;width:min(720px,92vw);max-height:83svh;padding:30px;box-shadow:0 20px 100px #273c3333}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#343c3355}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-heading h2{letter-spacing:-1px;margin:12px 0 24px;font:34px Fraunces,Georgia,serif}.close-button{color:#7d8273;padding:4px 8px;font-size:28px;line-height:1}#chapters-list{grid-template-columns:1fr 1fr;gap:3px 16px;display:grid}.chapter-option{text-align:left;border-bottom:1px solid #ded9cd;border-radius:4px;align-items:center;gap:12px;padding:13px 7px;display:flex}.chapter-option:hover,.chapter-option[aria-current=true]{background:#e8e9dc}.chapter-option .chapter-index{color:var(--accent);font-size:9px}.chapter-option .chapter-name{flex:1;font-size:12px}.chapter-option .chapter-time{color:#808477;font-variant-numeric:tabular-nums;font-size:9px}.dialog-hint{color:#7a7f71;margin:24px 0 0;font-size:10px}#sources-dialog p{color:#68705f;font-size:13px;line-height:1.85}#sources-dialog ul{padding:0;list-style:none}#sources-dialog li{border-bottom:1px solid #dfd9ce;padding:13px 0}#sources-dialog li a{text-underline-offset:4px;font-size:14px;text-decoration:underline}#sources-dialog li span{color:#777f6b;margin-top:7px;font-size:12px;line-height:1.7;display:block}.source-note{font-size:11px!important}#graphics-warning{color:#8d503f;max-width:300px;font-size:11px;position:absolute;bottom:30px;left:7%}@media (width>=1700px){.masthead{height:150px}main{inset:150px 0 160px}.narrative{padding-right:16%}.scene-label,.eyebrow{font-size:10px}.sketch-note{font-size:29px}.narrative-detail{font-size:14px}.player{width:660px}.player-row{gap:17px}footer{height:146px}.player{padding:17px 23px 15px}.sources-footer{font-size:11px}.sources-footer button{font-size:10px}}@media (width<=1050px){.masthead{height:105px;padding:0 5%}main{grid-template-columns:59% 41%;inset:100px 0 125px}.narrative{padding-right:10%}h1{font-size:43px}.player{width:57vw}.footer-left{display:none}.sources-footer{margin-left:auto;font-size:9px}.sources-footer button{font-size:8px}.player-row{gap:9px}.narrative-detail{font-size:11px}.sketch-note{font-size:20px;left:10%}.scene-label{font-size:8px}}@media (width<=700px){#app{height:100svh;min-height:760px;overflow:hidden}.masthead{height:85px}.wordmark{gap:10px;font-size:20px}.wordmark svg{width:35px;height:35px}.wordmark-caption{letter-spacing:1.7px;font-size:6px}.masthead-note{font-size:0}.masthead-note em{font-size:13px}.masthead-note em:before{content:"Geometri, tid. "}main{flex-direction:column;align-items:stretch;display:flex;inset:83px 0 145px}.drawing{flex-shrink:0;height:53%}.scene-label{letter-spacing:1.4px;font-size:7px;top:3%;left:7%}.sketch-note{font-size:19px;bottom:0;left:12%}.narrative{max-width:none;margin:22px 0 0;padding:0 8%}.eyebrow{gap:10px;font-size:8px}h1{letter-spacing:-1.6px;margin:14px 0 12px;font-size:38px;line-height:1.06}h1 br{display:none}#chapter-body{max-width:100%;font-size:12px;line-height:1.7}.narrative-detail{max-width:100%;margin-top:12px;font-size:10px;line-height:1.6}.chapter-dots{display:none}footer{justify-content:center;align-items:flex-start;height:135px;padding-top:10px}.player{width:90%;padding:10px 14px;top:8px}.player-row{gap:11px}.time{font-size:8px}.chapters-toggle{font-size:9px}.sources-footer{align-items:center;gap:4px;margin:0;font-size:9px;position:absolute;bottom:16px;left:0;right:0}.sources-footer button{font-size:8px}#chapters-list{grid-template-columns:1fr}.dialog-heading h2{font-size:27px}dialog{padding:23px}.skip{display:none}}@media (height<=750px) and (width>=701px){#app{min-height:560px}.masthead{height:85px}main{inset:90px 0 112px}.narrative{margin-top:0}h1{margin:19px 0;font-size:42px}#chapter-body{font-size:13px}.narrative-detail{margin-top:15px;font-size:10px}.chapter-dots{margin-top:20px}footer{height:105px}}#app{background-color:var(--paper)}button:disabled{opacity:.3;cursor:default}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}