:root{--brick:#b85a3a;--dark:#3b2a24;--mortar:#e9e2d6}*{box-sizing:border-box}
body{margin:0;font:17px/1.6 Georgia,serif;color:var(--dark);background:var(--mortar)}
.hero{position:relative;color:#fff;text-align:center;padding:4rem 1rem 2rem;overflow:hidden;background:#8e3f27}
.wall{position:absolute;inset:0;opacity:.35;background:linear-gradient(#0000 90%,#e9e2d6 90%) 0 0/60px 30px,linear-gradient(90deg,#0000 95%,#e9e2d6 95%) 0 0/60px 30px}
.hero h1,.hero p,nav{position:relative}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);margin:0;letter-spacing:2px}
nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}
nav a{color:#fff;text-decoration:none;padding:.4rem .8rem;border:1px solid #fff8;border-radius:4px}
.cta{background:#f2c14e;color:#3b2a24!important;font-weight:bold;border:0!important;text-decoration:none;padding:.5rem 1rem;border-radius:4px}.cta.big{font-size:1.3rem;display:inline-block}
main{max-width:960px;margin:auto;padding:1rem}section{padding:1.5rem 0;border-bottom:3px double #c9bba6}
h2{color:var(--brick);font-size:1.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;padding:1rem;border-left:6px solid var(--brick);border-radius:4px}.card h3{margin:.2rem 0}
table{border-collapse:collapse;margin:1rem 0;background:#fff;width:100%}td,th{border:1px solid #c9bba6;padding:.5rem}th{background:var(--brick);color:#fff}
.bonds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}figure{margin:0;background:#fff;padding:.7rem;border-radius:4px}
svg{width:100%;background:#d8cfc0;display:block}.note{font-size:.9rem;font-style:italic}.play{text-align:center}
footer{text-align:center;padding:2rem;font-size:.9rem}