:root{--green:#0f2a1d;--green2:#173a28;--gold:#f5b300;--cream:#f6efdc;--ink:#121212;--paper:#fffaf0}
img{max-width:100%;height:auto}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:'Barlow',sans-serif;color:var(--ink);background:var(--cream);font-size:1.05rem;overflow-x:hidden}
h1,h2,h3,.display{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.02}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:.9rem;color:var(--gold)}
.eyebrow.dark{color:#8a5f00}
a{color:inherit}
/* utility bar + nav */
.utility{background:var(--ink);color:var(--cream);font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}
.utility a{text-decoration:none;color:var(--cream);padding:.35rem .6rem;display:inline-block}
.utility a:hover{color:var(--gold)}
.utility .sep{color:#555}
.navbar-gcp{background:var(--green);border-bottom:4px solid var(--gold)}
.navbar-gcp .navbar-brand{display:flex;align-items:center;gap:.7rem;color:var(--cream);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.5rem;letter-spacing:.02em}
.navbar-gcp .navbar-brand img{height:44px;width:auto}
.navbar-gcp .nav-link{color:var(--cream);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1rem}
.navbar-gcp .nav-link:hover{color:var(--gold)}
.navbar-gcp .navbar-toggler{border-color:var(--gold)}
.navbar-gcp .navbar-toggler-icon{filter:invert(1)}
.btn-gold{background:var(--gold);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:2px solid var(--gold);border-radius:0;padding:.7rem 1.4rem;font-size:1.05rem}
.btn-gold:hover{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.btn-line{background:transparent;color:var(--cream);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:2px solid var(--cream);border-radius:0;padding:.7rem 1.4rem;font-size:1.05rem}
.btn-line:hover{background:var(--cream);color:var(--ink)}
.btn-line.dark{color:var(--ink);border-color:var(--ink)}
.btn-line.dark:hover{background:var(--ink);color:var(--cream)}
/* hero */
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:url('img/hero.webp') center/cover no-repeat;padding:3rem 0 7rem}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 65% at 50% 48%,rgba(0,0,0,.35) 0%,rgba(0,0,0,.04) 100%),linear-gradient(to bottom,rgba(15,42,29,.35) 0%,rgba(0,0,0,.10) 45%,rgba(0,0,0,.5) 100%)}
.hero-content{position:relative;background:rgba(0,0,0,.20);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:2rem 1.5rem;max-width:860px}
.hero-eyebrow{text-shadow:0 0 3px #000,0 1px 12px rgba(0,0,0,.95),0 0 30px rgba(0,0,0,.8);color:var(--gold)}
.hero-title{font-size:clamp(3.2rem,9vw,6.6rem);text-shadow:0 0 4px #000,0 2px 20px rgba(0,0,0,.95),0 0 60px rgba(0,0,0,.8);margin:.4rem 0}
.hero-title span{color:var(--gold)}
.hero-sub{font-size:clamp(1.05rem,2.2vw,1.35rem);text-shadow:0 0 3px #000,0 2px 16px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.85);max-width:640px;margin:0 auto 1.4rem}
.skyline{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(60px,10vw,120px);display:block;fill:var(--cream)}
.skyline-green{fill:var(--green)}
/* sections */
section{padding:84px 0}
.sec-title{font-size:clamp(2.4rem,5.5vw,4rem)}
.on-green{background:var(--green);color:var(--cream)}
.on-ink{background:var(--ink);color:var(--cream)}
.lead-in{max-width:680px}
.shot{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.frame{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--gold)}
.on-green .frame{border-color:var(--gold);box-shadow:8px 8px 0 rgba(245,179,0,.35)}
.tilt{transform:rotate(-1.5deg)}
.stat{font-family:'Anton',sans-serif;font-size:2.4rem;color:var(--gold);line-height:1}
.stat-lab{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.9rem}
/* food strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.strip figure{position:relative;margin:0;overflow:hidden}
.strip img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.strip figcaption{position:absolute;left:0;bottom:0;background:var(--gold);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .7rem;font-size:.9rem}
/* menu tabs */
.nav-pills .nav-link{border-radius:0;color:var(--cream);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.3rem;border:2px solid var(--gold);margin-right:.6rem;padding:.5rem 1.4rem}
.nav-pills .nav-link.active{background:var(--gold);color:var(--ink)}
.menu-sheet{width:100%;display:block;background:#fff;border:3px solid var(--gold)}
.menu-note{font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* scoreboard */
.board{background:#0a0a0a;border:6px solid #2a2a2a;outline:3px solid var(--gold);color:var(--gold);font-family:'Barlow Condensed',sans-serif;padding:1.2rem 1.4rem;box-shadow:0 0 0 6px #000}
.board h3{color:var(--cream);font-size:1.7rem;border-bottom:2px dashed #444;padding-bottom:.5rem;margin-bottom:.8rem}
.board .row-h{display:flex;justify-content:space-between;gap:1rem;font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem 0;border-bottom:1px solid #222}
.board .row-h span:last-child{color:var(--cream);text-align:right}
.board .kit{display:block;font-size:.9rem;font-weight:600;color:#9a9a9a;letter-spacing:.1em}
.board a{color:var(--gold)}
.loc-photo{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}
.map-wrap iframe{width:100%;height:280px;border:0;display:block;filter:grayscale(.2)}
/* events */
.event{border:3px solid var(--gold);padding:1.4rem;height:100%;background:var(--green2)}
.event h3{font-size:2rem;color:var(--gold)}
.event .when{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem}
/* quotes */
.quote{border-left:6px solid var(--gold);padding:.2rem 0 .2rem 1.2rem;margin-bottom:1.4rem}
.quote p{font-size:1.15rem;margin:0 0 .3rem}
.quote cite{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-style:normal;color:#8a5f00}
.ticker{background:var(--gold);color:var(--ink);overflow:hidden;white-space:nowrap;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.4rem;padding:.55rem 0}
.ticker div{display:inline-block;padding-left:100%;animation:tick 40s linear infinite}
@keyframes tick{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ticker div{animation:none;padding-left:1rem}}
/* footer */
footer{background:var(--ink);color:var(--cream);padding:3rem 0 2rem}
footer a{text-decoration:none}
footer a:hover{color:var(--gold)}
.logo-chip{background:#fff;padding:.5rem .8rem;display:inline-block}
.logo-chip img{height:60px;width:auto;display:block}
.powered{font-family:'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.9rem}
.powered a{color:var(--gold)}
@media (max-width:767px){section{padding:56px 0}.strip{grid-template-columns:repeat(2,1fr)}.navbar-gcp .navbar-brand{font-size:1.25rem}.navbar-gcp .navbar-brand img{height:36px}.hero{padding-bottom:5rem}.nav-pills .nav-link{font-size:1.05rem;padding:.4rem .9rem}.board .row-h{font-size:1.1rem}}