/* CLUB RODEO — shared flyer system. Instagram portrait 1080×1350 (4:5). */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#07080B;        /* near-black background */
  --bone:#F5F3EE;       /* bone white text */
  --cyan:#22E0EE;       /* single electric accent */
  --bone-dim:rgba(245,243,238,.55);
  --bone-faint:rgba(245,243,238,.16);
  --hairline:rgba(245,243,238,.14);
  --font-display:'Anton',sans-serif;
  --font-body:'Archivo',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#000;}

/* viewport-fit stage; flyer stays a true 1080×1350 export surface */
.stage{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;}
.flyer{
  width:1080px;height:1350px;position:relative;overflow:hidden;
  background:var(--ink);color:var(--bone);
  font-family:var(--font-body);
  transform-origin:center center;
  --pad:76px;
}
/* faint evening vignette so the flat black has depth */
.flyer::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 18%, rgba(34,224,238,.05), transparent 55%),
             radial-gradient(140% 120% at 50% 110%, rgba(0,0,0,.6), transparent 60%);
}

/* shared atoms */
.eyebrow{
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--font-body);font-weight:600;font-size:19px;
  letter-spacing:.34em;text-transform:uppercase;color:var(--bone);
}
.eyebrow .l{display:flex;align-items:center;gap:14px;}
.eyebrow img.star{width:18px;height:18px;opacity:.95;}
.disp{font-family:var(--font-display);text-transform:uppercase;line-height:.86;}
.cyan{color:var(--cyan);}

.tagline{font-family:var(--font-display);text-transform:uppercase;font-size:38px;letter-spacing:.01em;line-height:1;}
.subtag{font-family:var(--font-body);font-weight:500;font-size:21px;letter-spacing:.04em;color:var(--bone-dim);margin-top:14px;}

.content{position:absolute;inset:0;padding:var(--pad);display:flex;flex-direction:column;z-index:2;}
