.sankofa-demo{--indigo:#1b2a4a;--rust:#c1602b;--ochre:#e3a857;--cream:#f7f1e3;--green:#2f4a3c;--ink:#1a1512;--m-display:"Fraunces",serif;--m-body:"Work Sans",sans-serif;--m-mono:"IBM Plex Mono",monospace;background:var(--cream);color:var(--ink);font-family:var(--m-body);line-height:1.5;min-height:100vh}.sankofa-demo h1,.sankofa-demo h2,.sankofa-demo h3{font-family:var(--m-display);margin:0;color:var(--indigo);letter-spacing:normal}.sankofa-demo p{margin:0}.sankofa-demo a{color:inherit}.sankofa-demo .wrap{max-width:1120px;margin:0 auto;padding:0 24px}.sankofa-demo .demo-bar{background:#0b0c0e;color:#f4f1ec;font-family:var(--m-mono);font-size:.78rem;padding:10px 0}.sankofa-demo .demo-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sankofa-demo .demo-bar a{color:#f0a03c;text-decoration:none;border-bottom:1px solid rgba(240,160,60,.4)}.sankofa-demo .demo-bar a:hover{border-bottom-color:#f0a03c}.sankofa-demo .site-header{background:var(--indigo);color:var(--cream);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sankofa-demo .site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}.sankofa-demo .brand{font-family:var(--m-display);font-weight:700;font-size:1.4rem;letter-spacing:.02em;text-decoration:none;color:var(--cream)}.sankofa-demo .brand span{color:var(--ochre)}.sankofa-demo .nav{display:flex;gap:28px;list-style:none;margin:0;padding:0}.sankofa-demo .nav a{text-decoration:none;font-family:var(--m-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cream);opacity:.85;border-bottom:2px solid transparent;padding-bottom:4px}.sankofa-demo .nav a:hover{opacity:1;border-bottom-color:var(--ochre)}.sankofa-demo .hero{background:var(--indigo);color:var(--cream);padding:64px 0 88px;position:relative;overflow:hidden}.sankofa-demo .hero:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(227,168,87,.35),transparent 70%);pointer-events:none}.sankofa-demo .eyebrow{font-family:var(--m-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--ochre);margin-bottom:18px;display:block}.sankofa-demo .hero h1{color:var(--cream);font-size:clamp(2.4rem,5vw,4rem);font-weight:600;max-width:16ch;line-height:1.05}.sankofa-demo .hero p.lead{font-size:1.15rem;max-width:46ch;margin-top:22px;color:hsla(42,56%,93%,.85)}.sankofa-demo .hero-actions{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap}.sankofa-demo .btn{display:inline-block;font-family:var(--m-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:14px 26px;text-decoration:none;border:1px solid transparent;cursor:pointer;border-radius:0}.sankofa-demo .btn-primary{background:var(--rust);color:var(--cream)}.sankofa-demo .btn-primary:hover{background:#a94f22}.sankofa-demo .btn-ghost{border-color:hsla(42,56%,93%,.5);color:var(--cream);background:transparent}.sankofa-demo .btn-ghost:hover{border-color:var(--cream)}.sankofa-demo section{padding:72px 0}.sankofa-demo .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.sankofa-demo .section-head h2{font-size:clamp(1.6rem,3vw,2.2rem)}.sankofa-demo .section-note{font-family:var(--m-mono);font-size:.8rem;color:var(--rust);text-transform:uppercase;letter-spacing:.08em}.sankofa-demo .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:2px;gap:2px;background:var(--indigo);border:2px solid var(--indigo)}.sankofa-demo .card{background:var(--cream);padding:28px 24px;transition:background .15s ease}.sankofa-demo .card:hover{background:#fff}.sankofa-demo .card .num{font-family:var(--m-mono);font-size:.75rem;color:var(--rust)}.sankofa-demo .card h3{font-size:1.15rem;margin:10px 0 8px}.sankofa-demo .card p{margin:0;font-size:.92rem;color:#4a463f}.sankofa-demo .board{background:var(--green);color:var(--cream);padding:40px;border-radius:2px;position:relative}.sankofa-demo .board:before{content:"TODAY'S BOARD";font-family:var(--m-mono);font-size:.7rem;letter-spacing:.14em;color:var(--ochre);display:block;margin-bottom:22px}.sankofa-demo .board ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.sankofa-demo .board li{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed hsla(42,56%,93%,.25);padding-bottom:12px;font-family:var(--m-display);font-size:1.15rem}.sankofa-demo .board li .note{font-family:var(--m-mono);font-size:.75rem;color:var(--ochre);text-transform:uppercase;letter-spacing:.04em}.sankofa-demo .board .empty{font-family:var(--m-body);font-size:.95rem;color:hsla(42,56%,93%,.7)}.sankofa-demo .two-col{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:56px;gap:56px;align-items:start}@media (max-width:800px){.sankofa-demo .two-col{grid-template-columns:1fr}}.sankofa-demo .stat-row{display:flex;gap:36px;margin-top:28px;flex-wrap:wrap}.sankofa-demo .stat b{font-family:var(--m-display);font-size:1.8rem;color:var(--rust);display:block}.sankofa-demo .stat span{font-family:var(--m-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#4a463f}.sankofa-demo .hours{width:100%;border-collapse:collapse;font-family:var(--m-mono);font-size:.9rem}.sankofa-demo .hours td{padding:10px 0;border-bottom:1px solid rgba(27,42,74,.12)}.sankofa-demo .hours td:last-child{text-align:right;color:var(--rust)}.sankofa-demo .hours tr.today td{color:var(--indigo);font-weight:600}.sankofa-demo .form-panel{background:#fff;border:2px solid var(--indigo);padding:32px}.sankofa-demo .field{margin-bottom:18px}.sankofa-demo .field label{display:block;font-family:var(--m-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;color:var(--indigo)}.sankofa-demo .field input,.sankofa-demo .field textarea{width:100%;padding:12px 14px;border:1px solid rgba(27,42,74,.3);background:var(--cream);font-family:var(--m-body);font-size:.95rem;color:var(--ink);border-radius:0}.sankofa-demo .field textarea{min-height:120px;resize:vertical}.sankofa-demo .form-status{margin-top:14px;font-family:var(--m-mono);font-size:.82rem}.sankofa-demo .form-status.ok{color:var(--green)}.sankofa-demo .form-status.err{color:var(--rust)}.sankofa-demo .site-footer{background:var(--indigo);color:hsla(42,56%,93%,.7);padding:40px 0;font-family:var(--m-mono);font-size:.78rem}.sankofa-demo .site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}