:root{--bg:#f6f4f1;--paper:#fff;--text:#1d1d1d;--muted:#6b6b6b;--line:rgba(0,0,0,.1);--btn:#1d1d1d;--btnText:#fff;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.08);--max:1120px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 600px at 50% 0,#fff 0,var(--bg) 65%);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.topbar{position:-webkit-sticky;position:sticky;top:0;background:hsla(36,22%,95%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{font-family:Georgia,Times New Roman,Times,serif;font-size:22px;letter-spacing:.3px}.navlinks{display:flex;gap:20px;font-size:14px;color:var(--muted)}.navlinks a{padding:8px 10px;border-radius:10px}.navlinks a:hover{background:rgba(0,0,0,.04);color:var(--text)}.heroWrap{padding:26px 0 40px}.heroCard{position:relative;border-radius:calc(var(--radius) + 10px);overflow:hidden;box-shadow:var(--shadow);background:#111;min-height:360px}.heroImg{width:100%;height:100%;object-fit:cover;filter:grayscale(15%) contrast(105%) brightness(98%);opacity:.92}.heroImg,.heroOverlay{position:absolute;inset:0}.heroOverlay{background:radial-gradient(700px 420px at 50% 35%,hsla(0,0%,100%,.86) 0,hsla(36,22%,95%,.72) 52%,hsla(36,22%,95%,.1) 100%)}.heroInner{position:relative;padding:70px 22px 64px;text-align:center}.h1{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(34px,4vw,58px);margin:0 0 6px}.sub{font-size:16px;color:#2a2a2a;margin:0 0 18px}.mini{font-size:13px;color:#3c3c3c;margin:0 auto 22px;max-width:720px}.btnRow{display:flex;gap:12px;flex-wrap:wrap}.btn,.btnRow{justify-content:center}.btn{display:inline-flex;align-items:center;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--text);font-size:14px}.btnPrimary{background:var(--btn);color:var(--btnText);border-color:rgba(0,0,0,.25)}.section{padding:34px 0}.sectionTitle{font-family:Georgia,Times New Roman,Times,serif;font-size:34px;text-align:center;margin:0 0 8px}.sectionSub{text-align:center;color:var(--muted);margin:0 auto 22px;max-width:760px}.tileRow{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.tile{grid-column:span 4;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.05)}.tileImg{width:100%;height:160px;object-fit:cover;display:block}.tileBody{padding:14px 14px 16px}.tileTitle{font-family:Georgia,Times New Roman,Times,serif;font-size:18px;margin:0 0 2px}.tileMeta{font-size:12px;color:var(--muted);margin:0}.grid{grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.card{grid-column:span 3;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 26px rgba(0,0,0,.05);transition:transform .12s ease}.card:hover{transform:translateY(-2px)}.cardBody{padding:12px 12px 14px}.cardTitle{margin:0 0 4px;font-size:14px}.cardMeta{font-size:12px;color:var(--muted);margin:0 0 8px}.cardLink{font-size:12px;color:var(--text);text-decoration:underline;text-underline-offset:3px}.pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 18px}.pill{border:1px solid var(--line);background:var(--paper);padding:8px 12px;border-radius:999px;font-size:13px;color:var(--muted);cursor:pointer}.pillActive{background:rgba(0,0,0,.06);color:var(--text);border-color:rgba(0,0,0,.18)}.pageTitle{font-family:Georgia,Times New Roman,Times,serif;font-size:44px;margin:22px 0 6px;text-align:center}.pageSub{text-align:center;color:var(--muted);margin:0 auto 22px;max-width:760px}.detail{display:grid;grid-template-columns:7fr 5fr;grid-gap:18px;gap:18px;align-items:start}.detailImg{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.detailImg,.panel{border:1px solid var(--line)}.panel{background:var(--paper);border-radius:var(--radius);padding:16px}.kv{display:grid;grid-template-columns:120px 1fr;grid-gap:8px;gap:8px;font-size:13px;color:#2b2b2b;margin:12px 0}.kv div:nth-child(odd){color:var(--muted)}.form{display:grid;grid-gap:10px;gap:10px}.input,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px}.textarea{min-height:120px;resize:vertical}.footer{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;color:var(--muted);font-size:13px}@media (max-width:980px){.card{grid-column:span 4}.tile{grid-column:span 6}.detail{grid-template-columns:1fr}}@media (max-width:640px){.navlinks{gap:6px}.navlinks a{padding:8px}.card{grid-column:span 6}.tile{grid-column:span 12}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:18px;gap:18px}.card{display:block;background:hsla(0,0%,100%,.75);border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;text-decoration:none}.card img{width:100%;height:180px;object-fit:cover;display:block}.cardMeta{padding:12px 12px 14px}.cardTitle{font-weight:600;color:#222;margin-bottom:4px}.cardSub{color:#666;font-size:13px}.artGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px;margin-top:16px}.artCard{background:hsla(0,0%,100%,.78);border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(0,0,0,.06)}.artCardImg{width:100%;height:170px;object-fit:cover;display:block}.artCardMeta{padding:12px 14px 14px}.artCardTitle{font-weight:700;margin-bottom:4px;color:#222}.artCardSub{font-size:13px;color:#666}.snippetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px;margin-top:16px}.snippetCard{background:hsla(0,0%,100%,.78);border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit}.snippetImg{width:100%;height:170px;object-fit:cover;display:block}.snippetMeta{padding:12px 14px 14px}.snippetTitle{font-weight:700;margin-bottom:4px;color:#222}.snippetSub{font-size:13px;color:#666}@media (max-width:640px){.header,.navBar,.siteHeader,.topNav{flex-wrap:wrap;align-items:center}.brand,.logo,.siteTitle{white-space:nowrap;font-size:22px;line-height:1.1}.nav,.navLinks{width:100%;display:flex;justify-content:center;gap:16px;margin-top:8px;flex-wrap:wrap}}