/* Oldies.Gold interior pages — snack bar template (plate: snackwide.png) */
:root{--black:#050507;--edge:#232A3E;--cream:#F7F1E1;--muted:#9AA0B8;--neon:#FF4D5A;--aqua:#52CFC9;--amber:#F2B33D;--ink:#2E2438;
--display:'Fugaz One',sans-serif;--script:'Yellowtail',cursive;--condensed:'Archivo Narrow',sans-serif;--body:'Karla',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);color:var(--cream);background:var(--black);line-height:1.6;font-size:17px}
a{color:var(--aqua);text-decoration:none}
a:hover{color:var(--cream)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
header.site{position:absolute;top:0;left:0;right:0;z-index:30}
.nav{display:flex;align-items:center;gap:20px;padding:18px 0;flex-wrap:wrap}
.brand{font-family:var(--display);font-size:1.25rem;color:var(--cream);text-shadow:0 1px 8px rgba(0,0,0,.9)}
.brand .dot{color:var(--neon)}
nav.links{display:flex;margin-left:auto;flex-wrap:wrap}
nav.links a{font-family:var(--condensed);font-weight:500;letter-spacing:.16em;font-size:.8rem;text-transform:uppercase;color:#C5CADB;padding:4px 13px;text-shadow:0 1px 6px rgba(0,0,0,.9)}
nav.links a:hover{color:var(--amber)}
nav.links a+a{border-left:1px solid rgba(247,241,225,.22)}
nav.links a.here{color:var(--amber)}

/* full-bleed snack bar hero */
.stage{position:relative;width:100%;overflow:hidden}
.canvas{position:relative;left:50%;transform:translateX(-50%);width:max(100vw,150vh);container-type:inline-size}
.canvas > img{width:100%;display:block}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -60px 60px -30px var(--black)}
.on-board{
  position:absolute;left:42.3%;top:27%;width:16.5%;height:14.5%;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  mix-blend-mode:multiply;color:#3a2c20;overflow:hidden;padding:1% 2%;
}
.on-board .eyebrow{font-family:var(--condensed);font-weight:700;letter-spacing:.26em;text-transform:uppercase;font-size:clamp(.4rem,.5cqw,.62rem);color:#8a5a4e}
.on-board h1{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.9cqw,2rem);line-height:1;white-space:nowrap}
.on-board .tagline{font-family:var(--script);color:#a4423f;font-size:clamp(.7rem,.95cqw,1.05rem);transform:rotate(-1.5deg);white-space:nowrap}

/* content grid with ad sidebar */
.pagegrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;padding:56px 0}
h2{font-family:var(--display);font-weight:400;color:var(--cream);font-size:1.5rem;margin:0 0 18px}
h2 .accent{color:var(--amber)}
.menuboard{
  background:linear-gradient(180deg,#FBF5E3,#F0E5C8);color:var(--ink);border-radius:6px;padding:28px 32px 24px;
  box-shadow:0 20px 44px rgba(0,0,0,.5), inset 0 0 0 1px rgba(46,36,56,.3);margin-bottom:28px;
}
.menuboard .masthead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px double var(--ink);padding-bottom:10px;margin-bottom:8px;flex-wrap:wrap;gap:10px}
.menuboard .m-title{font-family:var(--display);font-size:1.3rem;color:#C03A44}
.menuboard .m-note{font-family:var(--condensed);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;color:#6d5a4a}
.menuboard p{margin:10px 0;color:#3f3226}
.menuboard a{color:#a33222;font-weight:700}
.menuboard table{width:100%;border-collapse:collapse;font-family:var(--condensed)}
.menuboard td{padding:11px 6px;border-bottom:1px solid rgba(46,36,56,.16);font-size:1.04rem;vertical-align:top}
.menuboard tr:last-child td{border-bottom:none}
.menuboard td.when{width:220px;font-weight:700;color:#a33222}
.menuboard td .sub{display:block;font-family:var(--body);font-size:.85rem;color:#6d5a4a}
.menuboard ul.plain{list-style:none}
.menuboard ul.plain li{padding:9px 4px;border-bottom:1px solid rgba(46,36,56,.16);font-family:var(--condensed);font-size:1.02rem}
.menuboard ul.plain li:last-child{border-bottom:none}
.notebar{margin-top:12px;text-align:center;font-family:var(--condensed);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#8a7a64}
.bigbtn{
  display:inline-block;font-family:var(--condensed);font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  background:#C03A44;color:#FBF5E3 !important;padding:13px 26px;border-radius:4px;font-size:.9rem;border:none;cursor:pointer;
}
.bigbtn:hover{background:#a33222;color:#fff !important}

/* tier cards (advertise) */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}
.tier{border:1px solid rgba(46,36,56,.3);border-radius:6px;padding:18px;text-align:center;background:rgba(255,255,255,.35)}
.tier.pop{border:2px solid #C03A44;position:relative;padding-top:26px}
.tier.pop::before{content:"MOST POPULAR";position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:#C03A44;color:#FBF5E3;font-family:var(--condensed);font-weight:700;font-size:.62rem;letter-spacing:.2em;padding:3px 10px;border-radius:3px}
.tier h3{font-family:var(--display);color:#2E2438;font-size:1.1rem}
.tier .price{font-family:var(--display);color:#C03A44;font-size:1.6rem;margin:6px 0}
.tier ul{list-style:none;font-family:var(--condensed);font-size:.92rem;text-align:left;margin-top:10px}
.tier ul li{padding:5px 0;border-bottom:1px dashed rgba(46,36,56,.2)}
.tier ul li:last-child{border-bottom:none}

/* sidebar ads */
.sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:22px}
.sidead{
  display:block;border-radius:8px;overflow:hidden;background:#0B0E19;border:1px solid var(--edge);
  box-shadow:0 10px 24px rgba(0,0,0,.4);
}
.sidead img{width:100%;display:block}
.sidead .cap{padding:10px 14px;font-family:var(--condensed);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--muted);text-align:center}
.sidead.house{padding:26px 20px;text-align:center;color:var(--cream)}
.sidead.house .p-num{font-family:var(--condensed);font-weight:700;color:var(--amber);letter-spacing:.24em;font-size:.7rem;text-transform:uppercase;display:block;margin-bottom:10px}
.sidead.house h3{font-family:var(--display);font-weight:400;font-size:1.1rem;margin-bottom:8px}
.sidead.house p{color:var(--muted);font-size:.92rem}
.sidebar .sblabel{font-family:var(--condensed);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;color:#5E6779;text-align:center}

footer{border-top:1px solid var(--edge);background:#07090F;padding:40px 0 46px}
footer .wrap{display:flex;flex-direction:column;gap:16px}
footer .f-tag{font-family:var(--script);color:var(--amber);font-size:1.4rem}
footer nav{display:flex;flex-wrap:wrap;gap:4px 0}
footer nav a{font-family:var(--condensed);font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;color:#8f97ad;padding:2px 13px}
footer nav a:hover{color:var(--amber)}
footer nav a:first-child{padding-left:0}
footer nav a+a{border-left:1px solid var(--edge)}
footer .fine{color:#5E6779;font-size:.85rem}

@media (max-width:900px){
  header.site{position:static;background:#07090F;border-bottom:1px solid var(--edge)}
  .canvas{width:170vw}
  .pagegrid{grid-template-columns:1fr;padding:40px 0}
  .sidebar{position:static}
  .tiers{grid-template-columns:1fr}
  .menuboard{padding:22px 18px 18px}
  .menuboard td.when{width:130px}
}