:root { --primary:#102a5c; --primary-soft:#1f417e; --accent:#f5b544; --accent-soft:#ffe5a3; --bg:#f4f6fb; --text:#0f172a; --muted:#4b5563; --border-soft:#e2e8f0; --radius-xl:22px; --radius-lg:18px; --radius-md:14px; --shadow-soft:0 20px 45px rgba(15, 23, 42, 0.18); --shadow-card:0 14px 32px rgba(15, 23, 42, 0.16); } * { box-sizing:border-box; margin:0; padding:0; } body { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); line-height:1.5; } a { color:inherit; text-decoration:none; } .page-wrapper { min-height:100vh; display:flex; flex-direction:column; } main.about-neves { padding:40px 20px 50px; } .container { max-width:1200px; margin:0 auto; } .hero-about { position:relative; border-radius:var(--radius-xl); overflow:hidden; background:radial-gradient(circle at top left,#e1ebff 0,#f6f8ff 40%,#ffffff 100%); box-shadow:var(--shadow-soft); margin-bottom:30px; } .hero-about::before { content:""; position:absolute; inset:-60px 2% auto auto; background:url(/wp-content/uploads/2025/12/neves-emblem-watermark.svg) no-repeat top right; background-size:260px auto; opacity:.06; pointer-events:none; } .hero-inner { position:relative; padding:26px 24px 26px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr); gap:32px; align-items:center; } @media (max-width:920px) { .hero-inner { grid-template-columns:1fr; padding:22px 18px 20px; } } .hero-left { max-width:620px; } .logo-slot { display:flex; justify-content:flex-start; margin-bottom:10px; } .logo-slot img { height:auto; width:300px; display:block; } @media (max-width:600px) { .logo-slot { justify-content:center; } } .eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:.18em; color:#64748b; margin-top:10px; margin-bottom:6px; } .about-title { font-size:26px; line-height:1.25; font-weight:650; color:#020617; margin-bottom:10px; } .about-title span { background:linear-gradient(120deg,var(--accent),var(--accent-soft)); -webkit-background-clip:text; color:#fff0; } .hero-subtitle { font-size:14px; color:var(--muted); text-align:justify; } .hero-pills { margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; font-size:11px; } .hero-pill { padding:4px 9px; border-radius:999px; border:1px solid var(--border-soft); background:#f9fafb; color:#475569; } .hero-right { position:relative; } .symbol-card { border-radius:var(--radius-lg); padding:16px 16px 14px; background:#fff; border:1px solid var(--border-soft); box-shadow:var(--shadow-card); font-size:13px; } .symbol-ribbon-slot { display:flex; justify-content:center; margin-bottom:10px; } .symbol-ribbon-slot img { max-width:150px; height:auto; display:block; } .symbol-title { font-size:14px; font-weight:600; margin-bottom:6px; color:var(--primary); } .symbol-text { font-size:13px; color:#4b5563; margin-bottom:8px; text-align:justify; } .symbol-list { list-style:none; padding:0; margin:0; font-size:12px; color:#4b5563; } .symbol-list li { margin-bottom:4px; padding-left:12px; position:relative; } .symbol-list li::before { content:"•"; position:absolute; left:0; color:var(--accent); } .body-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr); gap:32px; align-items:flex-start; } @media (max-width:960px) { .body-grid { grid-template-columns:1fr; } } .body-main { margin-top:4px; } .body-main h2 { font-size:18px; margin-top:8px; margin-bottom:8px; color:#0f172a; } .body-main p { font-size:14px; color:#4b5563; margin-bottom:10px; text-align:justify; } .body-main ul { padding-left:18px; margin:6px 0 14px; font-size:14px; color:#4b5563; } .body-main ul li { margin-bottom:6px; } .body-side { margin-top:4px; display:flex; flex-direction:column; gap:14px; } .mandates-card { position:relative; border-radius:var(--radius-lg); padding:16px 16px 14px; background:radial-gradient(circle at top,#111827 0,#020617 80%); color:#e5e7eb; box-shadow:var(--shadow-card); overflow:hidden; } .mandates-card::before { content:""; position:absolute; inset:-40px 50% auto -50px; background: radial-gradient(circle at top right,rgb(245 181 68 / .4),transparent 55%), radial-gradient(circle at bottom left,rgb(37 99 235 / .45),transparent 60%); opacity:.9; pointer-events:none; } .mandates-inner { position:relative; z-index:1; } .mandates-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; } .mandates-emblem-slot { justify-content:flex-start; height:auto; display:flex; align-items:center; } .mandates-label { font-size:11px; text-transform:uppercase; letter-spacing:.18em; color:#a5b4fc; margin-bottom:2px; } .mandates-title { font-size:15px; font-weight:600; color:#f9fafb; } .mandates-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr); gap:10px; margin-top:10px; } @media (max-width:520px) { .mandates-grid { grid-template-columns:1fr; } } .mandates-block { background:rgb(15 23 42 / .85); border-radius:14px; padding:9px 10px; border:1px solid rgb(148 163 184 / .7); font-size:12px; } .mandates-block h3 { font-size:12px; margin-bottom:3px; font-weight:600; color:#e5e7eb; } .mandates-values { margin-top:8px; display:flex; flex-wrap:wrap; gap:6px; } .mandates-value-pill { font-size:10px; text-transform:uppercase; letter-spacing:.14em; padding:4px 8px; border-radius:999px; border:1px solid rgb(148 163 184 / .8); background:rgb(15 23 42 / .9); color:#e5e7eb; } .mandates-footnote { margin-top:8px; font-size:11px; color:#cbd5f5; } .global-card { border-radius:var(--radius-md); padding:14px 13px 12px; background:#fff; border:1px solid var(--border-soft); box-shadow:0 10px 26px rgb(15 23 42 / .08); font-size:12px; color:#4b5563; } .global-title { font-size:14px; font-weight:600; margin-bottom:6px; color:#0f172a; } .global-card ul { padding-left:16px; margin:4px 0; } .global-card ul li { margin-bottom:4px; } .global-footnote { font-size:11px; color:#64748b; margin-top:4px; } .why-neves { margin-top:22px; } .why-neves h2 { font-size:18px; margin-bottom:8px; color:#0f172a; } .why-neves p { font-size:14px; color:#4b5563; margin-bottom:10px; text-align:justify; } .why-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } @media (max-width:900px) { .why-grid { grid-template-columns:1fr; } } .why-card { border-radius:14px; padding:12px 11px; background:#fff; border:1px solid var(--border-soft); font-size:12px; color:#4b5563; } .why-card h3 { font-size:13px; font-weight:600; margin-bottom:4px; color:#0f172a; } .why-card ul { padding-left:16px; margin:4px 0; } .why-card ul li { margin-bottom:4px; } .bottom-cta { margin-top:22px; border-radius:var(--radius-lg); padding:14px 16px; background:#020617; color:#e5e7eb; font-size:13px; } .bottom-cta strong { color:#fbbf24; } @media (max-width:600px) { .hero-left { text-align:left; } .about-title { text-align:left; } } .breadcrumb { font-size: 13px; color: #7b8797; margin: 18px 0 12px; } .breadcrumb a { color: #7b8797; text-decoration: none; } .breadcrumb a:hover { color: #d4a548; } .breadcrumb span { margin: 0 6px; } /* SEO/UX additions - preserves original visual identity */ .skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:20px;top:20px;width:auto;height:auto;background:#020617;color:#fff;padding:8px 12px;border-radius:8px;z-index:9999}.breadcrumb{font-size:13px;color:#7b8797;margin:0 0 14px}.breadcrumb a{color:#64748b;text-decoration:none}.breadcrumb a:hover{color:#d4a548;text-decoration:underline}.resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.resource-link{display:block;border:1px solid var(--border-soft);border-radius:12px;background:#fff;padding:10px 11px;font-size:12px;color:#4b5563}.resource-link strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.resource-link:hover{border-color:var(--accent);box-shadow:0 8px 18px rgba(15,23,42,.08)}.timeline-card{border-radius:var(--radius-md);padding:14px 13px 12px;background:#fff;border:1px solid var(--border-soft);box-shadow:0 10px 26px rgb(15 23 42 / .08);font-size:12px;color:#4b5563}.timeline-title{font-size:14px;font-weight:600;margin-bottom:8px;color:#0f172a}.timeline-list{list-style:none!important;padding:0!important;margin:0!important}.timeline-list li{position:relative;padding-left:18px;margin-bottom:8px!important}.timeline-list li:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:999px;background:var(--accent)}.official-note{margin-top:16px;border-left:4px solid var(--accent);background:#fffaf0;border-radius:12px;padding:12px 14px;font-size:13px;color:#4b5563}.official-note strong{color:#0f172a}.bottom-cta a:hover{text-decoration:underline}.body-main a,.global-card a,.why-card a{color:#1d4ed8;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.resource-links{grid-template-columns:1fr}.hero-subtitle,.symbol-text,.body-main p,.why-neves p{text-align:left}}