/* All Eyez on Meme · deck
   The identity comes from all-eyez-on-meme: the palette, the four display faces,
   the mono labels and the illustrated Tupac. Slides are a fixed 1440x900 canvas
   scaled to the window, so what is on screen is exactly what prints. */

@font-face{font-family:Corvus;src:url(/fonts/corvus-medium-condensed.ttf) format("truetype");font-weight:500;font-display:block}
@font-face{font-family:Industrial;src:url(/fonts/industrial-gothic-double.ttf) format("truetype");font-weight:400;font-display:block}
@font-face{font-family:Dragon;src:url(/fonts/dragon-fire.otf) format("opentype");font-weight:400;font-display:block}
@font-face{font-family:Bellfort;src:url(/fonts/bellfort.ttf) format("truetype");font-weight:400;font-display:block}

:root{
  --black:#050505;--white:#f5f4f0;--paper:#e9e6df;--gold:#e9b95e;--red:#9d4b24;
  --green:#3cff87;--grey:#96928a;--ink:#17130d;
  --line-dark:#ffffff2e;--line-light:#0505053d;
  --corvus:Corvus,"Arial Narrow",sans-serif;
  --industrial:Industrial,"Arial Narrow",sans-serif;
  --dragon:Dragon,"Times New Roman",serif;
  --sans:"Geist",-apple-system,Arial,Helvetica,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}

