:root{color-scheme:light;--paper:#f7f6f0;--ink:#253b32;--muted:#677269;--line:#d9ddd4;--accent:#718466}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:7px}
.page{max-width:1160px;margin:auto;padding:0 64px}
header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-family:Georgia,serif;font-size:38px;font-weight:700;letter-spacing:-3px}.brand span{color:var(--accent)}
nav{display:flex;gap:35px;font-size:14px}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}nav span{margin-left:5px}
.hero{position:relative;padding:76px 0 30px;isolation:isolate}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 32px}.dot{height:7px;width:7px;background:var(--accent);border-radius:50%}
h1{font-size:43px;font-weight:450;line-height:1.45;letter-spacing:1px;margin:0}h1>span{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(72px,9vw,118px);line-height:1.15;letter-spacing:-6px;font-weight:400}.period{color:var(--accent)}
.intro{margin:24px 0 28px;color:var(--muted);font-size:16px;line-height:1.95}.chinese-name{display:inline-block;font-size:23px;color:var(--ink);margin-bottom:10px;letter-spacing:5px}.button{display:inline-flex;gap:40px;align-items:center;padding:14px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;font-size:13px;transition:background .2s}.button:hover{background:#45604f}
.hero-caption{margin:66px 0 0;font-size:11px;color:var(--muted);letter-spacing:1px}
.orbit{position:absolute;width:252px;height:252px;right:16px;top:141px;border:1px solid #b9c3b2;border-radius:50%;z-index:-1;transform:rotate(-28deg)}.orbit:before{content:"";position:absolute;inset:27px -22px;border:1px solid #ccd2c4;border-radius:50%;transform:rotate(58deg)}.planet{position:absolute;inset:44px;border-radius:50%;background:radial-gradient(circle at 33% 30%,#e5e9d9,#c4cfb6 58%,#a6b79b)}.satellite{position:absolute;top:29px;right:28px;width:12px;height:12px;border-radius:50%;background:var(--ink);border:3px solid var(--paper)}.orbit-label{position:absolute;bottom:-40px;left:48px;transform:rotate(28deg);font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--muted)}
.content-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:46px 0 52px;border-top:1px solid var(--line);scroll-margin-top:12px}.section-label>span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}h2{font-weight:500;font-size:23px;margin:12px 0 0}.section-body p{font-size:14px;line-height:1.95;color:var(--muted);max-width:500px;margin:20px 0 0}.section-body .large-copy{font-size:24px;line-height:1.7;color:var(--ink);margin:0}.journal-note{display:flex;gap:23px;padding:26px 28px;background:#efefe6;border-radius:4px}.note-symbol{font-size:32px;color:var(--accent);line-height:1}h3{font-size:17px;font-weight:500;margin:0}.journal-note p{margin:10px 0 0;font-size:13px}
footer{border-top:1px solid var(--line);padding:27px 0 36px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer p{margin:0}footer span{margin-left:8px;color:var(--accent);font-size:16px}
.company{margin-top:27px;padding-left:18px;border-left:2px solid #a6b79b}.company-name{font-size:18px;font-weight:600;letter-spacing:.5px}.section-body .company p{margin:5px 0 0;font-family:Georgia,serif;font-style:italic;font-size:17px}.skip-link{position:absolute;top:8px;left:8px;z-index:5;transform:translateY(-160%);background:var(--ink);color:white;padding:12px}.skip-link:focus{transform:translateY(0)}
@media(min-width:1500px){.page{padding:0 42px}.hero{padding-top:90px;padding-bottom:36px}}
@media(max-width:850px){.page{padding:0 32px}.orbit{width:180px;height:180px;right:0;top:150px;opacity:.75}.planet{inset:32px}.hero h1>span{font-size:86px}.content-section{grid-template-columns:1fr 2fr;gap:30px}}
@media(max-width:640px){.page{padding:0 24px}header{height:88px}nav{gap:25px;font-size:13px}.hero{padding-top:48px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:28px}h1{font-size:30px}.hero h1>span{font-size:clamp(62px,15vw,86px);letter-spacing:-3px}.intro{font-size:14px;margin-top:25px}.orbit{display:none}.hero-caption{margin-top:46px;font-size:10px}.content-section{grid-template-columns:1fr;gap:24px;padding:34px 0 38px}h2{font-size:21px}.section-body .large-copy{font-size:22px}.journal-note{padding:23px 20px;gap:18px}footer{flex-wrap:wrap;gap:20px}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}