@import url('/assets/fonts/fonts.css');
:root{--paper:#efe4ca;--ink:#352b22;--muted:#6b5944;--brown:#785237;--line:#b7a180;--body:'IM Fell English',Georgia,serif;--title:'Uncial Antiqua',Georgia,serif;--small:'IM Fell English SC',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper) url('/assets/realm/parchment.webp') center top/1536px auto;color:var(--ink);font:19px/1.6 var(--body);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--brown)}a:focus-visible{outline:2px solid #926933;outline-offset:5px}h1,h2,h3,p,blockquote,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h2{font:29px/1.5 var(--title)}h3{font:25px/1.3 var(--body)}p{margin-top:16px}strong{font-weight:400;color:#30251c}.wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--paper);z-index:10;padding:10px}.skip:focus{top:10px}
/* The threshold: one complete painting, a name and a door. */
.realm{position:relative;aspect-ratio:1672/941;overflow:hidden;border-bottom:1px solid #8c704c}.realm-painting{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.realm-intro{position:absolute;top:7%;left:38%;width:45%;text-align:center}.prelude{font-style:italic;font-size:20px;margin:0 0 6px}.realm-intro h1{font:clamp(29px,2.6vw,39px)/1.4 var(--title)}.realm-purpose{font-size:19px;line-height:1.5;max-width:420px;margin:14px auto 0}.realm-emblem{display:block;width:58px;height:58px;margin:16px auto 0}.enter-study{position:absolute;left:5%;top:48%;width:25%;height:39%;color:#f9edce}.enter-study span{position:absolute;left:0;bottom:0;width:100%;text-align:center;font:18px/1.4 var(--small);text-shadow:1px 1px #382817}.enter-study:hover{color:#fff9df}.paper-world{padding-bottom:1px}
/* The four destinations belong to the painted room. */
.atelier-world{scroll-margin-top:0;width:100%;margin:0 auto 100px}.atelier-stage{position:relative;aspect-ratio:1659/948;max-width:1659px;margin:0 auto;background:#513821}.atelier-painting{width:100%;height:auto}.atelier-stage h2{position:absolute;top:5.8%;left:35.5%;width:27%;text-align:center;font-size:clamp(19px,2.1vw,32px);color:#4f321f}.object{position:absolute;display:block;color:#f4e4ba}.object span{position:absolute;white-space:nowrap;font:19px/1.4 var(--small);text-shadow:1px 1px #352310}.object .short-name{display:none}.object:hover,.object:focus-visible{color:#fff5d5}.object:hover span,.object:focus-visible span{font-style:italic}.object-atlas{left:1%;top:51%;width:47%;height:33%;color:#423323}.object-atlas span{left:43%;bottom:8%;text-shadow:none}.object-books{left:42%;top:24%;width:17%;height:23%}.object-books span{left:50%;top:-17%;transform:translateX(-50%)}.object-journal{left:52%;top:60%;width:25%;height:21%}.object-journal span{left:50%;bottom:-3%;transform:translateX(-50%)}.object-letters{left:88%;top:57%;width:11%;height:18%}.object-letters span{right:0;bottom:-4%}.atelier-caption{text-align:center;margin:17px auto 0;font:italic 17px/1.5 var(--body);color:var(--muted)}
/* Mounted paintings have clean edges and a real illustrated frame. */
.framed{display:block;position:relative;aspect-ratio:3/2}.framed .painting{position:absolute;left:5.5%;top:7.5%;width:89%;height:85%;object-fit:cover}.carved-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chapter{padding-top:18px;padding-bottom:95px;scroll-margin-top:30px}.chapter-subtitle{font:italic 22px/1.5 var(--body);color:var(--muted);max-width:330px}.quiet{font-style:italic;font-size:17px;color:var(--muted)}
/* Atlas: a large mounted map, with the evidence below it. */
.atlas-opening{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.atlas-opening header{padding-bottom:45px}.atlas-folio{margin:35px 0 100px;padding-left:6%}.atlas-folio .expedition-copy{display:grid;grid-template-columns:1fr 315px;column-gap:75px;align-items:start}.atlas-folio .expedition-copy>*{grid-column:1}.atlas-folio .expedition-copy h3{font:25px/1.4 var(--title)}.atlas-folio .expedition-copy p{max-width:580px;font-size:19px}.drawing-link{display:block;margin-top:18px;font-style:italic;color:var(--brown)}.drawing-link span{font-size:17px}.atlas-folio .map-proof{grid-column:2;grid-row:1/span 5;align-self:center;margin-top:0;padding:7px;background:#ddc9a5;border:1px solid #86694c}.map-proof img{width:100%}.margin-note{font-size:17px;font-style:italic;color:var(--muted);max-width:530px;margin-top:25px}.orbital-vista{position:relative;padding-bottom:95px}.orbital-painting{display:block;width:84%;margin-left:auto}.orbital-painting img{width:100%;height:auto}.orbital-folio{position:relative;width:480px;margin-top:-205px;padding:33px 38px 30px 0;background:var(--paper) url('/assets/realm/parchment.webp') center/1536px auto;border-top:1px solid var(--line)}.orbital-folio h3{font:26px/1.5 var(--title)}.orbital-folio p{font-size:19px}.orbital-folio .quiet{font-size:17px}.folio-links{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:24px;color:var(--brown);font-style:italic;font-size:18px}
/* The library has a hierarchy: three manuscripts, then the working folios. */
.library-chapter{padding-top:0}.library-opening{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;margin-bottom:75px}.library-opening header{max-width:360px}.library-opening header>p{font-size:21px}.library-opening header>.quiet{font-size:17px}.bookshelf{display:flex;justify-content:center;gap:55px;align-items:start}.manuscript{text-align:center;min-width:0}.principal .manuscript{width:260px}.principal .manuscript:nth-child(2){margin-top:-24px}.book{display:block;position:relative;width:100%;max-width:242px;margin-inline:auto}.book img{width:100%;aspect-ratio:2/3;object-fit:contain}.book h3{position:absolute;left:18%;right:18%;top:29%;height:43%;display:flex;align-items:center;justify-content:center;font:21px/1.28 var(--body);color:#42331e}.principal .manuscript:nth-child(2) .book h3,.blue-book .book h3{color:#f5e7c7}.principal .manuscript:nth-child(3) .book h3{color:#2d3030}.book:hover h3{font-style:italic}.book-description{font-size:18px;line-height:1.45;max-width:255px;margin:15px auto 0;color:#5e4d38}.companion{margin-top:80px;gap:42px}.companion .manuscript{width:205px}.companion .book{max-width:205px}.companion .book h3{font-size:18px}.companion .book-description{font-size:16px;line-height:1.5}.library-note{max-width:840px;margin:45px auto 0;font:italic 16px/1.6 var(--body);color:var(--muted);text-align:center}.margin-essays{display:grid;grid-template-columns:.7fr 1.1fr 1.1fr;column-gap:50px;margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}.margin-essays h3{font:23px/1.5 var(--small);max-width:170px}.margin-essays a{font-size:23px;line-height:1.4;display:block}.margin-essays p{font-size:17px;color:var(--muted)}
/* The field journal is read across the page, like three entries in a travel book. */
.journal-opening{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:65px;margin-bottom:50px}.journal-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.entry-date{font-size:16px;font-style:italic;color:var(--muted);margin:0 0 12px}.journal-entries h3{font-size:25px}.journal-entries p:not(.entry-date){font-size:18px}.source-note{display:block;font-size:16px;font-style:italic;color:var(--brown);margin-top:16px}.journal-quotation{max-width:800px;margin:65px auto 0;text-align:center}.journal-quotation>p:first-child{font-size:16px;color:var(--muted)}.journal-quotation blockquote{font:italic 25px/1.5 var(--body);margin:18px 0 20px}.journal-quotation p{font-size:17px;color:var(--muted)}.journal-quotation strong{font-size:19px}.journal-quotation p a{font-size:16px}.sictic-entry{font-size:16px;font-style:italic;text-align:center;color:var(--muted);margin:35px auto 0;max-width:750px}
/* Correspondence: three physical sheets, each with an exact attribution. */
.letters-opening{display:grid;grid-template-columns:1.1fr .8fr;gap:85px;align-items:center;margin-bottom:55px}.letters-opening header{max-width:350px}.letters-opening header p{font-size:21px}.letters{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start}.letter{padding:28px 27px 25px;border:1px solid #b9a582;background:#f3e9d1 url('/assets/realm/parchment.webp') center/950px auto}.letter:nth-child(2){margin-top:24px}.letter:nth-child(3){margin-top:48px}.letter-context{display:block;font-size:15px;font-style:italic;color:var(--muted)}.letter blockquote{font:italic 23px/1.5 var(--body);margin:22px 0 25px}.letter figcaption{font-size:16px;line-height:1.5}.letter figcaption>span{display:flex;flex-direction:column}.letter figcaption strong{font-size:20px;margin-bottom:6px}.letter figcaption a{font-size:14px;font-style:italic;color:var(--brown);margin-top:14px}.private-note{font-size:14px;font-style:italic;color:var(--muted);max-width:720px;margin:27px auto 0;text-align:center}.advice{max-width:930px;margin:85px auto 0}.advice>h3{font:25px/1.5 var(--title)}.advice>p{max-width:610px;font-size:19px}.advisors-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin-top:35px}.advisor h3{font-size:27px}.advisor>p{font-size:18px;margin-top:4px}.education{display:block;margin-top:18px;font-size:17px;font-style:italic;color:var(--muted)}.education span{display:block}.advisor-bottom{font-size:16px;margin-top:18px;color:var(--muted)}.advisor-bottom>span{display:block;font-style:italic}.advisor-bottom a{display:block;margin-top:10px;font-size:15px}
/* The landing page carries a short reading index; the annotated source folio stays one click away. */
.reading-opening{display:flex;justify-content:space-between;align-items:baseline;gap:35px;margin-bottom:40px}.reading-opening p{font:italic 20px/1.4 var(--body);color:var(--muted)}.reading-index{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 50px}.reading-author{font-size:14px;font-style:italic;color:var(--muted);margin:0 0 10px}.reading-index h3{font-size:22px;line-height:1.4}.bibliography-link{font-size:19px;font-style:italic;color:var(--brown);margin-top:35px}.dedication{display:flex;gap:35px;align-items:center;max-width:860px;padding:25px 0 35px}.portrait{width:144px;height:180px;flex-shrink:0;object-fit:cover;border:1px solid #9a7a54}.dedication h2{font:italic 25px/1.5 var(--body)}.dedication p{font-size:19px;line-height:1.6}.dedication .signature{font:italic 16px/1.5 var(--body);color:var(--muted);margin-top:13px}.farewell{text-align:center;padding:30px 0 30px}.chapter-divider{width:300px;margin:0 auto 25px}.farewell h2{font-size:28px}.farewell>p{font-size:18px;color:var(--muted)}.address{display:block;font-size:25px;font-style:italic;color:var(--brown);margin:18px 0 35px}.farewell nav{display:flex;gap:27px;justify-content:center;flex-wrap:wrap;font:17px/1.5 var(--small)}.colophon{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-top:40px!important;font-size:14px!important;color:var(--muted)}
@media(max-width:1050px){
.wrap{width:calc(100% - 64px)}.realm-intro{top:5%;left:38%;width:46%}.prelude{font-size:17px}.realm-intro h1{font-size:28px}.realm-purpose{font-size:17px;max-width:320px;margin-top:10px}.enter-study span{font-size:15px}.object span{font-size:15px}.atelier-world{margin-bottom:70px}.atelier-stage h2{font-size:23px}.atlas-opening,.journal-opening{gap:35px;grid-template-columns:.8fr 1.2fr}.atlas-opening header{padding-bottom:15px}.chapter-subtitle{font-size:20px}.atlas-folio{padding-left:0;margin-bottom:70px}.atlas-folio .expedition-copy{grid-template-columns:1fr 230px;column-gap:35px}.orbital-folio{width:420px;margin-top:-145px;padding:25px 30px 20px 0}.library-opening{gap:35px;grid-template-columns:.8fr 1.2fr;margin-bottom:60px}.bookshelf{gap:30px}.principal .manuscript{width:220px}.book h3{font-size:19px}.book-description{font-size:17px}.companion{gap:20px;margin-top:60px}.companion .manuscript{width:calc(25% - 15px)}.companion .book h3{font-size:16px}.companion .book-description{font-size:15px}.margin-essays{gap:28px}.margin-essays a{font-size:21px}.journal-entries{gap:30px}.journal-entries h3{font-size:23px}.letters-opening{gap:45px}.letters{gap:20px}.letter{padding:20px 19px}.letter blockquote{font-size:21px}.advisors-grid{gap:50px}.reading-opening{display:block}.reading-index{gap:30px}.reading-index h3{font-size:21px}
}
@media(min-width:701px) and (max-width:900px){
.atelier-stage{aspect-ratio:948/1659}.atelier-stage h2{top:5%;left:26%;width:25%;font-size:28px;line-height:1.4}.object .long-name{display:none}.object .short-name{display:block}.object span{font:23px/1.3 var(--body);text-shadow:none;color:#4b3624}.object-atlas{left:1%;top:51%;width:58%;height:19%}.object-atlas span{left:80%;bottom:13%;transform:translateX(-50%)}.object-books{left:16%;top:22%;width:23%;height:11%}.object-books span{top:auto;left:27%;bottom:1%;transform:translateX(-50%);text-align:center}.object-journal{left:49%;top:71%;width:47%;height:15%}.object-journal span{left:71%;bottom:5%}.object-letters{left:61%;top:49%;width:36%;height:8%}.object-letters span{left:19.4%;right:auto;bottom:45%;transform:translateX(-50%) rotate(8deg)}
}
@media(max-width:700px){
body{font-size:18px}.wrap{width:calc(100% - 40px)}h2{font-size:25px}.realm{aspect-ratio:941/1672}.realm-intro{top:6%;left:7%;width:86%}.prelude{font-size:18px}.realm-intro h1{font-size:29px}.realm-purpose{font-size:18px;max-width:270px;margin-top:14px}.enter-study{left:2%;top:58%;width:43%;height:27%}.enter-study span{font-size:15px;bottom:0}.atelier-world{margin-bottom:60px}.atelier-stage{aspect-ratio:948/1659}.atelier-stage h2{top:5%;left:24%;width:29%;font-size:15px;line-height:1.4}.object .long-name{display:none}.object .short-name{display:block}.object span{font:16px/1.3 var(--body);text-shadow:none;color:#4b3624}.object-atlas{left:1%;top:51%;width:58%;height:19%}.object-atlas span{left:80%;bottom:13%;transform:translateX(-50%);font-size:13px}.object-books{left:16%;top:22%;width:23%;height:11%}.object-books span{top:auto;left:27%;bottom:0;font-size:12px;line-height:1;transform:translateX(-50%);white-space:normal;text-align:center;width:40px}.object-journal{left:49%;top:71%;width:47%;height:15%}.object-journal span{left:71%;bottom:5%;font-size:13px}.object-letters{left:61%;top:49%;width:36%;height:8%}.object-letters span{left:19.4%;right:auto;bottom:45%;font-size:13px;transform:translateX(-50%) rotate(8deg)}.atelier-caption{font-size:15px;padding:0 20px;margin-top:15px}.chapter{padding-bottom:65px;padding-top:0}.atlas-opening{display:flex;flex-direction:column;align-items:stretch;gap:25px}.atlas-opening header{padding:0 6px;max-width:320px}.chapter-subtitle{font-size:21px;margin-top:11px}.atlas-opening .framed{margin-left:8%;width:92%}.atlas-folio{margin:30px 0 55px;padding:0 6px}.atlas-folio .expedition-copy{display:block}.atlas-folio .expedition-copy h3{font-size:23px}.atlas-folio .expedition-copy p{font-size:18px}.atlas-folio .map-proof{display:block;margin:25px 0 0 auto;max-width:240px}.margin-note{font-size:16px;max-width:270px}.orbital-vista{padding-bottom:0}.orbital-painting{width:100%;margin:0}.orbital-folio{width:100%;margin-top:25px;padding:0 6px;border:0}.orbital-folio h3{font-size:24px}.orbital-folio p{font-size:18px}.folio-links{font-size:18px;gap:16px 25px}.library-opening{display:flex;flex-direction:column;gap:30px;margin-bottom:45px;align-items:stretch}.library-opening header{max-width:340px;padding:0 6px}.library-opening header>p{font-size:20px}.library-opening header>.quiet{font-size:16px}.library-opening .framed{width:92%;margin-left:8%}.bookshelf.principal{display:grid;grid-template-columns:1fr 1fr;gap:35px 16px}.principal .manuscript{width:100%;max-width:210px}.principal .manuscript:nth-child(2){margin-top:0}.principal .manuscript:nth-child(3){grid-column:1/span 2;width:calc(50% - 8px);margin-inline:auto}.book h3{font-size:18px}.book-description{font-size:16px;line-height:1.5;max-width:180px;padding:0 4px}.bookshelf.companion{display:grid;grid-template-columns:1fr 1fr;gap:35px 16px;margin-top:45px}.companion .manuscript{width:100%;max-width:210px}.companion .book h3{font-size:17px}.companion .book-description{font-size:15px}.library-note{font-size:15px;margin-top:30px;padding:0 6px}.margin-essays{display:block;margin-top:45px;padding:25px 6px 0}.margin-essays h3{font-size:22px;max-width:none;margin-bottom:28px}.margin-essays>div{margin-top:25px}.margin-essays a{font-size:22px}.margin-essays p{font-size:17px;margin-top:10px}.journal-opening{display:flex;flex-direction:column;gap:25px;align-items:stretch;margin-bottom:35px}.journal-opening header{padding:0 6px;max-width:310px}.journal-opening .framed{width:92%;margin-left:8%}.journal-entries{display:block;padding:0 6px}.journal-entries article+article{margin-top:36px}.journal-entries h3{font-size:24px}.entry-date{margin-bottom:7px}.journal-entries p:not(.entry-date){font-size:18px;margin-top:11px}.source-note{font-size:16px;margin-top:12px}.journal-quotation{margin-top:45px;padding:0 7px}.journal-quotation blockquote{font-size:22px}.journal-quotation>p:first-child{font-size:15px}.journal-quotation p{font-size:16px}.sictic-entry{font-size:15px;padding:0 7px}.letters-opening{display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;margin-bottom:35px}.letters-opening header{padding:0 6px}.letters-opening header p{font-size:20px}.letters-opening .framed{width:92%;margin-left:8%}.letters{display:block;padding:0 6px}.letter{padding:25px 25px 24px;max-width:410px;margin-inline:auto}.letter:nth-child(2),.letter:nth-child(3){margin-top:25px}.letter blockquote{font-size:23px}.private-note{font-size:14px;padding:0 10px}.advice{margin-top:55px;padding:0 6px}.advice>h3{font-size:23px}.advice>p{font-size:18px}.advisors-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.advisor h3{font-size:25px}.reading-opening{padding:0 6px;margin-bottom:30px}.reading-opening p{font-size:19px}.reading-index{grid-template-columns:1fr 1fr;gap:30px 24px;padding:0 6px}.reading-author{font-size:13px;line-height:1.5}.reading-index h3{font-size:19px;line-height:1.4}.bibliography-link{font-size:18px;padding:0 6px}.dedication{align-items:flex-start;gap:22px;padding:0 6px 25px}.portrait{width:84px;height:105px;margin-top:5px}.dedication h2{font-size:23px}.dedication p{font-size:18px}.dedication .signature{font-size:15px}.farewell{padding:25px 0 25px}.chapter-divider{width:230px;margin-bottom:20px}.farewell h2{font-size:25px}.farewell>p{font-size:17px}.address{font-size:23px;margin:15px 0 30px}.farewell nav{gap:12px 24px;font-size:16px}.colophon{gap:12px 22px;font-size:14px!important;margin-top:30px!important}
}
@media(max-width:370px){.book h3{font-size:16px}.companion .book h3{font-size:15px}.realm-intro h1{font-size:27px}.object span{font-size:12px}.object-books span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}