/* ============================================================================
   Posh Foods — Corporate Website · shared design system
   Navy & gold identity · premium editorial · mobile-first · accessible
   ============================================================================ */
:root{
  --navy:#0a1024; --navy2:#0d1530; --navy3:#111c3d; --navy4:#16244c;
  --ink:#070b18;
  --gold:#d4993a; --gold2:#eac36a; --gold-soft:rgba(212,153,58,.38);
  --goldline:rgba(212,153,58,.26);
  --ivory:#f4f1ea; --cream:#efe9db; --mute:#9db0d6; --mute2:#6f82ad;
  --maxw:1180px; --r:16px; --r-sm:11px;
  --shadow:0 24px 60px -28px rgba(0,0,0,.65);
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{
  margin:0;font-family:var(--sans);color:var(--ivory);background:var(--navy);
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.14;margin:0 0 .4em;letter-spacing:.2px}
h1{font-size:clamp(34px,6vw,62px)}
h2{font-size:clamp(26px,3.6vw,42px)}
h3{font-size:clamp(19px,2vw,24px)}
p{margin:0 0 1rem}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.gold{color:var(--gold2)}
.eyebrow{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px}
.lead{font-size:clamp(16px,1.7vw,19px);color:var(--mute);max-width:70ch}
.divider{width:64px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:16px 0 26px;border-radius:2px}
.center{text-align:center}
.center .divider{margin-left:auto;margin-right:auto}
.center .lead{margin-left:auto;margin-right:auto}

/* skip link */
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:0 0 8px 0;z-index:200;font-weight:700}
.skip:focus{left:0}

