/* Buffalo Soldiers of America: public site. Large, readable, high contrast. */
:root{--brand:#2f3557;--brand-d:#1e2240;--gold:#c99a1c;--buff:#f3e8c8;--bg:#fbf7ec;--ink:#14182b;--muted:#545866;--line:#d8cfb4}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:19px/1.65 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--brand-d);line-height:1.2}
h1{font-size:clamp(1.9rem,4.5vw,3rem);margin:.2em 0 .4em}
h2{font-size:clamp(1.5rem,3vw,2rem);margin:1.2em 0 .5em}
h3{font-size:1.35rem;margin:.2em 0 .3em}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:9}
.top{background:var(--brand-d);color:#fff;border-bottom:4px solid var(--gold)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1.1}
.brand small{font-size:.8rem;font-weight:400;letter-spacing:.06em;color:var(--buff)}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}
nav a{color:#fff;text-decoration:none;font-weight:600;padding:6px 0;border-bottom:3px solid transparent}
nav a:hover,nav a[aria-current]{border-bottom-color:var(--gold)}
.hero{background-size:cover;background-position:center;color:#fff;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,43,.88),rgba(20,24,43,.55) 60%,rgba(20,24,43,.25))}
.hero .wrap{position:relative;padding-top:clamp(60px,10vw,120px);padding-bottom:clamp(60px,10vw,120px)}
.hero h1{color:#fff;max-width:18ch}.hero p{font-size:1.2rem;max-width:40ch}
.btn{display:inline-block;background:var(--gold);color:var(--ink);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:10px;border:2px solid var(--gold);margin:6px 6px 6px 0}
.btn.light{background:transparent;color:#fff;border-color:#fff}
.btn.ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
section{padding-bottom:10px}
.page{padding-top:30px;padding-bottom:40px}
.lead{font-size:1.15rem;color:var(--muted)}.muted{color:var(--muted)}
.event{display:flex;gap:22px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:12px;padding:20px;margin:16px 0}
.event-img{width:220px;flex:0 0 220px;border-radius:8px;object-fit:cover}
.event-body{flex:1;min-width:0}
.when{font-weight:700;color:var(--brand);margin:0}.where{margin:.2em 0 .6em;color:var(--muted)}
.map{width:100%;height:240px;border:0;border-radius:8px;margin-top:10px}
.actions{margin:.6em 0 0}
.flyers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.flyer{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
.flyer img{border-radius:6px}.flyer figcaption{margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.grid figure{margin:0}.grid img{border-radius:8px;aspect-ratio:4/3;object-fit:cover;width:100%}
.grid figcaption{font-size:.9rem;color:var(--muted);margin-top:4px}
.band{background:var(--buff);margin-top:30px;padding:30px 0}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.two img{border-radius:12px}
.prose{max-width:820px}.prose figure{margin:20px 0}.prose figure.right{float:right;max-width:280px;margin:6px 0 16px 24px}
.prose figcaption{font-size:.9rem;color:var(--muted)}
.subscribe{background:#fff;border:1px dashed var(--line);padding:12px 16px;border-radius:10px}
details.past{margin-top:30px}details.past summary{font-weight:700;cursor:pointer;font-size:1.1rem}
footer{background:var(--brand-d);color:var(--buff);margin-top:40px;padding:20px 0;font-size:.95rem}
@media(max-width:760px){.event{flex-direction:column}.event-img{width:100%;flex-basis:auto}.two{grid-template-columns:1fr}.prose figure.right{float:none;max-width:100%;margin:10px 0}nav{gap:4px 14px}}
footer a{color:#fff}