*{box-sizing:border-box;margin:0;padding:0}
:root{--blk:#000;--tan:#d6b993;--acc:#ad2c0c;--grey:#d4d4d4;--dk:#2a2a2a;--line:#333}
html{scroll-behavior:smooth}
body{font:16px/1.7 enriqueta,Georgia,"Times New Roman",serif;color:var(--grey);background:var(--blk)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:"jockey one","Arial Narrow",Impact,sans-serif;font-weight:400;line-height:1.15;letter-spacing:.01em}
h1{font-size:clamp(2rem,5vw,3.1rem);text-transform:uppercase}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem);text-transform:uppercase;color:#fff;margin-bottom:.45em}
h3{font-size:1.3rem;text-transform:uppercase;color:#fff}
p{margin-bottom:1em}
.sec{padding:64px 0}
.sec--tan{background:var(--tan);color:#1a1a1a}
.sec--tan h2,.sec--tan h3{color:#111}
.sec--tan a{color:var(--acc)}
.sec--w{background:#fff;color:#1a1a1a}
.sec--w h2,.sec--w h3{color:#111}
.lead{max-width:74ch}
.acc{color:var(--acc)}
/* top black bar */
.promo{background:#000;border-bottom:1px solid #1e1e1e}
.promo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:11px;padding-bottom:11px;flex-wrap:wrap}
.promo em{font-style:italic;color:#fff;font-size:.95rem;letter-spacing:.02em}
.btn{display:inline-block;background:#fff;color:#000;padding:10px 20px;font-family:"jockey one","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;font-size:.9rem;border:2px solid #fff}
.btn:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.btn--acc{background:var(--acc);border-color:var(--acc);color:#fff}
.btn--acc:hover{background:#fff;color:#000;border-color:#fff}
/* masthead */
.mast{background:#f0f0f0;color:#111;padding:26px 0}
.mast .wrap{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.mast .emb{height:104px;width:auto;flex:none}
.mast .mid{flex:1;min-width:260px;text-align:center}
.mast .wm{height:60px;width:auto;margin:0 auto}
.mast .tag{font-family:"jockey one","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;margin-top:8px;color:#111}
.soc{text-align:right;min-width:180px}
.soc span{display:block;font-family:"jockey one",Impact,sans-serif;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;margin-bottom:8px;color:#111}
.soc a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#000;color:#fff;margin-left:6px;text-decoration:none;font-size:.8rem;font-family:Arial,sans-serif}
.soc a:hover{background:var(--acc)}
/* nav */
header{position:sticky;top:0;z-index:60;background:#111;border-top:1px solid #000}
.nav{display:flex;align-items:center;min-height:52px}
.nav ul{display:flex;list-style:none;margin:0;flex-wrap:wrap;align-items:center}
.nav a{display:block;padding:15px 17px;color:#fff;text-decoration:none;font-family:"jockey one","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}
.nav a:hover{background:#000;color:var(--acc)}
.nav a.on{color:var(--acc)}
.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;padding:12px 6px}
/* hero */
.hero{position:relative;min-height:clamp(340px,56vh,520px);display:flex;align-items:center;text-align:center;color:#fff}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero .wrap{position:relative;z-index:2}
.hero h1{margin-bottom:12px}
.hero p{max-width:62ch;margin:0 auto 24px;color:#eaeaea}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* 3 cards */
.cards{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.card{background:#000;border:3px solid #000;text-decoration:none;display:block}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card .cap{background:rgba(0,0,0,.86);color:#fff;font-size:.9rem;padding:9px 12px;font-family:enriqueta,Georgia,serif}
.card .cap b{color:var(--acc);font-weight:400}
.card .ttl{background:#000;color:var(--acc);font-family:"jockey one",Impact,sans-serif;text-transform:uppercase;font-size:1.45rem;padding:12px 14px 16px;text-align:center;letter-spacing:.02em}
.card:hover .ttl{color:#fff}
/* generic grid */
.grid{display:grid;gap:26px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.list{list-style:none}
.list li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.sec--tan .list li,.sec--w .list li{border-bottom-color:rgba(0,0,0,.14)}
.list li:before{content:"›";position:absolute;left:0;color:var(--acc);font-size:1.1rem;line-height:1.4}
.quote{border-left:3px solid var(--acc);padding:14px 20px;background:rgba(255,255,255,.04)}
.quote p{font-style:italic;margin:0}
.sec--tan .quote{background:rgba(0,0,0,.05)}
.notice{background:#1b1b1b;border:1px solid var(--acc);padding:18px 22px;color:#eee}
.sec--tan .notice,.sec--w .notice{background:#fff;color:#222}
.strap{background:var(--acc);color:#fff;text-align:center;padding:16px;font-family:"jockey one",Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.25rem}
iframe.map{width:100%;height:340px;border:0;filter:grayscale(.2)}
.info h3{color:var(--acc);font-size:1rem;letter-spacing:.08em;margin-bottom:10px}
.sec--tan .info h3{color:var(--acc)}
/* footer */
footer{background:#000;color:#9a9a9a;padding:46px 0 26px;font-size:.92rem;border-top:3px solid var(--acc)}
footer h4{color:#fff;font-family:"jockey one",Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:1rem}
footer a{color:#9a9a9a;text-decoration:none}
footer a:hover{color:var(--acc)}
footer ul{list-style:none}
footer li{margin-bottom:7px}
.fgrid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}
.copy{border-top:1px solid #222;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.84rem}
@media(max-width:900px){
 .mast .wrap{justify-content:center;text-align:center}
 .soc{text-align:center;min-width:0;width:100%}
 .nav ul{display:none;position:fixed;inset:auto 0 auto 0;top:var(--navtop,52px);background:#111;flex-direction:column;align-items:stretch;border-bottom:3px solid var(--acc)}
 .nav ul.open{display:flex}
 .nav ul li{border-bottom:1px solid #222}
 .burger{display:block}
 .sec{padding:46px 0}
}
