*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf8;--surface:#f2f1ed;--text:#0f0f0e;--muted:#78776e;--border:#0f0f0e1a;--radius:12px;--font-serif:"DM Serif Display",Georgia,serif;--font-sans:"DM Sans",system-ui,sans-serif}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 32px}.main-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fafaf8e6;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.nav-brand{font-family:var(--font-serif);color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:400;text-decoration:none}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;transition:color .12s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.hero{border-bottom:1px solid var(--border);grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;padding:80px 0 60px;display:grid}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:11px;font-weight:600}.hero-h1{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(40px,5.5vw,64px);font-weight:400;line-height:1.05}.hero-h1 em{color:var(--muted);font-style:italic}.hero-desc{color:var(--muted);margin-bottom:28px;font-size:17px;font-weight:300;line-height:1.65}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{height:44px;font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0 22px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .14s,background .14s;display:inline-flex}.btn-black{background:var(--text);color:#fff}.btn-black:hover{opacity:.82}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--surface)}.btn-white{color:var(--text);background:#fff}.btn-white:hover{opacity:.88}.sec{padding:56px 0 0}.sec-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:12px;display:flex}.sec-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.sec-link{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:500;text-decoration:none;transition:color .12s}.sec-link:hover{color:var(--text)}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;padding:24px;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.card-surface{background:var(--surface);border:1px solid #0000}.card-surface:hover{border-color:var(--border)}.card-icon{margin-bottom:14px;font-size:28px;display:block}.card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:700}.card-eyebrow-row{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.card-h{font-family:var(--font-serif);margin-bottom:8px;font-size:18px;line-height:1.25}.card-p{color:var(--muted);flex:1;font-size:13px;font-weight:300;line-height:1.55}.card-arrow{color:var(--text);border-top:1px solid var(--border);margin-top:16px;padding-top:14px;font-size:12px;font-weight:600}.check-list{flex-direction:column;gap:8px;margin-top:4px;list-style:none;display:flex}.check-list li{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;font-weight:300;line-height:1.4;display:flex}.check-list li:before{content:"○";opacity:.45;flex-shrink:0;margin-top:2px;font-size:10px}.cta-strip{background:var(--text);border-radius:16px;justify-content:space-between;align-items:center;gap:32px;margin-top:56px;padding:44px 52px;display:flex}.cta-strip-heading{font-family:var(--font-serif);color:#fff;margin-bottom:16px;font-size:24px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#ffffffbf;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:12px;text-decoration:none;transition:background .12s;display:inline-flex}.tag:hover{color:#fff;background:#ffffff24}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 0;display:flex}.cat-tabs{flex-wrap:wrap;gap:8px;display:flex}.cat-tab{border:1px solid var(--border);height:32px;font-family:var(--font-sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.cat-tab:hover{color:var(--text);border-color:#0f0f0e4d}.cat-tab.active{background:var(--text);color:#fff;border-color:var(--text)}.cat-tab .cnt{opacity:.55;font-size:10px}.search-input{border:1px solid var(--border);height:32px;font-family:var(--font-sans);color:var(--text);background:#fff;border-radius:999px;outline:none;width:200px;padding:0 14px;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:#0f0f0e66}.search-input::placeholder{color:var(--muted)}.results-meta{letter-spacing:.04em;color:var(--muted);padding:16px 0 0;font-size:12px;font-weight:500}.cat-hero{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:32px;padding:52px 0 40px;display:grid}.breadcrumb{color:var(--muted);align-items:center;gap:0;margin-bottom:16px;font-size:12px;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .12s}.breadcrumb a:hover{color:var(--text)}.breadcrumb-sep{opacity:.35;margin:0 8px}.cat-h1{font-family:var(--font-serif);margin-bottom:10px;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.08}.cat-desc{color:var(--muted);max-width:560px;font-size:16px;font-weight:300;line-height:1.6}.cat-count-badge{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;margin-top:14px;font-size:11px;font-weight:600;display:inline-flex}.art-num{letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:11px;font-weight:600}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:52px 0 36px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand{font-family:var(--font-serif);color:var(--text);margin-bottom:10px;font-size:18px;font-weight:400;text-decoration:none;display:block}.footer-tagline{color:var(--muted);font-size:13px;font-weight:300;line-height:1.6}.footer-col-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:10px;font-weight:700}.footer-links{flex-direction:column;gap:9px;display:flex}.footer-links a{color:var(--muted);font-size:13px;font-weight:300;text-decoration:none;transition:color .12s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:var(--muted);text-decoration:none;transition:color .12s}.footer-bottom-links a:hover{color:var(--text)}.articles-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0 80px;display:grid}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:80px 0;font-size:15px}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding:52px 0 40px}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cat-hero{grid-template-columns:1fr}.articles-grid{grid-template-columns:repeat(2,1fr)}.cta-strip{flex-direction:column;padding:32px}}@media (max-width:600px){.wrap{padding:0 16px}.grid-3,.grid-2,.footer-grid,.articles-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.search-input{width:100%}.hero-h1{font-size:38px}}