/* ---------- header / nav ---------- */
.site-head{position:sticky;top:0;z-index:100;background:rgba(10,16,36,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s var(--ease),border-color .3s}
.site-head.solid{background:rgba(8,12,26,.96);border-color:var(--goldline)}
.site-head .wrap{max-width:1440px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;height:72px}
.brand{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none}
.brand img{height:44px;width:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;border:1px solid var(--goldline)}
.brand>span{display:flex;flex-direction:column;justify-content:center}
.brand>span br{display:none}
.brand .bt{font-family:var(--serif);font-size:18px;letter-spacing:2.5px;color:var(--ivory);line-height:1.1;white-space:nowrap}
.brand .bs{font-size:8.5px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-top:3px}
.navlinks{display:flex;align-items:center;gap:2px}
.navlinks a{font-size:13px;letter-spacing:.1px;color:var(--mute);padding:9px 10px;border-radius:9px;transition:.2s;white-space:nowrap}
.navlinks a:hover{color:var(--ivory);background:rgba(255,255,255,.05)}
.navlinks a.active{color:var(--gold2)}
.navlinks a.cta{background:linear-gradient(120deg,var(--gold),var(--gold2));color:var(--ink);font-weight:700;margin-left:8px}
.navlinks a.cta:hover{filter:brightness(1.06);background:linear-gradient(120deg,var(--gold),var(--gold2))}
.menubtn{display:none;background:transparent;border:1px solid var(--goldline);color:var(--gold2);font-size:20px;
  width:44px;height:44px;border-radius:10px;cursor:pointer}
@media (max-width:1320px){
  .navlinks{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:2px;
    background:rgba(8,12,26,.98);border-bottom:1px solid var(--goldline);padding:14px 18px 22px;
    transform:translateY(-130%);transition:transform .35s var(--ease);max-height:calc(100vh - 72px);overflow:auto}
  .navlinks.open{transform:translateY(0)}
  .navlinks a{padding:13px 10px;font-size:15px;border-radius:9px}
  .navlinks a.cta{margin:8px 0 0;text-align:center}
  .menubtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px}
}
/* Narrow phones: keep the brand lockup from crowding the menu button off the edge. */
@media (max-width:480px){
  .wrap{padding:0 16px}
  .nav{gap:10px}
  .brand{min-width:0}
  .brand img{height:38px;width:38px;flex:0 0 38px}
  .brand>span{min-width:0;overflow:hidden}
  .brand .bt{font-size:15px;letter-spacing:1.2px}
  .brand .bs{font-size:7.5px;letter-spacing:1.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:40px;font-weight:600;
  font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:.22s var(--ease);line-height:1}
.btn.primary{background:linear-gradient(120deg,var(--gold),var(--gold2));color:var(--ink)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px var(--gold-soft)}
.btn.ghost{background:transparent;border-color:var(--goldline);color:var(--gold2)}
.btn.ghost:hover{border-color:var(--gold);background:rgba(212,153,58,.08)}
.btn.sm{padding:9px 15px;font-size:12.5px}
.btn[disabled],.btn.disabled{opacity:.42;cursor:not-allowed;pointer-events:none}

/* ---------- sections ---------- */
section{padding:clamp(56px,8vw,104px) 0;position:relative}
.sec-head{max-width:760px;margin-bottom:42px}
.tint{background:linear-gradient(180deg,var(--navy2),var(--navy))}
.tint2{background:linear-gradient(180deg,var(--navy),var(--navy2))}
.ruleUp{border-top:1px solid rgba(255,255,255,.06)}

/* reveal animation */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{min-height:88vh;display:flex;align-items:center;text-align:center;overflow:hidden;
  background:radial-gradient(1100px 620px at 50% -8%,#15224a 0%,var(--navy) 62%)}
.hero .emblem{height:104px;width:104px;border-radius:50%;object-fit:cover;margin:0 auto 22px;border:1px solid var(--goldline);box-shadow:var(--shadow)}
.hero h1{margin-bottom:10px}
.hero .kick{font-size:12px;letter-spacing:6px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.hero .tagline{font-family:var(--serif);font-size:clamp(13px,1.6vw,16px);letter-spacing:5px;text-transform:uppercase;color:var(--gold2);margin:18px 0 4px}
.hero .sub{max-width:62ch;margin:14px auto 30px;color:var(--mute);font-size:clamp(15px,1.7vw,18px)}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ring{position:absolute;border:1px solid var(--goldline);border-radius:50%;opacity:.5;pointer-events:none}
.ring.a{width:520px;height:520px;top:-180px;left:-120px}
.ring.b{width:680px;height:680px;bottom:-320px;right:-160px;opacity:.3}

/* ---------- grids / cards ---------- */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:linear-gradient(160deg,var(--navy3),var(--navy2));border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r);padding:26px;transition:.25s var(--ease)}
.card:hover{border-color:var(--goldline);transform:translateY(-3px)}
.card h3{color:var(--gold2)}
.card p{color:var(--mute);font-size:14.5px;margin:0}
.card .ic{font-size:26px;margin-bottom:12px}

/* entity blocks */
.entity{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(160deg,var(--navy3),var(--navy2));
  border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--gold);border-radius:var(--r);padding:26px;margin-bottom:18px}
.entity .ec{min-width:58px;height:58px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;
  justify-content:center;font-family:var(--serif);font-size:22px;color:var(--gold2);background:radial-gradient(circle at 38% 32%,#16304f,#0b1b30)}
.entity .tag{display:inline-block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--goldline);border-radius:20px;padding:3px 11px;margin-bottom:10px}
.entity p{color:var(--mute);font-size:14.5px}
.entity code{display:inline-block;margin-top:8px;font-size:12px;color:var(--mute);background:rgba(255,255,255,.04);padding:5px 9px;border-radius:7px}

/* photo placeholder (clearly-identified, no invented imagery) */
.photo{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--goldline);
  background:
    radial-gradient(130% 90% at 15% 10%,rgba(212,153,58,.16),transparent 55%),
    linear-gradient(145deg,var(--navy4),var(--navy2));min-height:230px;display:flex;align-items:flex-end}
.photo .tagp{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mute2);
  margin:14px;background:rgba(0,0,0,.28);padding:5px 10px;border-radius:7px}
.photo.tall{min-height:340px}

