:root {
  --purple: #552583;
  --gold: #FDB927;
  --burgundy: #5A1414;
  --ink: #1c1c1c;
  --paper: #faf9f6;
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; background: var(--paper); color: var(--ink); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
img { max-width: 100%; display:block; }

.container { width: min(1100px, 92vw); margin: 0 auto; }
header { position: sticky; top: 0; z-index: 10; backdrop-filter: saturate(140%) blur(6px); background: color-mix(in oklab, var(--paper) 86%, white 14%); border-bottom: 1px solid #eae7df; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding: 14px 0; }
.brand { display:flex; align-items:center; gap:14px; }
.brand svg { height: 28px; }
nav a { color: var(--ink); text-decoration:none; padding:8px 12px; border-radius:10px; font-weight:600; }
nav a:hover { background:#efede6; }

.hero { padding: 72px 0 48px; background: radial-gradient(1200px 400px at 50% -100px, #ffffff 0%, var(--paper) 60%, var(--paper) 100%); }
.hero h1 { font-size: clamp(28px, 4vw, 42px); line-height:1.05; margin: 0 0 10px; font-weight:900; letter-spacing:-0.02em; }
.hero p.lead { font-size: clamp(16px, 2.2vw, 19px); max-width: 700px; opacity:0.9; }

.section { padding: 40px 0; }
.kards { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.kard { background:white; border:1px solid #ece8df; border-radius:18px; padding:18px; box-shadow:0 6px 16px rgba(0,0,0,0.04); }
.kard h3{ margin-top:6px; margin-bottom:8px; font-size:20px;}
.kard p{ margin:0; line-height:1.6; }

.ribbon { height:8px; border-top-left-radius:18px; border-top-right-radius:18px; margin:-18px -18px 12px -18px; }
.ribbon.purple { background: var(--purple);}
.ribbon.gold { background: var(--gold);}
.ribbon.burg { background: var(--burgundy);}

.initiatives { display:grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.initiative { background:white; border:1px solid #ece8df; border-radius:18px; padding:0; overflow:hidden; box-shadow:0 6px 16px rgba(0,0,0,0.04); }
.initiative-img { width:100%; height:220px; object-fit:cover; }
.initiative .content { padding:16px 18px 18px; }
.initiative h4 { margin:0 0 6px; }

.cta { background: linear-gradient(90deg, color-mix(in oklab, var(--purple) 85%, black 10%), var(--burgundy)); color:white; border-radius:18px; padding:24px; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.cta h2 { margin:0; font-size:22px; }
.cta a.btn { background: var(--gold); color:#3a2b00; text-decoration:none; padding:12px 16px; border-radius:12px; font-weight:800; }
.cta a.btn:hover { filter: brightness(0.98); }

footer { margin-top: 30px; border-top:1px solid #eae7df; padding:18px 0 32px; font-size:14px; opacity:0.9; }
footer a { color: var(--purple); text-decoration:none; }
footer a:hover { text-decoration:underline; }
.small { font-size: 13px; opacity:0.85; }