:root{color-scheme:light;--bg: #f4f1e9;--surface: #faf8f2;--surface-2: #e8ecdf;--ink: #1d211d;--muted: #70766f;--line: #d9d6cd;--accent: #d7ff45;--accent-ink: #1d2710;--green: #607a58;--orange: #d48156;--shadow: 0 20px 60px rgba(37, 42, 36, .09)}:root[data-theme=dark]{color-scheme:dark;--bg: #151814;--surface: #1d211c;--surface-2: #252b23;--ink: #eef0e8;--muted: #a0a79e;--line: #353a34;--accent: #c8f044;--accent-ink: #18200e;--green: #89a883;--orange: #dc946c;--shadow: 0 24px 70px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.site-shell{min-height:100vh;overflow:hidden}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.icon{width:20px;height:20px;flex:none}.site-header{width:min(1240px,calc(100% - 48px));height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:760;letter-spacing:.08em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--bg);border-radius:50%;font-family:Georgia,serif;font-weight:400;letter-spacing:0;transform:rotate(-6deg)}.site-nav{display:flex;align-items:center;gap:34px}.site-nav>a{position:relative;color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.04em}.site-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--ink);transition:right .2s ease}.site-nav>a:hover,.site-nav>a.active{color:var(--ink)}.site-nav>a:hover:after,.site-nav>a.active:after{right:0}.theme-toggle,.mobile-menu{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{transform:rotate(12deg);border-color:var(--ink)}.mobile-menu{display:none}.hero{min-height:680px;padding-block:92px 84px;display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.eyebrow{margin:0 0 20px;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.18em;text-transform:uppercase}.pulse{width:7px;height:7px;display:inline-block;margin-right:10px;border-radius:50%;background:#65a55c;box-shadow:0 0 0 5px #65a55c1f;vertical-align:1px}.pulse.inline{margin-right:8px}.hero h1,.page-intro h1,.detail-header h1,.access-page h1,.not-found h1{margin:0;font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-weight:500;letter-spacing:-.05em;line-height:.98}.hero h1{max-width:680px;font-size:clamp(66px,7.2vw,108px)}em{color:var(--green);font-weight:inherit}.hero-lede{max-width:560px;margin:34px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{margin-top:40px;display:flex;align-items:center;gap:30px}.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:4px;font-size:13px;font-weight:720;letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button-dark{background:var(--ink);color:var(--bg)}.text-link,.arrow-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.text-link .icon,.arrow-link .icon{transition:transform .2s ease}.text-link:hover .icon,.arrow-link:hover .icon{transform:translate(5px)}.hero-art{width:100%;aspect-ratio:1 / 1;max-width:500px;justify-self:end;position:relative;display:grid;place-items:center}.hero-art:before{content:"";width:70%;height:70%;border-radius:49% 51% 56% 44%/48% 47% 53% 52%;background:var(--surface-2);transform:rotate(-12deg);position:absolute}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-one{inset:4%;transform:rotate(28deg)}.orbit-two{inset:18% -2%;transform:rotate(-21deg)}.hero-card{width:58%;aspect-ratio:4 / 5;padding:34px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);transform:rotate(4deg)}.hero-card:after{content:"";width:54px;height:54px;position:absolute;top:-17px;right:-16px;border-radius:50%;background:var(--accent)}.hero-card span,.hero-card small{color:color-mix(in srgb,var(--bg) 60%,transparent);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.hero-card strong{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-weight:400;line-height:1.2}.art-note{position:absolute;z-index:3;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:18px}.note-one{left:3%;bottom:20%;background:var(--orange);color:#25150d}.note-two{right:2%;top:14%;background:var(--accent);color:var(--accent-ink);transform:rotate(-15deg)}.section{padding-block:100px;border-top:1px solid var(--line)}.section-heading{margin-bottom:42px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(38px,5vw,58px);font-weight:400;letter-spacing:-.035em}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.article-card{min-height:330px;padding:34px;position:relative;border:1px solid var(--line);background:var(--surface);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card-meta{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:10px;font-weight:680;letter-spacing:.12em;text-transform:uppercase}.card-meta span+span:before{content:"•";margin-right:18px}.article-card h3,.project-card h3{margin:64px 0 16px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(25px,3vw,34px);font-weight:500;line-height:1.25;letter-spacing:-.025em}.article-card p,.project-card p,.project-row p{color:var(--muted);font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.04em}.card-arrow{width:44px;height:44px;position:absolute;right:28px;bottom:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);transition:transform .2s ease}.article-card:hover .card-arrow{transform:rotate(-30deg)}.section-projects{padding-top:80px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{min-height:290px;display:grid;grid-template-columns:42% 58%;border:1px solid var(--line);background:var(--surface);overflow:hidden}.project-symbol{min-height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.project-symbol:before,.project-symbol:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.22}.project-symbol:before{width:180px;height:180px}.project-symbol:after{width:95px;height:95px}.project-symbol span{position:relative;z-index:2;font-family:Georgia,serif;font-size:54px}.symbol-active{background:#dce5d6;color:#304c2f}.symbol-building{background:#e9d7c8;color:#70462f}.symbol-archived{background:#deddd8;color:#6f706c}:root[data-theme=dark] .symbol-active{background:#31402f;color:#b7d5af}:root[data-theme=dark] .symbol-building{background:#493429;color:#e9bea5}:root[data-theme=dark] .symbol-archived{background:#30322f;color:#b5b8b1}.project-content{padding:30px}.project-content h3{margin-top:46px}.status{color:var(--green);font-size:10px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.status:before{content:"";width:6px;height:6px;margin-right:8px;display:inline-block;border-radius:50%;background:currentColor}.status-building{color:var(--orange)}.status-archived{color:var(--muted)}.quote-band{margin-block:40px 110px;min-height:330px;padding:64px;position:relative;display:grid;place-items:center;text-align:center;background:var(--ink);color:var(--bg);overflow:hidden}.quote-band:before{content:"";width:300px;height:300px;position:absolute;right:-150px;top:-150px;border:1px solid color-mix(in srgb,var(--bg) 18%,transparent);border-radius:50%;box-shadow:0 0 0 42px color-mix(in srgb,var(--bg) 3%,transparent),0 0 0 84px color-mix(in srgb,var(--bg) 3%,transparent)}.quote-mark{position:absolute;top:30px;left:50px;color:var(--accent);font-family:Georgia,serif;font-size:80px;line-height:1}.quote-band blockquote{margin:0;position:relative;z-index:1;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(30px,4vw,50px);line-height:1.35;letter-spacing:-.025em}.quote-caption{position:absolute;bottom:35px;color:color-mix(in srgb,var(--bg) 55%,transparent);font-size:10px;letter-spacing:.14em}.page-intro{padding:105px 0 82px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:800px;font-size:clamp(58px,8vw,100px)}.page-intro>p:last-child{max-width:580px;margin:30px 0 0;color:var(--muted);font-size:16px}.listing{padding-block:40px 120px}.article-list-item{padding:52px 0;display:grid;grid-template-columns:170px 1fr;gap:48px;border-bottom:1px solid var(--line)}.list-date{color:var(--muted);font-size:11px;font-weight:680;letter-spacing:.1em}.list-date span{opacity:.65;font-size:9px;text-transform:uppercase}.list-body h2,.project-row h2{max-width:720px;margin:18px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.03em}.list-body>p{max-width:660px;color:var(--muted)}.list-body .arrow-link{margin-top:16px}.project-listing{display:grid;gap:0}.project-row{min-height:270px;padding:38px 0;display:grid;grid-template-columns:230px 1fr;gap:44px;align-items:center;border-bottom:1px solid var(--line)}.project-row>.project-symbol{min-height:190px}.row-top{display:flex;justify-content:space-between}.row-index{color:var(--muted);font-size:11px}.article-detail{padding-block:64px 120px}.back-link{display:inline-block;color:var(--muted);font-size:12px;font-weight:680}.back-link:hover{color:var(--ink)}.detail-header{max-width:940px;padding:70px 0 64px}.detail-header h1{margin:26px 0 30px;font-size:clamp(52px,7vw,88px)}.detail-subtitle{color:var(--muted);font-size:18px}.detail-layout{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:90px;align-items:start}.prose{font-family:Georgia,"Noto Serif SC",serif;font-size:17px;line-height:2}.prose .lead{margin-top:0;color:var(--ink);font-size:24px;line-height:1.7}.prose p{color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.prose h2{margin:60px 0 18px;font-size:34px;font-weight:500;line-height:1.25;letter-spacing:-.02em}.prose li{margin:8px 0}.code-note{margin:38px 0;border:1px solid var(--line);background:var(--surface);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.code-note>span{display:block;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.code-note pre{margin:0;padding:24px;overflow-x:auto;color:var(--green);font-size:13px;line-height:1.8}.detail-aside{display:grid;gap:16px;position:sticky;top:30px}.aside-box{padding:24px;border:1px solid var(--line);background:var(--surface)}.aside-box>span{display:block;margin-bottom:15px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.aside-box a{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:17px;line-height:1.4}.copy-link{padding:0;border:0;border-bottom:1px solid var(--ink);background:none;cursor:pointer;font-size:12px}.about-grid{padding-block:72px 120px;display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.about-copy{font-family:Georgia,"Noto Serif SC",serif;font-size:24px;line-height:1.9}.about-copy p{margin-top:0}.facts{border-top:1px solid var(--line)}.facts>div{padding:22px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.facts span{color:var(--muted);font-size:11px}.facts strong{text-align:right;font-size:12px}.contact-band{margin-bottom:110px;padding:70px;background:var(--surface-2)}.contact-band h2{margin:0 0 35px;font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.04em}.access-page,.not-found{min-height:650px;padding-block:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.access-icon{width:72px;height:72px;margin-bottom:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:28px}.access-page h1{font-size:clamp(50px,7vw,84px)}.access-page>p:not(.eyebrow){max-width:620px;margin:30px 0;color:var(--muted);font-size:16px}.access-page .back-link{margin-top:28px}.not-found-code{color:var(--accent);font-family:Georgia,serif;font-size:clamp(100px,20vw,240px);line-height:.8;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink)}.not-found h1{margin-top:50px;font-size:clamp(42px,6vw,68px)}.not-found p{margin:22px 0 34px;color:var(--muted)}.site-footer{width:min(1240px,calc(100% - 48px));min-height:100px;margin:0 auto;padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.05em}.footer-dot{width:6px;height:6px;margin-right:9px;display:inline-block;border-radius:50%;background:var(--orange)}.site-footer a:hover{color:var(--ink)}@media(max-width:920px){.hero{grid-template-columns:1fr;gap:36px;padding-top:74px}.hero-art{width:min(500px,90%);justify-self:center}.project-card{grid-template-columns:1fr}.project-symbol{min-height:220px}.detail-layout{grid-template-columns:1fr;gap:45px}.detail-aside{grid-template-columns:repeat(2,1fr);position:static}.about-grid{grid-template-columns:1fr;gap:50px}.project-row{grid-template-columns:180px 1fr;gap:26px}}@media(max-width:680px){.wrap{width:min(100% - 36px,1160px)}.site-header{width:calc(100% - 28px);height:70px}.mobile-menu{display:grid}.site-nav{display:none;position:absolute;top:62px;left:0;right:0;padding:22px;align-items:stretch;flex-direction:column;gap:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav>a{font-size:15px}.theme-toggle{margin-left:auto}.hero{min-height:auto;padding-block:68px 72px}.hero h1{font-size:clamp(54px,17vw,72px)}.hero-lede{font-size:15px}.hero-art{width:100%}.hero-card{width:62%;padding:24px}.article-grid,.project-grid{grid-template-columns:1fr}.article-card{min-height:310px;padding:26px}.section{padding-block:72px}.section-heading{align-items:start}.section-heading .arrow-link{margin-top:12px;font-size:11px}.project-card{grid-template-columns:42% 58%;min-height:260px}.project-symbol{min-height:100%}.project-content{padding:22px}.project-content h3{margin-top:36px;font-size:24px}.quote-band{width:calc(100% - 36px);min-height:300px;padding:42px 22px}.quote-mark{left:25px}.page-intro{padding-block:76px 58px}.page-intro h1{font-size:clamp(52px,16vw,70px)}.article-list-item{grid-template-columns:1fr;gap:22px;padding:42px 0}.project-row{grid-template-columns:1fr;gap:22px}.project-row>.project-symbol{min-height:210px}.article-detail{padding-top:42px}.detail-header{padding-block:50px 46px}.detail-header h1{font-size:48px}.prose{font-size:16px}.prose .lead{font-size:21px}.detail-aside{grid-template-columns:1fr}.about-grid{padding-block:54px 80px}.about-copy{font-size:20px}.contact-band{width:calc(100% - 36px);padding:46px 26px}.access-page,.not-found{min-height:560px}.site-footer{width:calc(100% - 28px);flex-direction:column;align-items:flex-start;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}