:root{--navy:#063f24;--navy2:#0b234f;--gold:#d6a92f;--cream:#f4f1e8;--white:#fff;--ink:#121a28;--muted:#687386;--line:#dfe4ea;--green:#138a54;--red:#c93c43;--shadow:0 18px 45px rgba(2,12,30,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f5f7fa}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:#020a17;color:#cbd5e1;font-size:.75rem}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0}.site-header{background:rgba(6,22,48,.97);color:white;position:sticky;top:0;z-index:50;box-shadow:0 5px 20px #0003}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand b,.brand small{display:block;letter-spacing:.11em}.brand small{font-size:.62rem;color:#b9c4d4;margin-top:3px}.crest{display:grid;place-items:center;width:52px;height:58px;background:linear-gradient(145deg,var(--gold),#f5d77d);color:var(--navy);font-weight:900;border-radius:8px 8px 18px 18px;box-shadow:inset 0 0 0 3px #fff5}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:12px 10px;font-size:.82rem;font-weight:700}.nav a:hover,.nav a.active{color:#f4cd67}.nav-cta{background:var(--gold);color:var(--navy)!important;border-radius:7px;margin-left:7px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}.hero{min-height:650px;position:relative;display:flex;align-items:end;color:white;background:url('../images/hero-team.jpg') center/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,23,.94) 0%,rgba(2,10,23,.66) 48%,rgba(2,10,23,.15)),linear-gradient(0deg,rgba(2,10,23,.65),transparent 55%)}.hero-content{position:relative;z-index:2;padding:100px 0 120px;max-width:770px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--gold);font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:.88;margin:22px 0}.hero p{font-size:1.18rem;line-height:1.65;max-width:620px;color:#e7ebf1}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:7px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{border-color:#fff8;color:white;background:#07152b77}.score-ribbon{position:relative;z-index:3;margin-top:-60px}.score-panel{background:white;border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px;text-align:center}.score-name{font-weight:900;font-size:1.15rem}.score{font-size:2.4rem;font-weight:900;color:var(--navy);padding:0 28px}.score-meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:34px}.section-head h2,.page-title h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:7px 0}.section-head p{max-width:560px;color:var(--muted);line-height:1.7}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:white;border-radius:12px;overflow:hidden;border:1px solid #e8ebef;box-shadow:0 8px 28px #0b1f3a0d}.card-pad{padding:24px}.card h3{margin:5px 0 10px}.card p{color:var(--muted);line-height:1.6}.media-card{position:relative;min-height:360px;color:white;display:flex;align-items:end;background-size:cover;background-position:center}.media-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(2,10,23,.95))}.media-card-content{position:relative;z-index:2;padding:26px}.tag{display:inline-block;background:var(--gold);color:var(--navy);font-size:.71rem;font-weight:900;padding:7px 9px;border-radius:3px;text-transform:uppercase}.ad-slot{min-height:130px;border:2px dashed #aeb7c4;background:linear-gradient(135deg,#eef1f5,#fff);display:grid;place-items:center;text-align:center;color:#727e90;border-radius:10px}.ad-slot strong{display:block;color:#2c394c;font-size:1.1rem}.fixture-item,.result-item{display:grid;grid-template-columns:135px 1fr auto;gap:20px;align-items:center;background:white;padding:22px;border-bottom:1px solid var(--line)}.fixture-item:first-child,.result-item:first-child{border-radius:10px 10px 0 0}.fixture-item:last-child,.result-item:last-child{border-radius:0 0 10px 10px;border:0}.datebox{font-weight:900;color:var(--navy)}.datebox small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.match-teams{font-weight:800}.match-teams small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.match-score{font-size:1.5rem;font-weight:900;background:var(--navy);color:white;border-radius:5px;padding:8px 13px}.page-hero{background:linear-gradient(120deg,#061630dd,#06163099),url('../images/match-action.jpg') center 46%/cover;color:white;padding:100px 0}.page-title p{max-width:670px;color:#d8e0ea;line-height:1.7}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:25px;background:var(--navy);color:white;border-radius:10px}.stat strong{font-size:2.3rem;display:block;color:var(--gold)}table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden}th,td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:center}th{background:var(--navy);color:white;font-size:.76rem;text-transform:uppercase}td:nth-child(2),th:nth-child(2){text-align:left}.highlight-row{background:#fff7dc;font-weight:800}.player-card img{width:100%;height:310px;object-fit:cover}.player-meta{display:flex;justify-content:space-between;align-items:center}.number{font-size:2.8rem;font-weight:900;color:#d7dce3}.profile-hero{background:var(--navy);color:white}.profile-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.profile-image{min-height:600px;background-size:cover;background-position:center}.profile-copy{padding:75px}.profile-copy h1{font-size:4rem;margin:10px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:35px}.profile-stats div{background:#fff0;padding:18px;border:1px solid #ffffff25}.profile-stats strong{display:block;color:var(--gold);font-size:1.8rem}.analysis-bar{height:12px;background:#e8edf3;border-radius:20px;overflow:hidden}.analysis-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#f1cf70)}.metric{margin:19px 0}.metric div{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700}.chart{display:flex;align-items:end;gap:13px;height:220px;padding:20px 5px 0}.chart-col{flex:1;background:linear-gradient(#d8a82f,#8c660e);border-radius:5px 5px 0 0;position:relative}.chart-col span{position:absolute;top:-25px;width:100%;text-align:center;font-size:.75rem;font-weight:bold}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-weight:700;font-size:.87rem}input,select,textarea{font:inherit;padding:14px;border:1px solid #cdd4de;border-radius:7px;background:white}textarea{min-height:130px}.notice{padding:16px;border-radius:7px;background:#e8f6ee;color:#14683f;margin-bottom:20px}.comments{display:grid;gap:12px}.comment{padding:17px;background:#f6f8fa;border-left:4px solid var(--gold)}.play{width:62px;height:62px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:var(--navy);font-size:1.3rem;margin-bottom:17px;border:0;cursor:pointer}.sponsors{background:#eef1f5;padding:35px 0;text-align:center}.sponsors p{font-size:.67rem;letter-spacing:.2em;color:#737d8d}.sponsor-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sponsor-row span{padding:20px;border:1px solid #d6dbe2;font-weight:900;color:#8b95a4;background:white}.video-modal{display:none;position:fixed;z-index:100;inset:0;background:#000c;place-items:center}.video-modal.open{display:grid}.modal-card{width:min(750px,90vw);background:var(--navy);color:white;position:relative;border-radius:12px;padding:50px}.modal-card>button{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:2rem}.video-placeholder{text-align:center;padding:70px 10px}.video-placeholder span{font-size:3rem;color:var(--gold)}footer{background:#030c1c;color:#cbd5e1;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid h4{color:white}.footer-grid a{display:block;margin:11px 0;font-size:.9rem}.footer-grid p{line-height:1.6;max-width:350px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:.78rem}.footer-brand{color:white}
@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--navy);padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.profile-image{min-height:500px}.profile-copy{padding:45px}.hero{min-height:600px}.score-panel{grid-template-columns:1fr auto 1fr}}
@media(max-width:620px){.topbar{display:none}.container{width:min(100% - 24px,1180px)}.nav-wrap{height:72px}.nav{top:72px}.hero{min-height:580px}.hero-content{padding:75px 0 105px}.hero h1{font-size:3.25rem}.score-panel{padding:20px 10px}.score{padding:0 12px;font-size:1.8rem}.score-name{font-size:.9rem}.section{padding:65px 0}.grid-2,.grid-3,.grid-4,.stat-row,.form-grid{grid-template-columns:1fr}.fixture-item,.result-item{grid-template-columns:1fr auto}.fixture-item .datebox,.result-item .datebox{grid-column:1/-1}.section-head{display:block}.sponsor-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.profile-copy{padding:38px 24px}.profile-copy h1{font-size:3rem}.profile-image{min-height:390px}th,td{padding:12px 7px;font-size:.76rem}.hide-mobile{display:none}}

