@font-face{font-family:Meteor;src:url("assets/Oswald.ttf") format("truetype");font-style:normal;font-weight:200 700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:#111;background:#101113;font-family:Meteor,"Arial Narrow",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #48c4ff;outline-offset:4px}.site{max-width:1920px;margin:auto;background:#0874ae}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;z-index:10;background:#fff;padding:15px}.header{height:110px;display:flex;align-items:center;gap:1.5%;padding:0 1.2% 10px 2.8%;background:#111 url('assets/header-texture.webp') repeat;color:#fff7e9;border-bottom:8px solid #ff0924;box-shadow:inset 0 -8px #fff8e8;position:relative;z-index:2}.brand{flex:0 0 21.3%;align-self:flex-start;z-index:3;margin-top:8px}.brand img{width:100%;height:auto;display:block}.descriptor{font-family:Meteor,"Arial Narrow",Arial,sans-serif;font-size:clamp(11px,1.14vw,22px);line-height:1.2;margin:0;flex:0 0 11.2%}.header nav{display:flex;align-items:center;justify-content:space-between;gap:1.1vw;flex:1;min-width:0}.header nav a{font-family:Meteor,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-size:clamp(12px,1.22vw,24px);white-space:nowrap;padding:12px 0}.header nav a.active{background:#ff0725;padding:12px 17px;border-radius:15px 6px 15px 6px}.header nav a:hover{color:#ff344a}.header nav a.active:hover{color:#fff}.socials{display:flex;gap:12px;margin-left:12px}.socials button{width:30px;height:30px;padding:0;border:0;background:#fff7ed;color:#111;border-radius:5px;font-family:Arial,sans-serif;font-size:21px;font-weight:900}.menu-toggle{display:none}.hero{position:relative;line-height:0}.hero-desktop{display:block;width:100%;height:auto}.hero-mobile{display:none}.cards{display:grid;grid-template-columns:1.05fr 1.03fr .9fr;gap:1.7%;padding:10px 1.7% 18px;background:#65b4d8 url('assets/ice-texture.webp') repeat;position:relative}.card{position:relative;min-width:0;border:3px solid #c91324;outline:7px solid #fff4df;border-radius:30px;background:#fff0d8 url('assets/paper.webp') repeat;padding:52px 6% 17px;box-shadow:0 5px 0 8px #064f7730;display:flex;flex-direction:column}.ribbon{position:absolute;left:6px;top:-19px;margin:0;background:linear-gradient(#ff1a2e,#c90013);color:#fff5e4;padding:9px 25px 9px 31px;border-radius:28px 8px 24px 0;font-family:Meteor,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:1px;font-size:clamp(24px,2.45vw,47px);line-height:1.1;transform:skew(-7deg);white-space:nowrap}.ribbon-dark{background:linear-gradient(#333,#101010);min-width:47%}.match-teams{display:flex;align-items:center;justify-content:space-between;height:auto;gap:10px;margin:0 0 8px}.match-teams img{width:36%;height:auto;mix-blend-mode:multiply}.match-teams b{font:italic 900 clamp(28px,3.2vw,60px) Meteor,"Arial Narrow",Arial,sans-serif;color:#e6001d}.match-date,.match-place{display:flex;align-items:center;gap:16px;line-height:1.1;margin:4px 0}.match-date{font-size:clamp(20px,1.9vw,36px);font-weight:900}.match-place{font-size:clamp(17px,1.5vw,29px);font-weight:bold}.match-date svg,.match-place svg{width:27px;height:29px;flex-shrink:0}.cta{background:linear-gradient(#ff122a,#e00016);border:0;border-radius:14px 10px 15px 9px;color:#fff7e6;font-family:Meteor,"Arial Narrow",Arial,sans-serif;font-size:clamp(21px,1.8vw,35px);font-style:italic;text-transform:uppercase;padding:7px 20px;line-height:1.1;transform:skew(-9deg);display:flex;justify-content:center;align-items:center;gap:10px;font-weight:900;white-space:nowrap}.cta span{font:36px Arial;line-height:.8}.cta:hover{filter:brightness(1.12)}.match .cta{width:63%;margin:12px 5% 0 auto}.demo{font:11px Arial,sans-serif;color:#6a5546;display:block;margin-top:7px;text-align:center;line-height:1.3}.news{padding:51px 5% 13px}.news-list{display:flex;flex-direction:column;gap:13px;flex:1}.news-item{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:center;background:none;border:0;padding:0;color:#111;text-align:left;flex:1}.news-item img{width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;border-radius:14px}.news-item strong{font-family:Meteor,"Arial Narrow",Arial,sans-serif;font-size:clamp(20px,1.85vw,36px);line-height:1.06;font-weight:400}.news-item time{display:block;font-size:clamp(16px,1.4vw,27px);color:#8a8173;margin-top:7px;font-weight:bold}.news-item+ .news-item>span{border-top:1px solid #a99c85;padding-top:12px}.join{padding:0 6% 17px;text-align:center}.join-art{width:110%;height:auto;align-self:center;margin-top:-29px;border-radius:22px;mix-blend-mode:multiply}.join h2{font-family:Meteor,"Arial Narrow",Arial,sans-serif;font-size:clamp(28px,3.05vw,59px);font-style:italic;line-height:1.02;letter-spacing:1px;margin:0 0 10px;transform:rotate(-3deg);font-weight:900}.join .cta{margin-top:auto;width:100%;font-size:clamp(18px,1.75vw,33px);padding:11px 8px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);background:#111 url('assets/header-texture.webp') repeat;color:#fff7e8;padding:16px 2%;border-bottom:9px solid #ff142a}.bottom-nav a{display:flex;align-items:center;justify-content:center;gap:22px;text-transform:uppercase;font-family:Meteor,"Arial Narrow",Arial,sans-serif;font-size:clamp(17px,1.6vw,30px);line-height:1.05;border-right:1px solid #a39a8c;padding:0 10px}.bottom-nav a:last-child{border:0}.nav-icon{font:60px Arial,sans-serif;line-height:1}.club-details{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:#fff3df;padding:34px 4%;line-height:1.65}.club-details h2{font-size:22px;margin:0 0 8px}.club-details p{font-family:Arial,sans-serif;font-size:14px;color:#63574a;margin:0}footer{padding:18px 4%;background:#101113;color:#cfc6b9;display:flex;align-items:center;justify-content:space-between;gap:20px}footer a{font-weight:bold}footer p{font:12px Arial,sans-serif}dialog{width:min(92%,480px);border:3px solid #e50927;border-radius:22px;background:#fff2dc;padding:28px;color:#111}dialog h2{font-size:28px;margin:5px 0 20px}dialog p{font:16px/1.6 Arial,sans-serif}dialog::backdrop{background:#000b}.dialog-close{float:right;font-size:28px;background:none;border:0}.dialog-ok{padding:10px 25px;border:0;border-radius:9px;background:#ed0a24;color:#fff;font-weight:bold}@media(min-width:1537px){.header{height:7.16vw;max-height:138px}}@media(max-width:1200px){.header{height:90px;padding-left:2%;gap:1.2%}.brand{flex-basis:22%}.descriptor{display:none}.socials{gap:7px;margin-left:4px}.socials button{width:26px;height:26px;font-size:18px}.header nav{gap:12px}.header nav a{font-size:15px}.header nav a.active{padding:10px}.cards{padding-top:13px}.card{padding-top:42px;border-radius:24px}.ribbon{top:-17px;padding:9px 18px;font-size:28px}.news{padding-top:43px}.match-date,.match-place{gap:8px}.match-date svg,.match-place svg{width:22px;height:24px}.news-item{gap:12px}.bottom-nav a{gap:12px}.nav-icon{font-size:44px}.club-details{grid-template-columns:1fr 1fr}}@media(max-width:950px){.socials{display:none}.header nav a{font-size:14px}.cards{grid-template-columns:1fr 1fr;gap:28px 24px;padding:20px 3%}.join{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:15px 5%;column-gap:25px}.join-art{grid-row:1/3;width:100%;max-height:220px;object-fit:contain;margin:0}.join h2{font-size:40px}.join .cta{font-size:25px;align-self:start}.match-date{font-size:25px}.match-place{font-size:20px}.news-item strong{font-size:25px}.news-item time{font-size:20px}.bottom-nav a{font-size:17px;gap:8px}.nav-icon{font-size:35px}.match .cta{font-size:24px}.ribbon{font-size:30px}}@media(max-width:700px){.header{height:85px;padding:0 5% 8px;justify-content:space-between;border-bottom-width:6px;box-shadow:inset 0 -5px #fff8e8}.brand{flex:0 0 218px;margin-top:4px;max-width:70%}.menu-toggle{display:flex;align-items:center;gap:7px;background:#ed0824;border:0;border-radius:10px;color:#fff;padding:9px 11px;font-size:20px;font-weight:bold}.menu-toggle span{font-size:12px}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#141414;padding:20px 6%;box-shadow:0 8px 16px #0007;z-index:6}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.header nav a{padding:12px;font-size:19px}.header nav a.active{padding:12px}.hero-desktop{display:none}.hero-mobile{display:block;overflow:hidden;background:#0066a1}.mobile-slogan{display:block;width:94%;height:auto;margin:0 auto;position:relative;z-index:1}.mobile-mascot{display:block;width:100%;height:auto;margin-top:-24px}.cards{grid-template-columns:1fr;gap:34px;padding:20px 6% 30px}.card{padding:52px 6% 17px;border-radius:27px}.ribbon{font-size:clamp(26px,7.3vw,40px);padding:9px 24px;left:6px;top:-17px}.match-teams img{width:37%}.match-teams b{font-size:42px}.match-date{font-size:clamp(23px,6.3vw,33px)}.match-place{font-size:clamp(18px,5vw,25px)}.match-date svg,.match-place svg{width:25px;height:27px}.match .cta{font-size:28px;width:73%;margin-top:14px}.demo{font-size:10px}.news{padding:52px 6% 16px}.news-list{gap:18px}.news-item{gap:16px}.news-item strong{font-size:clamp(21px,5.8vw,30px)}.news-item time{font-size:20px}.join{grid-column:auto;display:flex;padding:0 6% 20px}.join-art{width:110%;max-height:none;margin-top:-25px}.join h2{font-size:clamp(36px,10vw,54px);margin:0 0 17px}.join .cta{font-size:clamp(22px,6vw,32px);padding:12px 8px}.bottom-nav{grid-template-columns:1fr 1fr;padding:13px 4%;gap:0}.bottom-nav a{padding:17px 8px;font-size:20px;justify-content:flex-start;border:0;border-bottom:1px solid #ffffff30;gap:15px}.bottom-nav a:last-child{grid-column:1/-1;border:0}.nav-icon{font-size:41px;width:43px;text-align:center}.club-details{grid-template-columns:1fr;padding:28px 6%;gap:24px}.club-details article{border-bottom:1px solid #d7c3a8;padding-bottom:18px}.club-details h2{font-size:24px}footer{display:block;padding:24px 6%}footer p{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.header nav a,.descriptor,.news-item strong,.bottom-nav a{font-weight:900}.news-item strong{font-weight:900}.card{background:#fff0d8 url("assets/paper-seamless.png") repeat}.header,.bottom-nav{background:#121315 url("assets/black-seamless.png") repeat}.match-teams img{mix-blend-mode:multiply}.join-art{mix-blend-mode:multiply}

.header nav a,.descriptor,.news-item strong,.bottom-nav a{font-family:Meteor,Arial,sans-serif;font-weight:600}.header nav a{font-size:clamp(13px,1.22vw,23px)}.header nav{gap:1vw}.descriptor{font-size:clamp(12px,1.16vw,22px);font-weight:600;flex-basis:11.2%}.ribbon{font-family:Meteor,Arial,sans-serif;font-weight:700;font-size:clamp(25px,2.3vw,44px)}.news-item strong{font-size:clamp(21px,1.85vw,35px)}.join h2{font-family:Meteor,Arial,sans-serif;font-size:clamp(27px,2.65vw,51px);font-weight:700}.cta{font-family:Meteor,Arial,sans-serif;font-weight:700}.join .cta{font-size:clamp(19px,1.7vw,32px)}.match-date{font-family:Meteor,Arial,sans-serif;font-size:clamp(22px,1.9vw,36px);font-weight:600}.match-place{font-family:Meteor,Arial,sans-serif;font-size:clamp(19px,1.55vw,30px);font-weight:500}.news-item time{font-family:Meteor,Arial,sans-serif;font-weight:400}.bottom-nav a{font-size:clamp(18px,1.5vw,29px)}
@media(max-width:1200px){.header nav a{font-size:16px}.descriptor{display:none}.ribbon{font-size:27px}}@media(max-width:950px){.join h2{font-size:42px}.join .cta{font-size:26px}.news-item strong{font-size:26px}.news-item time{font-size:21px}.match-date{font-size:28px}.match-place{font-size:22px}.bottom-nav a{font-size:18px}}@media(max-width:700px){.header nav a{font-size:21px}.ribbon{font-size:clamp(27px,7.4vw,39px)}.match-date{font-size:clamp(24px,6.4vw,34px)}.match-place{font-size:clamp(20px,5.1vw,27px)}.news-item strong{font-size:clamp(23px,6.2vw,31px)}.join h2{font-size:clamp(36px,10vw,53px)}.join .cta{font-size:clamp(23px,6.1vw,32px)}.bottom-nav a{font-size:21px}}

.nav-icon{width:57px;height:57px;flex-shrink:0}.mascot-crown{position:absolute;left:52.08333%;width:16.27604%;height:auto;top:-1.953125vw;z-index:3}.join-art{border-radius:25px}.join h2{line-height:1.05}.match-teams img{mix-blend-mode:normal}@media(min-width:1920px){.mascot-crown{top:-37.5px}}@media(max-width:950px){.nav-icon{width:38px;height:42px}}@media(max-width:700px){.mascot-crown{display:none}.nav-icon{width:42px;height:46px}.header nav{max-width:100vw}.hero-mobile img{max-width:100%}.cards{width:100%}.join .cta{white-space:normal}.ribbon{max-width:calc(100% - 12px);letter-spacing:.2px}.news-item{min-width:0}.news-item span{min-width:0}}

@media(max-width:700px){.news-item{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.news-item img{min-width:0}.ribbon{font-size:clamp(22px,6.6vw,36px);padding:10px 18px}.news-item strong{font-size:clamp(20px,5.6vw,29px)}.match-date{font-size:clamp(21px,6.1vw,32px)}}@media(max-width:360px){.menu-toggle{padding:8px}.menu-toggle span{display:none}.brand{flex-basis:200px}.bottom-nav a{font-size:18px;gap:9px}.nav-icon{width:34px}.join h2{font-size:34px}}

/* One uninterrupted divider; source graphics no longer include copied stripes. */
.header{border-bottom:0;box-shadow:none;padding-bottom:26px}
.header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(to bottom,#fff8e8 0 50%,#ff0924 50% 100%);pointer-events:none;z-index:0}
.header>*{position:relative;z-index:1}.header .brand{z-index:3}
.join{overflow:hidden;padding-top:14px}
.join-art{width:100%;max-width:100%;margin-top:0;align-self:center;border-radius:18px;flex-shrink:0}
@media(max-width:950px) and (min-width:701px){.join{padding-top:15px}.join-art{margin:0;max-height:220px}}
@media(max-width:700px){.header{border-bottom:0;box-shadow:none;padding-bottom:20px}.header::after{height:12px}.header nav{position:absolute;z-index:6}.join{padding-top:14px}.join-art{width:100%;max-width:100%;margin-top:0}.join h2{margin-top:10px}}

@media(max-width:700px){.mobile-slogan{width:100%}}

/* Keep the divider above every header illustration at a single fixed baseline. */
.header{padding-bottom:16px}
.header::after{z-index:10;height:16px;background:linear-gradient(to bottom,#fff8e8 0 8px,#ff0924 8px 16px)}
.header .brand{align-self:center;margin-top:0;z-index:1}
.brand img{max-height:84px;width:100%;object-fit:contain;object-position:left center}
.mascot-crown{display:none!important}
@media(max-width:1200px){.brand img{max-height:66px}}
@media(max-width:700px){.header{padding-bottom:12px}.header::after{height:12px;background:linear-gradient(to bottom,#fff8e8 0 6px,#ff0924 6px 12px)}.brand img{max-height:65px}.header nav{top:85px}}

/* Mobile only: preserve the illustration as one unbroken composition. */
@media(max-width:700px){
 .hero-mobile{display:block;background:none;overflow:visible;line-height:0}
 .hero-mobile .mobile-panorama{display:block;width:100%;max-width:100%;height:auto;margin:0;border:0;object-fit:contain}
}
