:root{--paper:#faf9f6;--ink:#242824;--secondary:#747a72;--line:#e4e6df;--green:#496652;--wash:#f0f2ec;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 var(--sans);-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{color:inherit}button.plain{padding:0;background:none;border:0}a.under{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c4cbc0}p{margin:0 0 18px}h1,h2,h3{font-weight:500;line-height:1.4;margin:0}h1{font-family:var(--serif);font-size:46px;letter-spacing:-1.8px}h2{font-size:20px;letter-spacing:-.3px}h3{font-size:17px}small,.small{font-size:12px}button{border:0}::selection{background:#dce5d9}
.preview-bar{background:#eceee7;color:#576152;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:10px 30px;font-size:11px;line-height:1.5;letter-spacing:.25px}.preview-bar strong{font-weight:600;letter-spacing:1.6px}.preview-tools{display:flex;align-items:center;gap:20px}.preview-tools button{font-size:11px;background:none;border-bottom:1px solid transparent;padding:3px 0}.preview-tools button[aria-pressed=true]{border-color:#576152}.preview-note{color:#7b8376}.site{max-width:732px;margin:auto;padding:0 30px;min-height:calc(100vh - 44px)}.site.mobile{max-width:402px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fdfcf9}.nav{display:flex;align-items:center;justify-content:space-between;padding:36px 0 30px;border-bottom:1px solid var(--line);gap:20px}.brand{font:italic 19px var(--serif);letter-spacing:-.5px}.nav-links{display:flex;gap:25px;align-items:center;font-size:12px}.nav-links a{color:var(--secondary);position:relative}.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a[aria-current=page]:after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:1px;background:var(--ink)}.lang{font-size:11px;color:var(--secondary);margin-left:4px;border-left:1px solid var(--line)!important;padding-left:16px!important}.hero{padding:68px 0 52px}.identity{display:flex;align-items:center;gap:24px}.monogram{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;background:#e8ece2;border-radius:50%;font:italic 28px var(--serif);color:#64755e}.subtitle{font-size:12px;color:var(--secondary);margin-top:7px;letter-spacing:1.6px}.intro{font-size:20px;line-height:1.85;margin:30px 0 15px;font-weight:400;letter-spacing:.15px}.quiet{color:var(--secondary)}.caption{font-size:11px;color:#858b81;line-height:1.7}.welcome{font-size:14px;max-width:590px;color:#636b61}.section{padding:32px 0 34px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.7px;color:var(--secondary);display:block;margin-bottom:8px;text-transform:uppercase}.section-head>a{font-size:12px;color:var(--secondary);white-space:nowrap}.now{display:grid;grid-template-columns:95px 1fr;gap:22px;padding-top:5px}.now-label{font-size:12px;color:var(--secondary)}.now-text{font-size:14px}.now-text p{margin:0}.status-dot{display:inline-block;width:6px;height:6px;background:#839478;border-radius:50%;margin-right:7px;vertical-align:middle}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:1fr auto;gap:22px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center}.article-row h3{font-size:16px;font-weight:400;line-height:1.7}.article-row p{font-size:12px;color:var(--secondary);margin:4px 0 0}.article-row .meta{font-size:11px;color:#8c9188;white-space:nowrap}.article-row .arrow{font-size:19px;margin-left:18px;color:#8c9188}.article-row:hover h3{color:var(--green)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{border-top:2px solid #879880;padding:22px 0 2px}.project:last-child{border-top-color:#b09b7d}.project-mark{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #d9ded2;border-radius:9px;font:italic 21px var(--serif);margin-bottom:17px;color:#667b59}.project:last-child .project-mark{color:#9a8565;border-color:#e4dccf}.project p{font-size:13px;color:var(--secondary);margin-top:9px;line-height:1.9}.project .small{color:var(--secondary)}.contact{padding:36px 0 40px}.contact h2{font-family:var(--serif);font-size:26px;margin-bottom:9px}.contact p{font-size:13px;color:var(--secondary)}.footer{padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#8b9186;gap:20px}.page-head{padding:58px 0 32px}.page-head h1{font-size:39px}.page-head p{color:var(--secondary);font-size:14px;margin-top:18px;max-width:520px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 0 25px}.filters button{font-size:12px;background:none;border:1px solid var(--line);border-radius:20px;padding:5px 14px;color:var(--secondary)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.search{width:100%;padding:10px 0;margin-bottom:20px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px;border-radius:0}.draft-note{font-size:11px;color:#898d82;background:#f0f1eb;padding:10px 13px;margin-top:20px;line-height:1.8}.long-section{margin-bottom:42px}.long-section h2{margin-bottom:15px}.long-section p{font-size:15px;color:#61695d}.interests{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--secondary);font-size:13px}.reading{padding:50px 0}.reading h1{font-family:var(--sans);font-size:30px;letter-spacing:-.5px;line-height:1.65;margin:28px 0 10px}.reading .reading-body{margin:38px 0;font-size:16px;line-height:2.05}.reading .reading-body h2{margin:32px 0 14px}.reading blockquote{font-family:var(--serif);font-size:23px;padding:10px 22px;margin:30px 0;border-left:2px solid #9da88e;color:#65725b}.empty{padding:25px 0;color:var(--secondary)}.architecture{max-width:920px;margin:auto;padding:45px 28px 60px}.architecture h1{font-family:var(--sans);font-size:30px;letter-spacing:-1px}.architecture>p{color:var(--secondary);margin:13px 0 35px}.architecture h2{margin:32px 0 18px}.structure{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.structure>div{border-top:2px solid #929d88;padding-top:15px}.structure b{font-weight:500;font-size:16px}.structure p{font-size:13px;color:var(--secondary);margin-top:9px}.hosting{display:grid;grid-template-columns:1fr 28px 1.3fr 28px 1fr;gap:10px;align-items:start;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hosting .step b{font-size:15px;display:block}.hosting .step p{font-size:12px;color:var(--secondary);margin:6px 0}.hosting .step small{color:var(--green)}.hosting>.connection{padding-top:10px;color:#9ca493}.decisions{display:grid;grid-template-columns:1fr 1fr;gap:38px}.decisions h3{font-size:15px;margin-bottom:10px}.decisions ul{padding-left:18px;color:var(--secondary);font-size:13px;line-height:2.2}.architecture .back{margin-top:35px;display:inline-block;color:var(--green);font-size:13px}.mobile .nav{gap:12px}.mobile .nav-links{gap:14px}.mobile .brand{display:none}.mobile .nav-links{width:100%;justify-content:space-between}.mobile .hero{padding-top:42px}.mobile h1{font-size:34px}.mobile .identity{gap:17px}.mobile .monogram{width:54px;height:54px;flex-basis:54px;font-size:23px}.mobile .intro{font-size:18px}.mobile .project-grid{grid-template-columns:1fr}.mobile .now{grid-template-columns:1fr;gap:8px}.mobile .article-row .arrow{display:none}.mobile .article-row{gap:12px}.mobile .article-row h3{font-size:15px}.mobile .footer{flex-direction:column;gap:3px}.mobile .subtitle{font-size:10px;letter-spacing:.5px}.mobile .section-head{gap:10px}.mobile h2{font-size:19px}.mobile .reading h1{font-size:27px}
@media(max-width:600px){.preview-bar{padding:10px 18px;gap:10px;align-items:flex-start}.preview-note{display:none}.preview-tools{gap:15px}.preview-tools .device-control{display:none}.site{padding:0 24px}.nav{padding:25px 0;gap:14px}.brand{display:none}.nav-links{width:100%;justify-content:space-between;gap:16px}.hero{padding-top:44px}.identity{gap:17px}h1{font-size:35px}.monogram{width:57px;height:57px;flex-basis:57px;font-size:24px}.subtitle{font-size:10px;letter-spacing:1px}.intro{font-size:18px}.now{grid-template-columns:1fr;gap:8px}.project-grid{grid-template-columns:1fr;gap:25px}.article-row{gap:10px}.article-row .arrow{display:none}.article-row h3{font-size:15px}.article-row .meta{font-size:10px}.section{padding:28px 0}.footer{flex-direction:column;gap:3px}.page-head{padding-top:40px}.page-head h1{font-size:33px}.structure{grid-template-columns:1fr 1fr}.hosting{grid-template-columns:1fr}.hosting .connection{transform:rotate(90deg);justify-self:start;padding:0 0 0 5px}.decisions{grid-template-columns:1fr;gap:0}.architecture{padding:35px 24px}.architecture h1{font-size:26px}.reading h1{font-size:27px}.site.mobile{border:0;max-width:100%}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background .15s}}

.site{min-height:100vh;display:flex;flex-direction:column}.site>main{flex:1}.empty-writing{padding:26px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-writing p{margin:0;color:var(--secondary);font-size:14px}.empty-writing strong{display:block;font-weight:400;color:var(--ink);font-size:17px;margin-bottom:8px}.about-text{font-size:16px;color:#61695d;line-height:2}.about-text p{margin-bottom:22px}.site-footer-link{color:#737c6e}.page-space{padding-bottom:65px}.welcome{margin-bottom:0}