:root{--paper:#f6f1e7;--card:#fbf8f2;--ink:#2b1e17;--soft:#6a5a4e;--beet:#a3202d;--beet-deep:#82151f;--gold:#e8b23a;--line:rgba(43,30,23,.14);--max:1100px;--g:clamp(16px,4vw,40px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 "Commissioner","Segoe UI",system-ui,sans-serif}
h1,h2,h3{font-family:"Alegreya",Georgia,serif;line-height:1.15;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.2rem,5.5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}h3{font-size:1.3rem}
a{color:var(--beet);text-underline-offset:3px}a:hover{color:var(--beet-deep)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:9}
header.top{background:var(--ink);color:var(--paper)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font-family:"Alegreya",serif;font-size:1.4rem;font-weight:700}
.brand img{width:52px;height:auto}
.brand small{display:block;font:400 .8rem "Commissioner",sans-serif;opacity:.75}
header.top nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
header.top nav a{color:var(--paper);text-decoration:none;font-weight:500}
header.top nav a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--beet);color:#fff!important;padding:.8em 1.5em;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s,transform .15s}
.btn:hover{background:var(--beet-deep)}.btn:active{transform:scale(.97)}
.btn--ghost{background:transparent;color:var(--ink)!important;border:2px solid var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)!important}
.hero{background:var(--ink);color:var(--paper);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center;padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(40px,7vw,88px)}
.hero p.lead{font-size:1.2rem;color:rgba(246,241,231,.85);max-width:34em}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5rem}
.hero .btn--ghost{color:var(--paper)!important;border-color:var(--paper)}.hero .btn--ghost:hover{background:var(--paper);color:var(--ink)!important}
.hero img{border-radius:8px;aspect-ratio:4/5;object-fit:cover;width:100%}
.eyebrow{color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0 0 .75rem}
section.block{padding:clamp(40px,7vw,80px) 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card div{padding:16px 18px 20px}.card h3{margin-bottom:.3em}.card p{margin:0;color:var(--soft);font-size:.97rem}
.card .more{color:var(--beet);font-weight:600;margin-top:.6em;display:inline-block}
@media(hover:hover){.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(43,30,23,.12)}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px);align-items:center}
.two img{border-radius:8px;aspect-ratio:4/3;object-fit:cover;width:100%}
.alt{background:var(--card);border-block:1px solid var(--line)}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:0}dl.facts dt{font-weight:600}dl.facts dd{margin:0}
.legal{max-width:760px;padding-top:clamp(32px,6vw,64px);padding-bottom:clamp(40px,7vw,80px)}
.legal h2{font-size:1.4rem;margin-top:1.8em}.legal h3{font-size:1.1rem;margin-top:1.2em}
footer.bottom{background:var(--ink);color:rgba(246,241,231,.8);padding:36px 0;font-size:.95rem}
footer.bottom .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer.bottom a{color:var(--paper)}footer.bottom a:hover{color:var(--gold)}
footer.bottom nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.hero .wrap,.two{grid-template-columns:1fr}.hero img{aspect-ratio:16/10;order:-1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}