:root{--navy:#041D41;--navy2:#03142e;--ice:#135A9F;--ice2:#4fa3ff;--red:#AD102C;--grey:#E7EBEF;--w:#fff;--d:'Barlow Condensed',sans-serif;--b:'Inter',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(1200px 600px at 80% -10%,#0b3a75 0,transparent 60%),var(--navy2);color:var(--w);font-family:var(--b);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 18px}
.sample{display:inline-block;font:600 12px/1 var(--b);letter-spacing:.12em;background:#ffcf33;color:#111;padding:3px 6px;border-radius:3px;vertical-align:middle;margin-left:6px}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(3,20,46,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(79,163,255,.18)}
.bar{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:12px}
.brand .chip{background:#fff;border-radius:8px;padding:4px 6px;box-shadow:0 0 0 2px rgba(79,163,255,.5),0 0 24px rgba(79,163,255,.35)}
.brand .chip img{height:38px}
.brand b{font:700 22px/1 var(--d);letter-spacing:.06em;text-transform:uppercase}
.brand small{display:block;font:500 12px/1.2 var(--b);letter-spacing:.3em;color:#9cc7ff;text-transform:uppercase;margin-top:3px}
.tag{margin-left:auto;font:600 13px/1.2 var(--d);letter-spacing:.14em;text-transform:uppercase;color:#cfe3ff;text-align:right;display:none}
.burger{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;width:42px;height:38px;font-size:20px}
nav.main{display:none;border-top:1px solid rgba(79,163,255,.15)}
nav.main.open{display:block}
nav.main ul{list-style:none;display:flex;flex-direction:column}
nav.main a{display:block;padding:12px 4px;font:700 16px/1 var(--d);letter-spacing:.12em;text-transform:uppercase;color:#dbe9ff;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a.on{color:#fff;border-color:var(--ice2)}
@media(min-width:960px){.tag{display:block}.burger{display:none}nav.main{display:block}nav.main ul{flex-direction:row;gap:6px;justify-content:space-between}nav.main a{padding:14px 10px}}
/* hero */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 30%;z-index:-2;filter:contrast(1.1);animation:kb 18s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,20,46,.1) 0,rgba(3,20,46,.35) 45%,var(--navy2) 100%),linear-gradient(90deg,rgba(4,29,65,.0) 30%,rgba(19,90,159,.55) 100%);mix-blend-mode:normal}
.hero .txt{padding:0 0 56px;max-width:720px}
.kick{display:inline-flex;gap:8px;align-items:center;font:700 13px/1 var(--d);letter-spacing:.2em;text-transform:uppercase;background:var(--ice);padding:8px 12px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);padding-right:22px}
.kick.red{background:var(--red)}
.hero h1{font:800 clamp(48px,11vw,132px)/.86 var(--d);text-transform:uppercase;letter-spacing:-.01em;margin:18px 0 14px;text-shadow:0 6px 40px rgba(0,0,0,.6)}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #cfe6ff}
.hero p.lead{font-size:clamp(16px,2.2vw,21px);color:#d8e7fb;max-width:560px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips a{font:700 13px/1 var(--d);letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border:1px solid rgba(207,230,255,.45);border-radius:999px;background:rgba(4,29,65,.45);backdrop-filter:blur(6px);transition:.2s}
.chips a:hover{background:var(--ice);border-color:var(--ice)}
@media(min-width:960px){.hero .txt{margin-left:auto;text-align:right}.hero .chips{justify-content:flex-end}.hero p.lead{margin-left:auto}}
/* ticker */
.ticker{background:var(--red);overflow:hidden;white-space:nowrap;font:700 15px/1 var(--d);letter-spacing:.12em;text-transform:uppercase}
.ticker div{display:inline-block;padding:12px 0;animation:tk 40s linear infinite}
.ticker span{margin:0 28px}.ticker span:before{content:"◆";margin-right:28px;opacity:.6}
@keyframes tk{to{transform:translateX(-50%)}}
/* sections */
section{padding:56px 0}
.h2{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.h2 h2{font:800 clamp(26px,4vw,38px)/1 var(--d);text-transform:uppercase;font-style:italic;letter-spacing:.02em;white-space:nowrap}
.h2:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--ice2),transparent)}
.h2 a.more{order:3;font:700 13px var(--d);letter-spacing:.15em;color:#9cc7ff;text-transform:uppercase;white-space:nowrap}
/* division tiles */
.div3{display:grid;gap:14px;grid-template-columns:1fr}
.tile{position:relative;border-radius:14px;overflow:hidden;padding:26px;min-height:170px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);transition:transform .25s,box-shadow .25s}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.tile .chip{background:#fff;border-radius:10px;padding:10px 14px}.tile img{height:96px;width:auto}
.tile.jets{background:linear-gradient(135deg,#6b0718,var(--red))}.tile.main{background:linear-gradient(135deg,#06244f,#0c3d78)}.tile.moose{background:linear-gradient(135deg,#0b4686,#1d78d6)}
.tile .lbl{position:absolute;left:16px;bottom:12px;font:700 12px var(--d);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
@media(min-width:760px){.div3{grid-template-columns:repeat(3,1fr)}}
/* latest */
.latest{display:grid;gap:18px;grid-template-columns:1fr}
.card{position:relative;border-radius:14px;overflow:hidden;background:#071f45;border:1px solid rgba(79,163,255,.15);display:block;transition:.25s}
.card:hover{border-color:var(--ice2)}
.card .im{aspect-ratio:16/10;overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .im img{transform:scale(1.05)}
.card .bd{padding:14px 16px 18px}
.lg{display:inline-block;font:700 12px/1 var(--d);letter-spacing:.16em;text-transform:uppercase;background:var(--ice);padding:5px 8px;border-radius:3px}
.lg.r{background:var(--red)}.lg.g{background:#2a7a5c}.lg.p{background:#6b3fa0}
.card h3{font:700 22px/1.1 var(--d);margin:10px 0 6px}
.meta{font-size:12px;color:#93aed3;letter-spacing:.05em;text-transform:uppercase}
.card.big .im{aspect-ratio:4/3}
.card.big .ov{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(transparent,rgba(3,20,46,.95) 45%)}
.card.big h3{font-size:clamp(28px,3.4vw,40px)}
.stack{display:grid;gap:14px}
.mini{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}
.mini .im{aspect-ratio:1;border-radius:10px}
.rink{background:linear-gradient(180deg,#0a2c5e,#061d40);border:1px solid rgba(79,163,255,.25);border-radius:14px;padding:20px}
.rink h3{font:800 24px var(--d);font-style:italic;text-transform:uppercase;margin-bottom:8px}
.rink li{list-style:none;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 0 11px 20px;position:relative;font-size:14px}
.rink li:before{content:"›";position:absolute;left:2px;color:var(--ice2);font-weight:700}
.rink li small{display:block;color:#8fb2df;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@media(min-width:960px){.latest{grid-template-columns:1.35fr 1fr .9fr}}
/* leagues */
.leagues{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.lgcard{position:relative;border-radius:14px;padding:20px;background:linear-gradient(160deg,#0a2a58,#051634);border:1px solid rgba(79,163,255,.18);overflow:hidden}
.lgcard:before{content:attr(data-abbr);position:absolute;right:-6px;top:-14px;font:800 84px/1 var(--d);color:rgba(79,163,255,.09)}
.lgcard .lv{font:700 12px var(--d);letter-spacing:.2em;color:#8fb2df;text-transform:uppercase}
.lgcard h3{font:800 28px/1 var(--d);text-transform:uppercase;margin:6px 0 8px}
.lgcard p{font-size:14px;color:#c3d6f0}
.lgcard .teams{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lgcard .teams span{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.lgcard .go{display:inline-block;margin-top:14px;font:700 13px var(--d);letter-spacing:.15em;color:var(--ice2);text-transform:uppercase}
/* strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.strip div{font:800 clamp(16px,2.4vw,26px)/1 var(--d);text-align:center;padding:18px 6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03);letter-spacing:.04em}
.strip div small{display:block;font:500 12px var(--b);letter-spacing:.12em;color:#8fb2df;margin-top:6px}
@media(min-width:960px){.strip{grid-template-columns:repeat(8,1fr)}}
/* galleries */
.gal{position:relative;border-radius:18px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;isolation:isolate}
.gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.gal:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,46,.2),rgba(3,20,46,.92));z-index:-1}
.gal .t{margin-left:auto;padding:28px;text-align:right}
.gal h2{font:800 clamp(34px,5vw,56px)/1 var(--d);font-style:italic;text-transform:uppercase}
.btn{display:inline-block;margin-top:14px;font:700 14px var(--d);letter-spacing:.15em;text-transform:uppercase;padding:12px 18px;border:1.5px solid var(--ice2);border-radius:8px;background:rgba(19,90,159,.35)}
.btn:hover{background:var(--ice)}
footer{border-top:1px solid rgba(79,163,255,.18);padding:36px 0 60px;color:#8fb2df;font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
/* article */
.ahero{position:relative;min-height:min(78vh,760px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.ahero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ahero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,20,46,.05) 20%,rgba(3,20,46,.75) 65%,var(--navy2))}
.ahero .txt{padding-bottom:40px;max-width:900px}
.ahero h1{font:800 clamp(42px,8vw,96px)/.9 var(--d);text-transform:uppercase;margin:16px 0}
.dek{font-size:clamp(17px,2.2vw,22px);color:#d8e7fb;max-width:720px}
.byline{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:#bcd3f2}
.byline .av{width:42px;height:42px;border-radius:50%;background:#fff;padding:3px}.byline .av img{border-radius:50%}
.credit{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8fb2df;padding:8px 0}
.prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--ice2),var(--red));width:0;z-index:99}
.body{max-width:720px;margin:0 auto;padding:30px 18px 10px;font-size:19px;color:#e6eefa}
.body p{margin:0 0 1.15em}
.body p.first:first-letter{float:left;font:800 88px/.8 var(--d);margin:8px 10px 0 0;color:var(--ice2)}
.stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
.stat div{background:#0a2a58;border-radius:12px;padding:16px;text-align:center;border:1px solid rgba(79,163,255,.2)}
.stat b{display:block;font:800 40px/1 var(--d);color:#fff}.stat small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8fb2df}
blockquote{margin:36px 0;padding:6px 0 6px 22px;border-left:5px solid var(--red);font:700 clamp(26px,4vw,38px)/1.1 var(--d);text-transform:uppercase;font-style:italic}
figure.wide{max-width:1100px;margin:34px auto;padding:0 18px}
figure.wide img{border-radius:14px;width:100%}
figcaption{font-size:13px;color:#a9c2e3;padding-top:10px}figcaption b{color:#fff}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.tags a{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(79,163,255,.35);color:#cfe3ff}
.src{font-size:12px;color:#8fb2df;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
/* v0.2 */
.topwrap{position:sticky;top:0;z-index:60}
.ticker div{padding:8px 0;font-size:13px}
.top{position:relative}
.bar{height:58px}
.burger{margin-left:auto;display:flex!important;align-items:center;gap:10px;width:auto;padding:0 14px;height:40px;border:1px solid rgba(79,163,255,.45);background:rgba(19,90,159,.25);cursor:pointer}
.burger i{display:block;width:18px;height:2px;background:#fff;box-shadow:0 0 0 0}
.burger i+i{margin-left:-28px;transform:translateY(-6px)}.burger i+i+i{transform:translateY(6px)}
.burger span{font:700 14px var(--d);letter-spacing:.18em;text-transform:uppercase;margin-left:6px}
.drawer{position:fixed;z-index:55;top:92px;left:0;right:0;max-height:calc(100vh - 92px);overflow:auto;background:rgba(3,20,46,.97);backdrop-filter:blur(16px);border-bottom:2px solid var(--ice);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}
.drawer.open{opacity:1;transform:none;pointer-events:auto}
.dgrid{max-width:1280px;margin:0 auto;padding:22px 18px 30px;display:grid;gap:22px;grid-template-columns:1fr}
.dcol h4{font:800 15px var(--d);letter-spacing:.22em;text-transform:uppercase;color:var(--ice2);border-bottom:1px solid rgba(79,163,255,.25);padding-bottom:8px;margin-bottom:6px}
.dcol a{display:block;padding:9px 0}.dcol a b{display:block;font:700 20px/1.1 var(--d);text-transform:uppercase}.dcol a small{font-size:12px;color:#8fb2df}
.dcol a:hover b{color:var(--ice2)}
@media(min-width:760px){.dgrid{grid-template-columns:repeat(4,1fr)}}
/* fold */
.fold{padding:18px 0 10px}
.fgrid{display:grid;gap:14px}
.hero{position:relative;border-radius:18px;overflow:visible;min-height:min(72vh,640px);display:flex;align-items:flex-end;isolation:isolate}
.hero img.bg{border-radius:18px}
.hero:after{border-radius:18px}
.hlogo{position:absolute;left:-10px;top:-10px;z-index:3;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 0 0 3px rgba(79,163,255,.55),0 20px 60px rgba(0,0,0,.55);transform:rotate(-2deg)}
.hlogo img{width:clamp(150px,26vw,300px);height:auto}
.hero .txt{padding:0 22px 40px;max-width:560px;margin-left:auto;text-align:right}
.hero h1{font-size:clamp(40px,7.4vw,92px);margin:14px 0 10px}
.hero p.lead{font-size:clamp(14px,1.6vw,17px);margin-left:auto}
.hcred{position:absolute;left:18px;bottom:8px;font-size:12px}
.tiles{display:grid;gap:12px}
.tile{min-height:0;padding:16px;justify-content:flex-start;gap:14px}
.tile .chip{padding:6px 8px;flex:none}.tile img{height:62px}
.tile .lbl{position:static;opacity:1}.tile .lbl b{display:block;font:800 22px/1 var(--d);letter-spacing:.04em;text-transform:uppercase}.tile .lbl small{display:block;font:500 12px/1.3 var(--b);letter-spacing:.02em;text-transform:none;opacity:.9;margin-top:4px}
.side .tiles,.below .tiles{grid-template-columns:1fr}
@media(min-width:760px){.below .tiles{grid-template-columns:repeat(3,1fr)}.below .hero{min-height:min(58vh,560px)}}
@media(min-width:1000px){.side .fgrid{grid-template-columns:1fr 340px}.side .tiles{grid-template-rows:repeat(3,1fr)}.side .hero{min-height:min(74vh,640px)}.side .tile{flex-direction:column;align-items:flex-start;justify-content:center}}
@media(max-width:759px){.hero{min-height:520px}.hlogo{left:-4px;top:-6px}}
.hero img.bg{animation:none}
/* v0.3 */
.mark img{height:30px;width:auto;display:block;opacity:.9}
.bar{justify-content:space-between}
.hlogo{background:none;box-shadow:none;padding:0;border-radius:0;left:-14px;top:-18px;transform:rotate(-3deg);filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.hlogo img{width:clamp(170px,28vw,330px)}
.hero h1{font-size:clamp(30px,4.6vw,60px)}
.tile{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:14px;gap:12px}
.tile .chip{display:block;padding:8px;border-radius:10px}.tile .chip img{width:100%;height:auto;max-height:140px;object-fit:contain;display:block;margin:auto}
.tile .lbl b{font-size:30px;text-transform:none;letter-spacing:.01em}.tile .lbl small{font-size:13px;margin-top:6px}
@media(min-width:1000px){.side .fgrid{grid-template-columns:1fr 360px}.side .hero{min-height:min(82vh,760px)}.side .tile .chip img{max-height:110px}}
.body p.first:first-letter{font:800 84px/1 var(--d);margin:2px 12px 0 0;padding-top:.04em}
.body p.first{overflow:visible}
@media(max-width:759px){.ahero{display:flex;flex-direction:column;min-height:0!important}.ahero>img{position:static!important;width:100%;height:auto!important;object-fit:contain!important;aspect-ratio:auto}.ahero .txt{padding-top:18px}}
.home .mark{visibility:hidden}
@media(max-width:759px){.hero .txt{padding-bottom:34px}.hcred{bottom:10px}}
.burger{border:0!important;background:none!important;padding:8px!important;width:44px!important;height:44px!important;justify-content:center;border-radius:8px}
.burger span{display:none!important}
.burger i{background:#9cc7ff!important;border-radius:2px;width:24px!important}.burger i+i{margin-left:-24px!important}
.burger:hover i{background:#cfe6ff!important}
.burger:focus-visible{outline:2px solid #4fa3ff;outline-offset:2px}
/* homepage: no header bar, burger floats over hero */
.home .top{position:absolute;left:0;right:0;top:100%;background:none!important;border:0!important;backdrop-filter:none!important;pointer-events:none}
.home .top .bar{height:0;overflow:visible}
.home .burger{pointer-events:auto;position:relative;top:44px;margin-right:6px;background:rgba(3,20,46,.35)!important;backdrop-filter:blur(6px)}
.home .fold{padding-top:22px}
.home .hlogo{top:-8px;left:-8px}
.home .drawer{top:30px;max-height:calc(100vh - 30px)}
.home .burger[aria-expanded=true]{z-index:60}
@media(min-width:1000px){.home .burger{margin-right:384px;top:50px}}
@media(max-width:759px){.home .hero{padding-bottom:44px!important}.home .hcred{right:18px}}
/* v0.4 */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.ticker{position:relative;padding-right:44px}
.ticker .tk{display:inline-block;padding:8px 0;font-size:13px;animation:tk 40s linear infinite}
.ticker.paused .tk{animation-play-state:paused}
.tkp{position:absolute;right:0;top:0;bottom:0;width:44px;border:0;background:var(--red);color:#fff;font-size:12px;cursor:pointer;box-shadow:-10px 0 12px var(--red)}
.tkp:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media (prefers-reduced-motion:reduce){.ticker .tk{animation:none}.ticker{overflow-x:auto}.tkp{display:none}}
/* 1 burger */
.burger,.home .burger{width:48px!important;height:48px!important;padding:0!important;background:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;flex-direction:column;gap:5px!important}
.burger i,.burger i+i,.burger i+i+i{margin:0!important;transform:none!important;width:26px!important;height:3px!important;background:#9cc7ff!important;box-shadow:0 1px 3px rgba(0,0,0,.6)!important}
.burger:focus-visible{outline:2px solid #4fa3ff;outline-offset:0;border-radius:8px}
/* 2/9 tiles */
.tiles{gap:14px!important}
@media(min-width:1000px){.side .tiles{grid-template-rows:repeat(3,1fr);align-content:stretch}}
.tile{padding:18px!important}
.tile .chip{background:none!important;padding:0!important;border-radius:0}
.tile .chip img{width:100%!important;max-height:none!important;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.tile:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.tile:focus-visible{outline:3px solid #cfe6ff;outline-offset:3px;transform:translateY(-5px)}
/* 3 hero logo pinned */
.hlogo,.home .hlogo{top:24px!important;left:24px!important;transform:none!important}
.hlogo img{width:clamp(150px,22vw,280px)!important}
/* 4 tagline */
.hero h1{font-size:clamp(21px,2.5vw,36px)!important}
@media(max-width:759px){.hero h1{font-size:21px!important}}
/* 5 drop cap */
.body p.first:first-letter{float:left;font:800 4.1em/.78 var(--d);margin:.06em .1em 0 0;padding:0;color:var(--ice2)}
@supports (initial-letter:3){.body p.first:first-letter{float:none;initial-letter:3;font-size:inherit;line-height:inherit;margin:0 .14em 0 0}}
/* 7 drawer */
.drawer,.home .drawer{top:0!important;max-height:100vh!important;z-index:80}
.dtop{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(79,163,255,.25)}
.dhome b{display:block;font:800 20px/1 var(--d);text-transform:uppercase;letter-spacing:.06em}.dhome small{font-size:12px;color:#9cc7ff}
.dclose{width:48px;height:48px;border:0;background:none;color:#cfe6ff;font-size:24px;cursor:pointer;border-radius:8px}
.dclose:focus-visible,.dhome:focus-visible,.drawer a:focus-visible{outline:2px solid #4fa3ff;outline-offset:2px}
body.menu-open{overflow:hidden}
/* 11 credit */
.credit,.hcred{font-size:12px!important;letter-spacing:normal!important;text-transform:none!important}
/* 12 */
@media(max-width:400px){.brand small{display:none}}
@media(min-width:1000px){.side .fgrid{grid-template-columns:1fr 320px!important}.side .tile{padding:14px!important;gap:8px!important}.side .tile .lbl b{font-size:26px}.side .hero{min-height:0!important}}
/* v0.5 landing options */
.land .topwrap{position:sticky;top:0;z-index:50}
/* v0.6 landings */
.land .burger{top:14px!important;margin-right:0!important}
.land .hero{display:none}
.lhero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 30px);display:flex;color:#fff;margin:0;padding:0;background:#03142e}
.lbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;z-index:-2}
.lhero:after{content:"";position:absolute;inset:0;z-index:-1}
.lhero h1{font:800 clamp(56px,9vw,150px)/.84 var(--d);text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 16px;text-shadow:0 8px 50px rgba(0,0,0,.55)}
.lhero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #cfe6ff}
.lhero .lead{font-size:clamp(16px,1.4vw,20px);max-width:36ch;margin:0;opacity:.92}
.lcred{position:absolute;font-size:12px!important;padding:0!important;margin:0;color:#cfe0f5}
.bb{display:flex;gap:10px;margin:0}
.bb a{--h:60px;display:flex;align-items:center;justify-content:center;height:var(--h);padding:0 8px;border-radius:8px;flex:none;transition:transform .2s}
.bb a:hover{transform:translateY(-2px)}
.bb a:focus-visible,.pills a:focus-visible{outline:3px solid #cfe6ff;outline-offset:3px}
.bb img{height:80%;width:auto;display:block;filter:none;box-shadow:none}
.bb .b-main{--h:68px;background:#041D41;border:2px solid #135A9F}
.bb .b-jets{background:#AD102C}.bb .b-moose{background:#135A9F}
.lstrip{background:#041D41;border-top:1px solid rgba(79,163,255,.25);padding:18px 4vw}
.lstrip .pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1280px;margin:0 auto}
.pills a{font:700 13px/1 var(--d);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border:1px solid rgba(207,230,255,.45);border-radius:999px;color:#fff;transition:.2s}
.pills a:hover{background:#135A9F;border-color:#135A9F}
/* A — image shifted right, type in the cleared left column, centred narrow buttons */
.land-a .lbg{left:22%;width:78%;object-position:40% 12%}
.land-a .lhero:after{background:linear-gradient(90deg,#03142e 0%,#03142e 20%,rgba(3,20,46,.6) 32%,rgba(3,20,46,0) 48%),linear-gradient(0deg,rgba(3,20,46,.85) 0%,transparent 30%)}
.land-a .ltxt{position:relative;align-self:center;padding:0 0 90px 4vw;width:46vw}
.land-a h1{font-size:clamp(56px,7.4vw,124px)}
.land-a .lead{margin-top:6px}
.land-a .bb{position:absolute;left:50%;bottom:28px;transform:translateX(-50%)}
.land-a .lcred{right:4vw;bottom:16px}
/* B — lighter duotone, Yager left, type in the right column */
.land-b .lbg{left:0;width:72%;filter:grayscale(1) contrast(1.05) brightness(1.08);object-position:50% 12%}
.land-b .lhero:after{background:linear-gradient(90deg,rgba(4,29,65,.15) 0%,rgba(4,29,65,.25) 40%,rgba(3,20,46,.95) 68%,#03142e 72%),linear-gradient(180deg,rgba(19,90,159,.25),rgba(173,16,44,.12))}
.land-b .ltxt{margin-left:auto;width:44vw;margin-right:3vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:30px}
.land-b h1{font-size:clamp(56px,6.6vw,112px);margin:0 0 30px}
.land-b .bb{padding:8px;border-radius:14px;background:rgba(19,90,159,.18);border:1px solid rgba(207,230,255,.2)}
.land-b .lcred{right:4vw;bottom:16px}
/* C — v0.1 right headline, ice sweep, narrow stack low-left */
.land-c .lhero{align-items:flex-end;justify-content:flex-end}
.land-c .lbg{object-position:50% 12%;filter:saturate(.6) contrast(1.1)}
.land-c .lhero:after{background:linear-gradient(105deg,transparent 30%,rgba(19,90,159,.35) 48%,rgba(3,20,46,.9) 72%),linear-gradient(0deg,rgba(3,20,46,.9),transparent 45%)}
.land-c .ltxt{text-align:right;padding:0 4vw 64px;display:flex;flex-direction:column;align-items:flex-end;max-width:min(980px,100%)}
.land-c .bb{position:absolute;left:4vw;bottom:40px;flex-direction:column;align-items:stretch;gap:8px}
.land-c .bb a{--h:50px}.land-c .bb .b-main{--h:62px}
.land-c .lcred{right:4vw;bottom:16px}
@media(max-width:759px){
 .lbg,.land-c .lbg{object-position:45% 0}
 .lhero h1,.land-a h1{font-size:clamp(50px,15vw,72px)}
 .bb a{--h:52px}.bb .b-main{--h:56px}
 .bb{justify-content:center;gap:8px}
 .lcred{position:static;text-align:center;width:100%}
 .land-a .lbg{left:0;width:100%}
 .land-a .lhero:after{background:linear-gradient(0deg,#03142e 0%,rgba(3,20,46,.85) 35%,transparent 60%)}
 .land-a .lhero,.land-b .lhero,.land-c .lhero{flex-direction:column;justify-content:flex-end;align-items:stretch}
 .land-a .ltxt{width:auto;align-self:stretch;padding:0 4vw 18px}
 .land-a .bb,.land-c .bb{position:static;transform:none;flex-direction:row;padding:0 4vw}
 .land-b .lbg{width:100%;height:58%;filter:grayscale(1) contrast(1.05) brightness(1.08)}
 .land-b .lhero:after{background:linear-gradient(180deg,transparent 30%,rgba(3,20,46,.7) 50%,#03142e 58%)}
 .land-b .ltxt{width:auto;margin:0;padding:0 4vw 18px}
 .land-b h1{font-size:clamp(52px,15vw,72px);margin:0 0 18px}
 .land-b .bb{background:none;border:0;padding:0}
 .land-c .ltxt{padding:0 4vw 18px;align-items:flex-end}
 .lhero .lcred{margin-top:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
}
@media (prefers-reduced-motion:reduce){.bb a,.pills a{transition:none}}
@media(min-width:760px){
 .land .lbg{height:auto;top:-30px;width:120%;object-fit:fill}
 .land-a .lbg{left:14%}
 .land-b .lbg{left:-31%;width:120%}
 .land-c .lbg{left:-10%}
}
@media(min-width:760px){.land .lbg{bottom:auto!important;right:auto!important}}
@media(min-width:760px){.land .lbg{width:120vw!important;max-width:none!important;top:-40px}.land-a .lbg{left:14vw}.land-b .lbg{left:-33vw}.land-c .lbg{left:-10vw}}
@media(min-width:760px){.land-c .lbg{left:-22vw}}
/* v0.7 */
.bb img{height:92%!important}
.burger:focus-visible,.home .burger:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important;box-shadow:0 0 0 6px #135A9F!important;border-radius:10px}
@media(min-width:760px){
 .land .lbg{top:0!important;height:100%!important;object-fit:cover!important;object-position:50% 20%!important}
 .land-a .lbg{left:22vw!important;width:78vw!important}
 .land-b .lbg{left:0!important;width:72vw!important}
 .land-c .lbg{left:0!important;width:100vw!important}
}
.land-c .bb{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);flex-direction:row;align-items:center;gap:10px}
.land-c .bb a,.land-c .bb .b-main{--h:72px}
@media(max-width:759px){.land-c .bb{position:static;transform:none;padding:0 4vw}.land-c .bb a,.land-c .bb .b-main{--h:60px}}
@media(min-width:760px){
 .land-c .lbg{width:70vw!important}
 .land-c .ltxt{max-width:44vw;padding-bottom:150px}
 .land-c h1{font-size:clamp(48px,6vw,100px)!important}
 .land-c .bb{bottom:44px}
}
@media(min-width:760px){.land-c .lbg{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}}
/* v0.8 option A homepage */
.land-a .bb{gap:14px}
.land-a .bb a,.land-a .bb .b-main{--h:112px;--p:calc(var(--h) * .08);box-sizing:border-box;padding:0 var(--p)}
.land-a .bb img{height:calc(var(--h) * .84)!important}
.land-a .bb .b-main img{height:calc(var(--h) * .84 - 4px)!important}
@media(max-width:759px){.land-a .bb{gap:6px;padding:0 6px}.land-a .bb a,.land-a .bb .b-main{--h:74px}}
.land-a .bb .b-main img{height:calc(var(--h) * .84)!important}
.land-a .bb .b-main{padding:0 calc(var(--p) - 2px)}
.land-a .burger,.home.land-a .burger{top:44px!important}
.land-a .burger,.home.land-a .burger{top:39px!important}
/* v0.9 tiles +50% */
.land-a .lhero{--th:min(168px,calc((100vw - 8vw - 28px) / 4.76))}
.land-a .bb a,.land-a .bb .b-main{--h:var(--th)}
.land-a .lcred{bottom:calc(28px + var(--th) + 24px)!important}
@media(max-width:759px){
 .land-a .lhero{--th:min(111px,calc((100vw - 34px) / 3.27))}
 .land-a .bb{display:grid!important;grid-template-columns:auto auto;justify-content:center;gap:10px!important;padding:0 12px!important}
 .land-a .bb .b-main{grid-column:1 / -1;justify-self:center}
 .land-a .lcred{margin-top:24px!important}
}
@media(min-width:760px){.land-a .lcred{background:rgba(3,20,46,.72);padding:3px 8px!important;border-radius:4px}}
/* v0.10 */
.land-a .bb a,.land-a .bb .b-main{width:calc(var(--h) * 1.64);justify-content:center}
@media(min-width:760px){.land-a .bb{bottom:50px!important}.land-a .lcred{bottom:10px!important;right:4vw!important}}
@media(max-width:759px){
 .land-a .lhero{justify-content:flex-start!important;padding-top:76svh;--th:calc((100vw - 24px) / 1.64)}
 .land-a .lbg{height:100svh!important;bottom:auto!important;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
 .land-a .bb{display:flex!important;flex-direction:column;align-items:stretch;gap:12px!important;padding:0 12px!important;margin-top:20px}
 .land-a .bb a,.land-a .bb .b-main{width:100%;grid-column:auto}
}
/* v0.11 mobile text fits fold */
@media(max-width:759px){
 .land-a .lhero{padding-top:61svh!important}
 .land-a .ltxt{padding-bottom:0!important;margin:0!important}
 .land-a .ltxt h1{font-size:min(56px,7.2svh)!important;line-height:.95!important;margin:1.2svh 0 1.4svh!important}
 .land-a .ltxt p,.land-a .ltxt .lead{font-size:min(16px,2.3svh)!important;line-height:1.4!important;margin:0!important}
 .land-a .bb{margin-top:calc(24px + 2svh)!important}
}
@media(max-width:759px){.land-a .lhero{padding-top:calc(61svh - 29px)!important}.land-a .ltxt h1{font-size:min(60px,8.2svh)!important}}
@media(max-width:759px){.land-a .ltxt h1{font-size:min(66px,7.6svh,16.5vw)!important}}
@media(max-width:759px) and (min-height:760px){.land-a .ltxt h1{font-size:min(66px,16.5vw)!important;margin:2svh 0 2.2svh!important}}
@media(max-width:759px) and (max-height:759px){.land-a .ltxt h1{margin:5svh 0 5svh!important}}

/* ===== M1 (v0.12): section pages, cards, galleries ===== */
.tk a,.ticker .sr a{color:inherit;text-decoration:none}.tk a:hover{text-decoration:underline}
.shero{padding:130px 0 26px;background:linear-gradient(180deg,#071f45,var(--navy2,#03142e))}
.shero h1{font:800 clamp(44px,7vw,84px)/.95 var(--d);font-style:italic;text-transform:uppercase;margin:10px 0 0}
.shero .kick{color:#9cc7ff}.shero .meta{margin-top:10px}
.gcap p{margin:12px 0 0;font-size:17px;color:#d7e6ff}
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.ssec{padding-top:34px;padding-bottom:10px;scroll-margin-top:90px}
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cards .card h3{font-size:22px}
.empty{color:#9fb6d6;border:1px dashed rgba(79,163,255,.3);border-radius:14px;padding:22px}
.gcards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:18px}
.gcard{min-height:260px}.gcard h2{font-size:clamp(26px,3vw,36px)}.gcard .t{text-align:left;margin-left:0}
.gallery{columns:3 280px;column-gap:14px;margin-top:22px}
.gallery figure{break-inside:avoid;margin:0 0 14px}.gallery img{width:100%;border-radius:12px;display:block}
.gallery figcaption{font-size:13px;color:#9fb6d6;padding:6px 2px}
.credit.scred{position:static;display:inline-block;margin:10px 0 0}
.tags span{display:inline-block;margin:0 8px 8px 0;color:#9cc7ff;font-weight:600}
.abb{justify-content:flex-start;margin:6px 0 22px}.aboutimg{width:100%;border-radius:18px;margin-top:22px}
body.land .hlatest{padding-top:46px}
@media(max-width:600px){.shero{padding-top:110px}.cards,.gcards{grid-template-columns:1fr}}
.body blockquote{text-transform:none}
.body blockquote cite{display:block;margin-top:10px;font:600 12px/1.2 var(--b);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#9cc7ff}
.body blockquote cite:before{content:"— "}
/* review fixes Nov 2 (pilot2) */
.body p.first::first-letter{float:left;font-family:var(--d);font-weight:800;font-size:4.7em;line-height:.74;margin:.06em .08em 0 0;padding:0;color:var(--ice2);initial-letter:normal}
@supports (initial-letter:3) or (-webkit-initial-letter:3){.body p.first::first-letter{float:none;font-size:1em;line-height:inherit;margin:0 .12em 0 0;-webkit-initial-letter:3;initial-letter:3}}
.body p.first::after{content:"";display:block;clear:both}
.body p.first+*{clear:both}
.stat{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.stat b{white-space:nowrap}
@media(max-width:600px){.stat b{font-size:clamp(22px,7vw,30px)}.stat div{padding:14px 8px}.stat small{font-size:12px;letter-spacing:.06em}}
.body a{color:#9cc7ff;text-decoration:underline;text-underline-offset:2px}
.origfig{margin:28px 0}.origfig img{width:100%;max-width:520px;display:block;border-radius:10px}.origfig figcaption{font-size:12px;color:#8fb2df;margin-top:6px}
.ssec .h3{font:700 13px/1 var(--b);letter-spacing:.14em;text-transform:uppercase;color:#8fb2df;margin:28px 0 0}
.ssec .gcards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ssec .gcard{min-height:220px}
/* v4: full-width desktop story layout (mobile unchanged) */
@media(min-width:960px){
 .body{max-width:none;margin:0;padding:40px 56px 10px;font-size:20px;line-height:1.6;column-count:2;column-gap:64px;column-rule:1px solid rgba(79,163,255,.15)}
 .body>*:not(p){column-span:all;-webkit-column-span:all}
 .body p{break-inside:avoid-column}
 .body .stat{gap:18px;margin:34px 0}.body .stat b{font-size:52px}
 .body blockquote{font-size:clamp(36px,3.4vw,54px);margin:40px 0}
 .origfig img{max-width:760px}
 .ahero .txt{max-width:none;padding-left:56px;padding-right:56px}.dek{max-width:none}
}
.sample{display:none!important}
.sintro{max-width:70ch;font-size:18px;color:#d8e7fb;margin:18px 0 0}.atext{font-size:18px;max-width:70ch;color:#e6eefa}
@media(min-width:960px){.story .wrap{max-width:none;padding-left:56px;padding-right:56px}.story figure.wide{max-width:none;padding:0 56px}}
@media(min-width:960px){.story .cards{grid-template-columns:repeat(3,1fr)}.story .origfig img{margin:0 auto}.story .origfig figcaption{text-align:center}}
/* v5: column rule, only long runs get columns */
@media(min-width:960px){
 .body{column-count:auto;column-rule:none}
 .body .cols{column-count:2;column-gap:64px;column-fill:balance;column-rule:1px solid rgba(79,163,255,.15)}
 .body .cols p,.body .one p{break-inside:avoid}
 .body p.first{display:flow-root}
 .body .one{max-width:none}
}
@media(min-width:1600px){
 .body .cols{column-count:3;column-width:30em}
 .body .cols:has(> p:nth-of-type(5)) {column-count:3}
 .body .one{max-width:75ch}
 .body{font-size:21px}
}
@media(min-width:960px){
 .body p.first.short{display:block}
 .body p.first.short:first-letter{float:left;initial-letter:normal;font:800 2.9em/.8 var(--d);margin:.08em .1em 0 0}
 @supports (initial-letter:2){.body p.first.short:first-letter{float:none;initial-letter:2;font-size:inherit;line-height:inherit;margin:0 .12em 0 0}}
 .body p.first.short{min-height:2lh}
}
.body p.first.oneline{min-height:0}.body p.first.oneline:first-letter{float:none;initial-letter:normal;font:inherit;margin:0;color:inherit;padding:0}
/* v6: body paragraphs 85% of content width on desktop */
@media(min-width:960px){.body .one,.body .cols{max-width:85%}}
@media(min-width:1600px){.body .one{max-width:min(85%,75ch)}}
/* v7: sticky footer on short pages */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>*{flex-shrink:0}
body>footer{margin-top:auto}
/* r2: 12px minimum for small text */
.credit,.hcred,.tkp,.rink li small,.lgcard .teams span,.stat small{font-size:12px!important}
/* r2: section pages – 3–4 card grid like Home */
@media(min-width:900px){.ssec .cards{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1280px){.ssec .cards{grid-template-columns:repeat(4,1fr)}}
.ssec .h2.gh{margin:40px 0 0}.ssec .h2.gh h3{font:800 clamp(22px,3vw,30px)/1 var(--d);text-transform:uppercase;font-style:italic;letter-spacing:.02em;white-space:nowrap}
.credit:empty{display:none}
/* r2: 48px touch targets for league chips */
.pills a{min-height:48px;display:inline-flex!important;align-items:center}
.tkp{width:48px}
/* r3 */
body.land section.ssec{width:100%;box-sizing:border-box}
@media(min-width:900px){.ssec .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1280px){.ssec .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:900px){body:not(.land) .ssec .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:759px){.ahero>img{max-height:60vh!important;height:60vh!important;object-fit:cover!important}}
.tkp{overflow:visible}.tkp:after{content:"";position:absolute;left:-2px;right:-2px;top:0;height:48px}
.ticker{overflow:visible;overflow-x:clip}
.card:focus-visible,.pills a:focus-visible,.gcard:focus-visible{outline:3px solid #ffd54a!important;outline-offset:3px}
.ticker{z-index:200}
@media(max-width:700px){.ahero picture img{object-position:center 20%!important}}

/* r5 */
@media(max-width:759px){.ahero>picture{display:block;width:100%}.ahero>picture img{position:static!important;display:block;width:100%!important;height:62vh!important;max-height:62vh!important;object-fit:cover!important}}
@media(max-width:700px){.ahero picture img{object-position:center 30%!important}}
.kick,.card .lg,.gal .lg,.drawer small,.dcol small{font-size:12px!important}
.pills a{font-size:12px!important;min-height:48px;display:inline-flex!important;align-items:center;box-sizing:border-box}
.gcards{grid-template-columns:repeat(auto-fill,minmax(460px,1fr))}
@media(max-width:600px){.gcards{grid-template-columns:1fr}}
.gcard:after{background:linear-gradient(180deg,rgba(3,20,46,.25) 0%,rgba(3,20,46,.7) 45%,rgba(3,20,46,.95) 100%)!important}
.gcard h2{font-size:clamp(24px,2.4vw,32px)!important;line-height:1.05;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.gcard .t{max-width:none;width:100%}
.gcards,.ssec .gcards{grid-template-columns:repeat(auto-fill,minmax(min(100%,600px),1fr))!important}
.tkp span{font-size:0!important;display:inline-block;width:3px;height:11px;background:#fff;box-shadow:6px 0 0 #fff;margin-right:6px;vertical-align:middle}.tkp[aria-pressed=true] span{font-size:12px!important;width:auto;height:auto;background:none;box-shadow:none;margin:0}
.tkp{padding:0!important;text-align:center}
.tkp{display:flex!important;align-items:center;justify-content:center}
.ticker .tkp span{padding:0!important;margin:0 6px 0 0!important}.ticker .tkp span:before,.ticker .tkp span:after{display:none!important;content:none!important}
/* branded placeholder hero (no photo yet): full width, same height as photo heroes */
.ahero.ph>img{width:100%!important;height:60vh!important;max-height:60vh!important;object-fit:cover!important;object-position:center!important}
.team h2{margin:0 0 1rem}.tgrid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:720px){.tgrid{grid-template-columns:repeat(2,1fr)}}.tcard{margin:0}.tcard img{width:100%;height:auto;display:block;border-radius:8px}.tcard figcaption{padding:.6rem 0;display:flex;flex-direction:column}.tcard figcaption span{opacity:.75}
.tbio{margin-top:.6rem}.tbio p{margin:0 0 .7rem;line-height:1.55}
