:root{--paper:#f7f6ef;--ink:#304238;--green:#657b61;--muted:#7d877b;--line:#dcdfd3;--apricot:#ffdaa0;color:var(--ink);background:var(--paper);font-family:'PingFang SC','Hiragino Sans GB',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:5px}figure{margin:0}img{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}
.site-header{max-width:1700px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;font-size:24px;font-weight:600;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:1px;font-weight:400;color:var(--green)}nav{display:flex;gap:28px;font-size:12px;color:var(--green)}nav a:hover,.text-link:hover,footer a:hover{color:var(--ink)}
main{max-width:1700px;margin:auto}.hero{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);align-items:center;gap:3%;padding:50px 5% 65px;min-height:690px}.hero-copy{padding-left:5%}.eyebrow{font:10px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:1.8px;color:var(--muted);margin-bottom:28px}h1{font-size:clamp(42px,4.5vw,76px);font-weight:500;line-height:1.25;letter-spacing:-2px}h1 span{font-family:'Songti SC',serif;color:var(--green)}.product-name{font-size:14px;margin-top:30px;letter-spacing:.4px}.intro{font-size:13px;line-height:2;color:var(--muted);margin-top:16px}.explore{display:inline-flex;align-items:center;gap:32px;background:var(--apricot);border:1px solid #edcc92;border-radius:40px;padding:13px 22px;font-size:12px;margin-top:28px}.explore span{font-size:20px}.edition{margin-top:38px;color:var(--muted);font-size:10px;letter-spacing:.7px}.hero-visual{border-radius:26px;overflow:hidden;background:#eeebe3}.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:contain}.hero-visual figcaption{padding:15px 22px;background:#f0eee6;color:var(--muted);font-size:10px;line-height:1.7}
.section{margin:0 5%;padding:60px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(27px,3vw,43px);font-weight:500;line-height:1.45;letter-spacing:-.8px;color:var(--green)}.section-note{font-size:12px;line-height:1.8;color:var(--muted)}.structure-visual{overflow:hidden;border-radius:22px;border:1px solid #fff;background:#eeeae1}.structure-visual img{width:100%}.structure-visual figcaption{display:flex;justify-content:space-between;gap:15px;padding:19px 25px;background:#f0eee6;font-size:11px;color:var(--muted);line-height:1.6}.structure-visual figcaption a{white-space:nowrap;color:var(--green)}.parts{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:30px 2%}.row-title{font:10px/1.7 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;color:var(--muted)}ol{padding:0;margin:12px 0 0;list-style:none}li{display:flex;gap:15px;align-items:baseline;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}li span{font:11px Georgia,serif;color:var(--muted);min-width:17px}li small{font-size:10px;color:var(--muted)}.fidelity{max-width:780px;padding:12px 2% 0;font-size:11px;color:var(--muted);line-height:1.9}
.reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;padding-top:65px;padding-bottom:75px}.reference figure{overflow:hidden;border-radius:20px}.reference img{width:100%;aspect-ratio:1170/792;object-fit:contain}.reference figcaption{font-size:10px;padding-top:12px;color:var(--muted)}.reference .eyebrow{margin-bottom:18px}.reference p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin-top:20px;max-width:430px}.text-link{display:inline-block;border-bottom:1px solid #a6b39d;padding-bottom:8px;margin-top:22px;font-size:11px;color:var(--green)}footer{max-width:1700px;margin:auto;padding:26px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--green)}.local-note{color:var(--muted);font-size:10px}
@media(min-width:1700px){.hero{min-height:800px}}@media(max-width:900px){.hero{grid-template-columns:1fr 1.25fr;min-height:570px;gap:4%}.hero-copy{padding-left:0}h1{font-size:43px}.brand span{display:none}nav{gap:18px}.section-note{font-size:11px}.reference{gap:6%}}@media(max-width:620px){html{scroll-padding-top:25px}.site-header{padding:24px 6%;gap:12px}.brand{font-size:21px}nav{font-size:10px;gap:15px}.hero{padding:40px 6% 45px;grid-template-columns:1fr;gap:26px;min-height:0}.hero-copy{padding:0 2%}.hero .eyebrow{margin-bottom:17px}h1{font-size:43px}.product-name{font-size:12px;margin-top:22px}.intro{font-size:12px;margin-top:12px}.explore{margin-top:22px;padding:11px 18px}.edition{margin-top:23px}.hero-visual{border-radius:20px}.hero-visual figcaption{padding:13px 18px;font-size:10px}.section{margin:0 6%;padding:36px 0}.section-heading{display:block;margin-bottom:20px}.section-note{margin-top:13px}h2{font-size:28px}.structure-visual{border-radius:16px}.structure-visual figcaption{padding:13px;font-size:9px}.parts{grid-template-columns:1fr;gap:25px;padding:24px 2% 15px}li{padding:10px 0;font-size:12px}.fidelity{font-size:10px}.reference{grid-template-columns:1fr;gap:30px;padding:36px 0 42px}.reference p:not(.eyebrow){margin-top:15px}.reference .eyebrow{margin-bottom:12px}footer{padding:25px 6%;display:block;line-height:2.2}footer>*{display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.reference{grid-template-columns:minmax(0,1fr)}.reference>div{max-width:680px;margin:0 auto}