:root{--paper:#f6f2e9;--surface:#fffcf5;--ink:#282d25;--muted:#646957;--line:#d9d5c6;--green:#385647;--rust:#a64f32;--serif:Georgia,"Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--rust)}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-90px;left:20px;background:var(--green);color:white;padding:10px;z-index:9}.skip:focus{top:10px}.head{border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:49px;height:49px;object-fit:contain}.brand strong{display:block;font:23px/1.3 var(--serif);letter-spacing:.01em}.brand small{display:block;font:9px/1.8 monospace;letter-spacing:.16em;color:var(--muted)}nav{display:flex;gap:26px;align-items:center;font-size:12px}nav a{white-space:nowrap}.eyebrow{font:11px/1.8 monospace;letter-spacing:.13em;color:var(--rust);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;padding:64px 0 54px}h1{font:clamp(43px,4.8vw,62px)/1.22 var(--serif);letter-spacing:-.04em;font-weight:400;margin:24px 0}h1 em{font-style:normal;color:var(--green)}.intro{font-size:15px;line-height:1.95;max-width:470px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--green);border-radius:3px;padding:11px 22px;background:var(--green);color:#fff;font-size:13px;min-height:46px}.button:hover{color:white;background:#294336}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.button.secondary:hover{border-color:var(--green)}.tiny{font-size:11px;color:var(--muted)}.plate{position:relative;margin:0;border:1px solid var(--line);background:var(--surface);padding:26px;box-shadow:11px 11px 0 #e9e4d6}.plate-label{display:flex;justify-content:space-between;font:10px/1.7 monospace;letter-spacing:.12em;color:var(--muted)}.plate .mark{width:100%;height:258px;object-fit:contain;padding:29px 40px}.prompt{font:14px/1.8 var(--serif);text-align:center;border-top:1px solid var(--line);padding:16px 6px 6px;margin-top:10px;color:var(--green)}.plate figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:20px}.stat{padding-right:16px}.stat strong{display:block;font:32px/1.2 var(--serif);color:var(--green);margin-bottom:9px}.stat span{font-size:11px;color:var(--muted)}.snapshot{font:10px/1.8 monospace;color:var(--muted);margin-top:12px}.section{padding:52px 0 0;scroll-margin-top:25px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font:30px/1.4 var(--serif);font-weight:400;margin:7px 0}h3{font-size:16px;font-weight:500;margin:8px 0}.section-head p{font-size:12px;color:var(--muted);margin:0}.text-link{font-size:12px;border-bottom:1px solid var(--ink);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--line);min-width:0}.cover{height:230px;display:block;background:#ecece2;padding:18px;border-bottom:1px solid var(--line)}.cover img{width:100%;height:100%;object-fit:contain}.card-body{padding:18px 20px}.card-body p{font-size:11px;color:var(--muted);margin:8px 0}.card-foot{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 monospace;border-top:1px solid var(--line);padding:13px 20px;color:var(--muted)}.note{font-size:11px;color:var(--muted);margin-top:15px}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.path{background:#e9ecdf;border:1px solid var(--line);padding:24px;min-height:204px;display:flex;flex-direction:column}.path:nth-child(2){background:#efe5d8}.path:nth-child(3){background:#e8e8df}.path h3{font:22px/1.4 var(--serif);margin:16px 0 10px}.path p{font-size:12px;color:var(--muted);margin:0}.path .arrow{font-size:12px;margin-top:auto;padding-top:20px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:var(--green);color:var(--paper);padding:38px;margin-top:55px}.quote h2{margin:0;font-size:29px}.quote p{font-size:12px;line-height:1.9;color:#e0e5d9;margin:0}.quote a{display:inline-block;margin-top:14px;font-size:12px;border-bottom:1px solid #a8b4a4}.developers{display:grid;grid-template-columns:1fr 1fr;gap:60px}.developers p{font-size:13px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eae6d8;border:1px solid var(--line);padding:22px;font:11px/1.9 monospace;margin:0}code{font:11px/1.9 monospace}.link-row{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:18px}.link-row a{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:65px;padding:30px 0 38px}.footer-top{display:flex;justify-content:space-between;gap:22px;align-items:center}.footer-brand{font:20px/1.5 var(--serif)}.footer-links{display:flex;gap:20px;font-size:11px}.rights{font-size:10px;color:var(--muted);margin-top:20px;max-width:900px}
@media(max-width:950px){.hero{gap:32px}h1{font-size:49px}.plate .mark{height:234px;padding:28px}.cover{height:196px}.developers{gap:30px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.head-inner{min-height:110px;flex-wrap:wrap;padding:18px 0}nav{gap:20px;flex-wrap:wrap;font-size:11px}.hero{grid-template-columns:1fr;gap:25px;padding:36px 0}h1{font-size:44px;margin:18px 0}.plate{padding:20px;margin-right:8px;box-shadow:8px 8px 0 #e9e4d6}.plate .mark{height:230px}.stats{grid-template-columns:repeat(2,1fr);row-gap:22px}.grid,.paths{grid-template-columns:1fr}.cover{height:260px}.section{padding-top:36px}.section-head{align-items:start;flex-wrap:wrap}.quote{grid-template-columns:1fr;gap:20px;padding:26px;margin-top:36px}.developers{grid-template-columns:1fr;gap:22px}.footer-top{flex-direction:column;align-items:start}.footer-links{flex-wrap:wrap}.prompt{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The project presentation leads with full-width screenshots, not text cards. */
.visual-hero{padding:44px 0 28px}.visual-title{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.visual-title h1{font-size:clamp(42px,4.5vw,64px);margin:16px 0 0}.hero-side{padding-bottom:4px}.hero-side p{max-width:450px;margin:0;color:var(--muted);font-size:15px}.hero-side .actions{margin:20px 0 14px}.hero-side code{display:block;color:var(--muted);font-size:10px}.wall{margin:0;background:var(--surface);border:1px solid var(--line);padding:8px}.wall>a{display:block}.wall img{width:100%;height:auto}.wall figcaption{display:flex;justify-content:space-between;gap:16px;padding:15px 10px 8px;color:var(--muted);font-size:11px}.wall figcaption a{white-space:nowrap;border-bottom:1px solid var(--line)}.shot-section{margin-top:48px}.shot-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.screenshot{display:block;border:1px solid var(--line);padding:8px;background:var(--surface)}.screenshot img{width:100%;height:auto}.code-section{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;margin-top:52px}.code-section .link-row{margin-top:22px}.shot-heading h2{margin:0;font-size:30px}
@media(max-width:720px){.visual-hero{padding-top:28px}.visual-title{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.visual-title h1{font-size:46px}.hero-side p{font-size:14px}.wall{padding:4px}.wall figcaption{flex-direction:column;gap:5px;font-size:10px;padding:10px 6px}.shot-section{margin-top:34px}.shot-heading{align-items:start;flex-wrap:wrap;gap:8px}.shot-heading h2{font-size:26px}.screenshot{padding:4px}.code-section{grid-template-columns:1fr;gap:22px;margin-top:36px}}

/* Live collection statistics */
.live-statistics{padding:54px 0 38px;border-top:1px solid var(--line,#d9d5c6);border-bottom:1px solid var(--line,#d9d5c6)}
.stats-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.stats-heading h2{margin:8px 0 0}.stats-heading button{cursor:pointer;font:inherit}.stats-heading button:disabled{opacity:.55;cursor:wait}
.live-statistics .stats{margin:0 0 36px}.live-statistics .stat strong{font-variant-numeric:tabular-nums}
.live-charts{display:grid;grid-template-columns:1fr 1fr;gap:56px}.live-charts h3{font-size:20px;margin:0 0 22px}.stat-bars{list-style:none;margin:0;padding:0}.stat-bars li{margin:0 0 17px}.stat-bars a{display:grid;grid-template-columns:1fr auto;gap:8px 16px;text-decoration:none;font-size:15px}.stat-bars strong{font-variant-numeric:tabular-nums}.bar-track{grid-column:1/-1;display:block;height:10px;background:#e7e3d8;border-radius:2px;overflow:hidden}.bar-track>span{display:block;height:100%;background:#385647;transition:width .5s ease}.live-charts>section:nth-child(2) .bar-track>span{background:#a64f32}.stat-bars a:hover .bar-track>span{opacity:.75}.stats-note{font-size:13px;color:#646957;margin:10px 0 0}.live-statistics .snapshot{display:flex;align-items:center;gap:8px;margin:24px 0 0;font-size:12px;text-transform:none}.snapshot[data-state=live]::before{content:"";width:7px;height:7px;background:#385647;border-radius:50%}
@media(max-width:680px){.stats-heading{align-items:flex-start;gap:12px}.stats-heading h2{font-size:30px}.stats-heading button{font-size:12px;padding:12px;white-space:nowrap}.live-charts{grid-template-columns:1fr;gap:24px}.live-statistics{padding-top:35px}.stat-bars a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bar-track>span{transition:none}}