:root{color-scheme:dark;--ink:#171713;--paper:#e8dfca;--muted:#ada897;--line:#46453c}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,'Times New Roman',serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff1be;outline-offset:5px}[hidden]{display:none!important}#painting{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab}#painting.dragging{cursor:grabbing}#world{position:absolute;will-change:transform;transform-origin:50% 45%}#fresco{display:block;width:100%;height:100%;user-select:none;pointer-events:none}#hotspots{position:absolute;inset:0}.spot{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:transparent;min-width:30px;min-height:30px;padding:0;cursor:help}.spot.euclid{cursor:pointer}.spot:focus-visible{background:#ffe6a926}.quiet{position:fixed;z-index:5;font:14px/1.4 Georgia,serif;text-decoration:none;text-shadow:0 1px 9px #000,0 1px 3px #000;color:#fff4da;padding:14px}.figures-link{right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.figures-link span{margin-left:12px}#label{position:fixed;z-index:10;max-width:270px;padding:16px 19px;background:#171713ed;border:1px solid #d5c9aa55;box-shadow:0 6px 30px #0003;pointer-events:none}#label strong{font-size:23px;font-weight:normal;display:block}#label small{display:block;font:12px/1.7 system-ui,sans-serif;letter-spacing:.08em;color:#cec5b0;margin-top:5px}#label .enter{display:block;font-size:14px;margin-top:13px;color:#e2c78a}#figures{max-width:1300px;margin:auto;padding:32px 6vw 60px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line)}.back{text-decoration:none;font-size:14px}header>span{font-size:20px;letter-spacing:.12em}.figures-intro{padding:55px 0 42px;max-width:680px}.eyebrow{font:12px system-ui;letter-spacing:.16em;color:var(--muted)}h1{font-weight:normal;font-size:clamp(44px,7vw,76px);letter-spacing:-.04em;margin:20px 0}.figures-intro>p:last-child{font-size:16px;line-height:1.7;color:#c2beae}#figures-list{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.figures-row{display:grid;grid-template-columns:30px 68px 1fr;gap:16px;align-items:center;padding:22px 0;border-top:1px solid var(--line);min-height:115px}.ordinal{font:12px system-ui;color:var(--muted)}.portrait{width:68px;height:78px;background-image:url('athens.jpg');background-repeat:no-repeat;filter:saturate(.7)}.identity{font-size:20px;margin:0 0 7px;font-weight:normal}.certainty{font:12px system-ui;letter-spacing:.08em;color:#c7b882}.figure-note{font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0 0}.room-link{display:inline-block;font-size:14px;margin-top:12px}footer{border-top:1px solid var(--line);margin-top:45px;padding-top:28px;max-width:800px;font:13px/1.8 system-ui;color:var(--muted)}footer p{margin:0 0 18px}footer .brand-line{font:italic 20px/1.5 Georgia;color:var(--paper);margin-top:35px}#clock-room{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#34372f,#11130f 75%);perspective:1000px}.clock-back{left:16px;top:14px}.room-title{position:absolute;top:22px;left:50%;transform:translateX(-50%);font:12px system-ui;letter-spacing:.2em;text-transform:uppercase;margin:0;color:#c9c7b7}#clock{width:min(82vw,78vh);height:min(82vw,78vh);filter:drop-shadow(0 28px 28px #0007)}#clock-time{position:absolute;bottom:6vh;font:14px system-ui;letter-spacing:.16em;color:#b9b9aa}.eyelid{position:fixed;left:0;right:0;height:0;background:#0d0e0b;pointer-events:none;z-index:20}#eyelid-top{top:0;border-radius:0 0 50% 50%}#eyelid-bottom{bottom:0;border-radius:50% 50% 0 0}body.transitioning .figures-link,body.transitioning #label{visibility:hidden}@media(max-width:680px){#figures{padding:24px 24px 44px}#figures-list{grid-template-columns:1fr}.figures-intro{padding:35px 0}.figures-row{grid-template-columns:24px 58px 1fr;gap:12px}.portrait{width:58px;height:72px}#label{max-width:230px}#clock{width:min(92vw,72svh);height:min(92vw,72svh)}.spot{min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


.clock-reading{position:absolute;bottom:6vh;text-align:center;display:flex;flex-direction:column;gap:8px}.clock-reading>span{font:12px system-ui;color:#b9b9aa}.clock-reading #clock-time{position:static}.clock-discovery{right:16px;bottom:10px}#figures header nav{font:14px Georgia;display:flex;gap:12px}

.painting-nav{position:fixed;z-index:5;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px}.painting-nav .quiet{position:static;min-height:44px;display:inline-flex;align-items:center}.painting-nav a:first-child{font-size:22px}.clock-search{right:16px;top:14px}body.transitioning .painting-nav{visibility:hidden}#figures header{gap:20px;flex-wrap:wrap}#figures header nav{flex-wrap:wrap;line-height:1.7}@media(max-width:380px){.clock-search{top:54px}.painting-nav .quiet{padding:12px}.painting-nav a:first-child{font-size:20px}}
.clock-evidence{left:16px;bottom:10px}.evidence-link{display:block}
#clock{margin-bottom:40px}@media(max-height:450px){#clock{width:min(82vw,62svh);height:min(82vw,62svh)}}

/* Use the original photograph, with the brightness limited to the red cloak. */
#euclid-cloak{position:absolute;inset:0;background:url('athens.jpg') 0 0/100% 100% no-repeat;clip-path:polygon(82.8283% 80.1829%,83.3068% 79.1921%,84.0510% 78.5061%,85.1675% 78.2774%,85.9117% 78.5823%,86.3371% 79.1159%,86.1776% 80.2591%,86.1244% 81.6311%,86.3371% 83.1555%,86.7624% 84.6799%,87.1345% 86.2043%,87.4535% 88.1098%,87.6661% 89.9390%,88.0914% 91.6921%,88.1978% 93.0640%,87.4535% 93.4451%,86.6029% 93.1402%,86.0712% 92.6067%,85.4864% 93.2165%,84.5827% 93.2165%,84.4232% 91.9970%,84.8485% 90.0915%,84.5827% 88.1860%,84.2105% 86.7378%,83.8915% 86.6616%,83.2004% 88.7957%,83.1473% 87.5762%,83.4662% 85.5945%,83.4131% 83.6890%,83.7321% 82.6220%,83.2004% 82.6982%,82.8283% 82.0884%,82.6688% 81.0976%);filter:brightness(1.28) saturate(1.22);pointer-events:none}
#euclid-tag{position:absolute;z-index:2;left:82.0308%;top:78.7%;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d5c9aa77;border-radius:3px;background:#171713df;color:#fff4da;font:15px/1.3 Georgia,serif;text-decoration:none;white-space:nowrap;cursor:pointer}
#euclid-tag::after{content:"";position:absolute;top:100%;left:50%;height:12px;border-left:1px solid #e8dfca99}
#euclid-tag:hover{background:#29261f}
body.transitioning #euclid-tag{visibility:hidden}
.painting-nav{flex-wrap:wrap}