
:root{--navy:#1f2a44;--navy-2:#2e384e;--gold:#c9a24a;--gold-soft:#dfc386;--paper:#f5f6f9;--ink:#1c2334;--muted:#4f586b;--white:#fff;
--serif:"Frank Ruhl Libre",Georgia,"Times New Roman",serif;--sans:"Assistant","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:20}
header.site{background:var(--navy);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:10}
.bar{max-width:72rem;margin:auto;display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.25rem;flex-wrap:wrap}
.bar .brand img{width:96px;border-radius:2px}
.bar nav{margin-left:auto;display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center}
.bar nav a{color:var(--white);text-decoration:none;font-weight:600}
.bar nav a[aria-current]{border-bottom:2px solid var(--gold-soft)}
.btn{display:inline-block;background:var(--gold);color:var(--navy)!important;font-weight:700;text-decoration:none;padding:.7rem 1.4rem;border-radius:3px;border:2px solid var(--gold)}
.btn:hover{background:var(--gold-soft)}
.btn.ghost{background:transparent;color:var(--white)!important;border-color:var(--gold-soft)}
.hero{background:var(--navy);padding:1.5rem 1.25rem 0}
.hero picture img{max-width:72rem;margin:auto;width:100%}
.hero .lead{max-width:72rem;margin:auto;text-align:center;color:var(--white);padding:2rem 1rem 2.5rem}
.hero .lead p{font:400 1.35rem/1.5 var(--serif);max-width:40rem;margin:0 auto 1.5rem}
main section{max-width:72rem;margin:auto;padding:3.5rem 1.25rem}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.2;font-weight:700}
h1{font-size:2.4rem;margin:.2rem 0 1rem}h2{font-size:1.8rem;margin:0 0 1rem}h3{font-size:1.25rem;margin:1.5rem 0 .5rem}
.prose{max-width:40rem}.prose p{margin:0 0 1rem}
.framed{border:1px solid var(--gold);padding:.5rem;background:var(--navy)}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.video{position:relative;padding-top:56.25%;background:var(--navy)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.band{background:var(--navy);color:var(--white)}
.band h2{color:var(--gold-soft)}.band a:not(.btn){color:var(--gold-soft)}
.band section{text-align:center}.band .prose{margin:auto}
.facts{border-top:1px solid var(--gold);margin-top:2rem;padding-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}
.sponsor{width:100%;border-collapse:collapse;margin:0 0 2rem}.sponsor td{padding:.45rem 0;border-bottom:1px solid #d8dbe3}.sponsor td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:1rem}
.tagline{font:700 1.5rem/1.3 var(--serif);color:var(--gold-soft);margin:0 0 1rem}
.facts dt{font-weight:700;color:var(--muted);font-size:.9rem}.facts dd{margin:0 0 .75rem}
footer{background:var(--navy);color:#d9dce4;border-top:3px solid var(--gold);font-size:.95rem}
footer .in{max-width:72rem;margin:auto;padding:2rem 1.25rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}
footer a{color:var(--gold-soft)}
mark.fill{background:#fff3b0;color:#5a4500;padding:0 .25em;border:1px dashed #b38f00;border-radius:2px}
.band mark.fill,footer mark.fill{color:#5a4500}
@media (max-width:760px){header.site{position:static}.split{grid-template-columns:1fr}h1{font-size:2rem}.bar nav{margin-left:0;gap:.9rem}.bar .brand img{width:80px}}
