:root {
–green: #0d1f17;
–green-mid: #1a3a2a;
–gold: #c8a84b;
–gold-light: #e8c87a;
–white: #f5f2ec;
–off-black: #080f0b;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(–off-black);
color: var(–white);
font-family: ‘Barlow’, sans-serif;
font-size: 17px;
line-height: 1.7;
overflow-x: hidden;
}
/* ── HERO ── */
.hgs-hero {
position: relative;
background: linear-gradient(160deg, #0d1f17 0%, #060e09 60%, var(–off-black) 100%);
padding: 64px 24px 56px;
overflow: hidden;
}
.hgs-hero::before {
content: ”;
position: absolute; inset: 0;
background: repeating-linear-gradient(
-55deg, transparent, transparent 28px,
rgba(200,168,75,0.022) 28px, rgba(200,168,75,0.022) 29px
);
pointer-events: none;
}
.hgs-hero::after {
content: ”;
position: absolute; top: -80px; right: -80px;
width: 420px; height: 420px; border-radius: 50%;
background: radial-gradient(circle, rgba(200,168,75,0.12) 0%, transparent 70%);
pointer-events: none;
}
.hgs-badge-row { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; }
.hgs-badge {
display: inline-block;
font-family: ‘Barlow Condensed’, sans-serif;
font-weight: 700; font-size: 11px;
letter-spacing: 2.5px; text-transform: uppercase;
padding: 5px 13px; border-radius: 2px;
}
.hgs-badge-series { background: var(–green-mid); color: var(–white); }
.hgs-badge-night { background: var(–gold); color: var(–off-black); }
.hgs-badge-date { background: transparent; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.55); }
.hgs-date-line {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 13px; letter-spacing: 2px;
color: rgba(255,255,255,0.4); text-transform: uppercase;
margin-bottom: 18px;
}
.hgs-headline {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(44px, 10vw, 92px);
line-height: 0.9; letter-spacing: 1px;
color: var(–white); margin-bottom: 8px;
}
.hgs-headline span { color: var(–gold); }
.hgs-sub {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: clamp(16px, 3.5vw, 24px);
font-weight: 600; letter-spacing: 1.5px;
color: rgba(255,255,255,0.5);
margin-bottom: 36px; text-transform: uppercase;
}
/* Matchup bar */
.hgs-matchup {
display: inline-flex; align-items: center; gap: 20px;
background: rgba(0,0,0,0.3);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 6px; padding: 16px 24px;
flex-wrap: wrap;
}
.hgs-matchup-club { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.hgs-matchup-badge { width: 56px; height: 56px; object-fit: contain; }
.hgs-matchup-name { font-family: ‘Barlow Condensed’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); }
.hgs-matchup-vs { font-family: ‘Bebas Neue’, sans-serif; font-size: 32px; color: var(–gold); letter-spacing: 3px; }
/* Photo */
.hgs-photo { max-width: 900px; margin: 0 auto; padding: 0 24px; }
.hgs-photo img { width: 100%; max-height: 520px; object-fit: cover; display: block; border-radius: 4px; margin-top: -20px; }
/* Content */
.hgs-content { max-width: 780px; margin: 0 auto; padding: 56px 24px; }
.hgs-intro {
font-size: 20px; font-weight: 500; line-height: 1.6;
color: rgba(255,255,255,0.88);
border-left: 3px solid var(–gold);
padding-left: 20px; margin-bottom: 40px;
}
.hgs-body p { margin-bottom: 22px; color: rgba(255,255,255,0.75); font-size: 17px; }
.hgs-body p strong { color: var(–white); font-weight: 600; }
/* Matchday info card */
.hgs-matchday-card {
background: var(–green-mid);
border: 2px solid var(–gold);
border-radius: 4px; padding: 32px 28px;
margin: 40px 0; position: relative; overflow: hidden;
}
.hgs-matchday-card::before {
content: ”; position: absolute; top: 0; left: 0; right: 0;
height: 3px; background: var(–gold);
}
.hgs-matchday-label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px; font-weight: 700;
letter-spacing: 3px; text-transform: uppercase;
color: var(–gold); margin-bottom: 16px; display: block;
}
.hgs-matchday-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 16px; margin-bottom: 24px;
}
.hgs-matchday-item { display: flex; align-items: flex-start; gap: 10px; }
.hgs-matchday-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.hgs-matchday-text { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.5; }
.hgs-matchday-text strong { color: var(–white); display: block; }
/* Heritage block */
.hgs-heritage-block {
background: linear-gradient(135deg, rgba(200,168,75,0.08) 0%, rgba(200,168,75,0.03) 100%);
border-left: 3px solid var(–gold);
border-radius: 0 4px 4px 0;
padding: 24px 24px; margin: 36px 0;
}
.hgs-heritage-label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px; font-weight: 700;
letter-spacing: 3px; text-transform: uppercase;
color: var(–gold); margin-bottom: 10px; display: block;
}
.hgs-heritage-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 26px; letter-spacing: 1px;
color: var(–white); margin-bottom: 8px;
}
.hgs-heritage-block p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; margin: 0 0 10px; }
.hgs-heritage-block p:last-child { margin-bottom: 0; }
.hgs-sponsor-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.hgs-sponsor-pill {
background: rgba(200,168,75,0.12);
border: 1px solid rgba(200,168,75,0.3);
border-radius: 100px; padding: 5px 14px;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px; font-weight: 700;
letter-spacing: 1px; color: var(–gold);
}
/* Rising roots block */
.hgs-rising-block {
background: var(–green-mid);
border: 1px solid rgba(200,168,75,0.2);
border-radius: 4px; padding: 28px 28px; margin: 36px 0;
}
.hgs-rising-label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px; font-weight: 700;
letter-spacing: 3px; text-transform: uppercase;
color: var(–gold); margin-bottom: 10px; display: block;
}
.hgs-rising-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: 26px; letter-spacing: 1px;
color: var(–white); margin-bottom: 10px;
}
.hgs-rising-block p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; margin: 0; }
.hgs-rising-block p strong { color: var(–white); }
/* Pull quote */
.hgs-pull-quote {
border-left: 3px solid var(–gold);
background: rgba(200,168,75,0.05);
padding: 20px 24px; margin: 36px 0;
border-radius: 0 4px 4px 0;
}
.hgs-pull-quote p {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 21px; font-weight: 700;
font-style: italic; line-height: 1.45;
color: var(–white); margin: 0 0 8px;
}
.hgs-pull-quote cite {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px; font-weight: 700;
letter-spacing: 2px; text-transform: uppercase;
color: var(–gold); font-style: normal;
}
/* CTA Block */
.hgs-cta-block {
background: linear-gradient(135deg, #1a3a2a 0%, #0d2416 100%);
border: 2px solid var(–gold);
border-radius: 6px; padding: 40px 36px;
text-align: center; margin: 44px 0;
position: relative; overflow: hidden;
}
.hgs-cta-block::before {
content: ”; position: absolute; inset: 0;
background: repeating-linear-gradient(
45deg, transparent, transparent 20px,
rgba(255,255,255,0.01) 20px, rgba(255,255,255,0.01) 21px
);
pointer-events: none;
}
.hgs-cta-eyebrow {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px; font-weight: 700;
letter-spacing: 3.5px; text-transform: uppercase;
color: var(–gold); margin-bottom: 14px; display: block;
}
.hgs-cta-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(36px, 8vw, 64px);
letter-spacing: 2px; color: var(–white);
line-height: 0.95; margin-bottom: 8px;
}
.hgs-cta-title span { color: var(–gold); }
.hgs-cta-detail {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 18px; font-weight: 600;
letter-spacing: 1.5px; text-transform: uppercase;
color: rgba(255,255,255,0.5); margin-bottom: 6px;
}
.hgs-cta-venue {
font-size: 14px; color: rgba(255,255,255,0.35);
font-family: ‘Barlow’, sans-serif; margin-bottom: 28px;
}
.hgs-btn-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.hgs-btn-gold {
display: inline-block; background: var(–gold);
color: var(–off-black); font-family: ‘Bebas Neue’, sans-serif;
font-size: 20px; letter-spacing: 2px;
text-decoration: none; padding: 16px 36px;
border-radius: 4px; transition: background 0.2s, transform 0.15s;
box-shadow: 0 4px 20px rgba(200,168,75,0.3);
}
.hgs-btn-gold:hover { background: var(–gold-light); transform: translateY(-2px); }
.hgs-btn-fb {
display: inline-block; background: #1877f2;
color: #fff; font-family: ‘Bebas Neue’, sans-serif;
font-size: 20px; letter-spacing: 2px;
text-decoration: none; padding: 16px 36px;
border-radius: 4px; transition: background 0.2s, transform 0.15s;
box-shadow: 0 4px 20px rgba(24,119,242,0.3);
}
.hgs-btn-fb:hover { background: #1463cc; transform: translateY(-2px); }
/* Footer */
.hgs-footer {
border-top: 1px solid rgba(255,255,255,0.08);
padding-top: 28px; margin-top: 20px;
display: flex; align-items: center;
gap: 14px; flex-wrap: wrap;
}
.hgs-author { font-family: ‘Barlow Condensed’, sans-serif; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.35); }
.hgs-tag {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 2px; padding: 4px 10px;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px; letter-spacing: 1.5px;
text-transform: uppercase; color: rgba(255,255,255,0.4);
}
@media (max-width: 560px) {
.hgs-matchday-grid { grid-template-columns: 1fr; }
.hgs-matchup { gap: 12px; }
.hgs-btn-row { flex-direction: column; align-items: center; }
}
🌮 Latino Heritage Night
May 9, 2026
THE ROOTS
GO TO MEDIACOM
Capital City Roots FC opens the Homegrown Series at Drake University — under the lights, in front of a crowd, against the Des Moines Menace
Roots FC
VS
Des Moines Menace
Capital City Roots FC is two seasons old. On Saturday night, we play at Mediacom Stadium. That sentence doesn’t happen without a partnership built on shared belief — and one person who picked up the phone.
This Saturday, the Roots take the field at Mediacom Stadium on the campus of Drake University for the opening match of the Homegrown Series — a friendly against the Des Moines Menace, one of the most storied soccer organizations in the Midwest with over 30 years of history in this city. It’s a matchup that would have seemed impossible to most people twelve months ago. For us, it’s a milestone.
The Menace are in their first season at Mediacom — a professional-caliber venue with a high-resolution video board, digital ribbon displays, and an intimate seating bowl that puts every fan close to the action. It is the kind of environment that changes players. It raises the standard. And the fact that our players get to step into it, compete in it, and feel what it’s like to play at that level — that is what Capital City Roots FC was built to provide.
Kickoff at 7:00 PM CST
Gates open at 6:00 PM
Drake University, Des Moines, Iowa
Homegrown Series — Friendly
Roots FC vs Des Moines Menace
First 500 fans through the gates
starting at 6:00 PM
Saturday’s match is also the Menace’s official Latino Heritage Night — a celebration of the culture, community, and spirit that lives at the heart of this sport. It is no coincidence that our first appearance at Mediacom falls on this night. Soccer belongs to everyone, and nights like this are a reminder of exactly that.
Hola Iowa
Jefas
The Homegrown Series was created by the Menace to spotlight local soccer — to bring together clubs that share a commitment to developing players, building community, and growing the game at every level across Iowa. Capital City Roots FC was their first call. That means something.
“The Homegrown Series is about more than just two matches — it’s about celebrating the strength of soccer in our state. We’re proud to partner with organizations that share our commitment to growing the game and creating meaningful experiences for our players and fans alike.”
Kyle Davy — General Manager, Des Moines Menace
Kyle Davy has spent his career building soccer in Iowa — through the Menace, through the Krause Group’s Pro Iowa initiative, and now as General Manager of one of the Midwest’s most respected clubs. When we reached out about the possibility of this partnership, he understood immediately what we were building and why it mattered. His belief in the Roots — in year two, before anyone had to believe — is something this club will not forget.
For the Menace, this season represents a new chapter. Mediacom Stadium is their new home — a DMPS-owned venue that sits at the intersection of Drake University, Des Moines Public Schools, and the city’s growing soccer community. They are using it as a platform to invest in students through youth clinics, student-athlete recognition programs, and community events. That is the kind of organization the Roots want to grow alongside.
Playing at Mediacom Stadium against the Des Moines Menace is not just a friendly. For our players, it is access. It is the kind of experience — a professional venue, a real crowd, a high-level opponent — that most semi-professional players in this region never get. The Rising Roots Initiative exists to change that. The pathway to higher levels of soccer starts with exposure to them. Saturday night is exactly that. And it’s just the beginning.
The future of soccer in Des Moines — for men, for women, for every player at every level — is being built right now, by organizations that choose to work together. The Menace and the Roots do not compete for the same space. We grow it together. And with partnerships like this, with venues like Mediacom, and with a community that continues to show up — that growth is accelerating.
Wear your kit Saturday night. Come loud. Come early. And bring someone who has never watched a live match before — because after Saturday, they will want to come back.
Roots FC vs
Des Moines Menace
Saturday, May 9 · 7:00 PM CST · Gates Open 6:00 PM
Mediacom Stadium · Drake University, Des Moines, Iowa
Leave a Reply