@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --ink:#0A0F1C;
  --panel:#111B2E;
  --panel-2:#0D1526;
  --line:#22314D;
  --line-soft:#1A2740;
  --text:#E9ECF3;
  --text-mute:#8791A8;
  --text-faint:#556080;
  --orange:#E8672C;
  --orange-dim:#B5501F;
  --gold:#D4A73D;
  --green:#5FAE7D;

  --bronze:#B0743E;
  --silver:#B7C1CE;
  --gold-t:#E4C05B;
  --platinum:#8FDDE3;
  --heisman:#E8672C;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--ink);
  color:var(--text);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
body{
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.015) 0px, rgba(255,255,255,0.015) 1px, transparent 1px, transparent 64px);
}

.wrap{max-width:1320px; margin:0 auto; padding:24px 20px 80px;}

/* ===== MASTHEAD ===== */
.masthead{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:24px; flex-wrap:wrap;
  border-bottom:2px solid var(--orange);
  padding-bottom:16px; margin-bottom:18px;
}
.masthead-left{display:flex; flex-direction:column; gap:4px;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--orange); font-weight:600;
}
.masthead a.back{
  font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-mute);
  text-decoration:none; border:1px solid var(--line-soft); padding:5px 10px;
  border-radius:2px; transition:all .12s ease;
}
.masthead a.back:hover{color:var(--orange); border-color:var(--orange-dim);}
h1{
  font-family:'Oswald',sans-serif;
  font-weight:700; font-size:32px; line-height:1;
  margin:2px 0 0; letter-spacing:.01em; text-transform:uppercase;
}
h1 span{color:var(--orange);}
.masthead-right{
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px; color:var(--text-mute); text-align:right; line-height:1.5;
}

footer{
  margin-top:32px; padding-top:16px; border-top:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--text-faint);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}

@media (max-width:640px){
  h1{font-size:26px;}
  .masthead-right{text-align:left;}
}