/* Static HTML site additions */
.nav a.active{color:#f4cd67}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{border:1px solid #ccd4df;background:#fff;color:var(--navy);padding:10px 14px;border-radius:6px;font-weight:800;cursor:pointer}.filter-btn.active{background:var(--gold);border-color:var(--gold)}.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-btn{padding:10px 14px;background:#eef1f5;border-radius:6px;font-weight:800;font-size:.85rem}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:12px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:9px}.gallery-grid img:first-child{grid-row:span 2}.banner-box{background:linear-gradient(110deg,var(--navy),#153a6d);color:#fff;border-radius:12px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner-box p{color:#d4deea;max-width:650px}.empty-state{padding:28px;background:#f3f6f9;border:1px dashed #adb8c6;border-radius:8px;text-align:center;color:#687386}.breadcrumbs{font-size:.8rem;color:#c7d0dc;margin-bottom:18px}.breadcrumbs a{color:var(--gold)}
@media(max-width:720px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-grid img:first-child{grid-row:auto}.banner-box{display:block}.banner-box .btn{margin-top:15px}}

.club-logo{width:58px;height:64px;object-fit:contain;background:#fff;border-radius:7px;padding:3px}.coach-legacy{background:linear-gradient(135deg,#063f24,#0b234f);color:#fff}.coach-legacy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.coach-portrait{min-height:620px;background:url('../images/clifford-pulenyane-formal.jpg') center 22%/cover}.coach-legacy-copy{padding:64px}.coach-legacy-copy p{color:#dce8e2;line-height:1.8}.coach-legacy-copy .lead{font-family:Georgia,serif;font-size:1.28rem;color:#fff;border-left:4px solid var(--gold);padding-left:20px}.team-photo-feature{width:100%;border-radius:12px;box-shadow:var(--shadow)}.player-card .real-headshot{height:330px;object-fit:cover;object-position:center 20%}.legacy-quote{font-family:Georgia,serif;font-size:1.5rem;line-height:1.55;color:#fff}.logo-panel{display:grid;place-items:center;background:white;border-radius:12px;padding:28px}.logo-panel img{max-height:420px;width:auto}@media(max-width:800px){.coach-legacy-grid{grid-template-columns:1fr}.coach-portrait{min-height:480px}.coach-legacy-copy{padding:38px 24px}}