/* ---------- brand cards ---------- */
.brandcard{background:linear-gradient(160deg,var(--navy3),var(--navy2));border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.25s var(--ease)}
.brandcard:hover{border-color:var(--goldline);transform:translateY(-3px)}
.brandcard .bhead{padding:22px 22px 0;display:flex;align-items:center;gap:13px}
.brandcard .bmark{width:50px;height:50px;border-radius:12px;border:1px solid var(--goldline);
  background:radial-gradient(circle at 38% 32%,#17315a,#0b1b33);display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);color:var(--gold2);font-size:18px;flex:none}
.brandcard h3{margin:0;color:var(--ivory);font-size:20px}
.brandcard .bsub{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}
.brandcard .bbody{padding:16px 22px 22px;display:flex;flex-direction:column;gap:14px;flex:1}
.brandcard p{color:var(--mute);font-size:14px;margin:0}
.brandcard .bfoot{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;
  padding:4px 11px;border-radius:20px;border:1px solid var(--goldline);color:var(--gold)}
.pill.soft{color:var(--mute);border-color:rgba(255,255,255,.14)}

/* ---------- ordering directory ---------- */
.selectbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px;
  background:linear-gradient(160deg,var(--navy3),var(--navy2));border:1px solid var(--goldline);border-radius:var(--r);padding:16px 18px}
.selectbar label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
select,input,textarea{font-family:var(--sans);font-size:14.5px;color:var(--ivory);background:var(--navy4);
  border:1px solid var(--goldline);border-radius:10px;padding:11px 13px}
select{min-width:220px}
select option{background:var(--navy2);color:var(--ivory)}
.platbtns{display:flex;gap:10px;flex-wrap:wrap}
.platbtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;
  border:1px solid var(--goldline);background:var(--navy4);color:var(--ivory);transition:.2s}
.platbtn .pdot{width:9px;height:9px;border-radius:50%}
.platbtn.z .pdot{background:#e23744}.platbtn.s .pdot{background:#fc8019}.platbtn.o .pdot{background:var(--gold2)}
.platbtn.on:hover{border-color:var(--gold);transform:translateY(-2px)}
.platbtn.off{opacity:.5;cursor:not-allowed}
.platbtn .soon{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mute2)}
.noteband{font-size:13px;color:var(--mute);background:rgba(255,255,255,.04);border:1px dashed var(--goldline);
  border-radius:12px;padding:13px 16px;margin-top:8px}

/* ---------- forms ---------- */
.form{display:grid;gap:16px;max-width:640px}
.form .row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:620px){.form .row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.field input,.field select,.field textarea{width:100%}
textarea{min-height:120px;resize:vertical}
.formnote{font-size:12.5px;color:var(--mute2)}
.ok{color:#8fe3b0}

/* contact list */
.clist{display:grid;gap:14px}
.citem{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px;background:rgba(255,255,255,.02)}
.citem .ci{font-size:20px;color:var(--gold2)}
.citem h4{margin:0 0 4px;font-family:var(--sans);font-size:14px;letter-spacing:.3px}
.citem p{margin:0;color:var(--mute);font-size:13.5px}
.tbc{color:var(--mute2);font-style:italic}

/* stats / values */
.vlist{display:grid;gap:14px}
.vitem{border-left:2px solid var(--gold);padding:4px 0 4px 18px}
.vitem h4{font-family:var(--serif);color:var(--gold2);margin:0 0 4px;font-size:18px}
.vitem p{margin:0;color:var(--mute);font-size:14px}

/* timeline */
.tl{display:grid;gap:4px;border-left:1px solid var(--goldline);margin-left:8px}
.tl .tli{position:relative;padding:0 0 26px 26px}
.tl .tli::before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,153,58,.15)}
.tl .tli h4{margin:0 0 3px;color:var(--ivory);font-family:var(--sans);font-size:15px}
.tl .tli p{margin:0;color:var(--mute);font-size:14px}
.tl .tli .yr{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}

