:root{--paper:#f6f2e9;--ink:#1d211f;--blue:#31547b;--orange:#c65a3a;--line:#1d211f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:.08em;font:700 12px/1 Arial}.brand span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:9px;font-family:serif;font-size:17px;display:inline-grid}.nav nav{gap:34px;font-size:12px;display:flex}.nav nav a:hover{text-underline-offset:5px;text-decoration:underline}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 70px);padding:6vh 5vw 5vh;display:flex;position:relative;overflow:hidden}.kicker{letter-spacing:.2em;font:700 10px/1.4 Arial}.hero h1{z-index:2;letter-spacing:-.045em;max-width:1120px;margin:5vh 0 4vh;font-family:Georgia,Songti SC,serif;font-size:clamp(48px,6.6vw,96px);font-weight:400;line-height:1.03;position:relative}.hero h1 span{white-space:nowrap;font-style:normal;position:relative}.hero h1 span:after{content:"";background:var(--blue);z-index:-1;opacity:.55;height:.09em;position:absolute;bottom:.02em;left:2%;right:0}.hero h1 em{color:var(--blue);font-style:normal}.hero-bottom{z-index:2;justify-content:space-between;align-items:flex-end;padding-left:42%;display:flex;position:relative}.hero-bottom p{margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(15px,1.25vw,19px);line-height:1.7}.hero-bottom a{background:var(--ink);color:var(--paper);justify-content:space-between;min-width:158px;padding:15px 19px;font-size:12px;font-weight:700;display:flex}.margin-note{letter-spacing:.08em;writing-mode:vertical-rl;font:10px/1.7 Arial;position:absolute;top:21%;right:5vw}.orbit{aspect-ratio:1;border:1px solid var(--line);opacity:.62;border-radius:50%;width:27vw;position:absolute;top:17%;right:7vw;transform:rotate(-12deg)}.orbit i{border:1px solid var(--line);border-radius:50%;position:absolute;inset:15%;transform:rotate(58deg)scaleX(.35)}.orbit i:nth-child(2){transform:rotate(118deg)scaleX(.35)}.orbit i:nth-child(3){transform:rotate(178deg)scaleX(.35)}.orbit b{color:var(--orange);font:italic 30px Georgia;position:absolute;top:47%;left:48%}.manifesto{color:var(--paper);letter-spacing:-.035em;background:#36516d;padding:9vh 5vw;font-family:Georgia,Songti SC,serif;font-size:clamp(30px,4.5vw,64px);line-height:1.2}.manifesto p{margin:0}.manifesto p:last-child{text-indent:11vw}.manifesto span{color:#e7a08b;font-style:normal}.chapters,.index,.about{padding:11vh 5vw}.section-title{grid-template-columns:54px 1fr 340px;align-items:start;gap:22px;margin-bottom:7vh;display:grid}.section-title>span{color:var(--orange);font:italic 29px Georgia}.section-title p{margin:0;font-size:12px;line-height:1.75}.section-title div p{letter-spacing:.2em;margin-bottom:12px;font:700 9px Arial}.section-title h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(30px,3.5vw,50px);font-weight:400}.chapter-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.chapter{text-align:left;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:500px;color:var(--ink);cursor:pointer;background:0 0;flex-direction:column;padding:25px;transition:all .2s;display:flex;overflow:hidden}.chapter-image{object-fit:cover;border-bottom:1px solid var(--ink);filter:saturate(.78)contrast(.96);width:calc(100% + 50px);height:190px;margin:-25px -25px 24px;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .25s;display:block}.chapter:hover{box-shadow:3px 3px 0 var(--ink);z-index:2;transform:translate(-3px,-3px)}.chapter:hover .chapter-image{filter:saturate(.95)contrast();transform:scale(1.025)}.chapter.blue:hover{background:var(--blue);color:#fff}.chapter.orange:hover{background:var(--orange);color:var(--paper)}.chapter.ink:hover{background:var(--ink);color:var(--paper)}.chapter-top{letter-spacing:.12em;grid-template-columns:1fr 1fr auto;font:10px Arial;display:grid}.chapter-top span{letter-spacing:0;font:italic 25px Georgia}.chapter-top b{font-size:21px}.chapter h3{margin:auto 0 16px;font-family:Georgia,Songti SC,serif;font-size:clamp(24px,2.25vw,34px);font-weight:400;line-height:1.15}.chapter>p{max-width:390px;font-size:12px;line-height:1.75}.chapter>div:last-child{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.chapter em{border:1px solid;border-radius:20px;padding:5px 9px;font-size:9px;font-style:normal}.index{background:var(--ink);color:var(--paper)}.section-title.light>span{color:var(--orange)}.index-tools{border-bottom:1px solid #ffffff38;grid-template-columns:1fr 340px;gap:30px;padding-bottom:28px;display:grid}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:30px;padding:7px 11px;font-size:10px}.filters button.on,.filters button:hover{background:var(--paper);color:var(--ink)}.index-tools label{border-bottom:1px solid;align-items:center;gap:10px;display:flex}.index-tools input{width:100%;color:inherit;background:0 0;border:0;outline:0;padding:10px 0;font-size:12px}.answer-list article{border-bottom:1px solid #ffffff29;grid-template-columns:54px minmax(0,1fr) 48px;align-items:start;gap:20px;padding:25px 0;display:grid}.answer-no{color:var(--orange);font:italic 18px Georgia}.answer-meta{gap:9px;margin-bottom:8px;display:flex}.answer-meta span,.answer-meta i{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff47;padding:4px 7px;font:9px Arial}.answer-meta i.verified{background:var(--blue);border-color:var(--blue)}.answer-main h3{margin:0 0 9px;font-family:Georgia,Songti SC,serif;font-size:clamp(19px,1.75vw,26px);font-weight:400}.answer-main h3 a{text-underline-offset:5px;text-decoration-thickness:1px}.answer-main h3 a:hover,.answer-main h3 a:focus-visible{color:#d5c3a8;text-decoration:underline}.answer-main p{color:#b8b7b1;max-width:780px;margin:0;font-size:12px;line-height:1.75}.answer-list article>a{border:1px solid #ffffff52;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.answer-list article>a:hover{background:var(--orange);color:var(--paper);border-color:var(--orange)}.empty{text-align:center;color:#aaa;padding:50px}.about{grid-template-columns:1fr 1fr;gap:12vw;display:grid}.about h2{letter-spacing:-.04em;margin:24px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.05}.about-copy{padding-top:42px}.about-copy p{font-family:Georgia,Songti SC,serif;font-size:16px;line-height:1.85}.about-copy a{border-bottom:1px solid;margin-top:24px;padding-bottom:5px;font-size:12px;font-weight:700;display:inline-block}footer{border-top:1px solid var(--ink);letter-spacing:.12em;justify-content:space-between;margin:0 5vw;padding:23px 0;font:9px Arial;display:flex}@media (max-width:900px){.nav nav{display:none}.hero{min-height:720px}.hero h1{font-size:clamp(46px,9vw,72px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:30px;padding-left:0}.margin-note{display:none}.orbit{width:55vw;top:28%;right:-10vw}.section-title{grid-template-columns:42px 1fr}.section-title>p{grid-column:2}.chapter-grid{grid-template-columns:1fr 1fr}.chapter{min-height:480px}.index-tools{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:20px}}@media (max-width:560px){.nav{padding:0 20px}.hero,.chapters,.index,.about{padding-left:20px;padding-right:20px}.hero{min-height:680px;padding-top:38px}.hero h1{letter-spacing:-.035em;margin:36px 0;font-size:12.5vw;line-height:1.1}.hero h1 br{display:none}.hero h1 em{margin-top:.12em;display:block}.hero-bottom p{font-size:15px}.manifesto{padding:64px 20px;font-size:8.5vw}.manifesto p:last-child{text-indent:0;margin-top:8px}.chapter-grid{grid-template-columns:1fr}.chapter{min-height:470px}.chapter-image{height:210px}.section-title{margin-bottom:42px}.answer-list article{grid-template-columns:32px minmax(0,1fr)}.answer-list article>a{grid-column:2}.about-copy{padding-top:0}footer{flex-wrap:wrap;gap:12px;margin:0 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter,.chapter-image{transition:none}}
