:root{--paper:#efeee7;--ink:#253e32;--muted:#697468;--line:#cdd1c3;--lime:#d7e9a0;--serif:Georgia,'Songti SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid #8eaa52;outline-offset:7px}::selection{background:#d7e9a0;color:#253e32}.wrap{width:calc(100% - 112px);max-width:1376px;margin:auto}.header{display:flex;height:108px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:29px;letter-spacing:-1.6px;font-weight:750;gap:10px}.brand svg{width:35px;height:31px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.brand-dot{font:11px sans-serif;align-self:flex-start;margin-top:4px;margin-left:-5px}.header nav{display:flex;gap:38px;font-size:13px;font-weight:550}.header nav a{padding:12px 0}.header nav a:hover{color:#81904d}.header nav span{margin-left:10px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;padding-top:40px;padding-bottom:42px}.hero-copy{display:flex;flex-direction:column;padding-top:17px}.eyebrow,.kicker,.section-label>span,.terrain-head,.hero-bottom,.project-type,.project-number,.tag,.detail-note,.figure,.footer>span{font-size:11px;letter-spacing:1.6px}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1px}.status-dot{width:6px;height:6px;background:#6d8554;border-radius:50%}.edition{margin-left:auto;font:10px monospace;letter-spacing:1px;color:var(--muted)}h1{font-size:clamp(55px,5.6vw,88px);font-weight:620;letter-spacing:-5px;line-height:1.25;margin:44px 0 24px}.accent{font-family:var(--serif);font-weight:500;font-style:italic;position:relative}.accent:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:5px;background:#a6b873;transform:rotate(-3deg)}.period{color:#8b9b5c}.hero-intro{font-size:15px;line-height:1.95;letter-spacing:.3px;color:var(--muted);margin:0 0 28px}.button{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:17px 20px;width:210px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#3c5944;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.hero-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:48px;font-size:9px;color:var(--muted);letter-spacing:1px}.hero-bottom span:last-child{letter-spacing:.5px}.hero-bottom span span{margin-left:12px}.terrain{position:relative;min-height:665px;overflow:hidden;background:#203b2e;color:#e7ebd9}.landscape{position:absolute;width:100%;height:100%;inset:0}.terrain-head{position:absolute;z-index:1;top:27px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.terrain-foot{position:absolute;bottom:25px;left:26px;right:26px;display:flex;align-items:center;gap:20px}.terrain-foot p{font-size:14px;line-height:1.8;letter-spacing:1px}.terrain-foot p span{font-size:11px;opacity:.6;letter-spacing:.6px}.compass{display:flex;flex-direction:column;align-items:center;font:10px Georgia;gap:4px}.compass span{font-size:44px;line-height:1}.figure{font:9px/1.8 monospace;margin-left:auto;color:#bdc8b3;letter-spacing:1px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker .wrap{display:flex;justify-content:space-between;align-items:center;min-height:67px;font:10px monospace;letter-spacing:1.6px}.ticker span{font-size:19px;font-weight:300;color:#8d9879}.section{padding-top:106px;padding-bottom:106px}.about{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-bottom:1px solid var(--line)}.section-label>span,.kicker{color:var(--muted);display:block;font:11px monospace;letter-spacing:1.7px}h2{font-size:36px;line-height:1.5;letter-spacing:-1px;font-weight:560;margin:27px 0 0}.about-body{padding-top:29px}.about-body p{font-size:14px;line-height:2.1;color:var(--muted);max-width:540px;margin:22px 0 0}.about-body p.lead{font-size:19px;line-height:1.95;color:var(--ink);margin:0}.interests{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.interests span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:8px 14px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:47px}.section-top h2{margin-top:18px}.section-top p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 6px}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project summary{list-style:none;display:flex;gap:26px;align-items:center;cursor:pointer;padding:34px 0;transition:padding .2s}.project summary::-webkit-details-marker{display:none}.project summary:hover{padding-left:10px;padding-right:10px}.project-number{color:#7b886d;align-self:flex-start;margin-top:9px;font-family:monospace}.project-main{flex:1}.project-title{display:flex;gap:18px;align-items:center}.project h3{font-size:27px;font-weight:530;letter-spacing:-.8px;margin:0}.tag{font-size:9px;letter-spacing:.5px;background:#e3e6d7;padding:5px 8px;border-radius:3px}.project summary p{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.8}.project-type{color:var(--muted);font-size:9px;letter-spacing:1px}.project-toggle{font-size:24px;font-weight:300;margin-left:25px;transition:transform .2s}.project[open] .project-toggle{transform:rotate(45deg)}.project-detail{padding:0 60px 32px;max-width:900px}.project-detail p{font-size:14px;line-height:2;color:var(--muted)}.project-detail ul{display:flex;flex-wrap:wrap;gap:10px 28px;padding:0 0 0 17px;font-size:12px;line-height:1.8}.detail-note{display:block;margin-top:20px;letter-spacing:.5px;color:#7b886d;font-size:10px}.approach{background:#243f32;color:var(--paper);padding:91px 0 93px}.approach>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}.approach .kicker{color:#bdc7ac}.approach h2{font-size:53px;line-height:1.5;font-weight:500;margin-top:31px;letter-spacing:-2px}.approach h2 span{color:var(--lime)}.approach-heading>p{font-size:13px;color:#b1bfae;margin-top:24px}.principles{padding-top:13px}.principles article{display:flex;gap:27px;padding:25px 0;border-bottom:1px solid #4b6050}.principles article:first-child{padding-top:0}.principles article>span{font:11px monospace;color:#b3c799;margin-top:5px}.principles h3{font-size:19px;font-weight:500;margin:0 0 13px}.principles p{font-size:13px;line-height:1.9;color:#b1bfae;margin:0;max-width:410px}.closing{padding:101px 0 84px;text-align:center}.closing h2{font-family:var(--serif);font-weight:500;font-size:42px;letter-spacing:-1px;margin-top:24px}.closing p{font-size:13px;color:var(--muted);margin-top:19px}.back-top{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid var(--ink);padding:16px 0 12px;font-size:12px;margin-top:19px}.back-top span{font-size:19px}.footer{border-top:1px solid var(--line);height:104px;display:flex;justify-content:space-between;align-items:center}.footer .brand{font-size:24px}.footer>span{font-size:9px;color:var(--muted);letter-spacing:1.1px}.mobile-only{display:none}.skip{position:fixed;z-index:10;left:12px;top:-80px;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}
@media(min-width:1550px){.hero{gap:82px}.terrain{min-height:750px}.hero-copy{padding-top:27px}h1{margin-top:57px}.hero-bottom{margin-top:auto;padding-top:40px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:28px}h1{font-size:62px;letter-spacing:-3px}.edition{display:none}.terrain{min-height:620px}.hero-bottom{flex-direction:column;gap:8px}.terrain-foot{gap:12px}.figure{display:none}.about,.approach>.wrap{gap:35px}.project-type{display:none}.section{padding-top:78px;padding-bottom:78px}.section-top p{max-width:190px}.ticker .wrap{font-size:8px;letter-spacing:.7px}h2{font-size:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:83px}.brand{font-size:25px}.brand svg{width:29px}.header nav{gap:20px;font-size:11px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:26px;padding-bottom:27px}.hero-copy{padding-top:8px}.eyebrow{font-size:10px}.edition{display:block;font-size:8px}h1{font-size:64px;line-height:1.2;margin:33px 0 22px;letter-spacing:-3px}.hero-intro{font-size:13px;line-height:1.95;margin-bottom:23px}.button{width:199px;padding:15px 18px;font-size:12px}.hero-bottom{flex-direction:row;font-size:8px;margin-top:30px}.hero-bottom span:last-child{font-size:9px}.terrain{height:440px;min-height:0}.landscape{height:125%;top:-10%}.terrain-head{top:22px;left:22px;right:22px;font-size:8px}.terrain-foot{left:22px;bottom:16px}.terrain-foot p{font-size:13px}.figure{display:block;font-size:8px}.ticker .wrap{justify-content:center;gap:18px;min-height:52px;font-size:8px;flex-wrap:wrap;padding:14px 0;line-height:1.6}.ticker span{font-size:12px}.section{padding-top:61px;padding-bottom:62px}.about{grid-template-columns:1fr;gap:25px}.about-body{padding-top:0}h2{font-size:29px;line-height:1.5;margin-top:21px}.about-body p.lead{font-size:16px;line-height:1.95}.about-body p{font-size:13px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:28px}.section-top p{margin-top:16px;max-width:none}.section-top p br{display:none}.project summary{padding:26px 0;gap:15px}.project h3{font-size:23px}.project-title{gap:10px;flex-wrap:wrap}.project summary p{font-size:11px;max-width:240px}.tag{font-size:8px}.project-toggle{margin-left:0;font-size:20px}.project-number{font-size:10px}.project-detail{padding:0 0 24px 30px}.project-detail p{font-size:13px}.project-detail ul{display:block;font-size:11px}.project-detail li{margin:7px 0}.approach{padding:62px 0}.approach>.wrap{grid-template-columns:1fr;gap:37px}.approach h2{font-size:43px;margin-top:24px}.approach-heading>p{font-size:12px}.principles h3{font-size:18px}.principles p{font-size:12px}.principles article{gap:22px}.closing{padding:70px 0 58px}.closing h2{font-size:33px;line-height:1.6}.mobile-only{display:block}.closing p{font-size:11px}.footer{height:110px;flex-wrap:wrap;gap:15px;padding-top:26px;padding-bottom:26px}.footer .brand{font-size:23px}.footer>span{font-size:8px}.footer>span:last-child{width:100%;text-align:right;margin-top:-14px}.kicker,.section-label>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
