:root{--red:#b71a2f;--ink:#212223;--muted:#66686a;--paper:#f5f5f2;--line:#d7d8d5;--body-size:1.125rem;--hero-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d44358;outline-offset:6px}::selection{background:var(--red);color:white}.skip-link{position:fixed;top:-80px;left:20px;padding:14px;background:white;z-index:100}.skip-link:focus{top:12px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:#191a1b;color:white;position:sticky;top:0;z-index:30;gap:24px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:104px;height:49px;object-fit:contain}.top-label{font-size:14px;letter-spacing:.12em;margin-right:auto;padding-left:24px;border-left:1px solid #ffffff40}.top-actions{display:flex;align-items:center;gap:22px}.top-actions button{border:0;background:transparent;font-size:14px;white-space:nowrap;padding:8px 0}.top-actions button:hover,.top-actions [aria-pressed=true]{color:#f4a6b0}#toc-button span{margin-left:10px}.progress-track{position:absolute;bottom:0;left:0;width:100%;height:3px}#progress-bar{width:0;height:100%;background:#e94d64}.cover{background:#191a1b;color:white;min-height:calc(100svh - 82px);padding:45px 5.5vw 25px;position:relative;overflow:hidden}.cover-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.02fr 1fr;gap:5vw;align-items:center;min-height:calc(100svh - 197px)}.cover-inner{padding:10px 0 25px;transform:translateY(calc(var(--hero-progress)*-45px));transition:transform .12s linear}.company-name{font-size:15px;letter-spacing:.13em;margin:0 0 32px;color:#ddd}.cover h1{display:grid;grid-template-columns:repeat(4,max-content);gap:.09em .11em;font-size:clamp(46px,6.15vw,96px);font-weight:500;line-height:1.3;letter-spacing:0;margin:0}.cover h1 span:nth-child(n+5){color:#ed5268}.cover-credit{margin-top:34px;font-size:13px;line-height:1.85;letter-spacing:.08em;color:#b8b9b9}.cover-credit p{margin:0}.read-link{display:flex;align-items:center;justify-content:space-between;width:195px;border-top:1px solid #ffffff45;margin-top:30px;padding-top:16px;font-size:14px;letter-spacing:.1em}.read-link span{font-size:22px;transition:transform .25s}.read-link:hover span{transform:translateY(6px)}.hero-media{background:var(--red);padding:24px;transform:translateY(calc(var(--hero-progress)*30px));transition:background .6s,transform .12s linear;position:relative;isolation:isolate}.hero-media:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 67px,#ffffff09 68px,#ffffff09 69px);z-index:-1;background-position:var(--pointer-x,50%) var(--pointer-y,50%)}.media-top,.media-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.media-top{font-size:12px;letter-spacing:.04em}.media-top button{font-size:12px;color:#fff;border:0;background:none;padding:8px 0}.media-frame{position:relative;aspect-ratio:4/3;margin:26px 0;display:grid;place-items:center;border:1px solid #ffffff38;overflow:hidden}.media-frame:before,.media-frame:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;pointer-events:none}.media-frame:before{animation:orbit 14s linear infinite;transform:scale(1.1) translate(10%,15%)}.media-frame:after{width:100%;animation:orbit 22s linear infinite reverse;transform:translate(-25%,-5%)}.media-center{position:relative;z-index:1;text-align:center;padding:22px;background:#b71a2fbb;max-width:90%;transition:background .6s}.media-cross{font-weight:200;font-size:40px;line-height:1;display:block;margin-bottom:18px}.media-type{font-size:28px;font-weight:500;letter-spacing:.1em}.media-description{font-size:14px;line-height:1.7;margin:16px 0 10px}.media-note{font-size:12px;color:#ffe1e6}.frame-ratio{position:absolute;bottom:10px;right:12px;font-size:11px;letter-spacing:.1em}.frame-corner{width:18px;height:18px;position:absolute;border-color:white;border-style:solid}.corner-a{top:0;left:0;border-width:1px 0 0 1px}.corner-b{bottom:0;right:0;border-width:0 1px 1px 0}.scene-options{display:flex;gap:18px}.scene-options button{font-size:13px;border:0;background:none;padding:8px 0;color:#ffced5;border-bottom:1px solid transparent}.scene-options [aria-pressed=true]{color:white;border-color:white}.scene-arrow{font-size:25px}.hero-media[data-scene=site]{background:#71313d}.hero-media[data-scene=site] .media-center{background:#71313dcc}.cover-bottom{display:flex;gap:20px;align-items:center;max-width:1500px;margin:20px auto 0;font-size:12px;letter-spacing:.16em;color:#aaa}.cover-line{flex:1;height:1px;background:#ffffff25}.document-intro{padding:68px 7vw 45px;display:flex;align-items:center;justify-content:space-between;gap:45px;max-width:1500px;margin:auto}.document-letterhead{width:min(53%,560px);height:auto;mix-blend-mode:multiply}.document-title{font-size:13px;color:var(--muted);white-space:nowrap}.chapter{--chapter-progress:0;display:grid;grid-template-columns:minmax(200px,29%) minmax(0,1fr);gap:7vw;padding:80px 7vw 110px;position:relative;border-top:1px solid var(--line);scroll-margin-top:81px}.chapter-heading{align-self:start;position:sticky;top:133px;max-width:350px}.chapter-number{font-size:16px;color:var(--red);letter-spacing:.12em;display:block;margin-bottom:28px}.chapter-number>span{font-size:12px;color:#777;margin-left:8px}.chapter h2{font-size:clamp(27px,3.2vw,47px);font-weight:500;line-height:1.5;letter-spacing:.02em;margin:0;word-break:normal}.chapter-meter{height:2px;background:var(--line);margin-top:32px;max-width:190px}.chapter-meter>span{display:block;width:calc(var(--chapter-progress)*100%);background:var(--red);height:100%}.chapter-controls{display:flex;gap:12px;margin-top:30px}.chapter-controls a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:19px;transition:background .2s,color .2s}.chapter-controls a:hover{background:var(--red);border-color:var(--red);color:white}.chapter-body{min-width:0;max-width:900px;font-size:var(--body-size);line-height:2;letter-spacing:.025em}.chapter-body p{margin:0 0 22px;white-space:pre-wrap;overflow-wrap:anywhere}.chapter-1 .chapter-body{padding-top:10px}.mission{position:relative;padding:65px 0 55px;overflow:hidden;isolation:isolate}.origin-orbit{position:absolute;width:340px;height:340px;border:1px solid #b71a2f19;border-radius:50%;top:-40px;right:-130px;z-index:-1;transform:translateY(calc(var(--chapter-progress)*65px))}.origin-orbit:before,.origin-orbit:after{content:"";position:absolute;inset:32px;border:1px solid #b71a2f19;border-radius:50%}.origin-orbit:after{inset:65px}.chapter-body .eyebrow{font-size:15px;color:var(--muted);margin-bottom:24px}.chapter-body .mission-statement{font-size:clamp(30px,4.15vw,62px);font-weight:500;letter-spacing:-.035em;line-height:1.5;color:var(--red);margin-bottom:8px}.chapter-body .mission-en{font-size:25px;font-weight:300;letter-spacing:.05em;color:var(--red)}.chapter-body .vision{font-size:clamp(22px,2.15vw,31px);border-top:1px solid var(--line);padding-top:38px;line-height:1.7}.definition{margin-top:42px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:calc(var(--body-size) - .125rem);line-height:1.9;color:#57595a}.definition summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--ink);font-size:15px}.definition summary::-webkit-details-marker{display:none}.definition[open] summary{margin-bottom:20px}.definition p:last-child{margin-bottom:0}.detail-toggle{font-size:23px;transition:transform .3s}.definition[open] .detail-toggle{transform:rotate(45deg)}.chapter-2{background:#e9ebe8}.timeline-item{position:relative;padding:0 0 48px 34px;border-left:1px solid #b6b9b3;transition:border-color .4s}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;top:10px;left:-5px;width:9px;height:9px;border-radius:50%;background:#a3a6a1;transition:background .4s,box-shadow .4s}.timeline-item.is-current .timeline-dot{background:var(--red);box-shadow:0 0 0 6px #b71a2f12}.timeline-item.is-current{border-color:var(--red)}.timeline-date{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-.04em;display:block;color:var(--red);margin-bottom:22px}.timeline-item p{margin-bottom:0}.article-tracker{margin-top:35px;display:flex;align-items:baseline;gap:16px}.tracker-number{font-size:clamp(55px,7.5vw,105px);line-height:1;font-weight:300;color:#b5b5b0;letter-spacing:-.08em}.tracker-label{font-size:12px;color:var(--muted)}.principle{padding:50px 0;border-top:1px solid var(--line);position:relative;scroll-margin-top:112px}.principle:first-child{border-top:0;padding-top:0}.principle h3{font-size:15px;font-weight:500;line-height:1.8;color:var(--muted);margin:0 0 25px;white-space:pre-wrap;transition:color .35s}.principle-copy p:last-child{margin-bottom:0}.principle-copy{transition:transform .5s}.principle.is-current h3{color:var(--red)}.principle.is-current .principle-copy{transform:translateX(8px)}.principle:before{content:"";position:absolute;left:-24px;top:52px;width:3px;height:0;background:var(--red);transition:height .4s}.principle:first-child:before{top:5px}.principle.is-current:before{height:36px}.chapter-3 .principle{min-height:48vh;display:flex;flex-direction:column;justify-content:center;padding:55px 0}.chapter-3 .principle:first-child{padding-top:15px}.chapter-3 .principle-copy p{font-size:calc(var(--body-size) + .4rem);line-height:1.9}.chapter-3 .principle.is-current .principle-copy p:last-child{color:var(--red)}.chapter-4{background:#242526;color:#f4f4f0;border-color:#454647}.chapter-4 .chapter-number,.chapter-4 .principle.is-current h3{color:#f08090}.chapter-4 .principle h3,.chapter-4 .tracker-label,.chapter-4 .chapter-number>span{color:#b9b9b5}.chapter-4 .principle,.chapter-4 .chapter-controls a{border-color:#505052}.chapter-4 .chapter-meter{background:#505052}.chapter-4 .chapter-meter>span,.chapter-4 .principle:before{background:#ed5268}.chapter-4 .tracker-number{color:#6d6e6c}.chapter-5 .principle-copy p:first-child{font-size:calc(var(--body-size) + .3rem)}.chapter-6{background:#eeefec}.subchapter{font-size:24px;font-weight:500;margin:20px 0 0;padding:23px 0 23px 20px;border-left:3px solid var(--red);color:var(--red);line-height:1.5}.subchapter:first-child{margin-top:0}.subchapter:not(:first-child){margin-top:50px}.endnote{background:var(--red);display:flex;align-items:center;justify-content:space-between;padding:58px 7vw 85px;color:white;font-size:15px}.endnote img{width:120px}.chapter-dock{position:fixed;bottom:22px;left:50%;transform:translate(-50%,100px);z-index:25;background:#191a1bef;color:white;display:flex;padding:7px;border:1px solid #ffffff20;box-shadow:0 5px 25px #0002;transition:transform .35s;backdrop-filter:blur(16px);border-radius:4px}.chapter-dock.visible{transform:translate(-50%,0)}.chapter-dock a{display:grid;place-items:center;width:38px;height:35px;font-size:12px;color:#b8b9b9;transition:background .2s}.chapter-dock a.active{background:var(--red);color:white}.chapter-dock a:hover{color:white;background:#ffffff25}.chapter-dock output{padding:9px 10px;font-size:12px;min-width:54px;border-left:1px solid #ffffff30;margin-left:7px;text-align:center;font-variant-numeric:tabular-nums}#back-top{position:fixed;bottom:27px;right:24px;width:40px;height:40px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:22px;z-index:20}dialog{border:0;padding:36px;width:min(650px,calc(100% - 32px));max-height:85svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1119;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px}.dialog-head h2{font-size:25px;font-weight:500;margin:0}.dialog-head button{background:none;border:0;font-size:32px;padding:0 8px}dialog nav a{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--line);font-size:16px}dialog nav span{font-size:13px;color:var(--red)}dialog nav b{font-weight:400}dialog nav i{margin-left:auto;font-style:normal;color:var(--red)}dialog nav a.active b{color:var(--red)}.photo-brief>span{display:block;color:var(--red);font-size:13px;margin-top:24px}.photo-brief h3{font-size:21px;font-weight:500;line-height:1.5;margin:12px 0}.photo-brief p{font-size:16px;line-height:1.9;color:#555}.photo-spec{font-size:14px;line-height:1.8;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}body.large-text{--body-size:1.375rem}body.focus-mode .cover,body.focus-mode .document-intro,body.focus-mode .article-tracker,body.focus-mode .chapter-controls,body.focus-mode .chapter-dock{display:none}body.focus-mode .chapter{display:block;max-width:1000px;margin:auto;background:var(--paper);color:var(--ink);padding:50px 6vw}body.focus-mode .chapter-heading{position:static;max-width:none;margin-bottom:36px}body.focus-mode .chapter h2{font-size:30px}body.focus-mode .principle{min-height:0;padding:30px 0;border-color:var(--line)}body.focus-mode .principle-copy{transform:none!important}body.focus-mode .principle-copy p{font-size:var(--body-size)}body.focus-mode .chapter-4 .principle h3{color:var(--red)}body.focus-mode .chapter-meter{display:none}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}body.motion-paused .cover-inner,body.motion-paused .hero-media,body.motion-paused .origin-orbit,body.motion-paused .principle-copy{transform:none!important}html.motion-paused{scroll-behavior:auto}@keyframes orbit{from{rotate:0deg}to{rotate:360deg}}@media(min-width:1600px){.chapter{padding-left:max(7vw,calc((100vw - 1400px)/2));padding-right:max(7vw,calc((100vw - 1400px)/2))}}@media(max-width:1050px){.top-actions{gap:16px}.top-label{padding-left:16px;font-size:13px}.cover{padding:40px 5vw 24px}.cover-grid{gap:4vw}.cover h1{font-size:6vw}.hero-media{padding:18px}.media-top{font-size:11px}.media-frame{margin:20px 0}.media-center{padding:15px}.media-type{font-size:25px}.media-description{font-size:13px}.chapter{padding:65px 6vw 80px;gap:6vw;grid-template-columns:26% minmax(0,1fr)}.chapter h2{font-size:30px}.chapter-3 .principle-copy p{font-size:calc(var(--body-size) + .2rem)}}@media(max-width:760px){html{scroll-padding-top:90px}.topbar{height:70px;padding:0 20px;gap:15px}.brand img{width:82px;height:42px}.top-label{display:none}.top-actions{gap:17px;margin-left:auto}.top-actions button{font-size:13px}#motion-button{display:none}#toc-button span{margin-left:4px}.cover{padding:38px 7vw 24px;min-height:0}.cover-grid{display:block;min-height:0}.cover-inner{transform:none!important;padding:0 0 35px}.company-name{font-size:13px;letter-spacing:.06em;margin-bottom:25px}.cover h1{font-size:clamp(48px,11.5vw,80px);gap:.06em .12em}.cover-credit{margin-top:25px;font-size:12px}.read-link{margin-top:24px;width:180px}.hero-media{transform:none!important;padding:20px}.media-frame{aspect-ratio:1.65;margin:20px 0}.media-center{padding:12px 15px}.media-cross{font-size:28px;margin-bottom:10px}.media-type{font-size:24px}.media-description{margin:10px 0 6px}.media-top{font-size:12px}.cover-bottom{margin-top:25px}.document-intro{display:block;padding:42px 7vw 30px}.document-letterhead{width:100%;margin-bottom:14px}.document-title{white-space:normal;font-size:13px}.chapter{display:block;padding:42px 7vw 65px;scroll-margin-top:69px}.chapter-heading{position:relative;top:auto;max-width:none;margin-bottom:32px}.chapter-number{margin-bottom:16px;font-size:14px}.chapter h2{font-size:27px}.chapter-meter{max-width:none;margin-top:24px}.chapter-controls{position:absolute;right:0;top:-10px;margin:0}.chapter-controls a{width:32px;height:32px;font-size:17px}.article-tracker{display:none}.chapter-body{line-height:1.95}.mission{padding:28px 0 35px}.chapter-body .mission-statement{font-size:clamp(29px,7.4vw,45px)}.chapter-body .mission-en{font-size:22px}.chapter-body .vision{font-size:22px;padding-top:28px}.definition{margin-top:30px}.timeline-item{padding:0 0 35px 25px}.timeline-date{font-size:30px}.principle{padding:32px 0}.principle:before{left:-14px;top:34px}.principle.is-current .principle-copy{transform:translateX(3px)}.chapter-3 .principle{min-height:0;padding:38px 0}.chapter-3 .principle-copy p{font-size:calc(var(--body-size) + .05rem)}.chapter-5 .principle-copy p:first-child{font-size:calc(var(--body-size) + .1rem)}.subchapter{font-size:23px;padding:20px 0 20px 15px}.endnote{padding:40px 7vw 110px}.endnote img{width:100px}.chapter-dock{bottom:18px;padding:5px}.chapter-dock a{width:32px;height:34px}.chapter-dock output{min-width:45px;padding:9px 6px}#back-top{bottom:79px;right:18px;width:36px;height:36px}dialog{padding:24px}dialog nav a{font-size:15px;padding:18px 0;gap:12px}.dialog-head h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.cover-inner,.hero-media,.origin-orbit,.principle-copy{transform:none!important}}@media print{.topbar,.hero-media,.chapter-controls,.chapter-dock,#back-top,.read-link,dialog,.article-tracker,.endnote,.chapter-meter{display:none!important}.cover{min-height:0;padding:25px;background:white;color:black;page-break-after:always}.cover-grid{display:block;min-height:0}.cover h1{font-size:60px}.cover-credit,.company-name{color:black}.chapter{display:block;background:white!important;color:black!important;padding:25px 0}.chapter-heading{position:static;max-width:none;margin-bottom:30px}.chapter-body{font-size:12pt;max-width:none}.principle{min-height:0!important;break-inside:avoid;padding:22px 0!important}.principle-copy{transform:none!important}.principle-copy p{font-size:12pt!important}.definition{display:block}.chapter-4 .principle h3{color:var(--red)}.document-intro{padding:20px 0}}
/* Continuous reading: one shared typographic scale for every chapter. */
:root{--body-size:1.25rem;--chapter-size:clamp(29px,3.5vw,50px);--section-size:1.5rem;--article-size:1.125rem}.cover{min-height:calc(100svh - 82px);padding:50px 7vw 30px;background:#171819;--spot-x:72%;--spot-y:43%;--spot-radius:0px}.cover-grid{grid-template-columns:1fr;position:relative;z-index:2;pointer-events:none;min-height:calc(100svh - 220px)}.cover-inner{transform:none!important;max-width:850px}.company-name{font-size:15px}.cover h1{font-size:clamp(60px,8.9vw,140px);font-weight:750;letter-spacing:-.05em;gap:.06em .13em}.cover h1 span{transition:color .35s}.cover h1 span:nth-child(n+5){color:#ef7b8a}.cover-credit{margin-top:36px}.read-link,.hero-photo-guide button{pointer-events:auto}.hero-photo-guide{position:absolute;right:0;bottom:5px;display:flex;flex-direction:column;gap:16px;align-items:flex-end;font-size:12px;color:#e5e5de}.hero-photo-guide button{font-size:14px;color:white;border:0;background:none;padding:8px 0;border-bottom:1px solid #ffffff50}.cover-bottom{position:relative;z-index:2;pointer-events:none}.spotlight-layer{position:absolute;inset:0;z-index:0;clip-path:circle(var(--spot-radius) at var(--spot-x) var(--spot-y));transition:clip-path .18s ease-out;pointer-events:none;background:#b71a2f}.spotlight-board{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:45px 5vw;background:#b71a2f}.image-placeholder{border:1px dashed #ffffff80;background:#912037;display:flex;flex-direction:column;justify-content:space-between;padding:5vw;color:#fff4ef}.image-placeholder:nth-child(2){background:#543941}.image-placeholder>span,.image-placeholder small{font-size:13px;letter-spacing:.1em}.image-placeholder strong{font-size:clamp(44px,7vw,108px);line-height:1.2;font-weight:500}.cover:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#171819d9 0%,#17181975 42%,#17181905 80%)}.spotlight-tip{position:absolute;right:7vw;top:42px;color:#b6b8b5;font-size:12px;z-index:3;pointer-events:none}.spotlight-control{position:absolute;right:7vw;top:80px;color:white;border:1px solid #ffffff50;padding:12px 16px;font-size:13px;z-index:4;background:#17181966;transition:background .25s}.spotlight-control:hover,.spotlight-control[aria-pressed=true]{background:var(--red)}.spotlight-control span{margin-left:18px}.cover.spotlight-pinned{--spot-radius:190px}.document-intro{padding-top:70px;padding-bottom:60px}.chapter{--fg:#242625;--secondary:#5e625e;--accent:#b71a2f;--border:#24262530;--tint:#b71a20;--wash:#b71a2f0b;background:#f5f5f2;color:var(--fg);padding-top:85px;padding-bottom:100px;transition:background .5s}.chapter-1{background:#b71a2f;--fg:#fffaf5;--secondary:#ffe1e5;--accent:#fff;--border:#ffffff40;--wash:#ffffff0d}.chapter-2{background:#e9ebe6}.chapter-3{background:#fafaf7}.chapter-4{background:#242526;--fg:#f6f5ef;--secondary:#c0c2ba;--accent:#f08a9a;--border:#ffffff38;--wash:#ffffff08}.chapter-5{background:#e8e6df}.chapter-6{background:#253039;--fg:#f5f5ee;--secondary:#c1cbd0;--accent:#f2909c;--border:#ffffff36;--wash:#ffffff09}.chapter-heading{position:static;max-width:370px}.chapter-1 .chapter-heading,.chapter-3 .chapter-heading{position:sticky;top:132px}.chapter h2{font-size:var(--chapter-size);font-weight:600;line-height:1.5;letter-spacing:-.02em}.chapter-number,.chapter-4 .chapter-number{color:var(--accent)}.chapter-number>span,.chapter-4 .chapter-number>span{color:var(--secondary)}.chapter-meter,.chapter-4 .chapter-meter{background:var(--border)}.chapter-meter>span,.chapter-4 .chapter-meter>span{background:var(--accent);transition:width .18s linear}.chapter-controls a,.chapter-4 .chapter-controls a{border-color:var(--border)}.chapter-controls a:hover{background:var(--accent);border-color:var(--accent);color:#252525}.chapter-body{font-size:var(--body-size);line-height:1.95}.chapter-body p,.chapter-3 .principle-copy p,.chapter-5 .principle-copy p:first-child{font-size:var(--body-size);line-height:1.95;letter-spacing:.015em}.principle h3,.chapter-3 .principle h3,.chapter-4 .principle h3{font-size:var(--article-size);line-height:1.7;font-weight:600;color:var(--secondary);margin-bottom:22px;letter-spacing:.02em}.principle.is-current h3,.chapter-4 .principle.is-current h3{color:var(--accent)}.principle,.chapter-4 .principle{border-color:var(--border);padding:45px 0;isolation:isolate;position:relative}.principle:before,.chapter-4 .principle:before{background:var(--accent);left:-22px}.principle:after{content:"";position:absolute;inset:14px -22px;background:var(--wash);transform:scale(.96,.86);opacity:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s;z-index:-1;pointer-events:none}.principle.is-current:after{opacity:1;transform:scale(1)}.principle-copy,.principle.is-current .principle-copy{transform:none!important}.principle-copy p{transition:color .4s}.principle-copy p:hover{color:var(--accent)}.chapter-3 .principle-copy p:last-child,.chapter-3 .principle.is-current .principle-copy p:last-child{color:inherit;font-weight:400}.chapter-3 .principle{min-height:48svh;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.chapter-3 .principle:first-child{padding-top:30px}.tracker-number{font-size:clamp(65px,8vw,120px);color:var(--accent);opacity:.55;font-weight:250}.tracker-label{color:var(--secondary)}.subchapter{font-size:var(--section-size);font-weight:600;color:var(--accent);border-color:var(--accent);background:none;margin-top:50px}.mission{padding:80px 0 65px;min-height:45svh;display:flex;flex-direction:column;justify-content:center}.chapter-body .mission-statement{font-size:clamp(32px,4.3vw,65px);font-weight:650;color:var(--accent);letter-spacing:-.035em;line-height:1.45}.chapter-body .mission-en{font-size:clamp(22px,2.5vw,32px);color:var(--accent);font-weight:300}.chapter-body .eyebrow{font-size:var(--article-size);color:var(--secondary)}.chapter-body .vision{font-size:var(--section-size);line-height:1.7;font-weight:600;border-color:var(--border);padding-top:38px}.definition{color:var(--secondary);border-color:var(--border);background:none;border-left:0;padding:28px 0}.definition-head{margin-bottom:20px}.definition-label{font-size:var(--article-size);color:var(--fg);font-weight:600}.definition p{font-size:var(--body-size)}.origin-orbit,.origin-orbit:before,.origin-orbit:after{border-color:#ffffff28}.origin-orbit{transform:translateY(calc(var(--chapter-progress)*70px)) scale(calc(.8 + var(--chapter-progress)*.3));transition:transform .2s linear}.timeline-item{border-color:var(--border);padding-bottom:50px}.timeline-date{font-size:var(--section-size);font-weight:600}.timeline-dot{transition:background .4s,box-shadow .5s,transform .4s}.timeline-item.is-current .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 8px #b71a2f10}.endnote{padding-bottom:95px}.chapter-dock a{position:relative}.chapter-dock a:before{content:attr(aria-label);position:absolute;bottom:52px;background:#191a1b;color:white;white-space:nowrap;padding:10px 15px;font-size:12px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}.chapter-dock a:hover:before,.chapter-dock a:focus-visible:before{opacity:1;transform:none}body.large-text{--body-size:1.45rem;--article-size:1.25rem}body.focus-mode .chapter{--fg:#242625;--secondary:#5e625e;--accent:#b71a2f;--border:#24262530;color:var(--fg)}body.focus-mode .chapter-heading{position:static}body.focus-mode .chapter-3 .principle{min-height:0}body.focus-mode .principle:after{display:none}body.focus-mode .chapter-body .mission-statement,body.focus-mode .chapter-body .mission-en{color:var(--accent)}body.motion-paused .principle:after{transform:none}body.motion-paused .spotlight-layer{transition:none}.photo-brief h3{font-size:22px}.chapter-heading,.subchapter{scroll-margin-top:110px}@media(max-width:760px){:root{--body-size:1.125rem;--chapter-size:1.8rem;--section-size:1.4rem;--article-size:1.05rem}.cover{padding:42px 7vw 30px;min-height:calc(100svh - 70px)}.cover-grid{min-height:calc(100svh - 210px);display:flex;align-items:center;padding-bottom:100px}.cover h1{font-size:12vw;gap:.08em .1em}.cover-inner{padding-top:60px}.company-name{font-size:13px}.cover-credit{margin-top:28px}.hero-photo-guide{bottom:0;left:0;right:auto;align-items:flex-start;gap:7px}.spotlight-tip{font-size:11px;left:7vw;right:auto;top:22px}.spotlight-control{top:53px;left:7vw;right:auto;font-size:12px;padding:9px 12px}.cover.spotlight-pinned{--spot-radius:140px}.image-placeholder{padding:30px 20px}.image-placeholder>span,.image-placeholder small{font-size:11px}.image-placeholder strong{font-size:38px}.spotlight-board{gap:15px;padding:30px 15px}.chapter{padding:45px 7vw 65px}.chapter-heading,.chapter-1 .chapter-heading,.chapter-3 .chapter-heading{position:relative;top:auto;max-width:none}.chapter h2{font-size:var(--chapter-size)}.chapter-body p,.chapter-3 .principle-copy p,.chapter-5 .principle-copy p:first-child{font-size:var(--body-size);line-height:1.95}.principle h3,.chapter-3 .principle h3,.chapter-4 .principle h3{font-size:var(--article-size)}.principle,.chapter-3 .principle{padding:32px 0;min-height:0}.principle:after{inset:8px -12px}.principle:before{left:-15px}.mission{padding:30px 0 35px;min-height:35svh}.chapter-body .mission-statement{font-size:7.5vw}.chapter-body .mission-en{font-size:23px}.chapter-body .vision,.subchapter,.timeline-date{font-size:var(--section-size)}.definition{padding:24px 0}.chapter-dock a:before{display:none}#motion-button{display:block}.top-actions{gap:12px}.top-actions button{font-size:12px}#focus-button{display:none}.topbar{gap:12px}.brand img{width:76px}.spotlight-layer{transition:clip-path .3s}body.large-text{--body-size:1.35rem}}@media(prefers-reduced-motion:reduce){.spotlight-layer{transition:none}.principle:after{transform:none}.origin-orbit{transform:none}}@media print{.spotlight-layer,.spotlight-control,.spotlight-tip,.hero-photo-guide{display:none}.chapter{--fg:#000;--accent:#b71a2f;--secondary:#333;--border:#ddd}.chapter-1 .chapter-heading,.chapter-3 .chapter-heading{position:static}.principle:after{display:none}}
/* Chapter family: consistent value-principle reading rhythm. */
@font-face{font-family:'Allura';src:url('assets/Allura-Regular.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
.chapter-body .mission-en{font-family:'Allura','Segoe Script','Brush Script MT',cursive;font-size:clamp(54px,6.1vw,92px);font-weight:400;line-height:1.5;letter-spacing:0;color:#fff9dd;transform:rotate(-4deg);transform-origin:left center;display:inline-block;margin:4px 0 22px;padding:0 12px 8px 0;text-shadow:0 0 22px #ffe5a329;transition:text-shadow .5s,transform .5s}.mission-en:hover{transform:rotate(-2deg) translateY(-3px);text-shadow:0 0 25px #fff0a36b}.mission{overflow:visible}.definition-trigger{display:flex;align-items:center;justify-content:space-between;gap:28px;background:transparent;color:var(--fg);border:1px solid var(--border);padding:18px 22px;margin-top:32px;width:100%;font-size:var(--article-size);text-align:left;transition:background .3s,border-color .3s}.definition-trigger span{font-size:14px;white-space:nowrap}.definition-trigger:hover{background:#ffffff12;border-color:#ffffffa0}#definition-dialog{color:#252625;width:min(820px,calc(100% - 32px));padding:35px 38px;max-height:85svh;background:#f5f5f0}#definition-dialog .dialog-head{border-bottom:1px solid #25262525;margin-bottom:25px;padding-bottom:22px}#definition-dialog h2{font-size:26px;line-height:1.5;font-weight:600;color:#252625}#definition-dialog .definition-content p{font-size:20px;line-height:1.95;letter-spacing:.015em;margin-bottom:22px;color:#343735}#definition-dialog .definition-content p:last-child{margin-bottom:0}.photo-wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:0;background:#714b47}.wall-tile{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.4vw,36px);color:#fff8ef;background:#765346}.wall-tile span{font-size:11px;letter-spacing:.08em;opacity:.85}.wall-tile strong{font-size:clamp(20px,3vw,48px);font-weight:500;line-height:1.4;letter-spacing:.04em}.wall-tile small{font-size:11px;opacity:.8}.tile-1{grid-area:1 / 1 / 3 / 3;background:#75554a}.tile-2{grid-area:1 / 3 / 2 / 5;background:#5c6565}.tile-3{grid-area:1 / 5 / 3 / 7;background:#77715a}.tile-4{grid-area:2 / 3 / 3 / 4;background:#8c5557}.tile-5{grid-area:2 / 4 / 3 / 5;background:#435c5d}.tile-6{grid-area:3 / 1 / 4 / 3;background:#574d56}.tile-7{grid-area:3 / 3 / 4 / 5;background:#807060}.tile-8{grid-area:3 / 5 / 4 / 7;background:#665a48}.tile-4 strong,.tile-5 strong{font-size:clamp(18px,2.4vw,36px)}.cover:after{background:linear-gradient(90deg,#171819e0 0%,#171819aa 44%,#17181912 100%)}.chapter-3 .chapter-heading,.chapter-4 .chapter-heading,.chapter-5 .chapter-heading,.chapter-6 .chapter-heading{position:sticky;top:132px}.chapter-3 .principle,.chapter-4 .principle,.chapter-5 .principle,.chapter-6 .principle{min-height:48svh;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.chapter-3 .principle:first-child,.chapter-4 .principle:first-child,.chapter-5 .principle:first-child,.chapter-6 .principle:first-child{padding-top:30px}.chapter-4,.chapter-6{grid-template-columns:minmax(0,1fr) minmax(200px,29%)}.chapter-4 .chapter-heading,.chapter-6 .chapter-heading{grid-column:2;grid-row:1}.chapter-4 .chapter-body,.chapter-6 .chapter-body{grid-column:1;grid-row:1}.chapter-4 .tracker-number,.chapter-6 .tracker-number{color:var(--accent);opacity:.55}.chapter-4 .tracker-label,.chapter-6 .tracker-label{color:var(--secondary)}.chapter:last-child{padding-bottom:140px}.principle:before{top:50%;transform:translateY(-50%)}.principle:first-child:before{top:50%}body.focus-mode .chapter-heading{position:static}body.focus-mode .chapter .principle{min-height:0}body.focus-mode .chapter-body .mission-en{color:var(--accent)}@media(max-width:760px){.chapter-3 .chapter-heading,.chapter-4 .chapter-heading,.chapter-5 .chapter-heading,.chapter-6 .chapter-heading{position:relative;top:auto;grid-column:auto;grid-row:auto}.chapter-4 .chapter-body,.chapter-6 .chapter-body{grid-column:auto;grid-row:auto}.chapter-3 .principle,.chapter-4 .principle,.chapter-5 .principle,.chapter-6 .principle{padding:32px 0;min-height:0}.chapter-body .mission-en{font-size:clamp(50px,12vw,72px);line-height:1.45;padding-right:4px}.definition-trigger{padding:16px;font-size:16px;gap:12px}.definition-trigger span{font-size:12px}#definition-dialog{padding:24px}#definition-dialog h2{font-size:24px}#definition-dialog .definition-content p{font-size:18px;line-height:1.9}.photo-wall{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.tile-1{grid-area:1 / 1 / 3 / 3}.tile-2{grid-area:1 / 3 / 2 / 5}.tile-3{grid-area:2 / 3 / 4 / 5}.tile-4{grid-area:3 / 1 / 4 / 2}.tile-5{grid-area:3 / 2 / 4 / 3}.tile-6{grid-area:4 / 1 / 5 / 2}.tile-7{grid-area:4 / 2 / 5 / 4}.tile-8{grid-area:4 / 4 / 5 / 5}.wall-tile{padding:12px}.wall-tile strong{font-size:24px}.wall-tile span,.wall-tile small{font-size:10px}.tile-4 strong,.tile-5 strong,.tile-6 strong,.tile-8 strong{font-size:18px}.tile-4 small,.tile-5 small,.tile-6 small,.tile-8 small{display:none}.chapter:last-child{padding-bottom:110px}}@media print{.chapter .chapter-heading{position:static!important}.chapter .principle{min-height:0!important}.definition-trigger{display:none}#definition-dialog{display:block;position:static;max-height:none;padding:0;border:0;width:100%}.mission-en{transform:none!important}}
/* Seamless section edge, relocated article numbering, and bottom-docked navigation. */
.cover{border:0;margin-bottom:0}.document{background:var(--red);margin:0;padding:0}.chapter-1{border-top:0;margin-top:-1px}.source-number{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.article-tracker{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:34px}.tracker-number,.chapter-4 .tracker-number,.chapter-6 .tracker-number{font-size:clamp(30px,3.7vw,52px);font-weight:400;line-height:1.5;letter-spacing:.035em;color:var(--accent);opacity:.78;overflow-wrap:anywhere}.tracker-label:empty{display:none}.chapter-6 .tracker-number{font-size:var(--section-size);font-weight:600;line-height:1.7;letter-spacing:.025em;opacity:1}.chapter-6 .tracker-label{font-size:var(--article-size);font-weight:400;color:var(--secondary)}.chapter-dock{bottom:0;left:50%;display:block;padding:18px 12px max(10px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;transform:translate(-50%,110%);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 -3px 18px #0002;max-width:calc(100vw - 24px)}.chapter-dock.visible{transform:translate(-50%,calc(100% - 13px))}.chapter-dock.visible:hover,.chapter-dock.visible:has(:focus-visible),.chapter-dock.visible.dock-open{transform:translate(-50%,0);box-shadow:0 -8px 32px #0003}.dock-items{display:flex;align-items:center;gap:2px}.dock-peek{position:absolute;left:0;right:0;top:0;width:100%;height:17px;background:none;border:0;border-radius:22px 22px 0 0;padding:0;display:grid;place-items:center;cursor:pointer}.dock-peek span{width:52px;height:3px;border-radius:99px;background:#aaa9a0;transition:width .3s,background .3s}.chapter-dock:hover .dock-peek span,.chapter-dock:has(:focus-visible) .dock-peek span{width:68px;background:#eee}.chapter-dock a{border-radius:9px;transform-origin:center bottom;transition:background .2s,transform .25s}.chapter-dock a:hover{transform:translateY(-3px) scale(1.08)}.chapter-dock output{margin-left:7px}.chapter-dock a:before{border-radius:8px;bottom:48px}.chapter-dock:not(.visible){visibility:hidden;pointer-events:none}.chapter-dock.visible{visibility:visible;pointer-events:auto}@media(max-width:760px){.article-tracker{display:flex;position:static;margin-top:18px;gap:5px}.tracker-number,.chapter-4 .tracker-number{font-size:28px;line-height:1.5}.chapter-6 .tracker-number{font-size:var(--section-size)}.chapter-6 .tracker-label{font-size:var(--article-size)}.chapter-dock{bottom:0;padding:19px 9px max(12px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.chapter-dock.visible{transform:translate(-50%,calc(100% - 17px))}.chapter-dock.visible:hover,.chapter-dock.visible:has(:focus-visible),.chapter-dock.visible.dock-open{transform:translate(-50%,0)}.dock-peek{height:19px}.chapter-dock a{width:33px;height:36px}.chapter-dock output{min-width:44px}.chapter-dock a:before{display:none}}@media(hover:none){.chapter-dock.visible:hover:not(.dock-open):not(:has(:focus-visible)){transform:translate(-50%,calc(100% - 17px))}}@media print{.source-number{position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;clip-path:none!important;white-space:normal!important}.article-tracker{display:none}.chapter-dock{display:none!important}}
/* v7: a continuous warm palette and whole-essay reading panels. */
:root{--reading-bg:#191919;--reading-fg:#faf6ef;--reading-secondary:#d4cec8;--reading-accent:#f0949e;--reading-border:#faf6ef30;--reading-wash:#faf6ef08}
body{background:var(--reading-bg)}
.document,.cover,.chapter{background:transparent;border:0}
.chapter{--fg:var(--reading-fg);--secondary:var(--reading-secondary);--accent:var(--reading-accent);--border:var(--reading-border);--wash:var(--reading-wash);color:var(--fg);transition:none}
.chapter .chapter-number,.chapter .tracker-number,.chapter .subchapter,.timeline-date{color:var(--accent)}
.chapter .chapter-number>span,.chapter .tracker-label,.chapter .principle h3{color:var(--secondary)}
.chapter .principle.is-current h3{color:var(--accent)}
.chapter .principle{border-color:var(--border)}
.chapter .chapter-meter{background:var(--border)}
.chapter .chapter-meter>span{background:var(--accent)}
.chapter .principle:before{background:var(--accent)}
.chapter-body .mission-statement{color:var(--fg)}
.chapter-body .mission-en{color:var(--fg)}
.chapter-dock{background:var(--dock-bg,#f5f0e9);color:var(--dock-fg,#252323);border:1px solid var(--reading-border);border-bottom:0;backdrop-filter:blur(20px);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.dock-peek span{display:none}
.chapter-dock a{color:inherit}.chapter-dock a.active{background:#b71a2f;color:white}.chapter-dock output{color:inherit;border-color:var(--reading-border)}
.reading-group{position:relative;padding-bottom:80px}
.reading-panel{position:sticky;top:112px;height:calc(100svh - 152px);overflow:hidden;background:var(--reading-wash);border-radius:4px;outline:1px solid var(--reading-border);padding:0 24px;isolation:isolate}
.reading-content{will-change:transform;padding:26px 0}
.chapter-6 .reading-group .principle{min-height:0;padding:26px 0;display:block;border:0}
.chapter-6 .reading-group .principle:first-of-type{padding-top:12px}
.chapter-6 .reading-group .principle:after,.chapter-6 .reading-group .principle:before{display:none}
.reading-panel:after{content:'';position:absolute;left:0;top:24px;bottom:24px;width:2px;background:var(--accent);opacity:.65}
.reading-group.is-current .reading-panel{box-shadow:0 18px 65px #00000008}
body.focus-mode .reading-group{height:auto!important;padding-bottom:30px}
body.focus-mode .reading-panel{position:static;height:auto;overflow:visible;padding:0;outline:0;background:none}
body.focus-mode .reading-content{transform:none!important}
@media(max-width:760px){.reading-panel{top:86px;height:calc(100svh - 120px);padding:0 16px}.reading-group{padding-bottom:40px}.reading-content{padding:18px 0}.chapter-6 .reading-group .principle{padding:20px 0}}
@media print{.reading-group{height:auto!important;padding:0}.reading-panel{position:static;height:auto;overflow:visible;padding:0;outline:0}.reading-content{transform:none!important}.chapter-6 .subchapter.source-number{display:block}.reading-panel:after{display:none}}
/* v8: cover wording, matching heading levels and exact brand-red rules. */
.cover h1 span,.cover h1 span:nth-child(n+5){color:#faf6ef}
.cover-english{font-size:clamp(25px,4.2vw,64px);color:var(--red);font-weight:500;letter-spacing:.045em;line-height:1.25;margin:18px 0 0}
.chapter-body .eyebrow{font-size:var(--section-size);font-weight:600;line-height:1.7;color:var(--fg)}
.chapter .principle:before,.chapter .chapter-meter>span,.reading-panel:after,#progress-bar{background:var(--red);opacity:1}
.timeline-item.is-current{border-color:var(--red)}
@media(max-width:760px){.cover-english{font-size:7vw;letter-spacing:.02em}.chapter-body .eyebrow{font-size:var(--section-size)}}
/* v9: ascending lettering and a compact expanding navigation tab. */
.cover h1{width:max-content;max-width:100%;line-height:1.16}
.cover-english{margin:7px 0 0;line-height:1.08;white-space:nowrap;font-weight:500}
.chapter-6 .tracker-number{color:var(--red);opacity:1}
.chapter-body .mission-en{display:flex;align-items:baseline;gap:.18em;width:max-content;max-width:100%;position:relative;transform:none;outline-offset:12px;padding:30px 18px 22px 0;font-size:clamp(54px,6.1vw,92px);line-height:1.3;cursor:default;text-shadow:none}
.mission-en .word{display:inline-block;position:relative;transform:translateY(16px);opacity:0;transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .8s,text-shadow .6s;}
.mission-en.has-entered .word{opacity:1;transform:translateY(0) rotate(-3deg)}
.mission-en.has-entered .word-it{transform:translateY(-.09em) rotate(-5deg);transition-delay:.12s}
.mission-en.has-entered .word-up{font-size:1.2em;transform:translateY(-.18em) rotate(-7deg);transition-delay:.24s}
.chapter-body .mission-en:hover,.chapter-body .mission-en:focus-visible{transform:none;text-shadow:none}
.mission-en.has-entered:hover .word-up,.mission-en.has-entered:focus-visible .word-up{transform:translateY(-.32em) rotate(-9deg);text-shadow:0 0 22px #fff3ca70;transition-delay:0s}
.mission-en:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff9e42b 49%,transparent 62%);clip-path:polygon(0 30%,100% 0,100% 75%,0 100%);opacity:0;transform:translateX(-75%)}
.mission-en:hover:after,.mission-en:focus-visible:after{animation:letter-light 1.3s ease-out both}
@keyframes letter-light{0%{opacity:0;transform:translateX(-75%)}25%{opacity:1}100%{opacity:0;transform:translateX(65%)}}
.chapter-dock{width:80px;height:23px;max-width:calc(100vw - 24px);padding:0;border-radius:20px 20px 0 0;overflow:hidden;transition:width .36s cubic-bezier(.2,.8,.2,1),height .36s cubic-bezier(.2,.8,.2,1),transform .36s,background .3s,color .3s;box-shadow:0 -2px 14px #00000012}
.chapter-dock.visible{transform:translate(-50%,0)}
.dock-peek{height:23px;z-index:2}
.dock-peek:after{content:'';width:7px;height:7px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateY(2px) rotate(45deg);opacity:.75}
.dock-items{position:absolute;bottom:10px;left:50%;transform:translate(-50%,12px);width:max-content;opacity:0;visibility:hidden;transition:opacity .16s,transform .3s,visibility .16s}
.chapter-dock.visible:hover,.chapter-dock.visible:has(:focus-visible),.chapter-dock.visible.dock-open{width:330px;height:76px;transform:translate(-50%,0);overflow:visible;transition:width .3s,height .35s .12s,background .3s,color .3s}
.chapter-dock:hover .dock-items,.chapter-dock:has(:focus-visible) .dock-items,.chapter-dock.dock-open .dock-items{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.16s}
.chapter-dock:hover .dock-peek:after,.chapter-dock:has(:focus-visible) .dock-peek:after,.chapter-dock.dock-open .dock-peek:after{transform:translateY(-2px) rotate(225deg)}
@media(hover:none){.chapter-dock.visible:hover:not(.dock-open):not(:has(:focus-visible)){width:80px;height:23px;transform:translate(-50%,0)}.chapter-dock.visible:hover:not(.dock-open):not(:has(:focus-visible)) .dock-items{opacity:0;visibility:hidden}}
@media(max-width:760px){.chapter-dock{padding:0}.chapter-body .mission-en{font-size:clamp(42px,10vw,65px);gap:.12em}.chapter-dock.visible:hover,.chapter-dock.visible:has(:focus-visible),.chapter-dock.visible.dock-open{width:290px}}
@media(prefers-reduced-motion:reduce){.mission-en .word{opacity:1;transition:none}.mission-en:after{display:none}}
body.motion-paused .mission-en .word{opacity:1;transition:none}body.motion-paused .mission-en:after{display:none}
/* v10: ascending signature composition and the origin-to-declaration threshold. */
.chapter-body .mission-en{display:block;width:100%;height:clamp(240px,29vw,420px);font-size:clamp(75px,9vw,135px);padding:0;margin:22px 0 0;isolation:isolate}
.mission-en .word{position:absolute;line-height:1.1;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .9s,text-shadow .5s}
.mission-en .word-brighten{left:0;top:25%;letter-spacing:-.045em;z-index:2}
.mission-en.has-entered .word-brighten{transform:rotate(-9deg) skewX(-5deg)}
.mission-en .word-it{left:49%;top:57%;font-size:.48em;z-index:3}
.mission-en.has-entered .word-it{transform:rotate(-13deg);transition-delay:.16s}
.mission-en .word-up{left:65%;top:0;font-size:1.75em!important;letter-spacing:-.09em;z-index:2}
.mission-en.has-entered .word-up{transform:rotate(-14deg);transition-delay:.3s}
.mission-en.has-entered:hover .word-up,.mission-en.has-entered:focus-visible .word-up{transform:translateY(-.09em) rotate(-18deg);transition-delay:0s}
.signature-stroke{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;color:#fff7df}
.signature-stroke path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.5s .45s,stroke-width .5s}
.mission-en.has-entered .signature-stroke path{stroke-dashoffset:140}
.mission-en.has-entered:hover .signature-stroke path,.mission-en.has-entered:focus-visible .signature-stroke path{stroke-dashoffset:0;stroke-width:2.4}
.mission-en.has-entered .signature-link{stroke-dashoffset:0;opacity:.6}
.mission-en:after{display:none}
.mission-en:hover .word,.mission-en:focus-visible .word{animation:signature-glow 1.3s ease both}
.mission-en:hover .word-it{animation-delay:.15s}.mission-en:hover .word-up{animation-delay:.3s}
@keyframes signature-glow{0%,100%{filter:brightness(1);text-shadow:none}45%{filter:brightness(1.2);text-shadow:0 0 25px #fff5ce85}}
.declaration-gate{height:48svh;min-height:260px;position:relative;overflow:hidden;--opening:0;background:#e0d8cc;isolation:isolate}
.opening-paper{position:absolute;inset:0;background:#faf7f1;transform:translateY(calc((1 - var(--opening))*100%));border-radius:50% 50% 0 0 / calc((1 - var(--opening))*100%) calc((1 - var(--opening))*100%) 0 0;z-index:-1}
.origin-seed{position:absolute;left:7vw;top:40%;width:12px;height:12px;border-radius:50%;background:var(--red);transform:scale(calc(.6 + var(--opening)*.4));box-shadow:0 0 0 calc(18px*(1 - var(--opening))) #b71a2f08}
.origin-thread{position:absolute;left:calc(7vw + 6px);right:7vw;top:calc(40% + 5px);height:2px;background:var(--red);transform:scaleX(var(--opening));transform-origin:left}
.origin-thread:after{content:'';position:absolute;right:0;top:0;width:2px;height:30svh;background:var(--red);transform:scaleY(var(--opening));transform-origin:top}
.chapter-3{padding-top:60px;background:#faf7f1;--fg:#292625;--secondary:#716a64;--accent:#b71a2f;--border:#45352a25;--wash:#b71a2f06}
.chapter-3 .chapter-heading:before{content:'';position:absolute;width:8px;height:8px;left:0;top:-25px;background:var(--red);border-radius:50%}
.chapter-3 h2{font-size:clamp(34px,4.3vw,62px);font-weight:650;line-height:1.35}
.chapter-3 .principle h3{font-size:clamp(28px,3.2vw,45px);font-weight:550;letter-spacing:-.02em;color:var(--red);margin-bottom:34px;line-height:1.4}
.chapter-3 .principle{min-height:65svh;padding:75px 0}
.chapter-3 .principle:after{background:transparent}
.chapter-3 .principle:before{height:0;top:0;transform:none;transition:height .85s}
.chapter-3 .principle.is-current:before{height:100%}
.chapter-3 .principle h3{transition:transform .8s,color .4s;transform:translateY(8px)}
.chapter-3 .principle.is-current h3{transform:none}
@media(max-width:760px){.chapter-body .mission-en{height:240px;font-size:19vw;margin-top:22px}.mission-en .word-it{top:54%}.mission-en .word-up{left:64%;top:6%}.declaration-gate{height:32svh;min-height:180px}.chapter-3 h2{font-size:var(--chapter-size)}.chapter-3 .principle h3{font-size:28px}.chapter-3 .principle{min-height:45svh;padding:42px 0}}
@media(prefers-reduced-motion:reduce){.signature-stroke path{stroke-dashoffset:0;transition:none}.mission-en .word{animation:none!important}.opening-paper{transform:none}.origin-thread{transform:none}}
body.motion-paused .signature-stroke path{stroke-dashoffset:0;transition:none}body.motion-paused .mission-en .word{animation:none!important}
@media print{.declaration-gate{display:none}.mission-en .word{opacity:1}.signature-stroke path{stroke-dashoffset:0}}
.signature-link{display:none}
.chapter-3 h2{font-size:var(--chapter-size);font-weight:600;line-height:1.5}
.mission-en .word-it{left:51%;top:46%}
/* v11: a short flowing stroke and matched alternating chapter palettes. */
.declaration-gate{height:36svh;min-height:220px;background:#e0d8cc}
.origin-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}
.flow-path{stroke:var(--red);stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0}
.flow-tip{fill:var(--red)}
.opening-paper{border-radius:0;transform:translateY(calc((1 - var(--opening))*55%));clip-path:ellipse(85% calc(75% + var(--opening)*50%) at 50% 100%);background:#faf7f1}
.chapter-3{background:transparent;--fg:var(--reading-fg);--secondary:var(--reading-secondary);--accent:var(--reading-accent);--border:var(--reading-border);--wash:var(--reading-wash)}
.chapter-3 .principle.is-current:before{height:42px;top:18%;border-radius:5px}
.chapter-3 .tracker-number,.chapter-5 .tracker-number{color:var(--red);opacity:1}
@media(max-width:760px){.declaration-gate{height:28svh;min-height:170px}}
@media(prefers-reduced-motion:reduce){.opening-paper{clip-path:none}}

/* v12: the preface, transition and declaration share one continuous canvas. */
.declaration-gate{background:transparent}
.opening-paper{display:none}
/* v14: full-width manifestos, giant opening titles and layered chapter sheets. */
.chapter:nth-of-type(n+3){display:block;padding:90px 7vw 240px;isolation:isolate;border:0;--accent:#b71a2f}
.chapter-3,.chapter-5{background:#faf7f1;--fg:#292625;--secondary:#716a64;--border:#45352a25;--wash:#b71a2f06;color:var(--fg)}
.chapter-4,.chapter-6{background:#232120;--fg:#faf6ef;--secondary:#d4cec8;--border:#faf6ef30;--wash:#faf6ef08;color:var(--fg)}
.chapter-3,.chapter-4,.chapter-5{position:sticky;top:var(--sheet-stop,-99999px)}
.chapter-3{z-index:3}.chapter-4{z-index:4}.chapter-5{z-index:5}.chapter-6{z-index:6}
.chapter-4,.chapter-5,.chapter-6{margin-top:-110px;border-radius:36px 36px 0 0;box-shadow:0 -22px 55px #00000014}
.chapter:nth-of-type(n+3) .chapter-heading{position:relative;top:auto;max-width:none;min-height:65svh;padding:0 0 80px;display:flex;flex-direction:column;justify-content:center}
.chapter:nth-of-type(n+3) .chapter-heading:before{display:none}
.chapter:nth-of-type(n+3) h2{font-size:clamp(52px,7.8vw,120px);font-weight:600;line-height:1.15;letter-spacing:-.045em;max-width:1100px}
.chapter:nth-of-type(n+3) .chapter-heading .chapter-number{margin-bottom:35px}
.chapter:nth-of-type(n+3) .chapter-heading .article-tracker,.chapter:nth-of-type(n+3) .chapter-heading .chapter-meter{display:none}
.chapter-ribbon{position:sticky;top:82px;z-index:8;display:flex;align-items:center;gap:24px;padding:14px 0;background:inherit;color:var(--secondary);font-size:12px;letter-spacing:.04em;border-bottom:1px solid var(--border);opacity:.5;transition:opacity .3s}
.chapter-ribbon.reading{opacity:1}.chapter-ribbon>span:first-child{color:var(--red)}.ribbon-current{margin-left:auto;color:var(--red);font-size:14px}
.chapter:nth-of-type(n+3) .chapter-body{max-width:none;width:100%;font-size:var(--body-size)}
.chapter:nth-of-type(n+3) .principle{min-height:78svh;padding:100px 0;display:flex;flex-direction:column;justify-content:center;max-width:850px;width:78%;margin:0 auto;border:0}
.chapter:nth-of-type(n+3) .principle:nth-child(3n+1){margin-left:0;margin-right:auto}
.chapter:nth-of-type(n+3) .principle:nth-child(3n+2){margin-left:auto;margin-right:0}
.chapter:nth-of-type(n+3) .principle:nth-child(3n){margin-left:auto;margin-right:auto}
.chapter:nth-of-type(n+3) .principle:after{display:none}
.chapter:nth-of-type(n+3) .principle:before{content:attr(data-article-label);position:static;width:auto;height:auto;transform:none;background:none;color:var(--red);font-size:15px;letter-spacing:.15em;display:block;margin-bottom:32px;opacity:1}
.chapter:nth-of-type(n+3) .principle h3{font-size:clamp(36px,5.5vw,76px);font-weight:550;line-height:1.25;margin:0 0 40px;color:var(--red);transform:none}
.chapter:nth-of-type(n+3) .principle-copy{max-width:760px}
.chapter:nth-of-type(n+3) .principle-copy p{font-size:var(--body-size);line-height:2;letter-spacing:.025em}
.chapter-6 .reading-group{margin:60px auto 0;width:min(100%,1000px)}
.chapter-6 .reading-panel{top:135px;height:calc(100svh - 175px);padding:0 40px;background:#faf6ef08;outline-color:#faf6ef25}
.group-title{position:relative;z-index:2;background:#2a2827;font-size:var(--section-size);font-weight:600;line-height:1.5;color:var(--red);padding:22px 0;border-bottom:1px solid #faf6ef25}
.chapter-6 .reading-group .principle{width:100%;max-width:none;min-height:0;margin:0;padding:28px 0;display:block}
.chapter-6 .reading-group .principle:before{display:none}
.chapter-6 .reading-group .principle h3{font-size:var(--article-size);margin-bottom:20px;color:var(--secondary)}
.chapter-6 .reading-panel:after{background:var(--red)}
.chapter-6 .reading-content{position:relative;z-index:1}
.chapter-6 .chapter-ribbon .ribbon-current{display:none}
@media(max-width:760px){.chapter:nth-of-type(n+3){padding:55px 7vw 150px}.chapter:nth-of-type(n+3) .chapter-heading{min-height:46svh;padding-bottom:45px}.chapter:nth-of-type(n+3) h2{font-size:clamp(38px,9vw,65px)}.chapter-4,.chapter-5,.chapter-6{margin-top:-65px;border-radius:23px 23px 0 0}.chapter-ribbon{top:70px;gap:12px;font-size:10px}.ribbon-current{font-size:12px}.chapter:nth-of-type(n+3) .principle{width:100%;min-height:65svh;padding:65px 0}.chapter:nth-of-type(n+3) .principle h3{font-size:38px}.chapter-6 .reading-panel{top:118px;height:calc(100svh - 150px);padding:0 18px}.group-title{font-size:20px;padding:16px 0}.chapter-6 .reading-group .principle{padding:24px 0}}
body.focus-mode .chapter:nth-of-type(n+3){position:relative;top:auto;margin-top:0;border-radius:0;box-shadow:none}body.focus-mode .chapter-ribbon{display:none}
@media print{.chapter:nth-of-type(n+3){position:static;margin-top:0;padding:25px 0;box-shadow:none}.chapter-ribbon{display:none}.chapter:nth-of-type(n+3) .chapter-heading{min-height:0}.chapter:nth-of-type(n+3) .principle{width:100%;min-height:0}.group-title{background:none}}
.chapter:nth-of-type(n+3) h2{text-wrap:balance}
/* v15: four tabbed folders, scroll-driven horizontal cards. */
.folder-system{position:relative;background:#e0d8cc;isolation:isolate}
.folder-tabs{height:54px;position:sticky;top:82px;z-index:29;background:#e0d8cc;transition:background .35s}
.folder-tabs.dark-folder{background:#232120}
.folder-tab{position:absolute;bottom:0;height:46px;padding:0 12px;border:1px solid #342b2520;border-bottom:0;border-radius:13px 13px 0 0;background:#ebe5dc;color:#50483f;font-size:12px;white-space:nowrap;transition:left .65s cubic-bezier(.2,.75,.2,1),width .65s cubic-bezier(.2,.75,.2,1),background .35s,color .35s;overflow:hidden;text-overflow:ellipsis;box-shadow:0 -4px 14px #00000004}
.folder-tab:nth-child(even){background:#353230;color:#f6f0e8}
.folder-tab.current{background:#faf7f1;color:#b71a2f;z-index:3;border-top:3px solid #b71a2f}
.folder-tabs.dark-folder .folder-tab.current{background:#232120;color:#f7f2ea}
.folder-tab.full-title{font-size:14px;font-weight:600;text-align:left}
.folder-tab.past{opacity:.75}.folder-tab:hover{opacity:1}
.folder-system>.chapter{display:block;position:relative;top:auto!important;padding:0!important;margin:0!important;border:0;border-radius:0;box-shadow:none;z-index:auto;background:transparent;scroll-margin-top:136px;isolation:auto}
.folder-system>.chapter:nth-child(even){--fg:#292625;--secondary:#716a64;--border:#45352a25;--wash:#b71a2f06}
.folder-system>.chapter-3,.folder-system>.chapter-5{--fg:#292625;--secondary:#716a64;--border:#45352a25;--wash:#b71a2f06;--folder-bg:#faf7f1;--card-bg:#fffdf8}
.folder-system>.chapter-4,.folder-system>.chapter-6{--fg:#faf6ef;--secondary:#cfc5bb;--border:#faf6ef25;--wash:#faf6ef08;--folder-bg:#232120;--card-bg:#302d2a}
.folder-scene{position:sticky;top:136px;height:calc(100svh - 136px);overflow:hidden;background:var(--folder-bg);color:var(--fg);border-top:1px solid var(--border);box-shadow:0 -6px 20px #00000005}
.folder-system .chapter .chapter-heading{position:absolute;left:7vw;top:22%;min-height:0;max-width:none;width:86vw;padding:0;display:block}
.folder-system .chapter h2{font-size:clamp(40px,6.2vw,95px);line-height:1.25;text-wrap:balance;max-width:1000px;transform-origin:0 0;will-change:transform,opacity}
.folder-system .chapter .chapter-number{position:absolute;bottom:calc(100% + 34px);font-size:13px;color:var(--red);margin:0}
.folder-system .chapter .chapter-number>span{color:var(--secondary)}
.folder-system .chapter .chapter-heading .article-tracker,.folder-system .chapter .chapter-meter{display:none}
.folder-system .chapter .chapter-body{position:absolute;left:7vw;top:28px;bottom:88px;width:86vw;max-width:none;display:flex;gap:28px;align-items:stretch;padding:0;will-change:transform;line-height:1.95;opacity:0}
.folder-system .chapter .folder-card{position:relative;flex:0 0 86%;width:86%;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;max-width:none;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);box-shadow:0 12px 30px #00000004;overflow:hidden;display:block!important;opacity:.45;transition:opacity .35s}
.folder-system .chapter .folder-card.current-card{opacity:1}
.folder-system .chapter .folder-card:before,.folder-system .chapter .folder-card:after{display:none}
.card-scroll{height:100%;overflow:hidden;overscroll-behavior:auto;scroll-behavior:auto!important}
.card-inner{padding:35px 42px 48px}
.card-inner:before{content:attr(data-label);display:none}
.folder-system .chapter .folder-card>.card-scroll>.card-inner:before{content:attr(data-article-label);display:block;color:var(--red);font-size:14px;margin-bottom:20px}
.folder-system .chapter .folder-card h3{font-size:clamp(28px,3.7vw,52px);line-height:1.3;font-weight:550;margin:0 0 28px;color:var(--red);transform:none}
.folder-system .chapter .principle-copy{max-width:none}
.folder-system .chapter .principle-copy p{font-size:var(--body-size);line-height:1.95;margin-bottom:22px}
.folder-system .chapter .principle-copy p:last-child{margin-bottom:0}
.folder-system .chapter .reading-panel{position:static;top:auto;height:100%;padding:0;border:0;outline:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;overflow:hidden;border-radius:0}
.folder-system .reading-panel:after{display:none}
.folder-system .group-title{flex:none;padding:20px 35px;background:var(--card-bg);font-size:var(--section-size);line-height:1.5;margin:0;color:var(--red);border-bottom:1px solid var(--border)}
.folder-system .reading-panel>.card-scroll{flex:1;min-height:0;height:auto}
.folder-system .reading-content{padding:12px 35px 36px;transform:none!important;will-change:auto}
.folder-system .chapter-6 .reading-group .principle{width:100%;height:auto;min-height:0;padding:24px 0;margin:0;display:block;border:0}
.folder-system .chapter-6 .reading-group .principle h3{font-size:var(--article-size);margin:0 0 16px;color:var(--secondary);line-height:1.5}
.folder-controls{position:absolute;left:7vw;right:7vw;bottom:20px;display:flex;align-items:center;gap:12px;color:var(--secondary)}
.folder-instruction{margin-right:auto;font-size:12px;letter-spacing:.04em}
.card-count{font-size:13px;font-variant-numeric:tabular-nums;margin-right:12px}
.folder-controls button{height:43px;width:43px;border:1px solid var(--border);background:transparent;border-radius:50%;font-size:23px;transition:background .2s,color .2s}
.folder-controls button:hover:not(:disabled){background:var(--red);color:white;border-color:var(--red)}
.folder-controls button:disabled{opacity:.2;cursor:default}
body.in-folders #back-top{bottom:96px}
body.focus-mode .folder-tabs,body.focus-mode .folder-controls{display:none}
body.focus-mode .folder-system .chapter{height:auto!important}
body.focus-mode .folder-system .folder-scene{position:static;height:auto;overflow:visible;padding:40px 7vw}
body.focus-mode .folder-system .chapter .chapter-heading{position:static;width:auto;margin-bottom:30px}
body.focus-mode .folder-system .chapter h2{transform:none!important;opacity:1!important;font-size:var(--chapter-size)}
body.focus-mode .folder-system .chapter .chapter-number{display:none}
body.focus-mode .folder-system .chapter .chapter-body{position:static;display:block;width:auto;transform:none!important;opacity:1!important;visibility:visible!important}
body.focus-mode .folder-system .chapter .folder-card{width:100%;height:auto!important;opacity:1;margin-bottom:25px!important}
body.focus-mode .card-scroll{height:auto;overflow:visible}
@media(max-width:760px){.folder-tabs{top:70px;height:48px}.folder-tab{height:42px;font-size:10px;padding:0 5px;border-radius:9px 9px 0 0}.folder-tab.full-title{font-size:11px}.folder-scene{top:118px;height:calc(100svh - 118px)}.folder-system .chapter .chapter-heading{top:22%;left:6vw;width:88vw}.folder-system .chapter h2{font-size:clamp(32px,8vw,55px)}.folder-system .chapter .chapter-body{left:6vw;top:20px;bottom:82px;width:88vw;gap:16px}.folder-system .chapter .folder-card{flex-basis:92%;width:92%}.card-inner{padding:25px 22px 32px}.folder-system .chapter .folder-card h3{font-size:30px}.folder-system .group-title{padding:16px 22px;font-size:20px}.folder-system .reading-content{padding:8px 22px 25px}.folder-controls{left:6vw;right:6vw;bottom:20px;gap:8px}.folder-controls button{width:38px;height:38px}.folder-instruction{font-size:10px;max-width:110px}.card-count{margin-right:2px;font-size:11px}.folder-system>.chapter{scroll-margin-top:118px}}
@media print{.folder-tabs,.folder-controls{display:none}.folder-system>.chapter{height:auto!important}.folder-scene{position:static;height:auto;overflow:visible}.folder-system .chapter .chapter-heading,.folder-system .chapter .chapter-body{position:static;width:auto;opacity:1!important;visibility:visible!important;transform:none!important}.folder-system .chapter .chapter-body{display:block}.folder-system .chapter h2{transform:none!important;opacity:1!important}.folder-system .chapter .folder-card{width:100%;height:auto!important;opacity:1}.card-scroll{height:auto;overflow:visible}.folder-system .chapter .reading-panel{display:block;height:auto}.folder-system .chapter .chapter-number{display:none}}

.folder-system .chapter .chapter-heading:before{display:none}
.folder-tab:focus-visible{outline-offset:2px}
.folder-system .chapter .chapter-number{display:none}
@media(prefers-reduced-motion:reduce){.folder-tab{transition:none}}
body.motion-paused .folder-tab{transition:none}
/* v16: centered chapter identities, pinned card headings and edge-aligned tabs. */
.chapter-number{display:none!important}
.folder-system .chapter .chapter-heading{text-align:center;top:24%}
.folder-system .chapter h2{margin-inline:auto;text-align:center;max-width:none;transform-origin:0 0}
.chapter-english{display:block;margin-top:24px;font-size:clamp(13px,1.5vw,20px);letter-spacing:.2em;color:var(--red);font-weight:500}
.chapter-title-mark{display:block;width:65px;height:2px;background:var(--red);margin:28px auto 0;position:relative}
.chapter-title-mark:after{content:'';position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;left:29px;top:-2px}
.folder-system .chapter-3 .folder-card{display:flex!important;flex-direction:column}
.folder-system .chapter-3 .folder-card .card-fixed-title{flex:none;position:relative;z-index:2;background:var(--card-bg);padding:28px 42px 20px;margin:0;border-bottom:1px solid var(--border)}
.folder-system .chapter-3 .folder-card>.card-scroll{flex:1;min-height:0;height:auto}
.folder-system .chapter-3 .folder-card .card-inner{padding:25px 42px 35px}
.folder-system .chapter-3 .folder-card>.card-scroll>.card-inner:before{display:none}
.chapter-1 .chapter-meter{height:3px;background:#ffffff70}
.chapter-1 .chapter-meter>span{background:#fffaf2}
.chapter-2 .chapter-meter{height:3px;background:#716a6455}
.folder-tab:first-child.current,.folder-tab:first-child.past{border-top-left-radius:0}
.folder-tab:last-child:not(.current):not(.past){border-top-right-radius:0}
.chapter-dock{z-index:50}
@media(max-width:760px){.folder-system .chapter-3 .folder-card .card-fixed-title{padding:22px 22px 16px}.folder-system .chapter-3 .folder-card .card-inner{padding:20px 22px 28px}.chapter-english{font-size:11px;letter-spacing:.13em;margin-top:18px}}
/* v17: a single editorial pagination strip. */
.page-strip{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:3px;height:44px;overflow:hidden;background:var(--folder-bg)}
.folder-controls .page-strip button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:13px;width:108px;height:100%;border:0;border-radius:0;font-size:12px;padding:0 14px;background:transparent;overflow:hidden}
.page-strip button>span{position:relative;z-index:1}
.page-strip button:before{content:'';position:absolute;inset:0;background:var(--red);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.7,.2,1);transform-origin:right}
.page-strip .card-prev:before{transform-origin:left}
.folder-controls .page-strip button:hover:not(:disabled){background:transparent;color:white}
.page-strip button:hover:not(:disabled):before,.page-strip button:focus-visible:not(:disabled):before{transform:scaleX(1)}
.page-strip button:focus-visible{outline-offset:-3px}
.page-strip .card-count{display:flex;align-items:center;justify-content:center;min-width:80px;margin:0;padding:0 14px;border-inline:1px solid var(--border);font-size:12px}
@media(max-width:760px){.folder-controls .page-strip button{width:78px;padding:0 8px;gap:7px;font-size:11px}.page-strip .card-count{min-width:58px;padding:0 8px;font-size:10px}.page-strip{height:40px}.folder-instruction{max-width:80px}}
@media(prefers-reduced-motion:reduce){.page-strip button:before{transition:none}}
/* v18: large outlined English overprint behind the Chinese title. */
.folder-system .chapter .chapter-heading{isolation:isolate;min-height:200px;top:27%}
.folder-system .chapter h2{position:relative;z-index:2;font-weight:650;text-shadow:0 2px var(--folder-bg),2px 0 var(--folder-bg),-2px 0 var(--folder-bg),0 -2px var(--folder-bg);pointer-events:none}
.folder-system .chapter-english{position:absolute;z-index:1;left:50%;top:.36em;display:flex;justify-content:center;width:112%;margin:0;line-height:.95;letter-spacing:-.055em;font-family:Impact,'Arial Narrow','Helvetica Neue',sans-serif;font-size:clamp(100px,15vw,220px);font-weight:900;white-space:nowrap;transform:translate(-50%,calc(45px + var(--english-retreat,0px)));transition:transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none}
.english-type{position:relative;display:inline-block;flex:none;width:max-content;color:transparent;-webkit-text-stroke:1.25px var(--red);transform:scaleX(var(--type-scale,1));transform-origin:center;clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.16,1,.3,1)}
.english-entered .chapter-english{transform:translate(-50%,var(--english-retreat,0px))}
.english-entered .english-type{clip-path:inset(0)}
.english-type:after{content:attr(data-ink);position:absolute;inset:0;color:var(--red);-webkit-text-stroke:0;clip-path:circle(var(--ink-radius,0px) at var(--ink-x,28%) var(--ink-y,60%));transition:clip-path .4s cubic-bezier(.2,.7,.2,1)}
.english-entered .english-type:before{content:attr(data-ink);position:absolute;inset:0;color:var(--red);-webkit-text-stroke:0;clip-path:inset(0 100% 0 0);animation:overprint-sweep 1.65s .35s ease-out both}
@keyframes overprint-sweep{0%{clip-path:inset(0 100% 0 0);opacity:.9}50%{clip-path:inset(0 0 0 0);opacity:.75}100%{clip-path:inset(0 0 0 100%);opacity:0}}
.folder-system .chapter-title-mark{display:none}
@media(max-width:760px){.folder-system .chapter .chapter-heading{top:28%;min-height:170px}.folder-system .chapter-english{font-size:clamp(80px,18vw,135px);top:.52em}.english-type{-webkit-text-stroke:1px var(--red)}}
@media(prefers-reduced-motion:reduce){.english-type{clip-path:none;transition:none}.english-type:before{animation:none!important;display:none}.folder-system .chapter-english{transition:none}.english-type:after{transition:none}}
body.motion-paused .english-type{clip-path:none;transition:none}body.motion-paused .english-type:before{animation:none;display:none}body.motion-paused .chapter-english{transition:none}
@media print{.folder-system .chapter-english{position:static;transform:none!important;font-size:20px;margin:20px 0;width:auto}.english-type{color:var(--red);clip-path:none;transform:none}.english-type:before,.english-type:after{display:none}}
.folder-system .chapter-english{top:.13em;letter-spacing:0}
.english-type{padding-inline:.025em}
.english-type:before,.english-type:after{padding-inline:.025em}
@media(max-width:760px){.folder-system .chapter-english{top:.28em}}

/* v19: aligned bilingual titles and folded paper navigation. */
.folder-system .chapter .chapter-heading{top:20%;overflow:visible}
.folder-system .chapter h2{font-weight:850;line-height:1.15;white-space:nowrap;letter-spacing:0;margin:0 auto}
.folder-system .chapter-english{width:100%;top:calc(var(--chinese-height,150px) - .12em);overflow:visible}
.english-type{padding:0 .06em;clip-path:inset(100% -.15em -.15em)}
.english-type:before,.english-type:after{padding:0 .06em}
.english-entered .english-type{clip-path:inset(-.15em)}
.page-strip{border:0;border-radius:0;background:transparent;overflow:visible;gap:14px;height:48px}
.folder-controls .page-strip button{width:112px;padding:0 18px;overflow:visible;background:var(--card-bg);border:1px solid var(--border);color:inherit;filter:drop-shadow(0 3px 3px #0000000a);transition:transform .3s,filter .3s;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}
.folder-controls .page-strip .card-prev{clip-path:polygon(15px 0,100% 0,100% 100%,0 100%,0 15px)}
.page-strip button:before{inset:0 0 auto auto;width:15px;height:15px;background:var(--red);transform:none;transform-origin:100% 0;clip-path:polygon(0 0,0 100%,100% 100%);transition:width .3s,height .3s}
.page-strip .card-prev:before{inset:0 auto auto 0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.folder-controls .page-strip button:hover:not(:disabled),.folder-controls .page-strip button:focus-visible:not(:disabled){background:var(--card-bg);color:var(--red);transform:translateY(-3px);filter:drop-shadow(0 7px 5px #00000012)}
.page-strip button:hover:not(:disabled):before,.page-strip button:focus-visible:not(:disabled):before{transform:none;width:20px;height:20px}
.page-strip .card-count{border:0;min-width:54px;padding:0;font-size:12px}
@media(max-width:760px){.folder-system .chapter .chapter-heading{top:24%}.page-strip{gap:8px;height:42px}.folder-controls .page-strip button{width:86px;padding:0 10px}.page-strip .card-count{min-width:45px}}
@media(prefers-reduced-motion:reduce){.folder-controls .page-strip button,.page-strip button:before{transition:none}}
body.motion-paused .page-strip button,body.motion-paused .page-strip button:before{transition:none}
/* v21: card-edge pull tabs; the control is part of the reading surface. */
.folder-controls .page-strip{position:relative;gap:0;height:44px;align-items:center}
.folder-controls .page-strip button{width:52px;height:44px;padding:0;border:0;background:transparent;color:var(--secondary);filter:none;clip-path:none;transition:width .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,transform .3s}
.folder-controls .page-strip button>span:not([aria-hidden=true]){opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .25s,max-width .45s}
.folder-controls .page-strip button:hover:not(:disabled),.folder-controls .page-strip button:focus-visible:not(:disabled){width:126px;background:var(--card-bg);color:var(--red);transform:none;filter:drop-shadow(0 5px 8px #00000014)}
.folder-controls .page-strip button:hover:not(:disabled)>span:not([aria-hidden=true]),.folder-controls .page-strip button:focus-visible:not(:disabled)>span:not([aria-hidden=true]){opacity:1;max-width:80px}
.page-strip button:before,.page-strip .card-prev:before{content:none}
.folder-controls .page-strip .card-prev{border-radius:22px 0 0 22px;border:1px solid var(--border);border-right:0}
.folder-controls .page-strip .card-next{border-radius:0 22px 22px 0;border:1px solid var(--border);border-left:0}
.page-strip .card-count{height:32px;min-width:58px;padding:0 12px;border-block:1px solid var(--border);background:var(--card-bg);color:var(--secondary)}
.folder-system .chapter .chapter-heading{display:flex;flex-direction:column;align-items:center}
.folder-system .chapter h2{flex:none;position:relative;left:auto;right:auto}
.folder-system .chapter-english{left:50%;right:auto;transform:translate(-50%,calc(45px + var(--english-retreat,0px)));}
.english-entered .chapter-english{transform:translate(-50%,var(--english-retreat,0px))}
.folder-system .chapter-heading{justify-content:center}
.folder-system .chapter-english{top:calc(50% - var(--title-block-height,220px)/2 + var(--chinese-height,150px) - .34em)}
@media(max-width:760px){.folder-controls .page-strip button{width:42px}.folder-controls .page-strip button:hover:not(:disabled),.folder-controls .page-strip button:focus-visible:not(:disabled){width:94px}.page-strip .card-count{min-width:48px;padding:0 8px}}
/* v20: squared Chinese letterforms overlap the outlined English. */
.folder-system .chapter h2{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-weight:900;text-shadow:0 2px var(--folder-bg),2px 0 var(--folder-bg),-2px 0 var(--folder-bg),0 -2px var(--folder-bg);-webkit-text-stroke:.014em currentColor}
.folder-system .chapter-english{top:calc(var(--chinese-height,150px) - .34em)}
/* Real photographs: seamless, original colour, composition-aware crops. */
.photo-wall{grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:0;background:#171819}
.photo-wall .wall-tile{grid-area:auto;padding:0;position:relative;background:#171819}
.photo-wall .wall-tile{grid-column:span 5}
.photo-wall .tile-5{grid-column:span 8}
.photo-wall .tile-6{grid-column:span 12}
.photo-wall .tile-7{grid-column:span 4}
.photo-wall .tile-8{grid-column:span 6}
.wall-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:none}
/* v26: a pull-out signature with chapter-wide author echoes. */
.signature{--signature-ink:var(--red);display:inline-flex;vertical-align:baseline;align-items:center;position:relative;isolation:isolate;gap:9px;min-height:38px;margin:0 0 0 12px;padding:4px 14px 4px 2px;border:0;border-radius:0;background:transparent;color:var(--signature-ink);font-family:inherit;font-size:15px;font-weight:550;line-height:1.3;letter-spacing:.1em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.signature-rule{position:relative;flex:none;width:18px;height:1px;font-size:0;background:var(--red);transform-origin:right;transform:scaleX(.48);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.signature-name{position:relative;display:inline-block;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.signature-name:before{content:attr(data-name);position:absolute;inset:0;color:transparent;-webkit-text-stroke:.65px var(--red);opacity:0;transform:translateX(0);transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}
.signature-dot{position:absolute;right:0;width:4px;height:4px;border-radius:50%;background:var(--red);opacity:0;transform:scale(.4);transition:opacity .3s,transform .45s}
.signature:after{content:'';position:absolute;z-index:-1;left:24px;right:4px;bottom:4px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.signature:hover .signature-rule{transform:scaleX(1)}.signature:hover .signature-name{transform:translateX(5px)}.signature:hover .signature-name:before{opacity:.2;transform:translate(-3px,2px)}.signature:hover:after{transform:scaleX(1)}}
.signature:focus-visible{outline:1px solid var(--red);outline-offset:3px}
.signature:focus-visible .signature-rule,.signature[aria-pressed=true] .signature-rule{transform:scaleX(1)}
.signature:focus-visible .signature-name,.signature[aria-pressed=true] .signature-name{transform:translateX(5px)}
.signature[aria-pressed=true]:after{transform:scaleX(1)}
.signature[aria-pressed=true] .signature-dot{opacity:1;transform:scale(1)}
.signed-text{box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .4s,box-shadow .4s}
.signed-quote.author-linked .signed-text{background:#b71a2f0c;box-shadow:0 1px 0 #b71a2f55}
.folder-system .chapter .folder-card.author-linked{border-color:#b71a2f65}
.folder-system .chapter .signed-quote:hover{color:inherit}
.chapter-4 .signature,.chapter-6 .signature{--signature-ink:#f5f0e9}
.chapter-4 .signed-quote.author-linked .signed-text,.chapter-6 .signed-quote.author-linked .signed-text{background:#b71a2f24;box-shadow:0 1px 0 var(--red)}
.signature-hint{color:var(--fg);letter-spacing:.05em}
.signature-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.signature{font-size:14px;min-height:40px;margin-left:8px;gap:7px}.folder-instruction.signature-hint{max-width:140px}}
@media(prefers-reduced-motion:reduce){.signature *,.signature:after,.signature-name:before,.signed-text{transition:none!important}.signature-name{transform:none!important}.signature-name:before{display:none}}
body.motion-paused .signature *,body.motion-paused .signature:after,body.motion-paused .signature-name:before,body.motion-paused .signed-text{transition:none!important}
body.motion-paused .signature-name{transform:none!important}
body.motion-paused .signature-name:before{display:none}
@media print{.signature{color:inherit;min-height:0;padding:0;letter-spacing:0}.signature:after,.signature-name:before,.signature-dot,.signature-announcement{display:none}.signature-name{transform:none!important}.signed-quote.author-linked .signed-text{background:none;box-shadow:none}}