:root{--bk:#0b0b0d;--ch:#17171b;--ch2:#212126;--gold:#d4af37;--gl:#f3d98b;--gd:#8a6a2b;--tx:#e9e4d8;--mu:#a39d8f;
--gg:linear-gradient(135deg,#8a6a2b 0%,#f3d98b 30%,#c9a24a 50%,#fff1c1 65%,#a87f32 100%)}
*{box-sizing:border-box}body{margin:0;background:var(--bk);color:var(--tx);font-family:Lato,sans-serif;line-height:1.7}
a{color:inherit}.c{text-align:center;margin-top:2.5rem}
.flag{background:var(--gold);color:var(--bk);text-align:center;font:700 .72rem Lato;letter-spacing:.15em;text-transform:uppercase;padding:.3rem}
.hdr{position:sticky;top:0;z-index:9;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 2rem;background:rgba(11,11,13,.95);border-bottom:1px solid var(--gd)}
.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}
.l1{font:700 1.3rem Cinzel;letter-spacing:.08em;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
.l2{font:italic 500 .85rem 'Playfair Display';color:var(--mu);letter-spacing:.1em}
.nav{display:flex;flex-wrap:wrap;gap:.2rem}
.nav a{text-decoration:none;font:500 .78rem Cinzel;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .6rem;color:var(--tx);border-bottom:1px solid transparent}
.nav a:hover,.nav a.on{color:var(--gl);border-color:var(--gold)}
.nt,.burger{display:none}
.eyebrow{font:500 .78rem Cinzel;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0 0 .5rem}
h2{font:600 clamp(1.8rem,4vw,2.7rem) 'Playfair Display';text-align:center;margin:0;color:#fff}h2.l,.two .eyebrow{text-align:left}
.rule{display:flex;align-items:center;gap:1rem;max-width:260px;margin:1.2rem auto 2.5rem;color:var(--gold)}
.rule:before,.rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hero{text-align:center;padding:5.5rem 1.5rem 5rem;background:radial-gradient(ellipse at 50% 30%,#2a2416 0%,#141210 45%,var(--bk) 75%);border-bottom:1px solid var(--gd);position:relative}
.hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(212,175,55,.35);pointer-events:none}
.crest{width:120px}
h1{margin:.5rem 0 0;line-height:1.05}
h1 .gold{display:block;font:700 clamp(2.8rem,9vw,6rem) Cinzel;letter-spacing:.04em;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(212,175,55,.25))}
h1 em{display:block;font:italic 500 clamp(1.5rem,4vw,2.6rem) 'Playfair Display';color:var(--tx);letter-spacing:.05em}
.tag{font-size:1.15rem;color:var(--mu);max-width:560px;margin:0 auto 2.2rem}
.btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;font:700 .8rem Cinzel;letter-spacing:.18em;text-transform:uppercase;padding:.95rem 1.8rem;border:1px solid var(--gold);transition:.2s}
.btn.solid{background:var(--gg);color:var(--bk);border-color:var(--gl)}.btn.line{color:var(--gl)}.btn:hover{box-shadow:0 0 18px rgba(212,175,55,.4)}
.sec{max-width:1180px;margin:auto;padding:5rem 1.5rem}
.plaques{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}
.plaque{background:linear-gradient(180deg,var(--ch2),var(--ch));padding:1.1rem 1.1rem 1.6rem;text-align:center;border:1px solid var(--gd);outline:1px solid rgba(212,175,55,.25);outline-offset:-8px;box-shadow:0 14px 30px rgba(0,0,0,.6)}
.plaque h3{font:600 1.3rem 'Playfair Display';color:#fff;margin:.2rem 0 .4rem}.plaque p{margin:0;font-size:.9rem;color:var(--mu)}
.plaque .cat{font:700 .7rem Cinzel;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-top:1rem}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;aspect-ratio:4/3;border:1px dashed var(--gold);color:var(--gold);font:500 .78rem Cinzel;letter-spacing:.15em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#1b1a17 0 10px,#141414 10px 20px)}
.frame{border:6px double var(--gold);box-shadow:0 0 0 6px var(--ch),0 0 0 7px var(--gd)}
.cer,.hist{background:var(--ch);border-top:1px solid var(--gd);border-bottom:1px solid var(--gd)}.hist{background:linear-gradient(180deg,var(--bk),var(--ch))}
.two{max-width:1180px;margin:auto;padding:5rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
dl{display:grid;grid-template-columns:8rem 1fr;margin:1.8rem 0 2.2rem}dt,dd{margin:0;padding:.75rem 0;border-bottom:1px solid rgba(212,175,55,.25)}
dt{font:700 .8rem Cinzel;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}dd{font:italic 1.2rem 'Playfair Display'}
.hist p{color:var(--mu)}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.medal{text-decoration:none;text-align:center;padding:2rem 1.2rem;background:var(--ch);border:1px solid rgba(212,175,55,.35);transition:.2s}.medal:hover{border-color:var(--gold);transform:translateY(-3px)}
.disc{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;background:var(--gg);color:var(--bk);font:700 1.3rem Cinzel;box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.6)}
.medal h3{font:700 1.2rem Cinzel;letter-spacing:.15em;text-transform:uppercase;color:var(--gl);margin:1rem 0 .3rem}.medal p{margin:0;color:var(--mu);font-size:.92rem}
.spon{padding:4.5rem 1.5rem}
.logos{max-width:1100px;margin:2.2rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.logos div{border:1px solid rgba(212,175,55,.4);color:var(--mu);text-align:center;padding:1.5rem .5rem;font:500 .72rem Cinzel;letter-spacing:.15em;text-transform:uppercase}
.ftr{background:#070708;border-top:1px solid var(--gd);padding:3rem 2rem 1.2rem;color:var(--mu)}
.fin{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.fnav{display:grid;grid-template-columns:repeat(2,auto);gap:.3rem 2.5rem;font:500 .8rem Cinzel;letter-spacing:.1em}.fnav a{text-decoration:none}.fnav a:hover{color:var(--gl)}
.copy{text-align:center;font-size:.78rem;margin-top:2.5rem;letter-spacing:.05em}
@media(max-width:860px){
 .burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}.burger span{width:26px;height:2px;background:var(--gold)}
 .nav{display:none;width:100%;flex-direction:column}.nt:checked~.nav{display:flex}
 .two{grid-template-columns:1fr;gap:2.5rem}.cats{grid-template-columns:1fr 1fr}.logos{grid-template-columns:repeat(2,1fr)}.hdr{padding:.8rem 1.2rem}
}
/* ---- blend additions ---- */
:root{--pink:#ff2d95;--teal:#00e5d4;--purple:#9b4dff}
.hero{padding:4.5rem 1.5rem 0;overflow:hidden;border-bottom:0;background:linear-gradient(180deg,#0b0b0d 0%,#1d0b33 30%,#5a1f7a 55%,#b0306f 72%,#e0703d 86%,#f3b54a 100%)}
.hero:after{z-index:3;border-color:rgba(243,217,139,.45)}
.sun{position:absolute;left:50%;top:170px;width:440px;height:440px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#f3d98b,#ff2d95);-webkit-mask:repeating-linear-gradient(180deg,#000 0 24px,transparent 24px 31px);mask:repeating-linear-gradient(180deg,#000 0 24px,transparent 24px 31px);opacity:.45}
.grid{position:absolute;bottom:0;left:-50%;width:200%;height:190px;background:#0b0b0d;background-image:linear-gradient(rgba(0,229,212,.7) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,229,212,.7) 1.5px,transparent 1.5px);background-size:60px 40px;transform:perspective(300px) rotateX(60deg);transform-origin:bottom}
.hero-in{position:relative;z-index:2}.hero .eyebrow{color:var(--gl)}.hero .tag{color:#f4ecdc;text-shadow:0 2px 8px rgba(0,0,0,.6)}
h1 .script{display:block;font:400 clamp(3.6rem,11vw,7.5rem) Yellowtail,cursive;line-height:1.05;padding:0 .2em;background:linear-gradient(180deg,#fff 0%,#dfe9f5 42%,#3a3f6b 52%,#e9f3ff 62%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #0b0b0d) drop-shadow(0 0 14px rgba(255,45,149,.55))}
h1 .gold{font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:.12em}
.truck{position:relative;z-index:2;display:block;width:min(540px,88%);margin:1.5rem auto -6px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(0,229,212,.25))}
.stripes{height:14px;background:linear-gradient(var(--pink) 0 28%,#0b0b0d 28% 36%,var(--purple) 36% 64%,#0b0b0d 64% 72%,var(--teal) 72%);border-top:1px solid var(--gd);border-bottom:1px solid var(--gd)}
.stripes.thin{height:6px;border:0}
.l1.s{font-family:Yellowtail,cursive;font-weight:400;font-size:1.7rem;letter-spacing:0}
.plaque:hover{box-shadow:0 14px 30px rgba(0,0,0,.6),0 0 0 1px var(--pink)}
.medal:nth-child(1) .disc{box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 0 0 3px #0b0b0d,0 0 0 5px var(--pink)}
.medal:nth-child(2) .disc{box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 0 0 3px #0b0b0d,0 0 0 5px var(--teal)}
.medal:nth-child(3) .disc{box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 0 0 3px #0b0b0d,0 0 0 5px var(--purple)}
.medal:nth-child(4) .disc{box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 0 0 3px #0b0b0d,0 0 0 5px #f3b54a}
@media(max-width:860px){.sun{width:300px;height:300px;top:150px}}
/* ---- brand recolor (black / red / chrome / white) ---- */
:root{--bk:#0a0a0a;--ch:#161616;--ch2:#202020;--gold:#e01b24;--gl:#ffffff;--gd:#5a5a5a;--tx:#f2f2f2;--mu:#a8a8a8;--red:#e01b24;--red2:#9e0f15;
--gg:linear-gradient(180deg,#ffffff 0%,#d9dde2 40%,#6d7178 52%,#e6e9ee 64%,#ffffff 100%);--pink:#e01b24;--purple:#ffffff;--teal:#9a9a9a}
body,h2,dd,.plaque h3,.l2{font-family:Lato,sans-serif}
h2,.plaque h3,.medal h3,.l1,.nav a,.btn,.eyebrow,dt,.fnav,.logos div,.ph,.plaque .cat{font-family:Oswald,sans-serif!important;text-transform:uppercase}
h2{font-weight:700;letter-spacing:.04em}h2 .script{font:400 1.25em Yellowtail,cursive;text-transform:none;color:var(--red);margin-right:.2em}
.l1{font-weight:700;font-size:1.25rem;color:#fff;background:none;-webkit-text-fill-color:#fff}.l2{font-style:normal;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red)}
.brandlogo{flex-direction:row;align-items:center;gap:.7rem}.brandlogo img{height:44px;width:auto}.brandlogo>span{display:flex;flex-direction:column}
.hdr{border-bottom:3px solid var(--red)}.nav a.on,.nav a:hover{color:#fff;border-color:var(--red)}
.flag{background:var(--red);color:#fff}
/* hero: pinstripe rays + flame silhouettes, like flyer */
.hero{padding:3rem 1.5rem 3.5rem;background:
 repeating-linear-gradient(90deg,transparent 0 22px,rgba(224,27,36,.55) 22px 25px,transparent 25px 34px),
 linear-gradient(180deg,#0a0a0a 0%,#0a0a0a 35%,#3a0507 75%,#7a0a10 100%)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(10,10,10,.95) 0 35%,rgba(10,10,10,.2) 70%);pointer-events:none}
.hero:after{border-color:rgba(255,255,255,.25)}
.emblem{display:block;width:min(620px,92%);margin:0 auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.8))}
.tempnote{font:700 .72rem Lato;letter-spacing:.12em;text-transform:uppercase;color:#ffd0d2;background:rgba(224,27,36,.25);border:1px dashed var(--red);display:inline-block;padding:.25rem .7rem;margin:1rem 0}
.hero .tag{color:#fff}
.btn.solid{background:linear-gradient(180deg,#ff3b42,#b3121a);color:#fff;border-color:#ff6b70}.btn.line{color:#fff;border-color:#c9c9c9}
.btn:hover{box-shadow:0 0 18px rgba(224,27,36,.5)}
.stripes{height:12px;background:linear-gradient(var(--red) 0 30%,#0a0a0a 30% 42%,#e6e6e6 42% 58%,#0a0a0a 58% 70%,var(--red) 70%);border-color:#333}
.stripes.thin{height:6px}
.rule{color:var(--red)}.rule:before,.rule:after{background:linear-gradient(90deg,transparent,#cfcfcf,transparent)}
.plaques{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.plaque{border:1px solid #555;outline-color:rgba(224,27,36,.5);border-top:4px solid var(--red)}
.plaque .cat{color:var(--red);letter-spacing:.12em;font-size:.82rem;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.plaque h3{font-size:1.45rem;font-weight:700;letter-spacing:.03em;color:#fff;margin:.1rem 0 0}
.plaque:hover{box-shadow:0 14px 30px rgba(0,0,0,.6),0 0 0 1px var(--red)}
.ph{border-color:#8a8a8a;color:#bdbdbd;background:repeating-linear-gradient(45deg,#1c1c1c 0 10px,#141414 10px 20px)}
.frame{border:6px double #bfbfbf;box-shadow:0 0 0 6px var(--ch),0 0 0 7px var(--red)}
.src{text-align:center;color:var(--mu);font-size:.85rem;font-style:italic;margin-top:1.5rem}
dl{grid-template-columns:7rem 1fr}dd{font-style:normal;font-size:1.1rem}
.cer{background:linear-gradient(135deg,#161616 0%,#161616 55%,#3a0507 100%);border-color:#333}
.disc{background:var(--gg);color:#111;font-family:Oswald}
.medal .disc{box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 0 0 3px #0a0a0a,0 0 0 5px var(--red)!important}
.medal{border-color:#3a3a3a}.medal:hover{border-color:var(--red)}.medal h3{color:#fff}
.hist{background:linear-gradient(180deg,#0a0a0a,#161616)}
.logos div{border-color:#555}
.ftr{border-top-color:var(--red)}.fnav a:hover{color:var(--red)}
@media(max-width:860px){.brandlogo img{height:36px}.hero{padding:2rem 1rem 2.5rem}}
.plaques{grid-template-columns:repeat(3,1fr);max-width:960px;margin:auto}
@media(max-width:860px){.plaques{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.plaques{grid-template-columns:1fr}}
.hero .flames{position:absolute;left:0;right:0;bottom:0;height:90px;width:100%;z-index:1;opacity:.9}
.hero-in{z-index:2}
@media(max-width:860px){.hero{padding-bottom:5rem}.hero .flames{height:55px}}

/* public help links */
.help{margin:.75rem 0 0;font-size:.92rem}
.help a{color:#ff6b70;text-decoration:none;border-bottom:1px solid rgba(255,107,112,.45)}
.help a:hover{border-bottom-color:#ff6b70}
.facts-card .help{margin-top:.6rem}
.flag,.tempnote{display:none!important}
.facts-card.draft{border:1px solid #555;border-top:4px solid var(--red)}
.facts-card dd .help,.facts-card dd a{display:inline;margin:0 0 0 .4rem;font-size:.85rem}