: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:18px;letter-spacing:.3px;white-space:nowrap}.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:0;margin:0}.heroFullBleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.heroCard{position:relative;width:100%;min-height:520px;overflow:hidden;border-radius:0;box-shadow:none;background:#f6f3ee}.heroBg{background-size:cover;background-position:50%;background-repeat:no-repeat;transform:scale(1.24);filter:contrast(1.08) saturate(1.04) brightness(.92)}.heroBg,.heroOverlay{position:absolute;inset:0}.heroOverlay{background:radial-gradient(900px 520px at 50% 35%,hsla(0,0%,100%,.55) 0,hsla(36,22%,95%,.38) 55%,hsla(36,22%,95%,.16) 100%)}.heroInner{position:relative;z-index:2;text-align:center;padding:90px 0 70px}.h1{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(34px,4vw,54px);margin:0 0 8px;color:rgba(0,0,0,.82);text-shadow:0 1px 0 hsla(0,0%,100%,.35)}.sub{font-size:15px;color:rgba(0,0,0,.62);margin:0 0 14px}.mini{font-size:12.5px;color:rgba(0,0,0,.58);margin:0 auto 18px;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(4,minmax(0,1fr));grid-gap:18px;gap:18px}.tile{background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.06)}.tileImg{width:100%;height:230px;object-fit:cover;object-position:center;display:block;margin-bottom:10px;transform:scale(1.18);transform-origin:center}.tileImgOil{object-position:center 12%;transform:scale(1.2)}.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}.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}.snippetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px;margin-top:16px}.snippetCard{background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(0,0,0,.06)}.snippetImg{width:100%;height:380px;object-fit:contain;background:#eeeae3;display:block;padding:4px}.snippetMeta{padding:8px 12px 10px}.snippetTitle{font-weight:600;font-size:12px;line-height:1.2;margin:0;color:#222}.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){.detail{grid-template-columns:1fr}.tileRow{grid-template-columns:repeat(2,1fr)}.snippetImg{height:300px}}@media (max-width:640px){.navlinks{gap:6px}.navlinks a{padding:8px}.tileRow{grid-template-columns:1fr}.tileImg{height:180px}.nav{flex-wrap:wrap;height:auto;padding:10px 0}.brand{font-size:22px;line-height:1.1}.navlinks{width:100%;justify-content:center;flex-wrap:wrap;margin-top:8px;gap:16px}.heroCard{min-height:560px}.heroBg{transform:scale(1.12)}.heroInner{padding:70px 0 60px}.snippetImg{height:280px}.heroInner{padding:52px 0 44px}.h1{font-size:34px;line-height:1.05;margin:0 0 8px}.sub{font-size:14px;margin:0 0 10px}.mini,.sub{color:rgba(0,0,0,.72)}.mini{font-size:12.5px;margin:0 auto 14px;max-width:340px}.btn{padding:11px 16px;font-size:13px}}