@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#08264a;--deep:#061d39;--ink:#082342;--gold:#f9cd27;--paper:#f4f5f3;--white:#fff;--muted:#637386}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e0ac00;outline-offset:4px}::selection{background:var(--gold);color:var(--deep)}.shell{width:min(100% - 80px,1360px);margin:auto}.skip-link{position:absolute;top:-100px;left:10px;background:var(--gold);padding:12px;z-index:50}.skip-link:focus{top:10px}.site-header{height:82px;background:#fff;position:relative;z-index:30}.header-inner{width:min(100% - 80px,1360px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:44px;height:48px;background:var(--navy);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);color:var(--gold);display:grid;place-items:center;position:relative;font:900 34px/1 'Barlow Condensed',Impact,sans-serif}.brand-mark i{position:absolute;width:25px;height:3px;background:var(--gold);top:9px;transform:rotate(-19deg);opacity:.9}.brand-wordmark{display:flex;flex-direction:column;line-height:1}.brand-wordmark strong{font:800 27px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em}.brand-wordmark small{font-size:8px;font-weight:700;letter-spacing:.14em;margin-top:7px}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.main-nav>a:not(.nav-join){transition:color .2s}.main-nav>a:not(.nav-join):hover{color:#b18400}.nav-join{background:var(--gold);padding:15px 21px;display:inline-flex;gap:28px;align-items:center;transition:background .2s,transform .2s}.nav-join:hover,.button-gold:hover{background:#ffdd5c;transform:translateY(-2px)}.menu-toggle{display:none}
.hero{min-height:690px;height:min(760px,calc(100svh - 82px));position:relative;background:#102b48;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('/assets/hero-match.jpg');background-size:cover;background-position:center 39%;filter:grayscale(10%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,38,.97) 0%,rgba(3,20,38,.86) 28%,rgba(3,20,38,.36) 68%,rgba(3,20,38,.28) 100%),linear-gradient(0deg,rgba(3,20,38,.67),transparent 30%)}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:10px}.eyebrow{font-size:13px;line-height:1.3;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:13px;margin:0 0 28px}.gold-line{width:27px;height:3px;display:inline-block;background:var(--gold);flex:none}.dot-separator{opacity:.5;padding:0 2px}.hero h1,h2,.news-feature h3,.team-tile strong{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.84;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(76px,10.4vw,165px);max-width:820px}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:19px;line-height:1.55;max-width:460px;margin:30px 0 34px;color:#e0e8f0}.hero-actions,.club-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 22px;min-height:58px;font-size:14px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.button span,.text-link span,.nav-join span{font-size:19px;line-height:1}.button-gold{background:var(--gold);color:var(--deep)}.button-dark{background:var(--deep);color:#fff}.button-dark:hover{background:#164271;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:18px;padding-bottom:7px;border-bottom:1px solid currentColor}.light-link{color:#fff}.dark-link{color:var(--ink)}.text-link:hover{color:#b18400}.hero-side{position:absolute;z-index:2;right:18px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:11px;font-weight:800;letter-spacing:.22em}.hero-bottom{position:absolute;z-index:2;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.17em;font-weight:800;color:#d5e0eb}
.match-section{padding:120px 0;background:var(--paper)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);align-items:center}.match-intro h2,.section-head h2,.club-copy h2,.closing h2{font-size:clamp(62px,6.5vw,106px)}.match-intro h2 em,.teams-section h2 em,.latest-section h2 em{color:var(--navy)}.match-intro>p:not(.eyebrow){color:#4e6070;max-width:490px;font-size:18px;line-height:1.7;margin:28px 0 31px}.match-card{background:var(--navy);color:#fff;box-shadow:22px 22px 0 #dfe4e6;min-height:472px;display:flex;flex-direction:column}.match-card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 29px;border-bottom:1px solid #ffffff28;font-size:11px;font-weight:800;letter-spacing:.18em}.match-stripes{height:18px;width:44px;background:repeating-linear-gradient(90deg,var(--gold) 0 5px,transparent 5px 11px);transform:skew(-16deg)}.match-card-body{padding:32px 30px 35px;text-align:center;flex:1}.card-kicker{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.17em}.versus{display:flex;align-items:center;justify-content:center;gap:41px;margin:27px auto 18px}.team-crest,.opponent-symbol{height:83px;width:83px;display:grid;place-items:center;font:900 65px/1 'Barlow Condensed',Impact,sans-serif}.team-crest{color:var(--gold);border:3px solid var(--gold);clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);padding-bottom:8px}.opponent-symbol{border:2px dashed #667e97;color:#8fa3b6;border-radius:50%;font-size:49px}.vs{font:800 25px 'Barlow Condensed',Impact,sans-serif;color:#8ca1b8}.match-card h3{font:900 39px/1 'Barlow Condensed',Impact,sans-serif;margin:0}.match-card-body>p:not(.card-kicker){color:#bac8d7;font-size:14px;margin:8px 0 17px}.match-card-body>a{color:var(--gold);font-size:14px;font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:3px}.match-card-body>a span{margin-left:15px}.match-card-foot{background:var(--gold);color:var(--deep);padding:12px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.19em}.match-card-foot span{padding:0 12px}
.teams-section{background:#fff;padding:110px 0 120px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:44px}.section-head .eyebrow{margin-bottom:26px}.section-head h2 em{color:var(--navy)}.section-head .text-link{margin-bottom:7px;flex:none}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-tile{min-height:390px;background:#edf0f2;display:flex;flex-direction:column;padding:27px;position:relative;overflow:hidden;transition:transform .2s,background .2s}.team-tile:hover{transform:translateY(-5px);background:#e0e8ef}.team-tile-primary{background:var(--navy);color:#fff}.team-tile-primary:hover{background:#164271}.tile-index{font-size:11px;font-weight:800;letter-spacing:.16em}.tile-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto}.team-tile strong{font-size:clamp(54px,5vw,75px)}.tile-arrow{width:43px;height:43px;background:var(--gold);color:var(--deep);display:grid;place-items:center;font-size:22px;flex:none}.tile-note{position:absolute;bottom:20px;left:27px;font-size:12px;font-weight:700;color:#68798a}.team-tile:not(.team-tile-primary) .tile-bottom{margin-bottom:37px}.team-tile-primary:after{content:'D';position:absolute;right:-19px;top:15px;font:900 280px/.8 'Barlow Condensed',Impact,sans-serif;color:#ffffff0c;pointer-events:none}
.club-section{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:var(--deep)}.club-photo{background:url('/assets/club-huddle.jpg') center/cover no-repeat;min-height:530px}.club-copy{display:flex;align-items:center;color:#fff;padding:70px clamp(45px,7vw,115px)}.club-copy-inner{max-width:520px}.club-copy h2{font-size:clamp(66px,6.6vw,105px)}.club-copy p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c5d1df;margin:28px 0 32px}.club-actions{gap:24px}
.latest-section{background:var(--paper);padding:115px 0 125px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.news-feature{background:var(--gold);min-height:360px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.news-feature:hover{transform:translateY(-4px)}.news-category{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.18em}.news-category span{font-size:23px;line-height:1}.news-date{font-size:12px;font-weight:800;letter-spacing:.17em}.news-feature h3{font-size:clamp(40px,4vw,65px);line-height:.92;margin:12px 0}.news-feature p{font-size:14px;max-width:460px;margin:0}.news-list{border-top:1px solid #c4cbd0}.news-list a{min-height:120px;border-bottom:1px solid #c4cbd0;display:grid;grid-template-columns:125px 1fr 32px;align-items:center;gap:18px;transition:padding .2s}.news-list a:hover{padding-left:10px}.news-list a>span:first-child{font-size:15px;font-weight:800}.news-list small{display:block;color:#697b88;font-size:10px;letter-spacing:.15em;margin-top:8px}.news-list strong{font:800 clamp(25px,2.6vw,38px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.list-arrow{font-size:22px}
.closing{background:var(--navy);color:#fff;padding:83px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}.closing h2{font-size:clamp(70px,7vw,113px)}.closing .button{margin-bottom:8px}.site-footer{background:#05182e;color:#d3deea;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:45px}.footer-name{font:900 45px/1 'Barlow Condensed',Impact,sans-serif;color:#fff}.footer-name span{color:var(--gold)}.footer-grid p{color:#8398ad;margin:11px 0}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-grid strong{color:var(--gold);font-size:11px;letter-spacing:.18em;margin-bottom:8px}.footer-grid a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff25;margin-top:73px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8298ae;font-size:10px;letter-spacing:.09em}.footer-bottom a{text-decoration:underline}
@media(max-width:1000px){.header-inner,.shell{width:min(100% - 48px,1360px)}.main-nav{gap:18px}.brand-wordmark strong{font-size:23px}.brand-wordmark small{font-size:7px}.match-grid{gap:45px}.team-tile{padding:22px}.team-tile strong{font-size:55px}.club-copy{padding:55px 40px}.club-actions{align-items:start;flex-direction:column}.news-grid{gap:34px}}
@media(max-width:720px){.site-header{height:70px}.header-inner,.shell{width:calc(100% - 38px)}.brand-mark{width:38px;height:43px;font-size:29px}.brand-wordmark strong{font-size:23px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #c5d1d9;background:white;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 19px 22px;gap:0;box-shadow:0 20px 25px #061d3922}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-join){padding:13px 5px;border-bottom:1px solid #e4e8ec}.nav-join{margin-top:15px;justify-content:space-between}.hero{height:680px;min-height:0}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(3,20,38,.91),rgba(3,20,38,.52)),linear-gradient(0deg,rgba(3,20,38,.7),transparent 40%)}.hero-content{justify-content:flex-end;padding-bottom:98px}.hero h1{font-size:clamp(67px,14vw,108px)}.hero-lead{font-size:16px;max-width:390px;margin:24px 0 25px}.hero-eyebrow{font-size:11px;margin-bottom:23px}.hero-side{display:none}.hero-bottom{bottom:18px}.hero-actions{gap:21px}.match-section,.teams-section,.latest-section{padding:80px 0}.match-grid,.news-grid{grid-template-columns:1fr;gap:47px}.match-intro h2,.section-head h2,.club-copy h2{font-size:clamp(64px,11vw,93px)}.match-intro>p:not(.eyebrow){font-size:16px}.match-card{min-height:430px;box-shadow:12px 12px 0 #dfe4e6}.team-grid{grid-template-columns:1fr;gap:12px}.team-tile{min-height:270px;padding:23px}.team-tile strong{font-size:66px}.tile-note{left:23px}.club-section{grid-template-columns:1fr}.club-photo{min-height:390px}.club-copy{padding:75px 19px}.club-actions{flex-direction:row}.section-head{align-items:flex-start}.section-head .text-link{margin-top:12px}.news-feature{min-height:360px}.news-grid{gap:35px}.closing{padding:80px 0}.closing-inner{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:42px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{margin-top:55px;flex-direction:column}}
@media(max-width:460px){.hero{height:650px}.hero h1{font-size:clamp(61px,15.3vw,82px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero .button{min-height:54px}.section-head{flex-direction:column;gap:18px}.section-head .text-link{margin:0}.versus{gap:26px}.team-crest,.opponent-symbol{height:71px;width:71px}.match-card-body{padding:25px 17px}.match-card-foot{letter-spacing:.08em}.club-photo{min-height:330px}.club-actions{align-items:flex-start;flex-direction:column}.news-list a{grid-template-columns:65px 1fr 26px;gap:12px}.news-list strong{font-size:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.brand-crest{width:58px;height:58px;object-fit:contain;display:block;flex:none}
.versus img.team-crest{width:83px;height:83px;display:block;object-fit:contain;clip-path:none;border:0;padding:0}
.versus img.away-crest{width:83px;height:83px;display:block;object-fit:contain;flex:none}
@media(max-width:720px){.brand-crest{width:48px;height:48px}}
@media(max-width:460px){.versus img.team-crest,.versus img.away-crest{width:71px;height:71px}}