:root{color-scheme:light;--bg: oklch(.97 .008 155);--surface: oklch(.995 .003 155);--surface-muted: oklch(.93 .014 150);--forest: oklch(.27 .055 154);--forest-soft: oklch(.36 .05 154);--ink: oklch(.18 .018 150);--muted: oklch(.42 .025 150);--line: oklch(.82 .017 150);--accent: oklch(.55 .12 38);--focus: oklch(.63 .16 38);--link: oklch(.35 .07 218);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-label: "Helvetica Neue", Arial, var(--font-sans);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;font-family:var(--font-sans)}*{box-sizing:border-box}html{background:var(--forest)}body{margin:0;background:var(--bg);color:var(--ink);font-size:1rem;font-kerning:normal;font-optical-sizing:auto;line-height:1.75;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.18em}a:focus-visible{border-radius:6px;outline:2px solid var(--focus);outline-offset:4px}::selection{background:#d2b373;color:var(--ink)}img{display:block;height:auto;max-width:100%}.site-header,.site-footer{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1220px;padding:22px 24px}.site-header{color:var(--ink);padding:18px 24px}.brand{align-items:center;color:var(--ink);display:inline-flex;flex:0 0 auto;font-family:var(--font-label);font-size:1rem;font-weight:var(--weight-bold);gap:8px;letter-spacing:0;line-height:1;white-space:nowrap}.brand-logo{border-radius:999px;flex:0 0 auto;height:32px;object-fit:cover;width:32px}.site-nav{display:flex;gap:14px}.site-nav a,.site-footer a{color:var(--muted);font-size:.875rem}.site-nav a{align-items:center;display:inline-flex;font-family:var(--font-label);font-weight:var(--weight-regular);letter-spacing:0;line-height:1;min-height:36px;padding:6px 4px}.site-nav a:hover,.site-footer a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:88px}.home-story{background:var(--forest);color:#edf4ee;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);margin:0 auto 78px;min-height:min(760px,calc(100vh - 72px))}.story-photo{aspect-ratio:5 / 6;margin:0;min-height:420px;overflow:hidden;position:relative}.story-photo img{height:100%;object-fit:cover;width:100%}.story-photo:after{background:#0411072e;content:"";inset:0;position:absolute}.story-photo figcaption{bottom:22px;color:#f1f7f2;font-family:var(--font-label);font-size:.75rem;font-weight:var(--weight-medium);letter-spacing:.01em;left:24px;line-height:1.4;position:absolute;z-index:1}.story-copy{align-content:center;display:grid;gap:24px;padding:clamp(32px,6vw,92px)}.issue-label,.magazine-header p,.listing-header p,.entry-item small{color:currentColor;font-family:var(--font-label);font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.01em;margin:0;opacity:.68}.story-copy h1{font-size:clamp(2.625rem,7vw,5.5rem);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:.98;margin:0;max-width:780px;text-wrap:balance}.story-copy>p:not(.issue-label){color:#d0dbd1;font-size:clamp(1.0625rem,2vw,1.3125rem);line-height:1.75;margin:0;max-width:42ch;text-wrap:pretty}.story-actions{display:flex;flex-wrap:wrap;gap:10px}.story-actions a,.section-link,.back-link{border:1px solid currentColor;border-radius:999px;align-items:center;display:inline-flex;font-size:.875rem;font-weight:var(--weight-bold);justify-content:center;line-height:1;min-height:44px;padding:10px 15px}.story-actions a{color:#edf4ee}.featured-note{border-top:1px solid oklch(.76 .03 150 / .55);color:#edf4ee;display:grid;gap:8px;max-width:560px;padding-top:18px}.featured-note span{color:#bbc8bd;font-family:var(--font-label);font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.01em}.featured-note strong{font-size:1.375rem;font-weight:var(--weight-bold);line-height:1.25}.featured-note small{color:#c4cec5;font-size:.875rem;line-height:1.65}.page-section,.standard-section,.listing,.article{margin:0 auto;max-width:1080px;padding:0 24px}.standard-section{margin-bottom:78px}.magazine-section{margin-bottom:70px}.magazine-header,.listing-header{align-items:end;border-bottom:1px solid var(--ink);display:flex;gap:24px;justify-content:space-between;margin-bottom:10px;padding-bottom:18px}.magazine-header h2,.listing-header h1{font-size:clamp(2rem,5vw,3.625rem);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1;margin:4px 0 0;text-wrap:balance}.magazine-header span,.listing-header span{color:var(--muted);line-height:1.6;max-width:48ch}.section-link{color:var(--ink);flex:0 0 auto}.standard-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.standard-item{border-top:1px solid var(--ink);display:grid;gap:18px;min-height:170px;padding-top:16px}.standard-item strong{font-size:clamp(1.5rem,3vw,2.125rem);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.08}.standard-item span{color:var(--muted);line-height:1.65}.entry-list{list-style:none;margin:0;padding:0}.entry-item{border-bottom:1px solid var(--line)}.entry-item a{color:var(--ink);display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;min-height:106px;padding:24px 0}.entry-item a:hover{color:var(--forest);text-decoration:none}.entry-copy{min-width:0}.entry-item h2,.entry-item h3{font-size:clamp(1.375rem,3vw,2rem);font-weight:var(--weight-bold);letter-spacing:-.018em;line-height:1.18;margin:4px 0 0;overflow-wrap:anywhere;text-wrap:balance}.entry-item p{color:var(--muted);margin:8px 0 0;max-width:68ch;overflow-wrap:anywhere;text-wrap:pretty}.entry-date{color:var(--accent);font-family:var(--font-label);font-size:.875rem;font-weight:var(--weight-medium);letter-spacing:.01em;white-space:nowrap}.magazine-listing{padding-top:38px}.magazine-listing-header{margin-bottom:18px}.shenzhen-listing-header{color:var(--forest)}.about-page{--about-pink: oklch(.67 .095 18);--about-sky: oklch(.75 .06 185);--about-butter: oklch(.78 .105 92);--about-olive: oklch(.66 .06 112);margin:0;max-width:none;padding:0}.about-hero{background:var(--forest);color:#edf4ee;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);min-height:580px;overflow:hidden;position:relative}.about-hero:after{background:linear-gradient(90deg,var(--about-pink) 0 24%,var(--about-sky) 24% 55%,var(--about-butter) 55% 78%,var(--about-olive) 78%);bottom:0;content:"";height:12px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.about-portrait{margin:0;min-height:420px;overflow:hidden;position:relative}.about-portrait img{height:100%;object-fit:cover;width:100%}.about-portrait:after{background:#04110738;content:"";inset:0;position:absolute}.about-portrait figcaption{bottom:22px;color:#f1f7f2;font-family:var(--font-label);font-size:.75rem;font-weight:var(--weight-medium);left:24px;line-height:1.4;position:absolute;z-index:1}.about-hero-copy{align-content:center;display:grid;gap:20px;padding:clamp(34px,6vw,86px);position:relative}.about-hero-copy:before{background:var(--about-pink);border-radius:999px;box-shadow:18px 0 0 var(--about-sky),36px 0 0 var(--about-butter);content:"";height:12px;position:absolute;right:calc(clamp(26px,5vw,70px) + 36px);top:clamp(26px,4vw,54px);width:12px}.about-hero-copy h1{font-size:clamp(3rem,9vw,6rem);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:.96;margin:0;text-wrap:balance}.about-hero-copy>p{color:#d0dbd1;font-size:clamp(1.0625rem,1.8vw,1.3125rem);line-height:1.78;margin:0;max-width:45ch;text-wrap:pretty}.about-tag-list{margin-top:6px}.about-body{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(170px,220px) minmax(0,1fr);margin:60px auto 0;max-width:1220px;padding:0 24px}.about-index{align-self:start;border-top:1px solid var(--ink);display:grid;gap:0;position:sticky;top:24px}.about-index:before{background:linear-gradient(90deg,var(--about-pink) 0 28%,var(--about-sky) 28% 62%,var(--about-butter) 62% 82%,var(--about-olive) 82%);border-bottom:1px solid var(--ink);content:"";display:block;grid-column:1 / -1;height:42px}.about-index p,.about-index a{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.about-index p{color:var(--accent);font-family:var(--font-label);font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.01em}.about-index a{color:var(--ink);font-size:.9375rem;font-weight:var(--weight-semibold)}.about-index a:hover{color:var(--forest)}.about-prose{min-width:0}.about-prose>h1:first-child{display:none}.about-prose>p:first-of-type{color:var(--ink);font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:var(--weight-semibold);letter-spacing:-.012em;line-height:1.55;margin-top:0;max-width:35ch}.about-prose h2:after{background:linear-gradient(90deg,var(--about-pink) 0 34%,var(--about-sky) 34% 68%,var(--about-butter) 68%);content:"";display:block;height:8px;margin-top:12px;width:96px}.article{--article-pink: oklch(.67 .095 18);--article-sky: oklch(.75 .06 185);--article-butter: oklch(.78 .105 92);--article-olive: oklch(.66 .06 112);--article-note: oklch(.985 .009 92);max-width:840px;padding-top:34px}.article-header{border-bottom:1px solid var(--ink);margin-bottom:36px;padding-bottom:28px}.article-header>.back-link{align-items:center;border:0;border-radius:0;display:inline-flex;gap:6px;margin-left:0;min-height:44px;padding:0;width:max-content}.article-header h1{font-size:clamp(2.75rem,7vw,5.25rem);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.03;margin:12px 0 18px;text-wrap:balance}.article-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;font-size:.875rem}.article-meta:after{background:var(--article-pink);border-radius:999px;box-shadow:18px 0 0 var(--article-sky),36px 0 0 var(--article-butter);content:"";flex:0 0 12px;height:12px;margin-left:auto;margin-right:36px;margin-top:.35em;width:12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 0;padding:0}.tag-list li{border:1px solid var(--line);border-radius:999px;color:var(--forest-soft);font-size:.8125rem;padding:3px 9px}.about-hero-copy .about-tag-list li{background:#2a44329e;border-color:#c0cfc2c7;color:#f1f7f2;font-weight:var(--weight-semibold)}.prose{font-size:1.125rem;line-height:1.9}.article .prose>p:first-child{color:var(--ink);font-size:clamp(1.125rem,1.9vw,1.3125rem);font-weight:var(--weight-semibold);line-height:1.82}.prose h2{font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1.28;margin:56px 0 16px;text-wrap:balance}.prose h3{font-size:1.375rem;font-weight:var(--weight-semibold);letter-spacing:-.005em;line-height:1.35;margin:38px 0 12px;text-wrap:balance}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin:20px 0}.prose p,.prose li{text-wrap:pretty}.prose a{color:var(--link);text-decoration:underline;text-underline-offset:.2em}.article .prose blockquote{background:var(--article-note);border-image:linear-gradient(90deg,var(--article-pink),var(--article-sky),var(--article-butter),var(--article-olive)) 1;border-style:solid;border-width:6px 0 0;color:var(--ink);font-weight:var(--weight-semibold);padding:26px 30px}.article .prose blockquote>:first-child{margin-top:0}.article .prose blockquote>:last-child{margin-bottom:0}.about-prose .project-wall{align-items:stretch;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:28px 0 52px;width:100%}.about-prose .project-card{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--project-color, var(--line));border-radius:12px;color:var(--ink);display:flex;flex-direction:column;min-height:100%;padding:18px;text-decoration:none}.about-prose .project-card:nth-child(4n+1){--project-color: var(--about-pink)}.about-prose .project-card:nth-child(4n+2){--project-color: var(--about-sky)}.about-prose .project-card:nth-child(4n+3){--project-color: var(--about-butter)}.about-prose .project-card:nth-child(4n+4){--project-color: var(--about-olive)}.about-prose .project-card:hover{border-color:var(--forest-soft);border-top-color:var(--project-color, var(--forest-soft));color:var(--forest);text-decoration:none}.about-prose .project-card img{aspect-ratio:16 / 9;background:var(--surface-muted);border-radius:6px;margin:0 0 20px;max-height:none;object-fit:cover;width:100%}.about-prose .project-card span{color:var(--muted);font-family:var(--font-label);font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.01em;line-height:1.4}.about-prose .project-card strong{color:var(--ink);display:block;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:var(--weight-bold);letter-spacing:-.018em;line-height:1.18;margin-top:6px;text-wrap:balance}.about-prose .project-card p{color:var(--muted);font-size:1rem;line-height:1.72;margin:18px 0 0}.prose img{border-radius:12px;margin:30px auto;max-height:78vh;object-fit:contain}.prose code{background:var(--surface-muted);border-radius:6px;font-size:.88em;font-variant-ligatures:none;padding:2px 5px}.prose pre{background:#0c170e;border-radius:12px;color:#edf4ee;overflow-x:auto;padding:18px}.prose pre code{background:transparent;padding:0}@media(prefers-reduced-motion:no-preference){.story-actions a,.section-link,.back-link,.entry-item a,.standard-item{transition:color .18s var(--ease-out),border-color .18s var(--ease-out),transform .18s var(--ease-out)}.story-actions a:hover,.section-link:hover,.back-link:hover,.standard-item:hover{transform:translateY(-1px)}.entry-item a:hover{transform:translate(4px)}}@media(max-width:900px){.home-story,.about-hero,.about-body{grid-template-columns:1fr}.about-hero{min-height:0}.about-index{position:static}.about-index{grid-template-columns:repeat(4,minmax(0,1fr))}.about-index p{grid-column:1 / -1}.story-copy{padding:38px 24px 48px}.story-photo{aspect-ratio:4 / 3;min-height:360px}.standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-footer,.magazine-header,.listing-header{align-items:flex-start;flex-direction:column}.site-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:clamp(10px,4vw,24px);padding:14px clamp(14px,5vw,24px)}.site-nav{flex:0 0 auto;flex-wrap:nowrap;gap:clamp(8px,2.5vw,14px);row-gap:2px}.site-nav a{align-items:center;display:inline-flex;min-height:44px;padding-left:2px;padding-right:2px;white-space:nowrap}.home-story{margin-bottom:52px}.story-photo{min-height:300px}.story-copy h1{font-size:2.625rem;line-height:1.04}.standard-grid,.entry-item a{grid-template-columns:1fr}.standard-item{min-height:130px}.entry-date{white-space:normal}.article-header h1{font-size:2.375rem;line-height:1.08}.about-portrait{min-height:300px}.about-hero-copy{padding:34px 22px 42px}.about-hero-copy h1{font-size:3.25rem;line-height:1}.about-body{margin-top:44px}.about-index{grid-template-columns:1fr 1fr}.prose{font-size:1.0625rem}.about-prose .project-wall{gap:16px;width:100%}.about-prose .project-card{padding:14px}}