@charset "UTF-8";
:root{color-scheme:dark;--ink:#ede9e2;--muted:#a19d95;--bg:#10100f;--line:rgba(237,233,226,.19);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#cbb08c;color:#111}img{max-width:100%}h1,h2,p{margin:0}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#eee;color:#111;padding:14px}.skip:focus{top:20px}.micro,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:400}.hero{margin:14px 14px 0;min-height:760px;height:calc(100svh - 28px);max-height:1200px;border-radius:26px;overflow:hidden;position:relative;background:#18140e;isolation:isolate}.hero-background{position:absolute;inset:0;z-index:-3;background:url('assets/01-ter-traditum.jpg') center 35%/cover no-repeat;animation:opening 1.4s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.05) 30%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.88)),linear-gradient(90deg,rgba(9,9,8,.58),rgba(9,9,8,.16) 64%,rgba(9,9,8,.15))}.nav{display:flex;justify-content:space-between;align-items:flex-start;position:absolute;inset:31px 36px auto;font-size:11px;gap:30px}.brand{display:flex;flex-direction:column;gap:15px}.brand>span{font-size:8px;letter-spacing:.5px;line-height:1.25}.brand strong{font-size:13px;font-weight:400;letter-spacing:2px}.nav-edition{margin-top:2px;font-size:9px;letter-spacing:1px;margin-right:auto;margin-left:70px}.nav nav{display:flex;gap:38px;font-size:11px}.nav nav a span{margin-left:14px}.hero-title{position:absolute;left:29%;top:29%;text-shadow:0 2px 35px #0007}.hero-title .eyebrow{margin-bottom:18px;font-size:9px;letter-spacing:2.4px}.hero-title h1{font-size:clamp(50px,5.6vw,98px);line-height:1.12;letter-spacing:-3px;font-weight:500}.hero-title h1 span{display:block}.title-note{position:absolute;left:calc(100% + 48px);bottom:5px;white-space:nowrap;font-size:11px;line-height:1.8;letter-spacing:1px}.hero-feature{position:absolute;bottom:32%;left:5%;display:flex;flex-direction:column;gap:8px;max-width:190px}.hero-feature .micro{font-size:8px;letter-spacing:1px;color:#d1c3ac}.hero-feature strong{font-family:"Songti SC","SimSun",serif;font-size:27px;font-weight:400;letter-spacing:3px}.hero-feature>span:last-child{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:40px}.hero-feature b{font-size:20px;font-weight:400}.hero-previews{position:absolute;inset:0;pointer-events:none}.preview{position:absolute;display:block;width:22%;pointer-events:auto;background:#141413;box-shadow:0 16px 40px #0003;transition:transform .4s}.preview:hover{transform:translateY(-8px)}.preview img{display:block;width:100%;aspect-ratio:1.777;object-fit:contain}.preview>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:12px 14px;color:#d5d2ca}.preview b{font-weight:400}.preview-02{left:3%;top:70%;width:22%}.preview-03{left:65%;top:55%;width:25%}.preview-04{left:91.5%;top:55%;width:25%}.preview-05{left:83%;top:78%;width:17%;z-index:1}.hero-footer{position:absolute;bottom:27px;left:29%;right:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8}.hero-footer>span{position:absolute;bottom:75px;left:0;font-size:8px;letter-spacing:1px;color:#c1bcb2;max-width:170px}.hero-footer p{font-size:10px;color:#d0cbc2}.hero-footer>a{white-space:nowrap;letter-spacing:1px}.hero-footer>a span{padding-left:30px;font-size:18px}.index{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:120px 6% 130px}.section-heading .eyebrow{color:#a89f91;margin-bottom:25px}.section-heading h2{font-family:"Songti SC","SimSun",serif;font-size:42px;font-weight:400;letter-spacing:2px}.section-heading h2 span{font-family:Arial,sans-serif;font-size:14px;color:var(--muted);letter-spacing:0}.section-heading>p:last-child{font-size:12px;line-height:2;color:var(--muted);margin-top:24px}.index-links a{display:grid;grid-template-columns:35px 1fr 90px 20px;align-items:center;border-top:1px solid var(--line);padding:20px 0;gap:15px;transition:padding .3s,color .3s}.index-links a:last-child{border-bottom:1px solid var(--line)}.index-links a:hover{padding-left:12px;color:#d5b88a}.index-links a>span{font-size:10px;color:var(--muted)}.index-links strong{font-weight:400;font-size:17px}.index-links small{font-size:10px;color:var(--muted);text-align:right}.index-links b{font-weight:400;text-align:right}.project{--accent:#c2a074;padding:50px 6% 60px;scroll-margin-top:0;background:#1b1915}.project-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:1px;color:var(--accent);padding-bottom:30px;border-top:1px solid currentColor;padding-top:18px}.project-top span:nth-child(2){margin-left:auto;margin-right:12%}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding:10px 0 32px}.project-title h2{font-family:"Songti SC","SimSun",serif;font-size:clamp(30px,3.5vw,58px);font-weight:400;letter-spacing:3px}.project-title p{font-size:10px;letter-spacing:2px;color:var(--accent)}.separator{padding:0 12px}.artwork{display:block;border:0;padding:0;background:transparent;position:relative;width:100%;overflow:hidden;line-height:0;text-align:left}.artwork img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transition:filter .4s}.artwork:hover img{filter:brightness(1.06)}.view-label{position:absolute;right:20px;bottom:20px;padding:15px 19px;background:rgba(16,16,15,.74);color:#f2eee5;backdrop-filter:blur(8px);font-size:10px;letter-spacing:1px;line-height:1;opacity:0;transform:translateY(6px);transition:.3s}.view-label b{padding-left:25px;font-size:14px;font-weight:400}.artwork:hover .view-label,.artwork:focus-visible .view-label{opacity:1;transform:translateY(0)}.project-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;line-height:1.8}.project-bottom>p{opacity:.68;letter-spacing:.5px}.project-bottom>span{font-size:10px;color:var(--accent);white-space:nowrap}.dunhuang{background:#eee6d8;color:#322b20;--accent:#8b6840}.dragon{background:#101f1c;color:#e8e6d9;--accent:#be9b64}.hades{background:#201727;color:#eee3ef;--accent:#bf9fbf}.sakura{background:#f2e5e5;color:#222338;--accent:#a44764}.footer{padding:105px 6% 35px}.footer .eyebrow{color:var(--muted);margin-bottom:35px}.footer h2{font-family:"Songti SC","SimSun",serif;font-size:clamp(32px,4.5vw,70px);line-height:1.45;font-weight:400;letter-spacing:3px}.footer h2>span{color:#a19b90}.footer-bottom{border-top:1px solid var(--line);padding-top:27px;display:flex;justify-content:space-between;align-items:flex-end;margin-top:85px;font-size:12px;line-height:1.8}.footer-bottom p>span{font-size:10px;color:var(--muted)}.footer-bottom a{display:flex;align-items:center;gap:35px;font-size:11px}.footer-bottom b{font-size:25px;font-weight:400}.reading-progress{position:fixed;z-index:10;top:0;left:0;width:100%;height:2px;background:#d6b88b;transform-origin:left;transform:scaleX(0)}dialog{position:fixed;inset:0;border:0;background:rgba(12,12,12,.98);color:#eee9e0;max-width:none;max-height:none;width:100%;height:100%;padding:25px 35px;margin:0}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;min-height:45px}.viewer-top p{letter-spacing:1px}.viewer-top button,.viewer-bottom button{border:0;background:none;padding:12px;font-size:12px}.close-viewer span{font-size:25px;vertical-align:middle;padding-left:20px}.viewer-image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:15px 0}.viewer-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewer-bottom{margin-top:10px}.viewer-bottom p{font-size:10px;letter-spacing:2px;color:#aaa}.viewer-bottom button span{padding:0 15px}.locked{overflow:hidden}@keyframes opening{from{transform:scale(1.04);opacity:.6}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.hero-title{top:28%}.preview-02{top:65%}.hero-feature{bottom:39%}.hero-footer{bottom:35px}}
@media(max-width:1000px){.hero{min-height:700px;max-height:980px}.nav{inset:25px}.nav-edition{margin-left:25px}.nav nav{gap:20px}.hero-title{left:25%;top:28%}.hero-title h1{font-size:65px}.title-note{left:calc(100% + 25px);font-size:9px}.hero-feature{bottom:35%;left:5%}.hero-feature strong{font-size:22px}.preview-02{top:70%;width:27%}.preview-03{top:60%;left:59%;width:29%}.preview-04{top:60%;left:90%;width:29%}.preview-05{top:82%;left:81%;width:19%}.hero-footer{left:33%;bottom:25px}.hero-footer>span{max-width:130px;bottom:60px}.index{gap:50px;padding-top:90px;padding-bottom:90px}.section-heading h2{font-size:32px}.index-links a{grid-template-columns:22px 1fr 70px 15px;gap:8px}.index-links strong{font-size:14px}.project-title h2{letter-spacing:1px}.project-title p{font-size:8px;letter-spacing:1px}}
@media(max-width:640px){.hero{margin:8px 8px 0;border-radius:19px;height:calc(100svh - 16px);min-height:760px;max-height:1000px}.hero-background{background-position:52% center}.hero-shade{background:linear-gradient(180deg,#05050466,#05050422 18%,#05050455 40%,#050504dd 75%,#050504f5)}.nav{inset:23px 20px;gap:15px}.brand>span{font-size:7px}.brand strong{font-size:11px}.nav-edition{display:none}.nav nav{gap:20px;font-size:10px}.nav nav a span{margin-left:4px}.hero-title{top:27%;left:9%}.hero-title .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:14px}.hero-title h1{font-size:clamp(46px,12.8vw,72px);letter-spacing:-2px;line-height:1.12}.title-note{position:static;display:block;font-size:10px;line-height:1.5;margin-top:20px}.hero-feature{left:auto;right:7%;bottom:39%;gap:6px}.hero-feature .micro{font-size:7px}.hero-feature strong{font-size:20px}.hero-feature>span:last-child{font-size:7px;gap:25px}.hero-previews{inset:65% 0 auto;height:145px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;padding:0 20px 12px}.hero-previews::-webkit-scrollbar{display:none}.preview{position:relative;inset:auto;width:185px;min-width:185px;flex-shrink:0;box-shadow:none;align-self:flex-start}.preview-03{margin-top:14px}.preview-04{margin-top:0}.preview-05{margin-top:14px}.preview>span{font-size:8px;padding:9px 10px}.preview:hover{transform:none}.hero-footer{left:22px;right:22px;bottom:23px;font-size:8px}.hero-footer>span{display:none}.hero-footer p{font-size:9px}.hero-footer>a span{padding-left:10px}.index{display:block;padding:70px 7% 75px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-heading h2{font-size:33px}.section-heading>p:last-child{margin-top:16px;font-size:11px}.index-links{margin-top:35px}.index-links a{padding:18px 0;grid-template-columns:25px 1fr 65px 15px;gap:10px}.index-links strong{font-size:15px}.index-links small{font-size:9px}.project{padding:32px 5% 34px}.project-top{font-size:8px;letter-spacing:.7px;padding:15px 0 25px}.project-top span:nth-child(2){margin-right:0}.project-title{display:block;padding:0 0 22px}.project-title h2{font-size:32px;letter-spacing:1px}.project-title p{margin-top:12px;font-size:8px;letter-spacing:1.7px}.separator{padding:0 6px}.project-bottom{display:block;margin-top:17px;font-size:10px}.project-bottom>span{display:block;margin-top:10px;font-size:9px}.view-label{opacity:1;transform:none;padding:9px 10px;right:8px;bottom:8px;font-size:8px}.view-label b{padding-left:12px;font-size:10px}.footer{padding:65px 7% 25px}.footer .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:25px}.footer h2{font-size:33px;letter-spacing:1px}.footer-bottom{margin-top:50px;gap:20px;align-items:flex-start}.footer-bottom p{font-size:10px}.footer-bottom p>span{font-size:8px;display:block;max-width:210px;margin-top:6px}.footer-bottom a{gap:15px;font-size:9px;white-space:nowrap}.footer-bottom b{font-size:19px}dialog{padding:14px}.viewer-top p{font-size:11px}.viewer-top button{font-size:10px}.viewer-bottom button{font-size:11px}.viewer-bottom button span{padding:0 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}