:root{--paper:#EFE9DA;--ink:#1C3468;--oxide:#8A3B2A}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:"EB Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--ink)}
.page{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
@supports (min-height:100dvh){.page{min-height:100dvh}}
.ground{position:absolute;object-fit:cover;pointer-events:none;z-index:0;max-width:none}
.body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 96px 48px}
.mono{font-family:"IBM Plex Mono",monospace;font-weight:300;font-size:12px;letter-spacing:.3em;text-transform:uppercase}
h1{font-weight:400;font-size:64px;line-height:1.06;margin:0 0 36px}
h2{font-weight:400;font-size:30px;line-height:1.14;margin:18px 0 16px}
p{font-size:18px;line-height:1.85;text-align:justify;hyphens:auto;margin:0 0 22px}
.measure{width:100%;max-width:544px}
.cap::first-letter{float:left;font-size:68px;line-height:.94;margin:1px 12px 0 0}
.doors{width:100%;max-width:544px;display:flex;flex-direction:column;margin:0 0 48px}
.door{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-top:1px solid rgba(28,52,104,.35);text-decoration:none;transition:padding-left .3s ease}
.door:last-child{border-bottom:1px solid rgba(28,52,104,.35)}
.door:hover,.door:focus-visible{padding-left:14px}
.elsewhere{display:flex;flex-wrap:wrap;gap:36px}
.elsewhere a{text-decoration:none;display:inline-block;padding-bottom:4px;border-bottom:1px solid transparent;transition:transform .22s ease,border-color .22s ease,color .22s ease}
.elsewhere a:hover,.elsewhere a:focus-visible{transform:translateY(-3px);border-bottom-color:var(--oxide);color:var(--oxide)}
.folio{position:relative;flex:none;height:64px;z-index:3;display:flex;align-items:center;justify-content:center;gap:30px}
.folio a{text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:transform .22s ease,border-color .22s ease,color .22s ease}
.folio a:hover,.folio a:focus-visible,.folio a[aria-current]{border-bottom-color:var(--oxide);color:var(--oxide)}
.folio a:hover,.folio a:focus-visible{transform:translateY(-2px)}
.map{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start}
.map-main{min-width:0}
.map-main h1{margin-bottom:36px}
#globe{width:100%;max-width:400px;height:auto;aspect-ratio:1;touch-action:none;cursor:grab}
#globe.over-mark{cursor:pointer}
#globe.dragging{cursor:grabbing}
.panel{position:relative;min-height:440px}
.index-head{display:block;padding-bottom:14px;border-bottom:1px solid rgba(28,52,104,.35)}
.index{max-height:440px;overflow-y:auto}
.index a{display:block;padding:11px 0;border-bottom:1px solid rgba(28,52,104,.14);font-size:18px;text-decoration:none;transition:padding-left .25s ease}
.index a:hover,.index a:focus-visible{padding-left:10px}
.index a[aria-current]{color:var(--oxide);padding-left:10px}
.detail{position:absolute;inset:0;background:var(--paper);display:flex;flex-direction:column}
.detail[hidden]{display:none}
.detail-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid rgba(28,52,104,.35)}
.detail-head a{text-decoration:none;border-bottom:1px solid var(--ink)}
.detail .folio{display:none}
.plates{display:grid;grid-template-columns:1fr 1fr;gap:14px;overflow-y:auto;align-content:start}
.plates[data-count="1"]{grid-template-columns:1fr}
.plates[data-count="3"] img:first-child{grid-column:1 / -1;aspect-ratio:2}
.plates img{width:100%;aspect-ratio:1;object-fit:cover;background:rgba(28,52,104,.08)}
.posts{width:100%;max-width:640px;display:flex;flex-direction:column}
.post-row{display:grid;grid-template-columns:1fr auto;gap:24px;padding:20px 0;border-top:1px solid rgba(28,52,104,.35);text-decoration:none;transition:padding-left .25s ease}
.post-row:last-child{border-bottom:1px solid rgba(28,52,104,.35)}
.post-row:hover,.post-row:focus-visible{padding-left:12px}
.post-row .title{display:block;font-weight:500;font-size:30px;line-height:1.14;margin-bottom:8px}
.post-row .stand{display:block;font-style:italic;font-size:18px;line-height:1.85}
.post-row .date{text-align:right;padding-top:10px}
.top{display:block;margin-bottom:22px}
.article h1{max-width:640px;text-wrap:balance}
.g-home{left:52%;right:-32%;top:-24%;bottom:-30%;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 58% 64% at 52% 50%,#000 8%,rgba(0,0,0,.55) 48%,transparent 88%);mask-image:radial-gradient(ellipse 58% 64% at 52% 50%,#000 8%,rgba(0,0,0,.55) 48%,transparent 88%)}
.g-map{left:-26%;right:46%;top:-22%;bottom:-30%;opacity:.42;-webkit-mask-image:radial-gradient(ellipse 58% 62% at 40% 54%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%);mask-image:radial-gradient(ellipse 58% 62% at 40% 54%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%)}
.g-blog{left:56%;right:-28%;top:4%;bottom:-42%;opacity:.46;-webkit-mask-image:radial-gradient(ellipse 58% 60% at 52% 48%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%);mask-image:radial-gradient(ellipse 58% 60% at 52% 48%,#000 8%,rgba(0,0,0,.5) 48%,transparent 88%)}
.g-post{left:58%;right:-30%;top:-20%;bottom:14%;opacity:.38;-webkit-mask-image:radial-gradient(ellipse 56% 58% at 50% 54%,#000 8%,rgba(0,0,0,.45) 48%,transparent 88%);mask-image:radial-gradient(ellipse 56% 58% at 50% 54%,#000 8%,rgba(0,0,0,.45) 48%,transparent 88%)}
@media (max-width:820px){
 .body{padding:40px 30px 32px;justify-content:flex-start}
 h1{font-size:40px;margin-bottom:26px}
 .cap::first-letter{font-size:60px;margin-right:10px}
 .map{grid-template-columns:1fr;gap:28px}
 .panel{min-height:0}
 .detail{position:fixed;inset:0;z-index:5;padding:40px 30px 96px;overflow-y:auto}
 .plates{grid-template-columns:1fr;overflow:visible}
 .plates[data-count="3"] img:first-child{grid-column:auto;aspect-ratio:1}
 .detail .folio{display:flex;position:static;height:auto;padding:34px 0 12px;margin-top:8px}
 body.detail-open > .page > .folio{display:none}
 .elsewhere{gap:22px}
 .post-row{grid-template-columns:1fr;gap:8px}
 .post-row .date{text-align:left;padding-top:0;order:-1}
 .post-row .title{font-size:26px}
 .g-home{left:38%;right:-58%;top:48%;bottom:-30%;opacity:.62;-webkit-mask-image:radial-gradient(ellipse 60% 56% at 42% 40%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%);mask-image:radial-gradient(ellipse 60% 56% at 42% 40%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%)}
 .g-map{left:-56%;right:42%;top:52%;bottom:-32%;opacity:.56;-webkit-mask-image:radial-gradient(ellipse 58% 56% at 62% 42%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%);mask-image:radial-gradient(ellipse 58% 56% at 62% 42%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%)}
 .g-blog{left:34%;right:-60%;top:-18%;bottom:58%;opacity:.6;-webkit-mask-image:radial-gradient(ellipse 58% 58% at 44% 62%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%);mask-image:radial-gradient(ellipse 58% 58% at 44% 62%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%)}
 .g-post{left:-58%;right:38%;top:58%;bottom:-32%;opacity:.52;-webkit-mask-image:radial-gradient(ellipse 58% 54% at 64% 38%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%);mask-image:radial-gradient(ellipse 58% 54% at 64% 38%,#000 6%,rgba(0,0,0,.5) 44%,transparent 86%)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.empty{font-style:italic;font-size:18px;line-height:1.85;margin:0}