:root{--green:#0F5B33;--green-2:#0B4627;--chalk:#F4F4EF;--chalk-2:#E9EAE2;--red:#E03A2F;--red-ink:#C2302A;--night:#0C1A12;--night-2:#13261B;--ink:#0C1A12;--muted:#55665B;--line:#D5D8CC;
--f-d:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--f-c:"Barlow Condensed","Arial Narrow",sans-serif;--f-b:"Barlow",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:130px}
body{margin:0;background:var(--chalk);color:var(--ink);font:400 1.0625rem/1.6 var(--f-b)}
body.locked{overflow:hidden}
img{display:block;max-width:100%}
a{color:var(--green)}
a:hover{color:var(--red-ink)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
h1,h2,h3{font-family:var(--f-d);font-weight:400;line-height:.95;margin:0 0 .4em;letter-spacing:.01em;color:var(--night)}
h1{font-size:clamp(3.2rem,1.6rem + 7vw,7.5rem)}
h2{font-size:clamp(2.4rem,1.5rem + 3.6vw,4.6rem)}
h3{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-80px;z-index:300;background:var(--red-ink);color:#fff;padding:12px 18px;font-weight:700}
.skip:focus{top:60px;color:#fff}
.wrap{width:100%;max-width:1260px;margin:0 auto;padding:0 24px}
.narrow{max-width:900px}
.ic{width:1.15em;height:1.15em;flex:none}
.kick{display:flex;align-items:center;gap:.75rem;font:700 .9rem var(--f-c);letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);margin:0 0 .9rem}
.slash{width:34px;height:10px;background:repeating-linear-gradient(-55deg,var(--red) 0 4px,transparent 4px 8px)}
.lead{font-size:clamp(1.08rem,1rem + .4vw,1.25rem);color:var(--muted);max-width:42em}
.demo-note{font-size:.82rem;color:var(--muted);margin-top:.75rem}
.demo-note.light{color:rgba(244,244,239,.7)}
.stripes{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-55deg,rgba(244,244,239,.05) 0 2px,transparent 2px 22px)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:50px;white-space:nowrap;padding:.7rem 1.5rem;font:700 1.02rem/1 var(--f-c);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s,color .2s,transform .2s}
.btn .ic{transition:transform .2s}.btn:hover .ic{transform:translateX(4px)}
.btn-red{background:var(--red-ink);color:#fff}.btn-red:hover{background:var(--night);color:#fff}
.btn-chalk{background:var(--chalk);color:var(--night)}.btn-chalk:hover{background:#fff;color:var(--red-ink)}
.btn-line{background:transparent;color:var(--night);border-color:var(--night);clip-path:none}.btn-line:hover{background:var(--night);color:var(--chalk)}
.btn-line-light{background:transparent;color:var(--chalk);border-color:rgba(244,244,239,.7);clip-path:none}.btn-line-light:hover{background:var(--chalk);color:var(--night)}
.btn-sm{min-height:44px;padding:.55rem 1.1rem;font-size:.95rem}
/* header */
.site-header{position:sticky;top:0;z-index:60;background:var(--night);color:var(--chalk);border-bottom:4px solid var(--red);transition:box-shadow .25s}
.site-header.is-condensed{box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.hdr{display:flex;align-items:center;gap:1.5rem;height:84px;transition:height .25s}
.site-header.is-condensed .hdr{height:64px}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--chalk)}
.crest{width:42px;height:49px;flex:none}
.logo-word{display:flex;flex-direction:column;font:400 1.9rem/0.9 var(--f-d);letter-spacing:.03em}
.logo-word small{font:600 .7rem var(--f-c);letter-spacing:.16em;text-transform:uppercase;color:#B8C4BB;margin-top:.2rem}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:.6rem .75rem;color:var(--chalk);text-decoration:none;font:700 1.02rem var(--f-c);letter-spacing:.1em;text-transform:uppercase}
.main-nav a:hover{color:#fff;background:var(--night-2)}
.main-nav a[aria-current]{color:#fff;box-shadow:inset 0 -3px 0 var(--red)}
.menu-btn{display:none;width:50px;height:50px;background:var(--red-ink);color:#fff;border:0;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}
.m-menu{position:fixed;inset:0;z-index:150;background:var(--green);color:var(--chalk);overflow:auto}
.m-menu[hidden]{display:none}
.m-in{position:relative;padding:64px 20px 28px}
.m-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.m-close{width:50px;height:50px;background:var(--night);color:#fff;border:0;display:grid;place-items:center;cursor:pointer}
.m-links{list-style:none;margin:0;padding:0}
.m-links a{display:flex;align-items:baseline;gap:1rem;padding:.35rem 0;color:var(--chalk);text-decoration:none;font:400 2.6rem/1.1 var(--f-d);border-bottom:1px solid rgba(244,244,239,.15)}
.m-links a span{font:700 .9rem var(--f-c);color:#FFB3AD}
.m-links a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px}
.m-foot a{color:var(--chalk);font:700 1.2rem var(--f-c);letter-spacing:.06em}
/* photos */
.ph{margin:0;position:relative;overflow:hidden;background:var(--green);background-image:repeating-linear-gradient(-55deg,rgba(244,244,239,.06) 0 2px,transparent 2px 18px),linear-gradient(160deg,var(--green),var(--green-2))}
.ph::before{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);border:3px solid rgba(244,244,239,.18);border-radius:50%}
.ph::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:3px solid rgba(244,244,239,.12)}
.ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;color:transparent}
.cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.noimg{opacity:0}
/* hero */
.hero{position:relative;min-height:min(820px,88vh);display:flex;align-items:center;background:var(--night);color:var(--chalk);overflow:hidden}
.hero-media,.phero-media{position:absolute;inset:0}
.hero-media .ph,.phero-media .ph{height:100%}
.hero-media .ph::before,.hero-media .ph::after,.phero-media .ph::before,.phero-media .ph::after{display:none}
.hero-media{z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,26,18,.95) 0%,rgba(12,26,18,.8) 50%,rgba(15,91,51,.4) 100%);z-index:1}
.hero .stripes{z-index:1}
.hero-in{position:relative;z-index:2;padding-top:4rem;padding-bottom:9rem}
.hero .kick{color:#FFB3AD}
.mega{display:flex;flex-direction:column;color:var(--chalk);font-size:clamp(3.6rem,1.5rem + 9vw,9.5rem);line-height:.86;margin-bottom:1.5rem}
.mega .red{color:var(--red);-webkit-text-stroke:0}
.hero .lead{color:rgba(244,244,239,.88);max-width:36em}
.hero-acts{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.next-match{position:absolute;z-index:3;right:max(24px,calc((100vw - 1260px)/2 + 24px));bottom:3rem;width:min(380px,calc(100% - 48px));background:var(--chalk);color:var(--night);padding:1.4rem 1.5rem;border-top:6px solid var(--red)}
.nm-k{font:700 .85rem var(--f-c);letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);margin:0 0 .4rem}
.nm-teams{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font:400 2rem/1 var(--f-d);margin:0 0 .4rem}
.nm-teams b{font-weight:400;color:var(--red)}
.nm-when{font-size:.95rem;color:var(--muted);margin-bottom:1rem}
.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.countdown div{background:var(--night);color:var(--chalk);text-align:center;padding:.5rem}
.countdown b{display:block;font:400 2.2rem/1 var(--f-d);font-variant-numeric:tabular-nums}
.countdown span{font:700 .72rem var(--f-c);letter-spacing:.14em;text-transform:uppercase;color:#B8C4BB}
/* ticker */
.ticker{display:flex;background:var(--red-ink);color:#fff;overflow:hidden}
.tk-label{flex:none;margin:0;background:var(--night);padding:.9rem 1.25rem;font:400 1.4rem/1 var(--f-d);letter-spacing:.06em;display:flex;align-items:center;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding-right:2rem}
.tk-win{overflow:hidden;flex:1;display:flex;align-items:center}
.tk-track{display:flex;gap:1.75rem;width:max-content;animation:mq 34s linear infinite;font:700 1.1rem var(--f-c);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tk-track i{font-style:normal;opacity:.6}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding:clamp(3.5rem,7vw,6.5rem) 0;position:relative}
.sec-top0{padding-top:0}
.sec-chalk2{background:var(--chalk-2)}
.sec-night{background:var(--night);color:var(--chalk);overflow:hidden}
.sec-night h2,.sec-night h3{color:var(--chalk)}
.sec-night .kick{color:#FFB3AD}
.sec-night .lead,.sec-night p{color:rgba(244,244,239,.82)}
.sec-head{max-width:820px;margin-bottom:clamp(1.75rem,4vw,2.75rem)}
.row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}
.row-head .sec-head{margin-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split-top{align-items:start}
.split>*{min-width:0}
/* programmes */
.progs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.prog{position:relative;display:flex;flex-direction:column;background:var(--green);color:var(--chalk);padding:2rem 1.75rem 1.5rem;text-decoration:none;overflow:hidden;transition:transform .25s;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.prog:nth-child(2){background:var(--night)}
.prog:nth-child(3){background:var(--red-ink)}
.prog::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.05) 0 2px,transparent 2px 18px)}
.prog>*{position:relative}
.prog:hover{transform:translateY(-6px);color:var(--chalk)}
.prog-tag{position:absolute;right:-.1em;top:-.2em;font:400 7rem/1 var(--f-d);color:rgba(255,255,255,.08);pointer-events:none}
.prog-n{font:400 1.5rem var(--f-d);color:#FFB3AD}
.prog:nth-child(3) .prog-n{color:var(--chalk)}
.prog h3{color:var(--chalk);font-size:clamp(2.2rem,1.6rem + 1.6vw,3rem);margin:.2rem 0 .1rem}
.prog-age{font:700 .9rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:#C9D6CD;margin-bottom:1rem}
.prog p{color:rgba(244,244,239,.88)}
.prog dl{margin:auto 0 1rem;display:grid;gap:.25rem;border-top:1px solid rgba(244,244,239,.25);padding-top:1rem}
.prog dl div{display:flex;justify-content:space-between;gap:1rem}
.prog dt{font:700 .85rem var(--f-c);letter-spacing:.1em;text-transform:uppercase;color:#C9D6CD}
.prog dd{margin:0;font-weight:600;text-align:right}
.prog-go{display:inline-flex;align-items:center;gap:.5rem;font:700 1rem var(--f-c);letter-spacing:.12em;text-transform:uppercase}
.progs.big .prog{min-height:440px}
/* stats band */
.stat-band{position:relative;background:var(--green);color:var(--chalk);padding:3.5rem 0 2rem;overflow:hidden}
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stats div{border-left:4px solid var(--red);padding-left:1.25rem}
.stats b{display:block;font:400 clamp(3.4rem,2.4rem + 3vw,5.5rem)/.9 var(--f-d);font-weight:400}
.stats span{font:600 1rem var(--f-c);letter-spacing:.08em;text-transform:uppercase;color:#C9D6CD}
/* corners */
.split-media{position:relative}
.badge-num{position:absolute;right:-1rem;bottom:-2rem;font:400 11rem/1 var(--f-d);color:var(--red);opacity:.9;pointer-events:none}
.corners{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:3px solid var(--night)}
.corners li{display:flex;gap:1.25rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.corners span{font:400 2.4rem/1 var(--f-d);color:var(--red-ink);min-width:2.5rem}
.corners h3{margin:0 0 .2rem;font-size:1.8rem}.corners p{margin:0;color:var(--muted)}
/* tables */
.table-box{overflow-x:auto;background:#fff;border:2px solid var(--night);-webkit-overflow-scrolling:touch}
.table-box.dark{background:var(--night-2);border-color:#2A4535}
table{width:100%;border-collapse:collapse;min-width:640px}
.narrow-t{min-width:440px}
th,td{text-align:left;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:middle}
thead th{background:var(--night);color:var(--chalk);font:700 .85rem var(--f-c);letter-spacing:.12em;text-transform:uppercase}
.table-box.dark th,.table-box.dark td{border-bottom-color:#2A4535;color:var(--chalk)}
.table-box.dark thead th{background:var(--green)}
tbody th{font:700 1.1rem var(--f-c);letter-spacing:.04em}
tbody tr:last-child>*{border-bottom:0}
.fix td b{display:block;font:700 1rem var(--f-c);letter-spacing:.04em}
.fix td small{color:var(--muted)}
.table-box.dark .fix td small{color:#B8C4BB}
.venue{display:inline-block;font:700 .8rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;padding:.25rem .6rem;border:2px solid currentColor}
.score{display:inline-block;font:400 1.4rem/1 var(--f-d);padding:.35rem .7rem;color:#fff;background:var(--muted)}
.s-w{background:var(--green)}.s-l{background:var(--red-ink)}.s-d{background:#6B6F66}
.comp{font-size:.92rem;color:var(--muted)}
.league .us{background:rgba(224,58,47,.18)}
.league td b{font-size:1.1rem}
/* squad */
.squad-row,.squad{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pcard{position:relative;overflow:hidden;background:var(--night);color:var(--chalk);padding:1.5rem 1.25rem 1.25rem;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.pcard::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,rgba(255,255,255,.04) 0 2px,transparent 2px 16px)}
.pcard>*{position:relative}
.pnum{position:absolute !important;right:.75rem;top:-.4rem;font:400 7.5rem/1 var(--f-d);color:transparent;-webkit-text-stroke:2px rgba(244,244,239,.35)}
.pcard-red{background:var(--red-ink)}
.pcard-red .pnum{-webkit-text-stroke-color:rgba(255,255,255,.6)}
.ppos{font:700 .85rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:#FFB3AD;margin:0 0 .25rem}
.pcard-red .ppos{color:#fff}
.pcard h3{color:var(--chalk);font-size:2.3rem;margin:0 0 .3rem}
.pmeta{margin:0;font-size:.95rem;color:rgba(244,244,239,.82)}
.leaders{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.leaders>div{border-top:4px solid var(--red);padding-top:1rem}
.leaders b{display:block;font:400 4.5rem/.9 var(--f-d);color:var(--chalk)}
.leaders span{font:700 .9rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:#FFB3AD}
.leaders p{margin:.4rem 0 0}
.staff{list-style:none;margin:0;padding:0;border-top:3px solid var(--night)}
.staff li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.staff b{font:700 1.15rem var(--f-c);letter-spacing:.04em}.staff span{color:var(--muted);text-align:right}
/* misc blocks */
.ticks{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.ticks li{display:flex;gap:.6rem;align-items:flex-start}
.ticks .ic{color:#fff;background:var(--green);padding:3px;width:22px;height:22px;margin-top:2px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.duo .ph:last-child{margin-top:3rem}
.quote-poster{position:relative;background:var(--red-ink);color:#fff;padding:clamp(2rem,5vw,4rem);clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%)}
.quote-poster::before{content:"\201C";position:absolute;right:2rem;top:-1rem;font:400 14rem/1 var(--f-d);color:rgba(255,255,255,.15)}
.quote-poster blockquote{margin:0;position:relative}
.quote-poster p{font:400 clamp(2rem,1.3rem + 2.6vw,3.6rem)/1 var(--f-d);letter-spacing:.01em;max-width:24em}
.quote-poster footer{font:700 1rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.ncard{background:#fff}
.ncard .ndate,.ncard h3,.ncard>p:last-child{margin-left:1.25rem;margin-right:1.25rem}
.ncard>p:last-child{color:var(--muted);padding-bottom:1.25rem;margin-bottom:0}
.ndate{font:700 .82rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:var(--red-ink);margin-top:1.1rem}
.ncard h3{font-size:1.9rem}
/* accordions */
.acc{border-top:3px solid var(--night)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-item h3{margin:0;font-size:1rem}
.acc-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1.1rem 0;min-height:60px;background:none;border:0;text-align:left;cursor:pointer;font:700 1.25rem/1.25 var(--f-c);letter-spacing:.02em;color:var(--night)}
.acc-n{font:400 1.6rem var(--f-d);color:var(--red-ink);min-width:2rem}
.acc-btn>span:nth-child(2){flex:1}
.acc-ic{position:relative;width:28px;height:28px;background:var(--night);flex:none}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;left:7px;right:7px;top:13px;height:2px;background:var(--chalk);transition:transform .2s}
.acc-ic::after{transform:rotate(90deg)}
[aria-expanded=true] .acc-ic{background:var(--red-ink)}
[aria-expanded=true] .acc-ic::after{transform:rotate(0)}
.acc-panel p{margin:0;padding:0 2.5rem 1.25rem 3rem;color:var(--muted)}
/* cta */
.cta{position:relative;overflow:hidden;background:var(--red-ink);color:#fff;padding:clamp(3rem,6vw,5rem) 0}
.cta-in{position:relative;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}
.cta-big{font:400 clamp(5rem,3rem + 9vw,12rem)/.8 var(--f-d);color:rgba(255,255,255,.12);margin:0 0 -.1em}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.92);max-width:36em}
.cta-acts{display:flex;flex-wrap:wrap;gap:.75rem}
/* page hero */
.phero{position:relative;background:var(--night);color:var(--chalk);overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0 clamp(3rem,6vw,5rem)}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,26,18,.95) 10%,rgba(12,26,18,.7) 55%,rgba(15,91,51,.45));z-index:0}
.phero .stripes{z-index:1}
.ghost-big{position:absolute;z-index:1;right:-.05em;bottom:-.15em;font:400 clamp(6rem,3rem + 14vw,17rem)/.8 var(--f-d);color:transparent;-webkit-text-stroke:2px rgba(244,244,239,.18);white-space:nowrap;pointer-events:none}
.phero-in{position:relative;z-index:2}
.phero h1{color:var(--chalk);max-width:12em}
.phero .kick{color:#FFB3AD}
.phero .lead{color:rgba(244,244,239,.88)}
.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font:600 .9rem var(--f-c);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;color:#C9D6CD}
.crumbs a{color:var(--chalk)}
.hero-facts{display:flex;flex-wrap:wrap;gap:0;margin:1.5rem 0 0;border:2px solid rgba(244,244,239,.3)}
.hero-facts div{padding:.75rem 1.25rem;border-right:2px solid rgba(244,244,239,.3)}
.hero-facts div:last-child{border:0}
.hero-facts dt{font:700 .75rem var(--f-c);letter-spacing:.14em;text-transform:uppercase;color:#FFB3AD}
.hero-facts dd{margin:0;font:400 1.6rem/1.1 var(--f-d)}
/* path */
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.path li{position:relative;background:#fff;padding:1.25rem 1.5rem 1.25rem 1.25rem;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);min-height:150px}
.path li.on{background:var(--red-ink);color:#fff}
.path b{display:block;font:400 1.8rem/1 var(--f-d);margin-bottom:.5rem}
.path p{margin:0;font-size:.95rem;color:var(--muted)}
.path li.on p{color:rgba(255,255,255,.9)}
.camps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}
.camp{border:2px solid #2A4535;padding:1.5rem;background:var(--night-2)}
.c-when{font:700 .85rem var(--f-c) !important;letter-spacing:.14em;text-transform:uppercase;color:#FFB3AD !important}
.c-fee{font:400 1.6rem var(--f-d) !important;color:var(--chalk) !important;margin:0}
/* programme detail */
.kitbox{background:var(--night);color:var(--chalk);padding:1.75rem;border-left:6px solid var(--red)}
.kitbox h3{color:var(--chalk)}
.kitbox .ticks .ic{background:var(--red-ink)}
.fee-line{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #2A4535;padding-top:1rem;margin:1rem 0 0}
.fee-line span{font:700 .85rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:#B8C4BB}
.fee-line b{font:400 2.4rem var(--f-d);font-weight:400}
.kitbox .demo-note{color:#B8C4BB}
.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.focus{background:#fff;padding:1.5rem;border-top:5px solid var(--green)}
.focus:nth-child(even){border-top-color:var(--red)}
.focus span{font:400 2.4rem/1 var(--f-d);color:var(--red-ink)}
.focus h3{margin:.4rem 0 .3rem}.focus p{margin:0;color:var(--muted)}
.gal3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.coach-feature{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}
.coach-av{display:grid;place-items:center;width:140px;height:160px;background:var(--red-ink);color:#fff;font:400 6rem/1 var(--f-d);clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rel{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.1rem 1.25rem;text-decoration:none;color:var(--night);border-left:6px solid var(--green);transition:border-color .2s,transform .2s}
.rel:hover{border-left-color:var(--red);transform:translateX(4px);color:var(--night)}
.rel-n{font:400 1.8rem/1 var(--f-d);color:var(--red-ink);min-width:3.2rem}
.rel>span:nth-child(2){flex:1}
.rel strong{display:block;font:700 1.25rem var(--f-c);letter-spacing:.02em}
.rel small{color:var(--muted)}
/* coaches */
.coaches{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.coach{background:#fff}
.coach>div{padding:1.25rem}
.coach h3{font-size:1.9rem;margin:.1rem 0 .4rem}
.coach .ppos{color:var(--red-ink)}
.lic{display:flex;align-items:center;gap:.4rem;font:700 .9rem var(--f-c);letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.coach p:last-child{color:var(--muted);margin:0}
.manifesto{list-style:none;margin:0;padding:0;counter-reset:m;position:relative}
.manifesto li{counter-increment:m;display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #2A4535;font-size:1.15rem;color:rgba(244,244,239,.85)}
.manifesto li::before{content:counter(m,decimal-leading-zero);font:400 3rem/1 var(--f-d);color:var(--red)}
.manifesto b{color:var(--chalk);font:400 2rem/1 var(--f-d);display:block;margin-bottom:.3rem;letter-spacing:.02em}
.welfare{background:var(--green);color:var(--chalk);padding:2rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.welfare h3{color:var(--chalk)}.welfare a{color:#fff;font-weight:700}
.welfare .ppos{color:#FFB3AD}.welfare .demo-note{color:#C9D6CD}
/* fixtures */
.nm-wide{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--night);color:var(--chalk);padding:2rem;border-left:8px solid var(--red);margin-top:-1rem}
.nm-wide .nm-teams{font-size:clamp(2rem,1.4rem + 2vw,3.2rem)}
.nm-wide .nm-when{color:#C9D6CD;margin:0}
.nm-wide .countdown{min-width:300px}
.nm-wide .countdown div{background:var(--red-ink)}
.nm-wide .countdown span{color:#fff}
.tab-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.tablist{display:flex;border:2px solid var(--night)}
[role=tab]{min-height:48px;padding:.5rem 1.5rem;background:none;border:0;font:400 1.5rem/1 var(--f-d);letter-spacing:.04em;color:var(--night);cursor:pointer}
[role=tab][aria-selected=true]{background:var(--night);color:var(--chalk)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{min-height:44px;padding:.45rem .9rem;border:2px solid var(--night);background:transparent;color:var(--night);font:700 .9rem var(--f-c);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.chip[aria-pressed=true]{background:var(--red-ink);border-color:var(--red-ink);color:#fff}
.count{font:700 .85rem var(--f-c);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.filter-bar .count{margin:0}
.empty{padding:2rem;text-align:center;border:2px dashed var(--line)}
.report{background:var(--night-2);padding:1.75rem;border-top:5px solid var(--red);position:relative}
.mstats{margin:1rem 0 0;display:grid;gap:.4rem}
.mstats div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #2A4535;padding:.4rem 0}
.mstats dt{font:700 .85rem var(--f-c);letter-spacing:.1em;text-transform:uppercase;color:#B8C4BB}
.mstats dd{margin:0;font:400 1.4rem var(--f-d)}
/* trials */
.steps4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.steps4 li{background:#fff;padding:1.5rem;position:relative;overflow:hidden}
.steps4 span{display:block;font:400 4rem/1 var(--f-d);color:var(--red-ink)}
.steps4 p{color:var(--muted);margin:0}
.agebox{background:var(--green);color:var(--chalk);padding:1.25rem 1.5rem;margin:1.25rem 0;border-left:8px solid var(--red)}
.ab-k{font:700 .85rem var(--f-c);letter-spacing:.14em;text-transform:uppercase;color:#C9D6CD;margin:0}
.ab-v{font:400 2.4rem/1.05 var(--f-d);margin:.2rem 0 0}
.form-card{background:#fff;padding:clamp(1.25rem,3vw,2.25rem);border-top:6px solid var(--night)}
fieldset{border:0;padding:0;margin:0 0 1.25rem;min-width:0}
legend{font:400 2rem/1 var(--f-d);padding:0;margin-bottom:1rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}
.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.field.full{grid-column:1/-1}
label,.flabel{font:700 .95rem var(--f-c);letter-spacing:.08em;text-transform:uppercase}
.flabel{margin:.25rem 0 .5rem}
.req{color:var(--red-ink)}.opt{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}
input,select,textarea{width:100%;min-height:50px;padding:.7rem .9rem;border:2px solid #B9BEB0;border-radius:0;background:var(--chalk);font:400 1rem var(--f-b);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(15,91,51,.2)}
[aria-invalid=true]{border-color:var(--red-ink) !important;background:#FFF3F2}
.err{color:#B3261E;font-weight:600;font-size:.9rem}.err:empty{display:none}
.check{display:flex;gap:.7rem;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 1rem var(--f-b);margin:.5rem 0 .25rem;min-height:44px}
.check input{width:22px;height:22px;min-height:0;accent-color:var(--green);flex:none;margin-top:.1rem}
.thanks{text-align:left;padding:1rem 0}
.thanks:focus{outline:none}
.t-big{font:400 6rem/.85 var(--f-d);color:var(--red);margin:0 0 .5rem}
.sec-night .thanks h3{color:var(--chalk)}
/* facilities */
.fac{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.fac>div{background:#fff;padding:1.5rem;border-bottom:5px solid var(--green)}
.fac-n{font:400 3rem/1 var(--f-d);color:var(--red-ink)}
.fac p{margin:0;color:var(--muted)}
.gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;position:relative}
.gallery li:nth-child(1),.gallery li:nth-child(6){grid-column:span 2;grid-row:span 2}
.g-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.g-btn .ph{height:100%}
.g-zoom{position:absolute;right:.6rem;bottom:.6rem;z-index:2;width:40px;height:40px;display:grid;place-items:center;background:var(--red-ink);color:#fff}
.g-btn:hover .ph img{transform:scale(1.04)}.g-btn .ph img{transition:transform .4s}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.slot{position:relative;cursor:pointer;text-transform:none;letter-spacing:0}
.slot input{position:absolute;opacity:0;width:1px;height:1px}
.slot span{display:flex;align-items:center;justify-content:center;min-height:48px;border:2px solid #B9BEB0;background:var(--chalk);font:700 1rem var(--f-c)}
.slot input:checked+span{background:var(--green);border-color:var(--green);color:#fff}
.slot input:focus-visible+span{outline:3px solid var(--red);outline-offset:2px}
.hire-total{font:700 1.1rem var(--f-c);letter-spacing:.06em;text-transform:uppercase;margin:1rem 0}
.hire-total b{font:400 2rem var(--f-d);color:var(--green)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(12,26,18,.96);display:flex;align-items:center;justify-content:center;padding:64px 72px 24px}
.lb[hidden]{display:none}
.lb-fig{margin:0;width:100%;max-width:1100px}
.lb-img{background:var(--green);aspect-ratio:3/2;max-height:74vh;display:flex;align-items:center;justify-content:center}
.lb-img img{max-width:100%;max-height:74vh;object-fit:contain;color:transparent}
.lb figcaption{color:var(--chalk);font:700 1.1rem var(--f-c);letter-spacing:.06em;text-transform:uppercase;margin-top:1rem;text-align:center}
.lb-btn{position:absolute;width:52px;height:52px;border:0;background:var(--red-ink);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-close{top:64px;right:16px}.lb-prev{left:12px;top:50%}.lb-next{right:12px;top:50%}
/* news */
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.feature p{color:var(--muted)}
.nlist{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.nitem{background:#fff;padding:1.5rem;border-left:6px solid var(--night)}
.nitem[data-tags=match]{border-left-color:var(--red-ink)}.nitem[data-tags=players]{border-left-color:var(--green)}
.nitem .ndate{margin-top:0}
.nitem h3{font-size:1.9rem}.nitem p:last-child{margin:0;color:var(--muted)}
/* contact */
.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cc{display:flex;flex-direction:column;gap:.3rem;background:var(--night);color:var(--chalk);padding:1.5rem;text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);transition:background .2s}
.cc:hover{background:var(--green);color:var(--chalk)}
.cc .ic{width:34px;height:34px;color:var(--red);margin-bottom:.5rem}
.cc span{font:700 .85rem var(--f-c);letter-spacing:.12em;text-transform:uppercase;color:#B8C4BB}
.cc b{font:400 1.8rem/1.1 var(--f-d);word-break:break-word;font-weight:400}
.side{display:grid;gap:1rem}
.map{border:2px solid var(--night);background:#E6E8DF}
.map svg{display:block;width:100%;height:auto}
.hours{background:#fff;padding:1.5rem;border-top:6px solid var(--red)}
.hours dl{margin:0}
.hours div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.hours dt{font:700 1rem var(--f-c);letter-spacing:.08em;text-transform:uppercase}.hours dd{margin:0;text-align:right;color:var(--muted)}
/* footer */
.site-footer{position:relative;background:var(--night);color:#C9D6CD;padding:0 0 1.5rem;overflow:hidden;border-top:6px solid var(--red)}
.f-giant{font:400 clamp(5rem,2rem + 15vw,17rem)/.8 var(--f-d);color:var(--green);opacity:.55;white-space:nowrap;margin:0 0 2.5rem -.04em;padding-top:1.5rem;letter-spacing:.01em}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:2.5rem}
.f-brand p{margin-top:1rem;max-width:30em}
.f-col h2{font:400 1.6rem var(--f-d);color:var(--chalk);letter-spacing:.04em;margin-bottom:.75rem}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col a{color:var(--chalk);text-decoration:none;display:inline-block;padding:.3rem 0}
.f-col a:hover{color:#FFB3AD;text-decoration:underline}
.site-footer .demo-note{color:#9FB0A4}
.f-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid #2A4535;font-size:.85rem}
.f-base p{margin:0}
/* reveal */
.js .rv{opacity:0;transform:translateX(-18px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}.js .rv{opacity:1;transform:none}}
/* responsive */
@media (max-width:1180px){.main-nav a{padding:.6rem .5rem;font-size:.95rem;letter-spacing:.06em}}
@media (max-width:1040px){
.main-nav,.hdr-cta{display:none}.menu-btn{display:inline-flex}
.split,.feature{grid-template-columns:1fr}
.progs{grid-template-columns:1fr 1fr}.progs .prog:last-child{grid-column:1/-1}
.stats,.leaders,.squad-row,.squad,.coaches,.focus-grid,.steps4{grid-template-columns:1fr 1fr}
.news-grid,.camps,.fac,.rel-grid,.ccards{grid-template-columns:1fr 1fr}
.path{grid-template-columns:1fr 1fr 1fr}
.f-grid{grid-template-columns:1fr 1fr}
.next-match{position:relative;right:auto;bottom:auto;margin:-6rem 24px 0 auto}
.hero{flex-direction:column;align-items:stretch;min-height:0}
.hero-in{padding-bottom:8rem}
.coach-feature{grid-template-columns:auto 1fr}.coach-feature .btn{grid-column:1/-1;justify-self:start}
.nm-wide{grid-template-columns:1fr}.nm-wide .countdown{min-width:0}
.cta-in{grid-template-columns:1fr}
}
@media (max-width:640px){
.wrap{padding:0 16px}
.hdr{height:68px}.site-header.is-condensed .hdr{height:60px}.crest{width:36px;height:42px}.logo-word{font-size:1.6rem}.logo-word small{font-size:.6rem}
.hero-in{padding-top:2.5rem;padding-bottom:2rem}
.next-match{margin:0 16px 1.5rem;width:auto}
.progs,.stats,.leaders,.squad-row,.squad,.coaches,.focus-grid,.steps4,.news-grid,.camps,.fac,.rel-grid,.ccards,.form-grid,.gal3,.nlist,.path{grid-template-columns:1fr}
.progs .prog:last-child{grid-column:auto}
.path li{clip-path:none;min-height:0;border-left:6px solid var(--green)}
.gallery{grid-template-columns:1fr 1fr}.gallery li:nth-child(1),.gallery li:nth-child(6){grid-column:span 2;grid-row:auto}
.duo .ph:last-child{margin-top:1.5rem}
.badge-num{font-size:7rem;right:0}
.hero-facts div{flex:1 1 50%;border-right:0;border-bottom:2px solid rgba(244,244,239,.3)}
.coach-feature{grid-template-columns:1fr}.coach-av{width:100px;height:116px;font-size:4rem}
.acc-panel p{padding:0 0 1.25rem}
.manifesto li{grid-template-columns:3rem 1fr}.manifesto li::before{font-size:2.2rem}
.tk-label{font-size:1.1rem;padding:.8rem 1.4rem .8rem .9rem}
.slots{grid-template-columns:1fr}
.lb{padding:64px 12px 90px}.lb-prev,.lb-next{top:auto;bottom:20px}.lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}
.staff li{flex-direction:column;gap:0}.staff span{text-align:left}
.tab-row{flex-direction:column;align-items:stretch}
}
