:root{color-scheme:dark;--ink:#171827;--ink-soft:#23263a;--paper:#f4e9d7;--paper-deep:#e7d8c3;--amber:#f3a54a;--coral:#d96b5b;--teal:#63b7a9;--mist:#f4e9d7ad;--line:#f4e9d729;--display:"STKaiti", "KaiTi", "Songti SC", Georgia, serif;--sans:"Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;font-family:var(--sans);background:var(--ink);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{min-width:320px;color:var(--paper);background:var(--ink);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.75;overflow-x:clip}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit}::selection{color:var(--ink);background:var(--amber)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:4px}#main:focus{outline:none}.skip-link{z-index:100;color:var(--ink);background:var(--paper);padding:.55rem .85rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-width{width:min(1180px,100% - 3rem);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:min(1320px,100% - 3rem);min-height:90px;margin-inline:auto;display:grid;position:relative}.site-brand{letter-spacing:.08em;justify-self:start;align-items:center;gap:.7rem;font-weight:700;display:inline-flex}.site-brand svg{width:2.55rem;color:var(--amber)}.site-brand span{font-size:1.08rem;line-height:1.2;display:grid}.site-brand small{color:var(--mist);letter-spacing:.13em;margin-top:.28rem;font-size:.64rem;font-weight:500}.site-header nav{align-items:center;gap:2.4rem;display:flex}.site-header nav a{color:var(--mist);padding-block:2rem;font-size:.88rem;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--paper)}.site-header nav a.active:after{content:"";background:var(--amber);height:2px;position:absolute;bottom:-.05rem;left:25%;right:25%}.header-link{color:var(--paper);letter-spacing:.05em;justify-self:end;font-size:.84rem}.header-link span{color:var(--amber)}.eyebrow{color:var(--amber);letter-spacing:.18em;align-items:center;gap:.7rem;font-size:.76rem;font-weight:700;line-height:1.4;display:inline-flex}.eyebrow i{background:currentColor;width:1.7rem;height:1px}.solid-link,.plain-link{letter-spacing:.03em;align-items:center;gap:.8rem;min-height:44px;font-size:.88rem;font-weight:700;display:inline-flex}.solid-link{color:var(--ink);background:var(--amber);border:1px solid var(--amber);padding:.7rem 1.15rem;box-shadow:5px 5px #d96b5b80}.solid-link:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #d96b5b80}.plain-link{border-bottom:1px solid #f4e9d759}.plain-link:hover{color:var(--amber);border-color:var(--amber)}.site-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:3.2rem;min-height:730px;padding-block:4rem 5.5rem;display:grid}.hero-text{z-index:2;position:relative}.hero-text h1{font-family:var(--display);letter-spacing:-.06em;margin:1.35rem 0;font-size:clamp(3.1rem,5.1vw,5.8rem);font-weight:500;line-height:1.08}.hero-text h1 span{color:var(--amber);display:inline-block}.hero-text>p{max-width:33rem;color:var(--mist);margin:0;font-size:1.05rem}.hero-links{flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2rem;display:flex}.hero-footnote{color:#f4e9d78c;letter-spacing:.05em;align-items:center;gap:.55rem;margin-top:2.8rem;font-size:.75rem;display:flex}.hero-footnote i{background:var(--line);width:1px;height:.8rem;margin-inline:.35rem}.status-dot{background:var(--teal);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #63b7a91a}.cosmos{min-width:0;margin:0 -5vw 0 -8rem;position:relative}.cosmos:after{content:"";background:linear-gradient(90deg, var(--ink) 0%, transparent 24%, transparent 100%);pointer-events:none;position:absolute;inset:0}.cosmos img{aspect-ratio:3/2;object-fit:cover;border-radius:47% 12% 44% 16%/18% 44% 14% 42%;width:100%;box-shadow:0 1.8rem 5rem #05071073}.cosmos figcaption{z-index:2;color:var(--paper);backdrop-filter:blur(10px);letter-spacing:.12em;background:#171827c7;border:1px solid #f4e9d740;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.7rem;display:flex;position:absolute;bottom:2%;right:5%}.cosmos figcaption>span{color:var(--amber);font-size:1.4rem}.cosmos figcaption div{display:grid}.cosmos figcaption small{color:var(--mist);letter-spacing:.05em;margin-top:.1rem;font-size:.68rem}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.3fr .4fr;align-items:center;gap:3rem;padding-block:4.5rem;display:grid;position:relative}.manifesto>span{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.7rem)}.manifesto p{color:var(--mist);margin:0;font-size:1rem}.manifesto svg{width:5.5rem;color:var(--amber);justify-self:end}.project-preview,.notes-preview{padding-block:7rem}.section-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.6rem;display:flex}.section-intro h2{font-family:var(--display);margin:.9rem 0 0;font-size:clamp(2rem,3.3vw,3.5rem);font-weight:500;line-height:1.2}.project-feature{background:var(--paper);min-height:570px;color:var(--ink);grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.project-feature-copy{flex-direction:column;align-items:start;padding:clamp(2rem,5vw,4.5rem);display:flex}.tiny-tag{min-height:1.85rem;color:var(--ink);background:var(--amber);letter-spacing:.07em;align-items:center;padding:.15rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.project-feature-copy h3{font-family:var(--display);margin:1.4rem 0 1rem;font-size:clamp(2.4rem,4vw,4.3rem);font-weight:500;line-height:1.04}.project-feature-copy h3 em{color:var(--coral);font-style:normal}.project-feature-copy>p{color:#171827ad;margin:0}.project-feature-copy ul{border-top:1px solid #17182729;width:100%;margin:2rem 0;padding:0;list-style:none}.project-feature-copy li{border-bottom:1px solid #17182729;grid-template-columns:2.2rem 1fr;gap:.6rem;padding:.82rem 0;font-size:.87rem;display:grid}.project-feature-copy li span{color:var(--coral);font-size:.7rem;font-weight:700}.project-feature-copy .plain-link{margin-top:auto}.workflow-illustration{min-height:570px;color:var(--paper);background:#23263a;padding:2rem;position:relative;overflow:hidden}.workflow-illustration:before{content:"";opacity:.4;background-image:radial-gradient(#f4e9d759 .7px,#0000 .7px);background-size:25px 25px;position:absolute;inset:0}.diagram-title{color:var(--mist);letter-spacing:.14em;align-items:center;gap:1rem;font-size:.7rem;display:flex;position:relative}.diagram-title i{background:var(--line);flex:1;height:1px}.flow-line{border-top:1px solid #f3a54a75;border-bottom:0;border-left:0;border-right:1px solid #f3a54a75;border-radius:0 60% 0 0;width:76%;height:28%;position:absolute;top:51%;left:15%;transform:rotate(-7deg)}.flow-node{z-index:2;background:#171827e0;border:1px solid #f4e9d733;width:10.2rem;padding:1.1rem;position:absolute;box-shadow:8px 8px #f3a54a26}.flow-node>span{border:1px solid var(--amber);width:2.5rem;height:2.5rem;color:var(--amber);border-radius:50%;place-items:center;margin-bottom:1.1rem;display:grid}.flow-node small{color:var(--teal);letter-spacing:.12em;font-size:.7rem;display:block}.flow-node b{font-family:var(--display);margin-top:.45rem;font-size:1rem;font-weight:500;line-height:1.45;display:block}.node-idea{top:24%;left:8%}.node-write{top:48%;left:40%}.node-shot{top:22%;right:6%}.diagram-note{color:#f4e9d773;letter-spacing:.08em;font-size:.68rem;position:absolute;bottom:1.6rem;right:2rem}.notes-preview{padding-top:1rem}.note-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.note-card{background:var(--ink-soft);border:1px solid var(--line);min-width:0;transition:transform .2s,border-color .2s}.note-card:hover{border-color:#f3a54ab3;transform:translateY(-5px)}.note-art{aspect-ratio:1.6;background:#2d3048;place-items:center;display:grid;position:relative;overflow:hidden}.note-art:before,.note-art:after{content:"";border:1px solid #f4e9d740;border-radius:50%;position:absolute}.note-art:before{aspect-ratio:1;width:58%;transform:rotate(35deg)scaleY(.42)}.note-art:after{aspect-ratio:1;width:88%;transform:rotate(-18deg)scaleY(.28)}.note-art>span{z-index:2;width:4.7rem;height:4.7rem;color:var(--ink);background:var(--amber);border-radius:50%;place-items:center;font-size:1.5rem;display:grid;position:relative}.note-art small{color:var(--mist);letter-spacing:.13em;font-size:.65rem;position:absolute;bottom:.8rem;right:1rem}.art-1{background:#263a40}.art-1>span{background:var(--teal)}.art-2{background:#403039}.art-2>span{background:var(--coral)}.note-body{padding:1.45rem}.note-category{color:var(--amber);letter-spacing:.08em;font-size:.7rem;font-weight:700}.note-category i{background:currentColor;width:.8rem;height:1px;margin:0 .35rem .2rem;display:inline-block}.note-body h3{min-height:3.5rem;font-family:var(--display);margin:.75rem 0 .45rem;font-size:1.35rem;font-weight:500;line-height:1.35}.note-body p{min-height:4.5rem;color:var(--mist);margin:0;font-size:.88rem;line-height:1.7}.note-body footer{border-top:1px solid var(--line);color:#f4e9d77a;justify-content:space-between;margin-top:1.45rem;padding-top:1rem;font-size:.72rem;display:flex}.note-body footer span{color:var(--amber)}.closing{min-height:500px;color:var(--ink);background:var(--paper);margin-top:2rem;padding:7rem 8%;position:relative;overflow:hidden}.closing:after{content:"";border:1px solid #17182729;border-radius:50%;width:34rem;height:34rem;position:absolute;top:-8rem;right:-10rem;box-shadow:0 0 0 4rem #17182706,0 0 0 8rem #17182706}.closing .eyebrow{color:var(--coral)}.closing h2{z-index:2;max-width:40rem;font-family:var(--display);margin:1rem 0;font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1.12;position:relative}.closing p{color:#171827a3}.closing .solid-link{color:var(--paper);background:var(--ink);border-color:var(--ink);margin-top:1.2rem}.closing-star{z-index:2;color:var(--amber);font-size:7rem;position:absolute;top:42%;right:15%}.content-page{padding-block:7rem 9rem}.content-page>h1,.article-page>h1,.not-found h1{font-family:var(--display);letter-spacing:-.04em;margin:1.1rem 0 1.2rem;font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:1.08}.content-page .lead{max-width:44rem;color:var(--mist);margin:0 0 4rem;font-size:1.1rem}.content-page>.note-grid{margin-top:4rem}.works-page{padding-block:7rem 9rem}.works-page>h1{font-family:var(--display);letter-spacing:-.05em;margin:1.2rem 0;font-size:clamp(3.2rem,6vw,6.5rem);font-weight:500;line-height:1.08}.works-lead{max-width:46rem;color:var(--mist);margin:0 0 4rem;font-size:1.05rem}.work-case{border:1px solid var(--line);background:var(--ink-soft);grid-template-columns:.92fr 1.08fr;display:grid;overflow:hidden}.work-case-copy{min-width:0;padding:clamp(2rem,4vw,4rem)}.work-case-meta{color:var(--amber);letter-spacing:.12em;justify-content:space-between;gap:1rem;font-size:.7rem;font-weight:700;display:flex}.work-case-meta span:last-child{color:var(--teal);letter-spacing:.03em}.work-case-copy h2{font-family:var(--display);margin:2.2rem 0 1.4rem;font-size:clamp(2.6rem,4vw,4.4rem);font-weight:500;line-height:1.08}.work-case-copy h2 em{color:var(--amber);font-style:normal}.work-case-copy>p{max-width:33rem;color:var(--mist);margin-bottom:2.2rem}.work-case-copy dl{border-top:1px solid var(--line);margin:0 0 2rem}.work-case-copy dl div{border-bottom:1px solid var(--line);grid-template-columns:6rem 1fr;gap:1rem;padding:1.1rem 0;display:grid}.work-case-copy dt{color:var(--amber);font-size:.82rem;font-weight:700}.work-case-copy dd{color:var(--mist);margin:0;font-size:.88rem}.work-case-visual{background:#10121e;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:clamp(1.5rem,3vw,3rem);display:flex}.work-case-visual img{border:1px solid #f4e9d738;width:100%;height:auto;box-shadow:0 1.4rem 3rem #0000004d}.work-case-visual figcaption{color:var(--mist);padding-top:1rem;font-size:.72rem}.work-next{border-bottom:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,8vw,8rem);padding:6rem 0 4rem;display:grid}.work-next h2{font-family:var(--display);margin:1rem 0 0;font-size:clamp(2.2rem,4vw,4rem);font-weight:500;line-height:1.2}.work-next-detail p{color:var(--mist);margin:0 0 1.2rem}.work-next-links{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.works-note{max-width:42rem;color:var(--mist);margin:2.5rem 0 0;font-size:.9rem}.project-principles{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:4rem;display:grid}.project-principles article{border-right:1px solid var(--line);padding:2.2rem}.project-principles article:last-child{border-right:0}.project-principles article>span{color:var(--amber);letter-spacing:.12em;font-size:.7rem;font-weight:700}.project-principles h2{font-family:var(--display);margin:1rem 0 .6rem;font-size:1.6rem;font-weight:500}.project-principles p{color:var(--mist);margin:0;font-size:.9rem}.article-section{width:min(760px,100%);margin:6rem auto 0}.article-section h2{font-family:var(--display);margin:3.2rem 0 1rem;font-size:2rem;font-weight:500}.article-section p{color:#f4e9d7bf}.journey-list{counter-reset:journey;margin:2rem 0 3rem;padding:0;list-style:none}.journey-list li{border-top:1px solid var(--line);grid-template-columns:11rem 1fr;gap:1.5rem;padding:1.2rem 0;display:grid}.journey-list li:last-child{border-bottom:1px solid var(--line)}.journey-list b{color:var(--amber);font-family:var(--display);font-weight:500}.journey-list span{color:var(--mist)}.article-page{width:min(790px,100% - 3rem);margin-inline:auto;padding-block:7rem 9rem}.article-page .back-link{color:var(--mist);margin-bottom:3rem;font-size:.82rem;display:block}.article-intro{color:var(--mist);border-bottom:1px solid var(--line);font-family:var(--display);margin:0 0 3.5rem;padding-bottom:2rem;font-size:1.35rem;line-height:1.7}.article-body{color:#f4e9d7d1;font-size:1.05rem;line-height:2}.article-body h2{color:var(--paper);font-family:var(--display);margin:3.5rem 0 1rem;font-size:2rem;font-weight:500}.article-body p{margin:0 0 1.7rem}.article-foot{border-top:1px solid var(--line);color:var(--mist);justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:1.4rem;font-size:.78rem;display:flex}.article-foot a{color:var(--amber)}.update-item{border-top:1px solid var(--line);grid-template-columns:9rem 1fr;gap:2rem;margin:4rem 0;padding-top:2rem;display:grid}.update-item>time{color:var(--amber);letter-spacing:.08em;font-size:.8rem}.update-item h2{font-family:var(--display);margin:1rem 0;font-size:2rem;font-weight:500}.update-item p{color:#f4e9d7c2}.update-item small{color:#f4e9d780}.not-found{text-align:center;align-content:center;place-items:center;min-height:72vh;display:grid}.not-found>div{color:var(--amber);margin-top:2rem;font-size:5rem}.not-found h1{margin-top:0}.not-found p{color:var(--mist)}.not-found .solid-link{margin-top:1rem}.site-footer{border-top:1px solid var(--line);width:min(1320px,100% - 3rem);margin:7rem auto 0}.footer-upper{grid-template-columns:1fr 1fr auto;align-items:center;gap:3rem;min-height:230px;display:grid}.footer-brand{font-family:var(--display);font-size:2.2rem;display:grid}.footer-brand span{color:var(--amber);font-family:var(--sans);letter-spacing:.08em;margin-top:.3rem;font-size:.72rem}.footer-upper p{color:var(--mist);margin:0;font-size:.86rem}.footer-upper>a:last-child{color:var(--amber);font-size:.82rem}.footer-lower{border-top:1px solid var(--line);color:#f4e9d766;align-items:center;gap:1.6rem;min-height:70px;font-size:.7rem;display:flex}.footer-lower a{color:var(--mist)}.footer-coordinate{letter-spacing:.1em;margin-left:auto}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.site-header nav{border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:center}.site-header nav a{padding-block:.8rem}.site-hero{grid-template-columns:1fr;min-height:auto;padding-top:4.5rem}.hero-text{max-width:44rem}.cosmos{width:112%;margin:-2rem -6% 0}.cosmos:after{background:linear-gradient(180deg, var(--ink) 0%, transparent 24%)}.project-feature{grid-template-columns:1fr}.workflow-illustration{min-height:500px}.project-principles{grid-template-columns:1fr}.project-principles article{border-right:0;border-bottom:1px solid var(--line)}.project-principles article:last-child{border-bottom:0}.work-case{grid-template-columns:1fr}.work-next{grid-template-columns:1fr;gap:1.6rem}}@media (width<=720px){.page-width,.site-header,.site-footer,.article-page{width:min(100% - 2rem,1180px)}.site-header{gap:.8rem;min-height:74px}.site-brand svg{width:2.2rem}.site-brand small,.header-link{display:none}.site-header nav{scrollbar-width:none;justify-content:flex-start;gap:1.45rem;overflow-x:auto}.site-header nav a{flex:none;font-size:.82rem}.site-hero{gap:1.5rem;padding-block:3.5rem 4rem}.hero-text h1{margin-top:1rem;font-size:clamp(3rem,14vw,4rem)}.hero-text>p{font-size:.98rem}.desktop-break{display:none}.hero-footnote{flex-wrap:wrap}.cosmos{width:112%;margin-inline:-6%}.cosmos img{object-position:61% center;border-radius:28% 8%/12% 26% 10% 24%;min-height:340px}.cosmos figcaption{bottom:-1rem;right:3%}.manifesto{grid-template-columns:1fr;gap:1.2rem;padding-block:3rem}.manifesto svg{display:none}.project-preview,.notes-preview,.content-page,.article-page,.works-page{padding-block:5rem}.work-case-copy{padding:2rem 1.25rem}.work-case-copy dl div{grid-template-columns:1fr;gap:.35rem}.work-case-visual{padding:1.25rem}.work-next{padding:4rem 0 3rem}.section-intro{flex-direction:column;align-items:start}.section-intro>.plain-link{margin-top:-.5rem}.project-feature{min-height:0}.project-feature-copy{padding:2rem 1.25rem 2.5rem}.workflow-illustration{min-height:590px;padding:1.25rem}.flow-node{width:9.5rem}.node-idea{top:15%;left:5%}.node-write{top:41%;left:auto;right:5%}.node-shot{top:67%;left:9%;right:auto}.flow-line{border-radius:0 55% 0 0;width:65%;height:48%;top:31%;left:19%;transform:rotate(27deg)}.diagram-note{display:none}.note-grid{grid-template-columns:1fr;gap:1rem}.note-body h3,.note-body p{min-height:0}.closing{min-height:480px;padding:4rem 1.5rem}.closing-star{font-size:5rem;top:auto;bottom:1rem;right:8%}.journey-list li{grid-template-columns:1fr;gap:.4rem}.update-item{grid-template-columns:1fr;gap:.6rem}.article-foot{flex-direction:column;gap:.5rem}.footer-upper{grid-template-columns:1fr;align-content:center;gap:1.1rem;min-height:300px}.footer-lower{flex-wrap:wrap;gap:.5rem 1rem;min-height:110px;padding-block:1rem}.footer-coordinate{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}