:root{--ink:#1d2924;--paper:#f2f0e9;--moss:#69796a;--line:#cbd0c6;--orange:#d96d42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
nav{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 7vw;border-bottom:1px solid var(--line);letter-spacing:.15em}nav b,footer b{font-size:21px;letter-spacing:-.06em}nav b span,footer b span{color:var(--orange)}nav small{font-size:10px;color:#879188}.nav-download{border:1px solid var(--ink);border-radius:99px;padding:10px 16px;color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:0}
.hero{min-height:720px;padding:15vh 11vw;position:relative;overflow:hidden}.hero small,section>small{font-size:10px;letter-spacing:.2em;color:var(--moss);font-weight:bold}.hero h1{font-size:clamp(64px,10vw,145px);line-height:.88;letter-spacing:-.075em;font-weight:400;margin:28px 0 34px}.hero i,h2 i{font-family:Georgia,serif;color:var(--moss)}.hero>p{max-width:440px;line-height:1.65;color:#5d6961}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero a,.closing a{display:inline-block;margin-top:28px;border:1px solid currentColor;border-radius:99px;padding:13px 18px;color:var(--ink);text-decoration:none;font-size:12px}.hero .download{background:var(--ink);color:var(--paper)}.hero .version{font-size:11px;margin-top:18px;color:#7a857e}.hero strong{position:absolute;right:10%;bottom:15%;font-size:100px;color:var(--moss);opacity:.18;font-weight:400}
.statement,#spaces,.principles{padding:110px 11vw;border-top:1px solid var(--line)}h2{font-size:clamp(40px,6vw,80px);font-weight:400;letter-spacing:-.07em;margin:25px 0 22px}.statement>p:last-child{max-width:370px;margin-left:40%;line-height:1.7;color:#647069}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:55px}.grid label{display:block;font-size:10px;letter-spacing:.12em;color:var(--moss);margin-bottom:13px}.grid img{display:block;width:100%;aspect-ratio:9/17;object-fit:cover;border-radius:15px;padding:7px;background:#e2e0d7;box-shadow:0 12px 30px #5260531a}.grid p{font-size:13px;line-height:1.5;color:#66736b}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:55px}.cols b{color:var(--orange);font-size:11px}.cols h3{font-size:25px;letter-spacing:-.05em;font-weight:400;margin:22px 0 10px}.cols p{color:#67736c;line-height:1.6;max-width:250px}.closing{background:var(--ink);color:var(--paper);padding:130px 11vw}.closing small{color:#a5b3a6}.closing h2{font-size:clamp(60px,10vw,140px);line-height:.88}.closing p{color:#afbbb0}.closing a{color:var(--paper)}footer{display:flex;justify-content:space-between;padding:28px 7vw;font-size:10px;letter-spacing:.12em;color:#768178}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr;gap:30px}.statement>p:last-child{margin-left:0}.hero{min-height:620px}nav small{display:none}}
@media(max-width:500px){.nav-download{padding:8px 12px}.grid{gap:10px}footer{gap:12px;flex-wrap:wrap}}