:root{--paper:#f7f4eb;--surface:#fcfaf4;--ink:#30366d;--coral:#ed7055;--muted:#777d9c;--line:#dcdccf;--mint:#cce8df;--butter:#f1e4ba;--lavender:#d5cfe8;--sky:#bed8e8;--shade:#e7e5da;--serif:Georgia,'Songti SC','Noto Serif SC',SimSun,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background-color:var(--paper);background-image:linear-gradient(#30366d06 1px,transparent 1px),linear-gradient(90deg,#30366d06 1px,transparent 1px);background-size:64px 64px;color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:6px}.site-header,.site-footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.wordmark{font:600 24px/1.3 var(--serif);white-space:nowrap}.wordmark em{color:var(--coral);font-weight:400}.wordmark span{font:12px var(--sans);color:var(--muted);margin-left:17px;border-left:1px solid var(--line);padding-left:17px}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{padding:6px 0}.site-header nav .active{border-bottom:2px solid var(--coral)}.site-header nav span{color:var(--coral);margin-left:8px}main{max-width:1280px;margin:auto}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:36px;align-items:center;padding:76px 0 62px}.eyebrow{font:11px/1.7 'Consolas',monospace;letter-spacing:.12em;color:var(--muted);margin:0 0 22px}.hero h1{font:600 clamp(46px,5vw,72px)/1.2 var(--serif);letter-spacing:-.055em;margin:0 0 28px}.ink-accent{color:var(--coral)}.hero-intro{font-size:16px;line-height:1.95;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;gap:25px;padding:13px 20px;background:var(--ink);color:var(--surface);border-radius:10px;font-size:14px;transition:transform .18s,background .18s}.primary:hover{transform:translateY(-3px);background:#41487f}.primary span{font-size:20px;color:var(--butter)}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:4px}.hero-stats{display:flex;gap:24px;margin-top:35px;font-size:12px;color:var(--muted);flex-wrap:wrap}.hero-stats b{font:600 29px var(--serif);color:var(--ink);margin-right:5px}.hero-art{padding:18px 0 20px;position:relative}.art-caption,.art-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px;padding:0 18px}.art-caption>span:first-child{font-family:Consolas,monospace;letter-spacing:.13em}.cabinet-art{display:block;width:100%;height:auto;overflow:visible;color:var(--coral)}.cabinet-art text{font-family:var(--sans)}.art-footer{justify-content:center;align-items:center}.signal{width:7px;height:7px;flex:none;border-radius:50%;background:var(--coral)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-heading h2,.memory-feature h2{font:500 34px/1.4 var(--serif);letter-spacing:-.03em;margin:0}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2 em{font-style:normal;font-weight:400}.section-heading>p{font-size:12px;color:var(--muted);margin:0}.chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.chapter-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:19px 21px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.chapter-card:hover{transform:translateY(-5px) rotate(-.5deg);border-color:var(--ink);box-shadow:0 8px 0 #30366d08}.chapter-card:nth-child(even):hover{transform:translateY(-5px) rotate(.5deg)}.card-index{display:flex;align-items:center;justify-content:space-between;font:11px Consolas,monospace;color:var(--muted)}.card-index b{font:11px var(--sans);font-weight:400;border:1px solid var(--line);border-radius:20px;padding:2px 8px}.chapter-card .chapter-illustration{width:100%;height:122px;margin:12px 0 6px}.chapter-card h3{font-size:17px;font-weight:600;margin:0 0 5px}.chapter-card p{font-size:11px;color:var(--muted);line-height:1.75;margin:0 0 17px}.card-bottom{border-top:1px solid var(--line);padding-top:12px;font-size:11px;display:flex;justify-content:space-between;gap:8px;align-items:center}.card-bottom i{font-size:19px;font-style:normal;color:var(--coral)}.chapter-illustration{overflow:visible}.memory-feature{margin:65px 0 55px;display:grid;grid-template-columns:.65fr 1fr;gap:60px;align-items:center;background:var(--mint);border:1px solid #30366d14;border-radius:26px;padding:34px 65px}.feature-art{display:grid;place-items:center}.feature-art svg{width:100%;max-width:255px;height:220px}.memory-feature .eyebrow{color:#586b80;margin-bottom:12px}.memory-feature p:not(.eyebrow){font-size:13px;line-height:1.9}.feature-links{display:flex;gap:28px;font-size:12px;flex-wrap:wrap}.feature-links a{border-bottom:1px solid #30366d45;padding:7px 0}.feature-links span{margin-left:18px}.site-footer{border-top:1px solid var(--line);border-bottom:0;padding:24px 0 30px}.site-footer .wordmark{font-size:19px}.site-footer>span{font-size:11px;color:var(--muted)}
@media(max-width:1360px){main,.site-header,.site-footer{margin-left:40px;margin-right:40px}}@media(max-width:1000px){.hero{padding:50px 0;gap:15px}.hero h1{font-size:52px}.hero-intro{font-size:14px}.hero-actions{gap:18px}.hero-stats{gap:12px}.hero-stats b{font-size:24px}.chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-feature{padding:28px 35px;gap:30px}.wordmark span{display:none}}@media(max-width:720px){main,.site-header,.site-footer{margin-left:22px;margin-right:22px}.site-header{padding:18px 0;gap:16px}.wordmark{font-size:22px}.site-header nav{font-size:12px;gap:15px}.hero{grid-template-columns:1fr;padding:40px 0}.hero h1{font-size:55px}.hero-art{max-width:560px;width:100%;justify-self:center;margin-top:15px}.hero-copy .eyebrow{font-size:10px}.hero-stats{gap:20px;margin-top:28px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter-card{padding:15px;border-radius:18px}.chapter-card h3{font-size:15px}.chapter-card .chapter-illustration{height:110px}.section-heading h2{font-size:27px}.section-heading>p{display:none}.memory-feature{grid-template-columns:1fr;gap:15px;padding:25px;margin:40px 0}.feature-art svg{height:170px}.memory-feature h2{font-size:31px}.memory-feature p br{display:none}.site-footer{flex-wrap:wrap;gap:12px}.site-footer>span:last-child{margin-left:auto}}@media(max-width:390px){main,.site-header,.site-footer{margin-left:16px;margin-right:16px}.wordmark{font-size:19px}.site-header nav{gap:10px;font-size:11px}.hero h1{font-size:48px}.hero-stats{gap:12px}.hero-stats span{font-size:10px}.hero-stats b{font-size:24px}.chapter-card{padding:13px 11px}.chapter-card h3{font-size:14px}.chapter-card .chapter-illustration{height:96px}.card-bottom{font-size:10px}.card-index b{display:none}.feature-links{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.project-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:60px 0 30px;padding:36px 45px;border:1px solid var(--line);border-radius:24px;background:var(--butter)}.project-feature h2{font:600 34px/1.4 var(--serif);margin:0 0 15px}.project-feature p:not(.eyebrow){font-size:13px;line-height:1.9}.project-feature .primary{margin-top:10px}.project-preview{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transform:rotate(2deg);box-shadow:7px 8px 0 #30366d0b}.preview-tag{font:11px var(--sans);color:var(--muted)}.preview-map{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:15px 5px;margin:20px 0}.preview-map span{font-size:13px;text-align:center;padding:12px 7px;border:1px solid var(--line);border-radius:9px}.preview-map span:nth-of-type(2n){background:var(--mint)}.preview-map i{text-align:center;font-style:normal;color:var(--coral)}.project-preview p{font-size:10px!important;color:var(--muted);margin:0;text-align:center}@media(max-width:720px){.site-header{flex-wrap:wrap}.site-header nav{gap:16px;font-size:12px}.project-feature{grid-template-columns:1fr;padding:25px;gap:25px;margin-top:38px}.project-feature h2{font-size:28px}.project-feature p br{display:none}.project-preview{padding:18px}.project-feature .eyebrow{font-size:10px}}