/* built from someshit generated by AI ... why? because it's faster, yo! */
:root{
--bg:#4b2e0f; /* primary brown */
--bg-dark:#2a1606;/* deep brown */
--panel:#6b3f1a;/* mid */
--panel-2:#8b5a2b;/* lighter */
--accent:#c9a227; /* bile tint */
--highlight:#a47148;/* dried */
--text:#f2e6d0; /* paper */
--muted:#d8c2a8;
--border:#3a220c;
--radius:14px;
--gap:14px;
--max:1300px;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background: #6b3f1a;line-height:1.45;}

.wrap{max-width:var(--max);margin:auto;padding:28px 16px 60px;}
header{background:var(--panel);padding:22px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;}
h1{margin:0 0 8px 0;font-size:clamp(24px,3vw,36px);}
.tagline{margin:0;color:var(--muted);}
.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(5,1fr);}

@media (max-width:1200px){
.grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:800px){
.grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:500px){
.grid{grid-template-columns:1fr;}
}

.card{background:var(--panel-2);padding:18px;border-radius:var(--radius);border:1px solid var(--border);min-height:180px;transition:transform .15s ease;}
.card:hover{transform:translateY(-3px);background:var(--highlight);}
.card h2{margin-top:0;font-size:16px;letter-spacing:.03em;color:var(--accent);}
.card p{color:var(--text);}a{color:var(--accent);text-decoration:none;font-weight:600;}a:hover{text-decoration:underline;}

footer{margin-top:24px;padding:16px;background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);color:var(--muted);}