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

:root{
  --grass-1:#0d3b28;
  --grass-2:#0a2f20;
  --line: rgba(255,255,255,0.14);
  --chalk:#eef1ea;
  --chalk-dim:#a9b8ac;
  --gold:#d9b34a;
  --gold-dim:#8a723a;
  --panel:#0f2e21;
  --panel-2:#123524;
  --bg:#081c14;
  --ink:#eef1ea;
  --ink-dim:#a9b8ac;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Archivo', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold);}
.field-header{
  position:relative;
  background:repeating-linear-gradient(90deg, var(--grass-1) 0px, var(--grass-1) 60px, var(--grass-2) 60px, var(--grass-2) 120px);
  border-bottom:2px solid var(--line);
  padding:36px 20px 28px;
  overflow:hidden;
}
.field-header::before{
  content:"";
  position:absolute;
  top:-110px; left:50%;
  transform:translateX(-50%);
  width:360px; height:360px;
  border:2px solid var(--line);
  border-radius:50%;
  opacity:0.55;
}
.field-inner{position:relative; z-index:1; max-width:720px; margin:0 auto;}
.eyebrow{
  font-family:'Space Mono', monospace;
  font-size:11px; letter-spacing:.25em; text-transform:uppercase;
  color:var(--gold); margin:0 0 10px;
}
.brand{
  font-family:'Archivo Black', sans-serif;
  font-size:clamp(26px,6vw,36px);
  margin:0 0 6px; letter-spacing:-.01em; text-decoration:none; color:var(--chalk); display:block;
}
.tagline{color:var(--chalk-dim); font-size:14px; max-width:50ch; margin:0;}

main{max-width:720px; margin:0 auto; padding:32px 20px 60px;}

.article-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px;}
.article-card{
  display:block; text-decoration:none; color:inherit;
  background:var(--panel); border:1px solid var(--line); border-radius:8px;
  padding:20px 22px; margin-bottom:14px;
}
.article-card:hover{border-color:var(--gold-dim);}
.article-card .tag{
  font-family:'Space Mono', monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold); margin-bottom:8px; display:block;
}
.article-card h2{font-family:'Archivo', sans-serif; font-weight:700; font-size:19px; margin:0 0 8px; text-wrap:balance;}
.article-card p{color:var(--ink-dim); font-size:14px; margin:0;}

article h1{
  font-family:'Archivo Black', sans-serif; font-size:clamp(24px,5vw,34px);
  line-height:1.12; margin:0 0 14px; text-wrap:balance;
}
article .meta{
  font-family:'Space Mono', monospace; font-size:11px; color:var(--gold);
  text-transform:uppercase; letter-spacing:.1em; margin-bottom:22px;
}
article p{max-width:65ch; font-size:16.5px; color:var(--ink);}
article h2{
  font-family:'Archivo', sans-serif; font-weight:700; font-size:21px;
  margin:36px 0 12px; color:var(--chalk);
}
article ul{padding-left:22px; font-size:16.5px;}
article li{margin-bottom:8px;}
article strong{color:var(--gold);}

.ad-slot{
  margin:32px 0; padding:14px; border:1px dashed var(--line); border-radius:6px;
  text-align:center; font-family:'Space Mono', monospace; font-size:11px; color:var(--ink-dim);
  text-transform:uppercase; letter-spacing:.08em;
}

footer{
  border-top:1px solid var(--line); padding:24px 20px; text-align:center;
  font-family:'Space Mono', monospace; font-size:11px; color:var(--ink-dim);
}
footer a{color:var(--ink-dim);}

.back-link{
  display:inline-block; margin-top:40px; font-family:'Space Mono', monospace;
  font-size:12px; text-transform:uppercase; letter-spacing:.08em;
}