@charset "UTF-8";
:root{--ivory:#f5f0e5;--blue:#071d33;--gold:#dfc798;--line:rgba(244,240,230,.25);--pad:clamp(30px,8vw,155px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#071d33;color:var(--ivory);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,summary{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(76px,9.2vw,154px);letter-spacing:-5px}h2{font-size:clamp(42px,5.5vw,86px);letter-spacing:-2px}h3{font-size:28px}em{font-weight:400;color:#f7e8c7}p+p{margin-top:24px}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:50;background:#092840;padding:10px}.skip:focus{top:10px}.cinema{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#072748}.scene-fallback{position:absolute;inset:0;background:url('observatory.webp') 60% center/cover}.cinema canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity 1.2s}.cinema canvas.ready{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,17,35,.8),rgba(2,22,41,.25) 60%,rgba(3,18,29,.12)),linear-gradient(0deg,rgba(1,13,25,.6),transparent 40%);transition:background 1s}.portrait-layer{position:absolute;inset:10% 1% 0 auto;width:42%;transform-origin:65% 50%;opacity:.94;will-change:transform,opacity;pointer-events:none;mask-image:radial-gradient(ellipse 51% 49% at 50% 52%,#000 47%,rgba(0,0,0,.9) 67%,transparent 100%)}.portrait-layer img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;mix-blend-mode:luminosity}.portrait-layer{mix-blend-mode:lighten}header{position:fixed;inset:0 0 auto;height:78px;display:flex;align-items:center;gap:24px;padding:0 32px;z-index:20;border-bottom:1px solid var(--line);transition:background .4s}header.scrolled{background:rgba(4,22,38,.9)}.logo{font:32px Georgia;letter-spacing:-3px}.header-name{font-size:12px}nav{margin-left:auto;display:flex;gap:30px;font-size:13px}nav a{position:relative;padding:8px 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}nav a:hover:after,nav a.current:after{width:100%}.motion-button{border:1px solid var(--line);width:33px;height:33px;display:grid;place-items:center;font-size:13px;margin-left:12px}.menu-button{display:none}.chapter-rail{position:fixed;left:30px;top:115px;bottom:60px;width:24px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px}.rail-line{height:150px;width:1px;background:var(--line);display:block;position:relative}.rail-line>span{position:absolute;inset:0;background:var(--gold);transform:scaleY(0);transform-origin:top}.rail-number{color:var(--gold);font-size:12px}.rail-name{writing-mode:vertical-rl;letter-spacing:1px}.chapter{position:relative;padding:140px var(--pad);min-height:100svh;border-bottom:1px solid rgba(244,240,230,.15)}.opening{height:100svh;min-height:720px;display:flex;align-items:center;padding-top:110px;padding-bottom:110px}.opening-copy{width:65%;position:relative;z-index:2}.overline{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold);margin-bottom:32px}.opening h1{line-height:.96;max-width:800px}.opening h1 em{margin-left:12vw;display:inline-block}.intro{font-size:18px;line-height:1.5;margin-top:35px;max-width:430px}.film-shortcut{display:inline-flex;align-items:center;gap:18px;margin-top:40px;font-size:14px}.film-shortcut small,.play small{display:block;font-size:12px;opacity:.65;margin-top:3px}.play-ring{display:grid;place-items:center;border:1px solid rgba(244,240,230,.5);border-radius:50%;width:58px;height:58px;font-size:12px;flex-shrink:0;transition:background .25s,transform .25s}.film-shortcut:hover .play-ring,.play:hover .play-ring{background:var(--ivory);color:var(--blue);transform:scale(1.07)}.opening-bottom{position:absolute;bottom:28px;left:var(--pad);right:40px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;line-height:1.5}.opening-bottom a{display:flex;align-items:center;gap:25px}.opening-bottom a>span{font-size:22px;animation:cue 2s infinite}.art-caption{font-size:12px;line-height:1.6;opacity:.65}.opening-bottom .art-caption{text-align:right}.chapter-title{max-width:960px}.reading-column{max-width:630px;margin-top:60px}.reading-column p{max-width:620px}.lead{font:27px/1.45 Georgia;letter-spacing:-.3px}.chapter:not(.opening):not(.closing){background:linear-gradient(90deg,rgba(3,20,36,.62),rgba(3,20,36,.38) 60%,transparent)}.introduction{min-height:110svh}.chronology{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:rgba(3,20,36,.75)!important}.chronology-heading{position:sticky;top:135px;align-self:start}.chronology-heading h2{font-size:clamp(42px,4.5vw,70px)}.chronology-heading>p:last-child{margin-top:35px;font-size:13px;opacity:.65}.timeline{padding:0;list-style:none;margin:0}.timeline li{padding:0 0 45px 30px;border-left:1px solid var(--line);position:relative}.timeline li:before{content:"";position:absolute;left:-3px;top:12px;width:5px;height:5px;background:var(--gold);border-radius:50%}.timeline li:last-child{padding-bottom:0}.timeline li>span{font:34px Georgia;color:var(--gold);display:block;margin-bottom:15px}.timeline h3{font-size:25px;margin-bottom:12px}.timeline p{font-size:15px;opacity:.8}.philosophy{min-height:130svh}.philosophy .chapter-title{max-width:850px}.activity-content{margin-top:65px;max-width:770px}.activity-row{display:grid;grid-template-columns:200px 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line)}.activity-row h3{font-size:26px}.activity-row p{font-size:15px}.activity-content>.lead{margin-bottom:25px}details{border-top:1px solid var(--line);margin-top:35px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 0;font-size:15px}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}.detail-body{padding:5px 0 25px}.detail-body h3{font-size:23px;margin-bottom:15px}.detail-body p+h3{margin-top:30px}.detail-body p{font-size:15px}.muted{font-size:13px!important;opacity:.65}.books{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:rgba(2,17,34,.45)!important}.books .chapter-title{position:sticky;top:135px;align-self:start}.books .art-caption{margin-top:35px}.book-entry{border-top:1px solid var(--line);padding:28px 0 40px}.book-entry h3{font-size:38px;margin:18px 0 25px}.book-entry p{font-size:15px}.book-entry .book-meta,.book-meta{font-size:12px;opacity:.7}.book-entry p+p{margin-top:18px}.publication-list{max-width:810px;margin-top:55px}.publication-list article{display:grid;grid-template-columns:120px 1fr;gap:25px;border-top:1px solid var(--line);padding:27px 0}.publication-list time{font-size:12px;color:var(--gold);padding-top:5px}.publication-list h3{font-size:30px}.publication-list p{font-size:15px;margin-top:15px}.publication-list>.muted{margin-top:25px}.film{background:rgba(1,12,23,.76)!important}.film-heading{margin-bottom:50px}.film-heading h2{font-size:clamp(52px,7vw,110px)}.film-heading>p:last-child{margin-top:25px}.video-stage{position:relative;aspect-ratio:16/9;background:#0c171d;overflow:hidden}.video-stage iframe{position:absolute;inset:0;border:0;width:100%;height:100%}.video-poster{position:absolute;inset:0;background:#0b1a21}.video-poster img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;object-position:center 30%;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 45%)}.video-poster>span{position:absolute;left:7%;top:13%;font:clamp(40px,5.8vw,100px)/1 Georgia;letter-spacing:-2px}.video-poster>span em{margin-left:6vw}.play{position:absolute;left:7%;bottom:12%;display:flex;align-items:center;gap:20px;text-align:left}.video-caption{font-size:13px;display:flex;justify-content:space-between;gap:20px;padding-top:18px}.stop{text-decoration:underline;font-size:13px}.video-note,.video-status{font-size:12px;margin-top:14px;max-width:800px;opacity:.7}.video-note a{text-decoration:underline;text-underline-offset:3px}.reviews .chapter-title{max-width:950px}.reviews .chapter-title>p:last-child{margin-top:25px}.reviews .video-shell{max-width:800px;margin:55px 0 0 auto}.review-poster{background:linear-gradient(90deg,rgba(3,22,39,.4),rgba(3,22,39,.1)),url('book-world.webp') center/cover}.review-poster>span{font-size:clamp(35px,5vw,75px)}.closing{min-height:85svh;display:flex;flex-direction:column;justify-content:center}.community-link{display:flex;justify-content:space-between;align-items:center;gap:30px}.community-link h2{font-size:clamp(50px,7.5vw,118px)}.community-link>span{font:90px Georgia;transition:transform .3s}.community-link:hover>span{transform:translate(10px,-10px)}.closing>p:last-child{margin-top:30px}.notes,footer{padding:35px var(--pad);background:rgba(2,17,31,.96)}.notes details{margin:0}.notes .detail-body{max-width:850px}footer{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:12px}footer>span{margin-right:auto}.noscript-note{padding:20px var(--pad);background:#061b2e}.enter{transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.3,1),filter 1s}.motion .enter:not(.visible){opacity:0;transform:translateY(65px);filter:blur(5px)}.opening-copy{animation:opening-in 1.7s .15s both}@keyframes opening-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes cue{50%{transform:translateY(6px)}}
@media(max-width:1000px){:root{--pad:70px}h1{font-size:100px}h2{font-size:55px}.header-name{display:none}.portrait-layer{width:49%;right:0}.opening-copy{width:75%}.chronology{grid-template-columns:1fr;gap:60px}.chronology-heading,.books .chapter-title{position:static}.books{gap:6%}.book-entry h3{font-size:31px}.chapter-rail{left:22px}.reading-column{max-width:580px}.activity-row{grid-template-columns:170px 1fr}.opening-bottom .art-caption{display:none}}
@media(max-width:650px){:root{--pad:25px}html{scroll-padding-top:92px}body{font-size:15px}header{height:68px;padding:0 22px;gap:18px}.logo{font-size:29px}.header-name{display:block;font-size:11px}.menu-button{display:flex;gap:15px;align-items:center;margin-left:auto;font-size:12px}.menu-button span{font-size:22px}.motion-button{width:30px;height:30px;margin:0;flex-shrink:0}nav{display:none;position:absolute;top:67px;left:0;right:0;padding:22px 25px;background:#061d32;border-bottom:1px solid var(--line);flex-direction:column;gap:12px;font-size:16px}nav.open{display:flex}.chapter-rail{left:auto;right:12px;top:90px;bottom:auto;width:12px}.rail-line{height:55px}.rail-name{display:none}.rail-number{font-size:9px}.chapter{padding:90px var(--pad);min-height:auto}.opening{height:100svh;min-height:740px;align-items:flex-start;padding-top:125px;padding-bottom:90px}.opening-copy{width:100%}.overline{font-size:10px;letter-spacing:1px;margin-bottom:25px}h1{font-size:clamp(62px,17vw,100px);letter-spacing:-3px}.opening h1 em{margin-left:17vw}.intro{font-size:15px;max-width:280px;margin-top:25px}.opening .film-shortcut{margin-top:135px;max-width:240px;font-size:12px;gap:12px}.film-shortcut small{font-size:11px}.play-ring{width:46px;height:46px}.opening-bottom{left:25px;right:25px;bottom:24px;font-size:10px;gap:15px}.opening-bottom a{gap:12px}.portrait-layer{inset:35% -10% 0 auto;width:85%;mask-image:radial-gradient(ellipse 49% 49% at 52% 52%,#000 40%,rgba(0,0,0,.9) 65%,transparent 100%)}.scene-shade{background:linear-gradient(90deg,rgba(1,17,35,.65),rgba(2,22,41,.25)),linear-gradient(0deg,rgba(1,13,25,.5),transparent 65%)}h2{font-size:clamp(38px,10vw,57px);letter-spacing:-1.5px}.reading-column{margin-top:38px}.lead{font-size:23px}.introduction,.philosophy{min-height:100svh}.chapter:not(.opening):not(.closing){background:rgba(3,20,36,.64)}.chronology{gap:45px}.chronology-heading h2{font-size:43px}.timeline li{padding-left:24px}.timeline li>span{font-size:30px}.timeline h3{font-size:24px}.timeline p{font-size:14px}.activity-content{margin-top:35px}.activity-row{grid-template-columns:1fr;gap:15px}.activity-row p{font-size:14px}.activity-row h3{font-size:26px}.books{display:block}.book-list{margin-top:50px}.book-entry h3{font-size:34px}.books .art-caption{font-size:11px}.book-entry p{font-size:14px}.publication-list article{grid-template-columns:1fr;gap:14px}.publication-list h3{font-size:27px}.publication-list p{font-size:14px}.film-heading h2{font-size:46px}.film-heading>p:last-child{font-size:14px}.video-poster>span{font-size:32px;letter-spacing:-1px}.play{gap:10px;font-size:12px}.play .play-ring{width:37px;height:37px;font-size:10px}.play small{font-size:10px}.video-caption{font-size:11px}.stop{font-size:11px}.video-note,.video-status{font-size:11px}.reviews .video-shell{margin-top:35px}.review-poster>span{font-size:31px}.closing{min-height:75svh}.community-link h2{font-size:43px}.community-link>span{font-size:45px}.closing>p:last-child{font-size:13px}.notes{padding-top:15px;padding-bottom:20px}summary{font-size:13px}.detail-body p{font-size:14px}footer{gap:15px;font-size:11px}footer>span{width:100%}.motion .enter:not(.visible){transform:translateY(30px);filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .enter:not(.visible){opacity:1;transform:none;filter:none}}
/* Keep the supplied face opaque while the surrounding scene moves independently. */
.portrait-layer{mix-blend-mode:normal}.portrait-layer img{mix-blend-mode:normal}
@media(max-width:650px){.opening .film-shortcut{max-width:145px;gap:9px;align-items:flex-start;font-size:11px}.opening .film-shortcut>span:last-child{max-width:91px}.opening .film-shortcut .play-ring{width:40px;height:40px}.opening .film-shortcut small{font-size:10px}}