:root{--paper:#eeece6;--ink:#28392c;--muted:#697066;--line:#c7cbbf;--serif:'Songti SC','Noto Serif CJK SC','STSong',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a8733d;outline-offset:6px}button{border:0;background:none}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#eeece6;position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:16px}.wordmark>span{font-family:var(--serif);font-size:30px;letter-spacing:.16em}.wordmark small{font-size:10px;letter-spacing:.18em;width:40px;line-height:1.5}nav{display:flex;gap:42px;font-size:13px}.header-note{font-size:11px;letter-spacing:.15em}.skip{position:fixed;top:-70px;z-index:99;background:var(--paper);padding:15px}.skip:focus{top:0}.hero{position:relative;height:calc(100svh - 92px);min-height:620px;max-height:1050px;background:#c7c3b9;isolation:isolate;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 52%;position:absolute;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e0dbd041,transparent 58%)}.hero-copy{position:absolute;left:7%;top:12%}.chapter-mark,.section-heading,.play-heading>span,.archive-copy>span{font-size:11px;letter-spacing:.13em}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(64px,7.3vw,118px);font-weight:400;line-height:1.13;letter-spacing:.05em;margin:26px 0 30px}.hero-copy>p{font-size:17px;line-height:1.9;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:12px 0;border-bottom:1px solid currentColor;font-size:13px}.text-link span{font-size:20px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-3px)}.hero-foot{position:absolute;bottom:26px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em}.section-pad{padding:85px 7% 100px}.section-heading{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.chapter-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 0}.chapter-intro h2,.archive h2{font-family:var(--serif);font-size:clamp(34px,3.6vw,58px);line-height:1.5;font-weight:400;letter-spacing:.04em}.chapter-intro p,.archive p,.belief-copy p{font-size:14px;line-height:2.15}.chapter-intro p+p{color:var(--muted);margin-top:22px}.detail-image{padding:0;position:relative;width:100%;display:block;height:560px;overflow:hidden;text-align:left;background:#c1b8a8}.detail-image img{width:100%;height:100%;object-fit:cover;object-position:80% 55%;transition:transform 1.2s}.detail-image:hover img{transform:scale(1.04)}.detail-image>span{position:absolute;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#273026}.detail-image i{font-style:normal;font-size:24px}.caption{font-size:10px;color:var(--muted);line-height:1.8;margin:13px 0}.encounter{background:#242d27;color:#e8e4da;position:relative;min-height:890px;overflow:hidden;padding:65px 7% 42px}.play-heading{text-align:center;position:relative;z-index:2}.play-heading h2{font:400 clamp(30px,3vw,48px)/1.4 var(--serif);margin:24px 0 16px}.play-heading p{font-size:12px;color:#d0d2c7}#object-stage{height:460px;max-width:1050px;margin:auto;position:relative}#object-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}#stage-fallback{position:absolute;inset:40% 15%;text-align:center;font-size:13px}.play-controls{max-width:460px;margin:0 auto;position:relative}.distance-label{display:flex;align-items:center;gap:25px;font-size:12px}.distance-label input{width:100%;accent-color:#d2c6a9;cursor:ew-resize}.play-actions{display:flex;justify-content:space-between;margin-top:25px}.play-actions button{font-size:12px;border-bottom:1px solid #7e867a;padding:8px 0}.play-controls>p{font-size:12px;text-align:center;color:#c0c6b9;margin:22px 0 0}.play-credit{font-size:10px;display:block;text-align:right;margin-top:32px;color:#bdc4b6}.belief{background:#e6e9df}.belief-main{position:relative;padding:65px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:40px 10%}.small-lead{grid-column:1/3;font-size:15px;line-height:2}.belief-main h2{font:400 clamp(46px,5.7vw,86px)/1.3 var(--serif);letter-spacing:.04em;margin-bottom:0}.belief-copy{padding-top:6px}.belief-copy p+p{margin-top:28px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;border-top:1px solid var(--line);padding-top:35px}.principles article>span{font-size:12px;color:var(--muted)}.principles h3{font:400 24px var(--serif);margin:26px 0 16px}.principles p{font-size:12px;line-height:2;color:#5e6a5e}.archive{background:#080a08;color:#e7e3d4;display:grid;grid-template-columns:55% 45%;min-height:640px}.archive-photo{display:flex;align-items:center;overflow:hidden}.archive-photo img{width:100%;object-fit:contain}.archive-copy{padding:100px 12% 60px 5%}.archive-copy h2{margin-top:38px}.archive-copy p{color:#b8baaf}.archive-copy small{display:block;color:#a3a899;font-size:10px;margin-top:35px}.closing{text-align:center;padding-top:110px;padding-bottom:110px}.closing>p{font-size:11px;letter-spacing:.1em;color:var(--muted)}.closing h2{font:400 clamp(38px,4.5vw,68px)/1.45 var(--serif);margin:30px 0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 4%;border-top:1px solid var(--line)}footer p{font-size:12px;margin:0}footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:10px;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);border:0;padding:65px;width:min(860px,94vw);max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#0d170ecc;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:22px;top:20px;font-size:12px}dialog img{width:100%;margin:20px 0}dialog h2{font:400 40px/1.4 var(--serif);margin:20px 0}dialog p{font-size:14px;line-height:2}dialog .caption{font-size:11px}dialog>span{font-size:11px}#note{max-width:590px}#note label{display:block;font-size:13px;margin:25px 0 12px}textarea{display:block;background:transparent;border:1px solid #a5ac9d;padding:16px;width:100%;resize:vertical;color:inherit;line-height:1.8}.solid-button{padding:14px 22px;background:var(--ink);color:var(--paper);font-size:13px;margin-top:15px}#note-status{font-size:12px}body.modal-open{overflow:hidden}@media(min-width:1700px){.hero-copy{left:10%}}@media(max-width:760px){header{height:76px;padding:0 6%}.wordmark>span{font-size:25px}.wordmark{gap:10px}.wordmark small{font-size:8px}.header-note{display:none}nav{gap:22px;font-size:12px}.hero{height:810px;min-height:0;max-height:calc(100svh - 76px)}.hero-image{object-position:65% 50%}.hero:after{background:linear-gradient(180deg,#d5d1c6b0,transparent 75%)}.hero-copy{top:7%;left:7%}.hero-copy h1{font-size:56px;margin:18px 0 15px}.hero-copy>p{font-size:13px;margin-bottom:10px}.chapter-mark{font-size:9px}.hero-foot{font-size:8px;bottom:18px;gap:15px}.section-pad{padding:55px 7% 65px}.section-heading{font-size:9px;gap:20px}.chapter-intro{grid-template-columns:1fr;gap:25px;padding:38px 0}.chapter-intro h2{margin-bottom:0;font-size:35px}.chapter-intro p,.archive p,.belief-copy p{font-size:13px}.detail-image{height:420px}.detail-image img{object-position:70% 50%}.detail-image>span{left:20px;right:20px;font-size:10px}.encounter{min-height:790px;padding:50px 7% 30px}#object-stage{height:380px}.play-heading h2{font-size:30px}.play-credit{text-align:center}.belief-main{grid-template-columns:1fr;gap:25px;padding:40px 0}.small-lead{grid-column:auto;font-size:13px}.belief-main h2{font-size:51px}.principles{grid-template-columns:1fr;gap:25px}.principles article{display:grid;grid-template-columns:30px 1fr;gap:0 10px}.principles h3{margin:0 0 12px;font-size:23px}.principles p{grid-column:2}.archive{grid-template-columns:1fr}.archive-photo{padding:20px 0 0}.archive-copy{padding:30px 7% 60px}.archive-copy h2{margin-top:25px}.closing{padding:65px 7% 75px}footer{padding:30px 7%;flex-wrap:wrap;gap:30px}footer>p{display:none}dialog{padding:50px 24px 28px}dialog h2{font-size:30px}.distance-label{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}