:root{--paper:#f5f3ed;--ink:#28332c;--muted:#75786d;--line:#d8d8ce;--accent:#b85735;--soft:#e9ece3;color-scheme:light;font-family:"Segoe UI",Arial,"Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}.page{max-width:1320px;margin:auto;padding:0 72px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;inset-block-start:-80px;inset-inline-start:20px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{inset-block-start:10px}.header{height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:42px}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.brand-light{font-weight:400;margin-inline-start:-3px}.brand-dot{color:var(--accent);margin-inline-start:-7px}.brand-symbol{display:grid;grid-template-columns:repeat(2,6px);gap:3px;margin-inline-end:7px;transform:rotate(-8deg)}.brand-symbol i{width:6px;height:6px;background:var(--ink)}.brand-symbol i:last-child{background:var(--accent)}nav{display:flex;gap:32px;margin-inline-start:auto;font-size:13px}.language{display:flex;align-items:center;gap:7px}.language svg{width:15px;fill:none;stroke:var(--muted);stroke-width:1.3}.language select{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;width:97px;padding:6px 2px;cursor:pointer}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;min-height:570px;padding:58px 0 55px}.eyebrow{font:11px/1.7 "Courier New",monospace;letter-spacing:1.7px;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--muted);margin:0 0 28px}.eyebrow>span:first-child:not([data-i18n]){width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-family:Georgia,"Times New Roman","Noto Serif",serif;font-size:clamp(44px,4.7vw,69px);font-weight:400;letter-spacing:-2.7px;line-height:1.08;white-space:pre-line;margin:0 0 27px;max-width:620px}.intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:355px;margin:0 0 30px}.explore{display:inline-flex;align-items:center;gap:28px;font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0 11px}.explore>span:last-child{font-size:20px}.hero-art{align-self:center;max-width:465px;width:100%;margin:0 auto}.hero-art svg{width:100%;display:block}.art-caption{display:flex;justify-content:space-between;font:9px "Courier New",monospace;letter-spacing:1.3px;color:#85877b;padding:8px 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:26px 0 27px}.section-heading h2{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;margin:0}.section-heading>span{font:11px "Courier New",monospace;color:var(--muted)}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);align-items:start}.note{padding:7px 29px 26px;min-height:206px;border-inline-start:1px solid var(--line)}.note:first-child{padding-inline-start:0;border:0}.note:last-child{padding-inline-end:0}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.note-top{display:flex;align-items:center;gap:14px;min-height:20px}.number{font:10px "Courier New",monospace;color:#a2a297}.topic{font:9px/1.7 "Courier New",monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.3;font-weight:400;letter-spacing:-.6px;margin:22px 0 24px;min-height:62px}.note-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:14px}.plus{font-size:22px;line-height:1;font-weight:300;color:var(--accent);transition:transform .2s}.note[open] .plus{transform:rotate(45deg)}.note-body{font-size:13px;line-height:1.85;color:var(--muted);margin:22px 0 4px}.about{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:64px 0 66px;align-items:start;max-width:770px}.about-mark{font-family:Georgia,serif;font-size:61px;line-height:1;color:var(--accent)}.about .eyebrow{margin:0 0 12px;font-size:9px}.about h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;line-height:1.25;letter-spacing:-.6px;margin:0 0 15px}.about p:last-child{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:530px}footer{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding:28px 0 35px;font-size:10px;color:var(--muted)}.footer-brand{font-size:13px;color:var(--ink);font-weight:600;letter-spacing:-.5px}footer p{margin:0}footer>span{margin-inline-start:auto;white-space:nowrap}[dir=rtl] h1{letter-spacing:0}[dir=rtl] .art-caption{direction:ltr}
@media(min-width:1500px){.hero{min-height:610px}}@media(max-width:1000px){.page{padding:0 36px}.hero{min-height:520px;gap:12px}h1{font-size:55px}.intro{font-size:14px}.note{padding-inline:20px}h3{font-size:22px}}@media(max-width:680px){.page{padding:0 24px}.header{height:85px;gap:18px}.brand{font-size:21px}nav{gap:18px;font-size:12px}.language{gap:0}.language svg{display:none}.language select{width:74px;font-size:10px}.hero{grid-template-columns:1fr;padding:48px 0 36px;gap:15px;min-height:0}.eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:55px;letter-spacing:-2px}.intro{max-width:330px;font-size:14px;margin-bottom:21px}.hero-art{max-width:310px;margin:2px auto 0}.hero-art svg{max-height:270px}.art-caption{font-size:8px}.section-heading{padding:22px 0}.note-grid{grid-template-columns:1fr}.note,.note:first-child,.note:last-child{border-inline-start:0;border-top:1px solid var(--line);padding:22px 0;min-height:0}.note:first-child{border-top:0}.note-top{gap:12px}h3{min-height:0;font-size:25px;margin:15px 0 16px}.note-bottom{font-size:11px}.about{grid-template-columns:35px 1fr;gap:20px;padding:40px 0}.about-mark{font-size:40px}.about h2{font-size:26px}.about p:last-child{font-size:12px}footer{flex-wrap:wrap;gap:12px;padding:24px 0}footer p{order:3;width:100%;line-height:1.7}footer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plus{transition:none}}
