@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101512;--text:#eef0e7;--muted:#a4afa5;--quiet:#909e92;--accent:#ccdfb4;--line:#2c382f;--heading:"Space Grotesk", Arial, sans-serif;--body:"DM Sans", "Microsoft YaHei UI", "PingFang SC", Arial, sans-serif;--serif:"Instrument Serif", Georgia, serif;--mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{isolation:isolate;background:var(--background);min-width:280px;color:var(--text);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 77% 9%,#a1c2800c,#0000 44%),radial-gradient(at 4%,#a7bc8407,#0000 48%);position:fixed;inset:0}::selection{background:var(--accent);color:var(--background)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site-shell{flex-direction:column;width:min(100% - 112px,1120px);min-height:100svh;margin:auto;display:flex}.site-header{border-bottom:1px solid #d8e6cf12;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;display:flex}.brand{min-height:44px;font:500 20px var(--heading);letter-spacing:-.8px;align-items:center;gap:12px;display:inline-flex}.brand-light{color:#a7b4a7;font-weight:400}.brand-mark{width:35px;height:35px;color:var(--accent);font:500 29px var(--serif);background:linear-gradient(145deg,#d3e6b514,#d3e6b503);border:1px solid #52634b;border-radius:11px;place-items:center;padding-bottom:4px;display:grid;box-shadow:inset 0 1px #e5f0d715}.header-note{color:var(--quiet);letter-spacing:.02em;font-size:12px}main{flex:1;padding:65px 0 86px}.hero{margin-bottom:61px;position:relative}.hero:after{z-index:-1;content:"";pointer-events:none;border:1px solid #bfd5a909;border-radius:50%;width:140px;height:140px;position:absolute;top:-21px;right:42px;box-shadow:0 0 0 28px #bfd5a904,0 0 0 57px #bfd5a903}.hero-eyebrow{color:#b7c4ad;font:400 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:22px;display:flex}.hero-eyebrow svg{width:16px;height:16px;color:var(--accent)}h1{font:500 clamp(24px, 6.2vw, 80px)/1.12 var(--heading);letter-spacing:-.065em;white-space:nowrap;margin:0}h1 em{color:#c3d2b7;font-family:var(--serif);letter-spacing:-.025em;margin-left:.08em;font-weight:400}.hero-description{color:var(--muted);margin:21px 0 0;font-size:14px}.collection-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.collection-heading h2{font:500 13px var(--body);letter-spacing:.01em;margin:0}.collection-count{color:var(--quiet);font:10px var(--mono);letter-spacing:.08em}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.app-card{--card-accent:#c8dfa9;--card-light:#b7d19c0d;--card-glow:#9abc7622;background:radial-gradient(ellipse at 45% 0%, var(--card-light), transparent 80%), linear-gradient(155deg, #1c251e, #161e19);border:1px solid #cedec51c;border-radius:20px;flex-direction:column;min-width:0;min-height:276px;padding:25px;transition:border-color .22s,background-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 32px #0000000d}.app-card:after{background:linear-gradient(90deg, transparent, var(--card-accent), transparent);content:"";opacity:.2;height:1px;position:absolute;top:0;left:18%;right:18%}.app-card[data-tone=sand]{--card-accent:#ddc6a3;--card-light:#d4b4840d;--card-glow:#c7a7761b}.app-card[data-tone=sky]{--card-accent:#b9ccdf;--card-light:#99b5d20d;--card-glow:#95afce1b}.app-card[data-tone=lilac]{--card-accent:#cdc3e3;--card-light:#b3a3d60d;--card-glow:#a896cf1b}.card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-category{color:var(--card-accent);letter-spacing:.06em;font-size:10px}.card-meta{align-items:center;gap:12px;display:flex}.app-index{color:#9aa996;font:10px var(--mono)}.app-badge{color:#bdc9b9;font:9px/1.4 var(--body);letter-spacing:.05em;text-transform:uppercase;border:1px solid #b6c6b32b;border-radius:4px;padding:2px 6px}.app-preview{min-width:0;color:var(--card-accent);place-items:center;margin:20px -4px 21px;display:grid}.app-art{width:100%;max-width:300px;height:122px;display:block;overflow:visible}.art-panel{fill:#121b17;stroke:currentColor;stroke-opacity:.14}.preview-disc{transform-box:fill-box;transform-origin:50%;transition:transform .35s}.preview-sheet{transition:transform .35s}.card-bottomline{justify-content:space-between;align-items:flex-start;gap:15px;margin-top:auto;display:flex}.app-copy{min-width:0}.app-name{font:500 20px/1.3 var(--heading);letter-spacing:-.65px;margin:0}.app-name[lang=zh]{font-family:var(--body);letter-spacing:.04em}.app-detail{min-height:36px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.app-arrow{width:31px;height:31px;color:var(--card-accent);border:1px solid #b9c9af25;border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .22s,background-color .22s,transform .22s;display:grid}.app-arrow svg{width:13px;height:13px}.projects[data-count="1"]{grid-template-columns:minmax(0,1fr)}.projects[data-count="1"] .app-card{grid-template:"meta art""copy art"1fr/1fr 1fr;gap:30px 70px;min-height:248px;padding:34px 39px;display:grid}.projects[data-count="1"] .card-topline{grid-area:meta}.projects[data-count="1"] .app-preview{grid-area:art;margin:0}.projects[data-count="1"] .app-art{max-width:390px;height:auto}.projects[data-count="1"] .card-bottomline{grid-area:copy;align-self:end;align-items:center;width:100%}.projects[data-count="1"] .app-name{font-size:30px}.projects[data-count="1"] .app-detail{min-height:0;font-size:14px}.projects[data-count="1"] .app-arrow{width:39px;height:39px}.projects[data-count="1"] .app-arrow svg{width:15px;height:15px}@media (min-width:851px){.projects[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:hover){.app-card:hover{box-shadow:inset 0 1px #ffffff0a, 0 16px 40px #00000028, 0 0 38px var(--card-glow);background-color:#202b23;border-color:#bfd3ac55;transform:translateY(-4px)}.app-card:hover .app-arrow{background:#d0e0c00a;border-color:#c6dcc15c;transform:translate(1px,-1px)}.app-card:hover .preview-disc{transform:rotate(8deg)}.app-card:hover .preview-sheet{transform:translateY(-3px)}}footer{border-top:1px solid var(--line);color:var(--quiet);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 30px;font-size:11px;display:flex}footer form{margin:0}.footer-action{min-width:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:8px 0 8px 12px;display:inline-flex}.footer-action:hover{color:var(--text)}.skip-link{z-index:10;background:var(--accent);color:var(--background);border-radius:8px;padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}@media (max-width:1000px){.site-shell{width:calc(100% - 64px)}main{padding-top:55px}.app-card{padding:21px}.app-name{font-size:18px}.app-preview{margin-left:-9px;margin-right:-9px}}@media (max-width:850px){.site-shell{width:calc(100% - 40px)}.site-header{padding:23px 0}.brand{font-size:18px}.brand-mark{border-radius:10px;width:31px;height:31px;font-size:26px}.header-note{font-size:10px}main{padding:47px 0 53px}.hero{margin-bottom:40px}.hero-eyebrow{letter-spacing:.1em;margin-bottom:19px;font-size:9px}h1{letter-spacing:-.055em;font-size:clamp(24px,8.2vw,49px)}.hero-description{margin-top:17px;font-size:12px}.collection-heading{margin-bottom:15px}.collection-heading h2{font-size:12px}.collection-count{font-size:9px}.projects{grid-template-columns:minmax(0,1fr);gap:13px}.app-card,.projects[data-count="1"] .app-card{border-radius:16px;grid-template:"meta art""copy art"/minmax(0,1fr) clamp(100px,28vw,230px);align-content:center;gap:17px 18px;min-height:154px;padding:22px;display:grid}.card-topline{grid-area:meta;align-self:start}.app-category{font-size:9px}.app-index{display:none}.card-meta{gap:0}.app-badge{padding:2px 5px;font-size:8px}.app-preview,.projects[data-count="1"] .app-preview{grid-area:art;margin:0}.app-art,.projects[data-count="1"] .app-art{width:100%;max-width:none;height:auto}.card-bottomline,.projects[data-count="1"] .card-bottomline{grid-area:copy;align-self:end;margin:0}.app-name,.projects[data-count="1"] .app-name{font-size:clamp(19px,2.8vw,24px)}.app-detail,.projects[data-count="1"] .app-detail{min-height:0;margin-top:6px;font-size:11px}.app-arrow,.projects[data-count="1"] .app-arrow{border-color:#0000;width:23px;height:23px;position:absolute;top:16px;right:16px}.app-arrow svg,.projects[data-count="1"] .app-arrow svg{width:12px;height:12px}footer{padding:18px 0 22px;font-size:10px}}@media (max-width:400px){.header-note{text-align:right;max-width:105px;line-height:1.6}.app-card,.projects[data-count="1"] .app-card{grid-template-columns:minmax(0,1fr) 110px;gap:16px 12px;padding:20px}.app-art,.projects[data-count="1"] .app-art{width:100%}.app-name,.projects[data-count="1"] .app-name{font-size:18px}}@media (max-width:600px){.projects[data-count="1"] .app-card{gap:0;min-height:278px;padding:25px;display:flex}.projects[data-count="1"] .card-topline{align-self:auto;width:100%}.projects[data-count="1"] .app-preview{width:100%;margin:25px 0}.projects[data-count="1"] .app-art{width:100%;max-width:280px}.projects[data-count="1"] .card-bottomline{align-self:auto;margin-top:auto}.projects[data-count="1"] .app-name{font-size:25px}.projects[data-count="1"] .app-detail{font-size:12px}.projects[data-count="1"] .app-arrow{border-color:#b9c9af25;width:31px;height:31px;position:static}}@media (prefers-reduced-motion:reduce){.app-card,.app-arrow,.preview-disc,.preview-sheet{transition:none}.app-card:hover,.app-card:hover .app-arrow,.app-card:hover .preview-disc,.app-card:hover .preview-sheet{transform:none}}