@font-face{font-family:"AEON YuanLongHei";src:url("./fonts/HY_YuanLongHei_45W.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"AEON YuanLongHei";src:url("./fonts/HY_YuanLongHei_75W.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"AEON XuanSong";src:url("./fonts/HY_XuanSong_45S.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"AEON XuanSong";src:url("./fonts/HY_XuanSong_65S.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"AEON Söhne";src:url("./fonts/Soehne_Buch.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--canvas:#eceef2;--paper:#fff;--ink:#15181d;--soft:#515863;--faint:#7a828e;--line:#d7dbe1;--line-dark:#aeb4bd;--black:#171a20;--signal:#315ee7;--font-ui:"AEON YuanLongHei","PingFang SC","Microsoft YaHei",sans-serif;--font-copy:"AEON XuanSong","Songti SC","STSong",serif;--font-latin:"AEON Söhne",sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
h1,h2,h3,p{margin:0}
.journal-header{display:grid;height:72px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(28px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}
.journal-brand{display:flex;width:118px;align-items:center}
.journal-brand img{display:block;width:118px}
.journal-header>span{font-family:var(--font-latin);font-size:12px;letter-spacing:.02em}
.journal-header nav{display:flex;justify-self:end;gap:24px}
.journal-header nav a{color:var(--soft);font-size:12px;text-decoration:none}
.journal-header nav a:hover,.journal-header nav a[aria-current=page]{color:var(--ink)}
.journal-index{width:min(1120px,calc(100% - 56px));margin:0 auto;padding:88px 0 120px}
.journal-intro{display:flex;align-items:end;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--ink)}
.journal-intro h1{font-family:var(--font-latin);font-size:24px;font-weight:400;letter-spacing:-.02em}
.journal-intro p{color:var(--faint);font-size:12px}
.featured-story{padding:48px 0 72px;border-bottom:1px solid var(--line)}
.story-meta,.article-meta{display:flex;gap:16px;color:var(--faint);font-size:11px}
.story-meta span,.article-meta span:first-child{color:var(--ink);font-weight:600}
.featured-story>a{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:80px;margin-top:34px;text-decoration:none}
.featured-story h2{max-width:13ch;font-size:58px;font-weight:600;line-height:1.08;letter-spacing:-.035em}
.featured-story p{align-self:end;color:var(--soft);font-family:var(--font-copy);font-size:18px;line-height:1.85}
.story-action{grid-column:2;display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding-top:18px;border-top:1px solid var(--ink);font-size:12px;font-weight:600}
.story-action i,.article-end i{font-family:var(--font-latin);font-size:18px;font-style:normal}
.story-archive{padding-top:68px}
.story-archive>h2{margin-bottom:18px;font-size:14px}
.archive-row{position:relative;display:grid;grid-template-columns:180px minmax(240px,.8fr) minmax(260px,1fr) 24px;gap:24px;align-items:start;padding:28px 0;border-top:1px solid var(--line);text-decoration:none}
.archive-row>div{display:flex;gap:12px;color:var(--faint);font-size:10px}
.archive-row h3{font-size:20px}
.archive-row p{color:var(--soft);font-family:var(--font-copy);line-height:1.7}
.archive-row>i{font-family:var(--font-latin);font-style:normal}
.article-page{width:min(1000px,calc(100% - 48px));margin:0 auto;padding:92px 0 120px}
.preview-notice{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--black);color:#fff;font-size:11px}.preview-notice span{color:#b9bec7}
.article-page>article{background:var(--paper)}
.article-head{padding:74px 84px 68px}
.article-head h1{max-width:14ch;margin-top:28px;font-size:64px;font-weight:600;line-height:1.08;letter-spacing:-.035em}
.article-head>p{max-width:34em;margin-top:34px;color:var(--soft);font-family:var(--font-copy);font-size:19px;line-height:1.85}
.article-rule{display:flex;height:92px;align-items:center;padding:0 84px;background:var(--black)}
.article-rule i{display:block;height:1px;background:#fff}
.article-rule i:nth-child(1){width:20%}.article-rule i:nth-child(2){width:32%;margin-left:4%;opacity:.56}.article-rule i:nth-child(3){width:40%;margin-left:4%;opacity:.24}
.article-body{max-width:720px;margin:0 auto;padding:86px 24px 100px;font-family:var(--font-copy);font-size:18px;line-height:2}
.article-body p+p{margin-top:1.4em}
.article-body h2{margin:3.4em 0 1em;font-family:var(--font-ui);font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.article-body ul{margin:1.8em 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.article-body li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line)}
.article-body li:before{content:"";position:absolute;top:26px;left:2px;width:6px;height:6px;border-radius:50%;background:var(--ink)}
.article-body blockquote{margin:2.2em 0;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:22px;line-height:1.7}
.article-figure{width:min(900px,calc(100vw - 80px));margin:82px 50%;transform:translateX(-50%);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--font-ui);line-height:1.5}
.article-figure figcaption{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px 30px;padding:25px 0 30px;border-bottom:1px solid var(--line)}
.article-figure figcaption>span{grid-row:1/3;color:var(--faint);font-family:var(--font-latin);font-size:10px;letter-spacing:.08em}
.article-figure figcaption>strong{font-size:22px;font-weight:600;letter-spacing:-.02em}
.article-figure figcaption>p{color:var(--soft);font-family:var(--font-copy);font-size:15px;line-height:1.7}
.figure-switcher{display:inline-flex;gap:3px;padding:3px;background:var(--canvas)}
.figure-switcher button{min-width:76px;height:36px;padding:0 16px;border:0;background:transparent;color:var(--soft);font:600 12px/1 var(--font-ui);cursor:pointer}
.figure-switcher button:hover{color:var(--ink)}
.figure-switcher button.is-active{background:var(--black);color:#fff}
.figure-switcher button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.question-map-stage{display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(280px,.9fr);min-height:390px;border-bottom:1px solid var(--line)}
.question-map-orbit{position:relative;min-height:390px;border-right:1px solid var(--line);overflow:hidden}
.question-map-orbit:before,.question-map-orbit:after{content:"";position:absolute;inset:50% auto auto 50%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}
.question-map-orbit:before{width:250px;height:250px}.question-map-orbit:after{width:130px;height:130px}
.map-core,.map-point{position:absolute;z-index:2;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:600 12px/1 var(--font-ui)}
.map-core{top:50%;left:50%;width:94px;height:94px;border:1px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%)}
.map-point{width:60px;height:30px;padding:0;border:1px solid var(--line-dark);cursor:pointer;transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease}
.map-point.is-active{border-color:var(--black);background:var(--black);color:#fff}
.map-point:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.map-point[data-map-point=facts]{top:36px;left:50%;transform:translateX(-50%)}
.map-point[data-map-point=people]{top:50%;right:34px;transform:translateY(-50%)}
.map-point[data-map-point=time]{bottom:36px;left:50%;transform:translateX(-50%)}
.map-point[data-map-point=choice]{top:50%;left:34px;transform:translateY(-50%)}
.map-axis{position:absolute;z-index:1;display:block;background:var(--line-dark);transform-origin:0 50%}
.map-axis-facts,.map-axis-time{left:50%;width:1px;height:93px}.map-axis-facts{top:65px}.map-axis-time{bottom:65px}
.map-axis-people,.map-axis-choice{top:50%;width:93px;height:1px}.map-axis-people{right:64px}.map-axis-choice{left:64px}
.question-map-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:50px}
.question-map-copy>span{color:var(--faint);font-family:var(--font-latin);font-size:10px;letter-spacing:.08em}
.question-map-copy>strong{max-width:10em;margin-top:22px;font-size:26px;line-height:1.35;letter-spacing:-.025em}
.question-map-copy>p{margin-top:18px;color:var(--soft);font-family:var(--font-copy);font-size:16px;line-height:1.8}
.question-map>.figure-switcher{margin:18px 0}
.world-scale-readout{display:grid;grid-template-columns:180px 220px minmax(0,1fr);align-items:end;padding:40px 0 34px;border-bottom:1px solid var(--line)}
.world-scale-readout>div{display:grid;gap:8px}.world-scale-readout span{color:var(--faint);font-size:11px}.world-scale-readout strong{font-family:var(--font-latin);font-size:58px;font-weight:400;line-height:1}
.world-scale-readout>p{justify-self:end;padding-bottom:6px;color:var(--soft);font-family:var(--font-copy);font-size:16px}
.world-tracks{display:grid;gap:0;padding:14px 0;border-bottom:1px solid var(--line)}
.world-track{display:grid;min-height:53px;grid-template-columns:90px minmax(80px,1fr) 18px;gap:12px;align-items:center;padding:0 4px;border-bottom:1px solid #e7e9ed}
.world-track:after{content:"→";color:var(--faint);font-family:var(--font-latin);font-size:12px}
.world-track:last-child{border-bottom:0}.world-track>span{color:var(--faint);font-family:var(--font-latin);font-size:9px;letter-spacing:.06em}
.world-track>i{display:block;height:1px;background:var(--line-dark)}
.world-scale-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.world-scale-footer small{color:var(--faint);font-family:var(--font-copy);font-size:12px}
.article-end{display:flex;align-items:end;justify-content:space-between;margin:0 84px;padding:32px 0 70px;border-top:1px solid var(--line)}
.article-end>div{display:grid;gap:7px}.article-end span{color:var(--faint);font-size:10px}.article-end strong{font-size:13px}
.article-end>a{display:flex;min-width:180px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--ink);font-size:12px;font-weight:600;text-decoration:none}
.journal-footer{display:flex;min-height:72px;align-items:center;gap:22px;padding:0 max(28px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);color:var(--faint);font-size:10px}
.journal-footer a{text-decoration:none}.journal-footer a:hover{color:var(--ink)}
.journal-missing{display:grid;min-height:calc(100vh - 72px);place-content:center;justify-items:start}.journal-missing p{color:var(--faint);font-family:var(--font-latin);font-size:12px}.journal-missing h1{margin:14px 0 34px;font-size:40px}.journal-missing a{padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:12px;text-decoration:none}
@media(max-width:760px){
 .journal-header{height:62px;grid-template-columns:1fr auto;padding:0 18px}.journal-header>span{display:none}.journal-header nav{gap:16px}.journal-brand,.journal-brand img{width:102px}
 .journal-index{width:calc(100% - 36px);padding:48px 0 80px}.journal-intro{align-items:start}.journal-intro p{max-width:12ch;text-align:right}
 .featured-story{padding:34px 0 52px}.featured-story>a{grid-template-columns:1fr;gap:24px;margin-top:24px}.featured-story h2{font-size:39px}.featured-story p{font-size:17px}.story-action{grid-column:1}
 .archive-row{grid-template-columns:1fr 24px;gap:12px}.archive-row>div,.archive-row h3,.archive-row p{grid-column:1}.archive-row>i{grid-column:2;grid-row:1/4}
 .article-page{width:100%;padding:0}.article-head{padding:52px 22px 48px}.article-head h1{font-size:42px}.article-head>p{font-size:17px}.article-rule{height:64px;padding:0 22px}
 .article-body{padding:58px 22px 72px;font-size:17px;line-height:1.9}.article-body h2{margin-top:2.8em;font-size:24px}.article-end{margin:0 22px;padding-bottom:52px;align-items:start;gap:30px}
 .article-figure{width:calc(100vw - 32px);margin:62px 50%}.article-figure figcaption{grid-template-columns:1fr;padding:18px 0 22px;gap:7px}.article-figure figcaption>span{grid-row:auto}.article-figure figcaption>strong{font-size:20px}.article-figure figcaption>p{font-size:14px}
 .question-map-stage{grid-template-columns:1fr;min-height:0}.question-map-orbit{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.question-map-copy{min-height:220px;padding:32px 6px}.question-map-copy>strong{font-size:23px}.question-map>.figure-switcher{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.figure-switcher button{min-width:0;padding:0 8px}
 .world-scale-readout{grid-template-columns:1fr 1fr;padding:28px 0 25px}.world-scale-readout strong{font-size:46px}.world-scale-readout>p{grid-column:1/3;justify-self:start;margin-top:18px}.world-track{grid-template-columns:74px minmax(40px,1fr) 16px;gap:7px}.world-scale-footer{align-items:flex-start;flex-direction:column;gap:14px}.world-scale-footer .figure-switcher{width:100%}.world-scale-footer .figure-switcher button{flex:1}
 .journal-footer{min-height:88px;flex-wrap:wrap;gap:8px 18px;padding:20px 18px}
}
@media(prefers-reduced-motion:no-preference){.featured-story>a:hover h2,.archive-row:hover h3{opacity:.64;transition:opacity 160ms ease}}