/* ---------- the stage ---------- */
#deck{display:flex;flex-direction:column;align-items:center;gap:22px;padding:22px 0 90px}
.slide{position:relative;width:1440px;height:900px;flex:0 0 auto;overflow:hidden;
  background:var(--black);color:var(--white);transform-origin:top center;
  border:1px solid #ffffff14}
.slide.paper{background:var(--paper);color:var(--ink)}
.slide.paper .lbl,.slide.paper .rail{color:#5e5952}
.slide.paper .num{color:#0505052e}

/* the confidential rail, the way the reference deck carries it */
.rail{position:absolute;top:0;left:0;right:0;height:34px;display:flex;align-items:center;gap:18px;
  padding:0 46px;font-family:var(--mono);font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;
  color:#77736d;border-bottom:1px solid var(--line-dark);white-space:nowrap;overflow:hidden}
.slide.paper .rail{border-bottom-color:var(--line-light)}
.rail b{color:var(--red);font-weight:400}
.num{position:absolute;right:46px;bottom:34px;font-family:var(--corvus);font-size:64px;line-height:1;color:#ffffff1f;letter-spacing:-.03em}

.pad{position:absolute;inset:34px 0 0;padding:58px 92px 72px;display:flex;flex-direction:column}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--grey);margin:0 0 20px}
.lbl .on{color:var(--gold)}
h1{font-family:var(--corvus);text-transform:uppercase;letter-spacing:-.035em;line-height:.82;margin:0;font-weight:500;font-size:150px}
h2{font-family:var(--corvus);text-transform:uppercase;letter-spacing:-.03em;line-height:.86;margin:0 0 26px;font-weight:500;font-size:86px}
h3{font-family:var(--corvus);text-transform:uppercase;letter-spacing:.01em;font-size:27px;margin:0 0 8px;font-weight:500}
p{font-size:19px;line-height:1.5;color:#c8c2b8;margin:0 0 16px;max-width:62ch}
.slide.paper p{color:#44403a}
b,strong{color:var(--white);font-weight:600}
.slide.paper b,.slide.paper strong{color:var(--ink)}
em{font-style:normal;color:var(--gold)}
.big{font-size:23px;line-height:1.45;color:var(--paper)}
.slide.paper .big{color:#2c2822}

/* ---------- cover ---------- */
.cover{background:radial-gradient(120% 90% at 78% 40%,#17130d 0%,#050505 62%)}
.cover .pad{justify-content:center}
.cover h1{font-size:182px;max-width:820px;position:relative;z-index:2}
.cover .sub{font-family:var(--dragon);font-size:40px;color:var(--red);margin:26px 0 0;letter-spacing:.02em}
.cover .coin{position:absolute;right:40px;top:78px;width:560px;filter:drop-shadow(0 30px 70px #000);z-index:1}
.cover .facts{position:absolute;left:92px;right:92px;bottom:72px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-dark)}
.cover .facts div{padding:18px 22px 0;border-right:1px solid var(--line-dark)}
.cover .facts div:last-child{border-right:0}
.cover .facts span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:#77736d;text-transform:uppercase;margin-bottom:7px}
.cover .facts b{font-family:var(--corvus);font-size:31px;letter-spacing:.01em;text-transform:uppercase;font-weight:500;color:var(--paper);display:block;line-height:1.05}
.cover .facts i{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#77736d;margin-top:8px}

/* ---------- layouts ---------- */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;flex:1;min-height:0}
.two.wide-left{grid-template-columns:1.25fr 1fr}
.two.wide-right{grid-template-columns:1fr 1.3fr}
.two.compact{flex:0 0 auto}
.col{min-width:0;display:flex;flex-direction:column}
.figure{position:relative;border:1px solid var(--line-dark);background:#0b0906 center/cover no-repeat;border-radius:2px;overflow:hidden;flex:1}
.figure img{width:100%;height:100%;object-fit:cover;display:block}
.figure.contain img{object-fit:contain;padding:22px}
.figure.art{background:#0b0906}
.figure.art img{object-fit:contain;padding:14px}
.figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:linear-gradient(180deg,#0000,#000000d9);
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#aaa59d}

/* status chips, the vocabulary the site already uses */
.chip{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--line-dark);border-radius:999px;padding:4px 10px;color:#aaa59d;white-space:nowrap}
.slide.paper .chip{border-color:var(--line-light);color:#5e5952}
.chip.ok{color:var(--green);border-color:#3cff8755}
.chip.gold{color:var(--gold);border-color:#e9b95e55}
.chip.red{color:#e07a4d;border-color:#9d4b2480}

.rows{display:grid;gap:0;border-top:1px solid var(--line-dark)}
.rows > div{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line-dark)}
.slide.paper .rows,.slide.paper .rows > div{border-color:var(--line-light)}
.rows h4{margin:0;font-size:18px;font-weight:600;color:var(--paper)}
.slide.paper .rows h4{color:var(--ink)}
.rows small{display:block;font-size:14.5px;color:#877d70;margin-top:3px;font-weight:400}

.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);flex:1}
.tiles.three{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--black);padding:26px 26px 22px;display:flex;flex-direction:column}
.slide.paper .tiles{background:var(--line-light);border-color:var(--line-light)}
.slide.paper .tile{background:var(--paper)}
.tile .n{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--gold);margin-bottom:14px}
.tile p{font-size:16.5px;margin:0;color:#aaa59d}
.slide.paper .tile p{color:#4a463f}

.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.stat > div{background:var(--black);padding:20px 22px}
.slide.paper .stat{background:var(--line-light);border-color:var(--line-light)}
.slide.paper .stat > div{background:var(--paper)}
.stat span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#77736d;margin-bottom:8px}
.stat b{font-family:var(--corvus);font-size:38px;line-height:1;letter-spacing:0;color:var(--gold);font-weight:500;display:block}
.stat em{display:block;font-size:13.5px;color:#877d70;margin-top:7px}

.math{border:1px solid var(--gold);background:#e9b95e0f;padding:26px 30px;margin-top:auto}
.math .eq{font-family:var(--corvus);font-size:34px;letter-spacing:0;color:var(--paper);line-height:1.25}
.math .eq i{font-style:normal;color:var(--gold)}
.math .vs{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#877d70;text-transform:uppercase;margin-top:14px;display:block}

.ask{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px}
.ask > div{padding:16px 0;border-top:1px solid var(--line-dark)}
.ask h4{font-family:var(--corvus);text-transform:uppercase;letter-spacing:.01em;font-size:23px;margin:0 0 6px;font-weight:500}
.ask p{font-size:15.5px;margin:0;color:#9d978c}

.road{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);flex:1}
.road > div{background:var(--black);padding:24px 20px;display:flex;flex-direction:column}
.road .ph{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:12px}
.road h4{font-family:var(--corvus);font-size:22px;text-transform:uppercase;margin:0 0 12px;font-weight:500;letter-spacing:.01em}
.road ul{margin:0;padding-left:16px;color:#9d978c;font-size:15px;line-height:1.45}
.road li{margin-bottom:7px}
.road .now{outline:1px solid var(--gold);outline-offset:-1px}

.foot{margin:22px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:#5e5952;border-top:1px solid var(--line-dark);padding-top:12px;max-width:none}
.foot.fine{text-transform:none;letter-spacing:.02em;font-family:var(--sans);font-size:13px;line-height:1.5;color:#6b665e;text-align:center}
.slide.paper .foot{border-top-color:var(--line-light);color:#77736d}

.end{background:radial-gradient(100% 80% at 50% 0%,#17130d,#050505 70%)}
.end .pad{align-items:center;justify-content:center;text-align:center}
.end h1{font-size:132px}
.end .stat{width:100%;margin-top:54px}
.end .foot{width:100%;max-width:1000px}

/* ---------- viewer chrome (never printed) ---------- */
#bar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;align-items:center;gap:16px;
  padding:10px max(16px,3vw);background:#000000e0;border-top:1px solid #ffffff1f;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#aaa59d;backdrop-filter:blur(6px)}
#bar button{font:inherit;color:inherit;background:none;border:1px solid #ffffff2e;border-radius:999px;padding:6px 13px;cursor:pointer}
#bar button:hover{border-color:var(--gold);color:var(--gold)}
#bar .sp{margin-left:auto}
#bar b{color:var(--gold);font-weight:400}

@media print{
  @page{size:1440px 900px;margin:0}
  html,body{background:#fff}
  #bar{display:none!important}
  #deck{display:block;padding:0;gap:0}
  .slide{transform:none!important;margin:0;border:0;break-after:page;page-break-after:always}
  .slide:last-child{break-after:auto;page-break-after:auto}
}

.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);height:196px;margin-top:auto}
.strip figure{margin:0;position:relative;background:#0b0906;overflow:hidden}
.strip img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;background:linear-gradient(180deg,#0000,#000000e0);
  font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#aaa59d}
.note{border-left:2px solid var(--gold);padding:4px 0 4px 18px;margin:20px 0 0}
.note p{margin:0;font-size:17px;color:#aaa59d}