*{box-sizing:border-box}html{scroll-behavior:smooth}body{--bg:#f5f1e9;--ink:#292b26;--muted:#66685e;--accent:#b64326;--line:#d8d4ca;margin:0;background:var(--bg);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1320px,88vw);margin:auto}.skip{position:absolute;top:-100px;padding:15px;background:var(--bg)}.skip:focus{top:8px;z-index:9}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:29px;letter-spacing:-1.4px}.brand b{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:26px;font-size:13px}nav a{opacity:.68}nav a:hover,nav a[aria-current]{opacity:1}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.hero{min-height:660px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;position:relative;padding:78px 0 65px}.eyebrow,.tag,.index,.kicker{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:2px}.eyebrow{color:var(--muted);margin-bottom:38px}.tag{color:var(--accent);line-height:1.7;margin-bottom:20px}h1{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:clamp(44px,5.4vw,76px);font-weight:500;line-height:1.22;letter-spacing:-2px;margin:0 0 28px}.desc{max-width:460px;font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 34px}.cta{display:inline-flex;gap:44px;align-items:center;font-size:14px;border-bottom:1px solid var(--ink);padding:12px 0}.cta:hover{color:var(--accent)}.cta span{font-size:22px}.art{aspect-ratio:1;position:relative;display:grid;place-items:center}.art svg{width:100%;height:100%}.art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-family:monospace;color:var(--muted)}.section-head{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}h2{font-size:19px;font-weight:500;margin:0}.section-head span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:4px 0 65px}.home .grid{grid-template-columns:repeat(4,1fr)}.card{padding:24px 0;border-top:1px solid var(--line);position:relative}.card .kicker{font-size:10px;color:var(--muted)}.card h3{font-size:23px;font-weight:500;margin:25px 0 12px;letter-spacing:-.5px}.card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:275px}.card .arrow{position:absolute;right:2px;top:24px;font-size:22px}.card-link:hover h3{color:var(--accent)}.card-link{transition:transform .2s}.card-link:hover{transform:translateY(-5px)}footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:4px}.lab{--bg:#172520;--ink:#e7eddb;--muted:#a9b9a9;--accent:#c3e689;--line:#405044}.lab h1,.punch h1,.kart h1{font-family:"Avenir Next","PingFang SC",sans-serif;font-weight:700}.lab .art{background-image:linear-gradient(#a9b9a911 1px,transparent 1px),linear-gradient(90deg,#a9b9a911 1px,transparent 1px);background-size:32px 32px}.punch{--bg:#ed552e;--ink:#261910;--muted:#4c261b;--accent:#fff0ce;--line:#a9371e}.punch .tag{color:var(--ink)}.punch .card-link:hover h3{color:var(--ink)}.kart{--bg:#e5ed6c;--ink:#232a1e;--muted:#586034;--accent:#3a4e27;--line:#b8c355}.kart h1{font-style:italic;letter-spacing:-3px}.lens{--bg:#f0f1ee;--ink:#25382f;--muted:#69796f;--accent:#436e53;--line:#cdd6ce}.lens h1{font-weight:400}.lens .art{background:#e2e8df}.lens .art-caption{padding:12px}.home .art{color:var(--accent)}.ring{transform-origin:250px 250px;animation:spin 70s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{animation:enter .8s both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{gap:25px;min-height:560px}.home .grid{grid-template-columns:repeat(2,1fr)}nav{gap:16px}.wrap{width:90vw}h1{font-size:48px}}@media(max-width:640px){header{padding:23px 0;align-items:flex-start;flex-direction:column;gap:20px;min-height:0}.brand{font-size:26px}nav{gap:17px;font-size:12px}.hero{grid-template-columns:1fr;padding:44px 0;gap:28px}.eyebrow{margin-bottom:28px}h1{font-size:48px}.art{width:100%;max-width:380px;justify-self:center}.grid,.home .grid{grid-template-columns:1fr;gap:8px;padding-bottom:35px}.card{padding:24px 0}.card h3{margin-top:18px}.section-head{align-items:flex-start}.section-head span{max-width:150px;text-align:right;line-height:1.7}footer{flex-direction:column;line-height:1.8}.desc{font-size:14px}.tag{font-size:10px}}@media(max-width:640px){.home h1{font-size:clamp(32px,9.7vw,46px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}