/* ---------- footer ---------- */
.site-foot{background:var(--ink);border-top:1px solid var(--goldline);padding:54px 0 28px;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.site-foot h5{font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.site-foot a{color:var(--mute);font-size:13.5px;display:block;padding:4px 0;transition:.2s}
.site-foot a:hover{color:var(--gold2)}
.foot-brand img{height:46px;width:46px;border-radius:50%;border:1px solid var(--goldline);margin-bottom:14px}
.foot-brand p{color:var(--mute2);font-size:13px;max-width:34ch}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.07);margin-top:38px;padding-top:20px;color:var(--mute2);font-size:12.5px}
.tagstrip{font-family:var(--serif);letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-size:11px}

/* ---- legal / content pages ---- */
.page-head{padding:120px 0 34px;background:linear-gradient(180deg,var(--navy),var(--navy2));border-bottom:1px solid var(--goldline)}
.page-head h1{font-family:"Playfair Display",serif;font-size:clamp(30px,5vw,46px);margin:.1em 0 0}
.page-head .lead{max-width:640px}
.wrap.narrow{max-width:760px}
.draftflag{margin-top:18px;padding:12px 16px;border:1px solid var(--goldline);border-left:3px solid var(--gold);border-radius:10px;background:rgba(201,162,77,.07);color:var(--ivory);font-size:13.5px;line-height:1.55}
.legal{padding:40px 0 72px}
.legal h2{font-family:"Playfair Display",serif;font-size:21px;color:var(--gold2);margin:30px 0 8px}
.legal p{color:var(--mute2,#c7d0e6);line-height:1.75;margin:0 0 6px;max-width:720px}
.legal .muted{color:var(--mute);font-size:13px;letter-spacing:.3px;text-transform:uppercase}
.legal a.gold{color:var(--gold2)}
.foot-legal a{color:var(--mute);text-decoration:none;border-bottom:1px solid transparent}
.foot-legal a:hover{color:var(--gold2);border-bottom-color:var(--goldline)}

/* ===== master-build additions (v2) ===== */
/* footer auto-fit for 5 columns */
.foot-grid{grid-template-columns:1.4fr repeat(4,1fr)}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}

/* forms */
.form{max-width:760px;margin-top:8px}
.form .f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.form .f2{grid-template-columns:1fr}}
.field{margin:10px 0;display:flex;flex-direction:column;gap:6px}
.field label{font-size:12.5px;letter-spacing:.3px;color:var(--gold2,#e0c483)}
.field input,.field select,.field textarea{background:var(--bg3,#0e1733);border:1px solid var(--goldline,rgba(201,162,77,.3));border-radius:10px;padding:11px 12px;color:var(--ivory,#eef1f8);font:inherit;font-size:14px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold,#c9a24d);box-shadow:0 0 0 3px rgba(201,162,77,.15)}
.field input[type=file]{padding:9px 10px;font-size:12.5px;color:var(--mute)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mute2,#c7d0e6);line-height:1.5;margin:14px 0}
.check input{margin-top:2px;accent-color:var(--gold,#c9a24d)}
.formnote{margin-top:14px;font-size:13.5px;color:var(--mute)}
.formnote.ok{color:var(--ivory,#eef1f8);background:rgba(92,187,134,.1);border:1px solid rgba(92,187,134,.35);border-radius:10px;padding:12px 14px}
.note-sm{font-size:12px;color:var(--mute);margin-top:10px}

/* journey steps */
.steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px;max-width:820px}
.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--bg2,#0c1430);border:1px solid var(--line,rgba(255,255,255,.06));border-radius:12px;padding:14px 16px}
.steps .sn{flex:0 0 32px;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold,#c9a24d);color:var(--gold2,#e0c483);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:"Playfair Display",serif}
.steps h4{margin:0 0 3px;font-size:15px;color:var(--ivory,#eef1f8)}
.steps p{margin:0;color:var(--mute);font-size:13.5px}

/* brand photo slot + tagline */
.bphoto{height:120px;border-radius:12px;margin:0 0 12px;background:linear-gradient(135deg,#101a3a,#0a1024);border:1px solid var(--goldline,rgba(201,162,77,.25));display:flex;align-items:center;justify-content:center}
.bphoto .tagp{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(201,162,77,.5)}
.btagline{font-family:"Playfair Display",serif;font-style:italic;color:var(--gold2,#e0c483);font-size:14.5px;margin:0 0 8px}

/* franchise cards */
.frcard{background:var(--bg2,#0c1430);border:1px solid var(--line,rgba(255,255,255,.07));border-radius:16px;padding:22px}
.fr-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.frcard h3{margin:0;font-family:"Playfair Display",serif;font-size:20px}
.fr-cui{color:var(--gold2,#e0c483);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:4px 0 10px}
.frcard p{color:var(--mute2,#c7d0e6);font-size:14px;line-height:1.65;margin:0 0 10px}
.fr-badge{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid}
.fr-badge.open{color:#5cbb86;border-color:rgba(92,187,134,.4);background:rgba(92,187,134,.08)}
.fr-badge.soon{color:#e0c483;border-color:var(--goldline,rgba(201,162,77,.4));background:rgba(201,162,77,.07)}
.fr-badge.dev{color:#9fb4e8;border-color:rgba(111,134,201,.4);background:rgba(111,134,201,.08)}
.fr-badge.na{color:var(--mute);border-color:var(--line,rgba(255,255,255,.12))}

/* ===== THE BANDITS — distinct identity (not navy/gold) ===== */
body.bandits{background:#15131c}
.bandits-hero{position:relative;padding:140px 0 60px;text-align:center;background:radial-gradient(120% 90% at 50% 0,#241a2e 0,#15131c 60%);overflow:hidden}
.bandits .bk,.bk{font-family:"Oswald",sans-serif;letter-spacing:4px;text-transform:uppercase;font-size:12px;color:#ffb627}
.bandits-title{font-family:"Oswald",sans-serif;font-weight:700;letter-spacing:3px;font-size:clamp(44px,10vw,96px);line-height:.95;margin:10px 0 6px;color:#fff;text-shadow:0 2px 0 #e4572e,0 0 30px rgba(255,182,39,.25)}
.bandits-title.sm{font-size:clamp(34px,7vw,56px);text-shadow:0 2px 0 #e4572e}
.bandits-tag{font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:1px;font-size:clamp(16px,2.6vw,22px);color:#ffb627;margin:0 0 16px}
.bandits-soon{display:inline-block;font-family:"Oswald",sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:13px;color:#15131c;background:linear-gradient(90deg,#ffb627,#e4572e);padding:8px 18px;border-radius:30px;font-weight:700}
.bandits-soon.inline{padding:2px 10px;font-size:11px;border-radius:20px;vertical-align:middle}
.bandits-sub{max-width:660px;margin:18px auto 0;color:#cfc6da;font-size:16px;line-height:1.7}
.btn.bandit{background:linear-gradient(90deg,#ffb627,#e4572e);color:#1a1205;border:0;font-weight:700;letter-spacing:.3px}
.btn.bandit:hover{transform:translateY(-2px);filter:brightness(1.05)}
.bandits-wrap,.bandits-formats{background:#15131c}
.bandits .eyebrow.b,.eyebrow.b{color:#ffb627}
.divider.b{background:linear-gradient(90deg,#ffb627,#e4572e)}
.bandits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:8px}
.bandit-chip{background:#1d1a27;border:1px solid rgba(255,255,255,.07);border-left:4px solid var(--ba,#ffb627);border-radius:12px;padding:16px 16px 14px;transition:.18s}
.bandit-chip:hover{transform:translateY(-3px);border-color:var(--ba,#ffb627)}
.bc-mark{width:40px;height:40px;border-radius:10px;background:var(--ba,#ffb627);color:#15131c;display:flex;align-items:center;justify-content:center;font-family:"Oswald",sans-serif;font-weight:700;font-size:20px;margin-bottom:10px}
.bc-name{font-family:"Oswald",sans-serif;font-weight:600;font-size:16px;color:#fff;letter-spacing:.3px}
.bc-cui{color:#b7aec6;font-size:12.5px;margin-top:2px}
.bandits-formats .card.b{background:#1d1a27;border-color:rgba(255,255,255,.07)}
.bandits-formats .card.b h3{color:#ffb627;font-family:"Oswald",sans-serif;letter-spacing:.3px}
/* bandits feature block on brands page */
.bandits-feature{background:radial-gradient(120% 120% at 50% 0,#241a2e 0,#0a1024 70%)}
.bf-inner{text-align:center;padding:14px 0}

/* bandits real logos */
.bandits-emblem{display:block;margin:0 auto 14px;width:min(300px,78%);height:auto;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
.bandit-chip{padding:12px 12px 14px}
.bc-banner{width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#0b1227;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.bc-banner img{width:100%;height:100%;object-fit:contain}
.bandits-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

/* franchise engine v2 */
.bandits-master{font-family:Oswald,Inter,sans-serif;font-weight:700;letter-spacing:3px;font-size:clamp(15px,2.4vw,22px);color:#f4c430;margin:4px 0 6px;text-transform:uppercase}
.bandits-master span{color:rgba(244,196,48,.55);margin:0 6px}
.frcard{border-top:3px solid var(--acc,#c9a24d)}
.fmtlist{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}
.fmtlist li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.fmtlist .fmt-n{font-weight:600;color:var(--ivory,#eef1f8)}
.fmtlist .fmt-b{flex-basis:100%;color:var(--mute,#9fb0cf);font-size:12.5px;margin-top:-2px}
.fr-badge.sm{font-size:9.5px;padding:2px 8px}
.steps.vision li h4{margin:2px 0 0}
.sn.b{background:linear-gradient(120deg,#f4c430,#e0a93d);color:#141308}
#banditsFormats .card .fr-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.faq{max-width:820px;margin:0 auto}
.faq details{border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;padding:0 16px;margin:10px 0;background:var(--bg2,#0c1430)}
.faq summary{cursor:pointer;padding:14px 0;font-weight:600;color:var(--ivory,#eef1f8);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--gold2,#e0c483);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.faq .fa{padding:4px 0 16px;color:var(--mute,#9fb0cf);font-size:14px;line-height:1.7}

/* clickable bandits concept cards → individual menus */
a.bandit-chip{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:.15s;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px}
a.bandit-chip:hover{transform:translateY(-2px);border-color:var(--ba,#e8a33d);box-shadow:0 10px 26px rgba(0,0,0,.4)}
a.bandit-chip .bc-name{font-weight:600;font-size:13.5px;margin-top:6px;text-align:center}
a.bandit-chip .bc-cui{text-align:center}
.bc-cta{display:block;text-align:center;margin-top:8px;font-size:11.5px;font-weight:600;color:var(--ba,#e8a33d);letter-spacing:.3px}

/* ===== THE BANDITS — highway showcase v3 (midnight navy / highway yellow / white) ===== */
.bandits-showcase{--by:#ffb627;--by2:#f4c430;--bnavy:#0a1024;--bnavy2:#0c1430;--bnavy3:#101a3a}
body.bandits{background:#0a1024}
.bx{max-width:1180px;margin:0 auto;padding:0 22px}
.bhero{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0a1024}
.bhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.bhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,36,.5) 0%,rgba(10,16,36,.15) 32%,rgba(10,16,36,.88) 100%)}
.bhero-inner{position:relative;z-index:2;width:100%;padding:112px 0 clamp(40px,7vw,92px)}
.bhero-badge{width:clamp(116px,15vw,182px);height:auto;border-radius:18px;margin-bottom:20px;box-shadow:0 20px 50px rgba(0,0,0,.5);border:2px solid rgba(255,182,39,.5)}
.bhero h1{font-family:"Oswald",sans-serif;font-weight:700;letter-spacing:4px;font-size:clamp(48px,11vw,118px);line-height:.92;margin:0;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.bhero .bmaster{font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:3px;font-size:clamp(16px,2.8vw,26px);color:#ffb627;margin:10px 0 0;text-transform:uppercase}
.bhero .bmaster span{color:rgba(255,182,39,.5);margin:0 10px}
.bhero .bintro{max-width:60ch;color:#e8ecf6;font-size:clamp(15px,1.8vw,18px);line-height:1.7;margin:20px 0 28px}
.bcta-row{display:flex;gap:14px;flex-wrap:wrap}
.bbtn{display:inline-flex;align-items:center;gap:9px;font-family:"Oswald",sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:600;padding:15px 26px;border-radius:8px;cursor:pointer;transition:.2s;border:2px solid transparent;text-decoration:none}
.bbtn.solid{background:linear-gradient(90deg,#ffb627,#f4c430);color:#141308}
.bbtn.solid:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,182,39,.3)}
.bbtn.ghost{border-color:rgba(255,182,39,.6);color:#ffb627}
.bbtn.ghost:hover{background:rgba(255,182,39,.1);border-color:#ffb627}
.bsec{padding:clamp(58px,9vw,118px) 0;position:relative}
.bsec.alt{background:#0c1430}
.bkick{font-family:"Oswald",sans-serif;letter-spacing:4px;text-transform:uppercase;font-size:13px;color:#ffb627;margin-bottom:14px}
.bh{font-family:"Oswald",sans-serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:clamp(27px,4.5vw,52px);line-height:1.05;color:#fff;margin:0 0 16px}
.bh.center{margin-left:auto;margin-right:auto;text-align:center;max-width:20ch}
.bp{color:#c3cde6;font-size:clamp(15px,1.7vw,18px);line-height:1.75;max-width:66ch}
.bp.center{margin-left:auto;margin-right:auto;text-align:center}
.brule{width:70px;height:3px;background:linear-gradient(90deg,#ffb627,transparent);margin:14px 0 22px;border-radius:2px}
.brule.center{margin-left:auto;margin-right:auto}
.bcine{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,182,39,.2);box-shadow:0 30px 70px rgba(0,0,0,.45);margin-top:34px}
.bcine img{width:100%;height:auto;display:block}
.bsplit{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,4vw,54px);align-items:center}
@media(max-width:900px){.bsplit{grid-template-columns:1fr}}
.btags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.btag{font-family:"Oswald",sans-serif;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:rgba(255,182,39,.1);border:1px solid rgba(255,182,39,.3);border-radius:30px;padding:7px 14px}
.bexp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
@media(max-width:860px){.bexp{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bexp{grid-template-columns:1fr}}
.bexp-card{background:linear-gradient(160deg,#101a3a,#0c1430);border:1px solid rgba(255,255,255,.08);border-left:3px solid #ffb627;border-radius:14px;padding:22px}
.bexp-card .ei{font-size:25px;margin-bottom:11px}
.bexp-card h4{font-family:"Oswald",sans-serif;letter-spacing:.5px;text-transform:uppercase;font-size:16.5px;color:#fff;margin:0 0 8px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bexp-card p{color:#aebad6;font-size:13.5px;line-height:1.6;margin:0}
.bstat{font-family:"Oswald",sans-serif;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:20px;border:1px solid}
.bstat.plan{color:#f4c430;border-color:rgba(244,196,48,.45);background:rgba(244,196,48,.08)}
.bstat.live{color:#5cbb86;border-color:rgba(92,187,134,.45);background:rgba(92,187,134,.1)}
.bpartner{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}
.bpartner span{font-size:13.5px;color:#dbe3f5;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:9px 16px}
.bfinal{position:relative;min-height:66vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.bfinal-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bfinal::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,36,.82),rgba(10,16,36,.92))}
.bfinal-inner{position:relative;z-index:2;padding:40px 22px}
.bfinal-badge{width:clamp(96px,13vw,150px);border-radius:16px;margin:0 auto 20px;border:2px solid rgba(255,182,39,.5)}
.bnote{font-size:12.5px;color:#93a1c4;background:rgba(255,255,255,.03);border:1px dashed rgba(255,182,39,.3);border-radius:12px;padding:13px 16px;margin-top:22px;line-height:1.6}
.bsub2{color:#ffb627;font-family:"Oswald",sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:clamp(14px,2vw,20px);margin:6px 0 18px}