@media (min-width:1200px){.news__feature .news__title{font-size:1.9rem}}
*{box-sizing:border-box}
html{scroll-behavior:auto}
html,body{overflow-x:clip}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit}
ul{list-style:none;margin:0;padding:0}
[hidden]{display:none!important}
::selection{background:var(--gold);color:var(--navy-900)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ico{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;flex:none}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.news__item,.team__card,.albums__item,.shop__item,.sports__tile{min-width:0}
.section{padding-block:calc(var(--section-y)*.7) var(--section-y)}
.section--paper{background:var(--paper);color:var(--ink)}
.section--navy{background:var(--navy-900);color:var(--white)}
.section--sail{clip-path:var(--sail);padding-block-start:calc(var(--section-y)*.7 + 4vw);margin-top:calc(-4vw - 1px)}
.section--sail + .section{position:relative}
.skip{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:200;transform:translateY(-100%);padding:var(--sp-2) var(--sp-4);background:var(--navy-900);color:var(--white);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out)}
.skip:focus{transform:translateY(0)}
.label{font-size:var(--fs-label);font-weight:700;display:inline-flex;align-items:center;gap:.6rem;line-height:1}
.label--latin{text-transform:uppercase;letter-spacing:var(--track-latin)}
.label--ar::before{content:'';width:24px;height:1px;background:var(--gold-deep)}
.section--navy .label--ar::before{background:var(--gold-2)}
.hero .label--ar::before{background:var(--gold-2)}
.nav .label--ar::before{background:var(--gold-2)}
.nav--scrolled .label--ar::before{background:var(--gold-deep)}
.stats .label--ar::before{background:var(--gold-2)}
.cta .label--ar::before{background:var(--gold-2)}
.footer .label--ar::before{background:var(--gold-2)}
.chapter{position:relative;display:grid;gap:var(--sp-3);padding-top:var(--sp-4);margin-bottom:var(--sp-6)}
.chapter::before{content:'';position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:currentColor;opacity:.18;transform:scaleX(1);transform-origin:inline-start;transition:transform var(--dur-slow) var(--ease-expo)}
.chapter__top{display:flex;align-items:center;gap:var(--sp-4)}
.chapter__n{font-size:1rem;font-weight:900;color:var(--red);letter-spacing:.04em}
.chapter__labels{display:flex;gap:var(--sp-4);flex-wrap:wrap}
.chapter__row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-6)}
.chapter__title{font-size:var(--fs-h2);font-weight:800;line-height:1.1;margin:0;max-width:20ch}
.chapter__title em{font-style:normal;color:var(--gold-text)}
.chapter__lead{max-width:60ch;margin:0}
.chapter__tools{display:flex;align-items:center;gap:var(--sp-5)}
.chapter__more{align-self:end;flex-shrink:0}
.section--navy .chapter__title em{color:var(--gold-2)}
.results .chapter__title em{color:var(--gold-2)}
.media .chapter__title em{color:var(--gold-2)}
.cta .chapter__title em{color:var(--gold-2)}
.section--navy .chapter__lead{color:rgba(255,255,255,.78)}
.results .chapter__lead{color:rgba(255,255,255,.78)}
.media .chapter__lead{color:rgba(255,255,255,.78)}
.cta .chapter__lead{color:rgba(255,255,255,.78)}
@media (max-width:899.98px){
.chapter__row{flex-wrap:wrap}
.chapter__more{flex-basis:100%;width:100%}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:0 1.75rem;font-weight:800;font-size:.95rem;font-family:inherit;border:1px solid transparent;border-radius:var(--r-1);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),outline-offset var(--dur-fast),transform var(--dur-fast)}
.btn--gold{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-2);outline:1px solid var(--red);outline-offset:4px}
.btn--line{border-color:currentColor;color:inherit;background:transparent}
.btn--line:hover{background:rgba(127,127,127,.12)}
.btn--text{min-height:auto;padding:.3rem 0;border:0;position:relative;font-weight:800;background:none;color:inherit}
.btn--text::before{content:'←';display:inline-block;transition:transform var(--dur-fast)}
.btn--text:hover::before{transform:translateX(-4px)}
.btn--text:focus-visible::before{transform:translateX(-4px)}
.btn--text::after{content:'';position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:inline-start;transition:transform var(--dur-fast)}
.btn--text:hover::after{transform:scaleX(1)}
.btn--text:focus-visible::after{transform:scaleX(1)}
.pic{position:relative;overflow:hidden;background:var(--navy-800)}
.pic img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform var(--dur-slow) var(--ease-out),filter var(--dur)}
.pic:hover img{filter:none;transform:scale(1.03)}
.albums__thumb img{filter:saturate(.8)}
.albums__thumb:hover img{filter:none;transform:scale(1.03)}
html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);transition-delay:calc(var(--i,0)*70ms)}
html.js .reveal.is-in{opacity:1;transform:translateY(0)}
html.js .reveal--wipe{clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%);transition:clip-path var(--dur-slow) var(--ease-expo)}
html.js .reveal--wipe.is-in{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}
/* failsafe: content must never stay hidden if the observer does not fire */
@keyframes revealSafe{to{opacity:1;transform:none;clip-path:none}}
html.js .reveal:not(.is-in),html.js .reveal--wipe:not(.is-in){animation:revealSafe .01s 3.5s forwards}
html.js .chapter.reveal::before{transform:scaleX(0)}
html.js .chapter.reveal.is-in::before{transform:scaleX(1)}
html.js .hero .hero__line-in{transform:translateY(110%);transition:transform var(--dur-slow) var(--ease-expo)}
html.js .hero .hero__line:nth-child(1) .hero__line-in{transition-delay:0ms}
html.js .hero .hero__line:nth-child(2) .hero__line-in{transition-delay:110ms}
html.js .hero .hero__line:nth-child(3) .hero__line-in{transition-delay:220ms}
html.js .hero.is-ready .hero__line-in{transform:translateY(0)}
html.js .hero .hero__lead{opacity:0;transform:translateY(28px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);transition-delay:420ms}
html.js .hero .hero__cta{opacity:0;transform:translateY(28px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);transition-delay:420ms}
html.js .hero.is-ready .hero__lead{opacity:1;transform:translateY(0)}
html.js .hero.is-ready .hero__cta{opacity:1;transform:translateY(0)}
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;width:100%;color:var(--white);background:transparent;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),border-color var(--dur)}
.nav--hidden{transform:translateY(-100%)}
.nav--open.nav--hidden{transform:translateY(0)}
.nav__util{display:none;max-height:36px;opacity:1;overflow:hidden;transition:max-height var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}
.nav__social{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}
.nav__social a{display:grid;place-items:center;width:30px;height:30px;color:inherit;opacity:.8;transition:opacity var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}
.nav__social .ico{font-size:1rem}
.nav__social a:hover{opacity:1;color:var(--gold);transform:translateY(-2px)}
.nav--scrolled .nav__social a:hover{color:var(--gold-text)}
.nav__main{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);height:76px;transition:height var(--dur) var(--ease-out)}
.nav__brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}
.nav__brand img{width:52px;height:52px;object-fit:contain}
.nav__wordmark{display:grid;gap:.15rem;line-height:1.2}
.nav__wordmark b{font-size:1.05rem;font-weight:900;line-height:1.3}
.nav__wordmark small{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;line-height:1;display:block;direction:ltr;text-align:right}
.nav__menu{display:none}
.nav__burger{display:grid;width:48px;height:48px;place-content:center;gap:7px;background:none;border:0;color:inherit;cursor:pointer}
.nav__burger span{display:block;width:22px;height:2px;background:currentColor;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast)}
.nav--open .nav__burger span:first-child{transform:translateY(4.5px) rotate(45deg)}
.nav--open .nav__burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.nav__item{position:relative;display:flex;align-items:center}
.nav__item > a{padding:.75rem .9rem;font-weight:700;position:relative;color:inherit;text-decoration:none}
.nav__item > a::after{content:'';position:absolute;inset-block-end:.6rem;inset-inline-start:.9rem;inset-inline-end:.9rem;height:2px;background:var(--red);transform:scaleX(0);transform-origin:inline-start;transition:transform var(--dur-fast) var(--ease-out)}
.nav__item > a:hover::after{transform:scaleX(1)}
.nav__item > a:focus-visible::after{transform:scaleX(1)}
.nav__caret{background:none;border:0;color:inherit;width:28px;height:44px;display:grid;place-items:center;cursor:pointer;padding:0}
.nav__caret svg{transition:transform var(--dur-fast) var(--ease-out)}
.nav__item--has.is-open .nav__caret svg{transform:rotate(180deg)}
.nav__sub{position:absolute;inset-block-start:100%;inset-inline-start:0;min-width:240px;padding:.4rem 0;list-style:none;margin:0;background:var(--navy-900);border:1px solid var(--rule-dark);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),visibility var(--dur-fast)}
.nav__sub a{display:block;padding:.7rem 1rem;border-block-end:1px solid var(--rule-dark);font-size:.9rem;color:inherit;text-decoration:none;position:relative;transition:background var(--dur-fast),color var(--dur-fast)}
.nav__sub li:last-child a{border-block-end:0}
.nav__sub a::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--gold);transform:scaleY(0);transition:transform var(--dur-fast)}
.nav__sub a:hover{background:rgba(255,255,255,.06)}
.nav__sub a:hover::before{transform:scaleY(1)}
.nav__item--has.is-open .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
@media (hover:hover){
.nav__item--has:hover .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav__item--has:focus-within .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav__item--has:hover .nav__caret svg{transform:rotate(180deg)}
.nav__item--has:focus-within .nav__caret svg{transform:rotate(180deg)}
}
.nav--scrolled{background:var(--paper);color:var(--ink);border-block-end:1px solid var(--gold)}
.nav--scrolled .nav__util{border-block-end:0}
.nav--scrolled .nav__util{max-height:0;opacity:0;border-block-end:0 solid transparent}
.nav--scrolled .nav__main{height:68px}
.nav--scrolled .nav__sub{background:var(--paper);border-color:var(--rule)}
.nav--scrolled .nav__sub a{border-block-end-color:var(--rule)}
.nav--scrolled .nav__sub a:hover{background:var(--paper-2)}
@media (min-width:900px){
.nav__util{display:flex;justify-content:space-between;align-items:center;height:36px;border-block-end:1px solid var(--rule-dark);font-size:var(--fs-label);gap:var(--sp-4)}
}
@media (min-width:1100px){
.nav__menu{display:block}
.nav__burger{display:none}
.nav__menu > ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
}
.nav__mobile{position:fixed;inset-block-start:76px;inset-inline:0;inset-block-end:0;background:var(--navy-950);color:var(--white);overflow:auto;padding:var(--sp-6) var(--gutter);z-index:59}
.nav--scrolled .nav__mobile{inset-block-start:68px}
.nav__mlist{list-style:none;margin:0;padding:0}
.nav__mlist > li{border-block-end:1px solid var(--rule-dark);display:grid}
.nav__mlist > li > *{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;font-size:1.5rem;font-weight:800;background:none;border:0;color:inherit;text-align:start;cursor:pointer;text-decoration:none;font-family:inherit}
.nav__macc svg{transition:transform var(--dur-fast) var(--ease-out)}
.nav__macc[aria-expanded=true] svg{transform:rotate(180deg)}
.nav__msub{list-style:none;margin:0;padding-inline-start:var(--sp-5);max-height:0;overflow:hidden;opacity:0;transition:max-height var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}
.nav__macc[aria-expanded=true] + .nav__msub{max-height:600px;opacity:1}
.nav__msub a{display:block;font-size:1rem;font-weight:600;padding:.6rem 0;color:inherit;text-decoration:none;opacity:.85}
.nav__mfoot{margin-top:var(--sp-8);display:flex;flex-wrap:wrap;gap:var(--sp-5)}
.nav__mfoot a{font-size:var(--fs-label);letter-spacing:var(--track-latin);text-transform:uppercase;color:inherit;text-decoration:none;opacity:.8}
.nav--open .nav__mobile:not([hidden]){display:block}
html.js .nav__mlist > li{opacity:0;transform:translateY(20px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);transition-delay:calc(var(--i,0)*70ms)}
html.js .nav--open .nav__mlist > li{opacity:1;transform:translateY(0)}
.hero{min-height:100svh;position:relative;background:var(--navy-950);color:var(--white);display:grid;align-content:end;padding-block:calc(112px + var(--sp-10)) var(--sp-6);overflow:hidden}
.hero__media{position:absolute;inset:0 0 -12.4% 0;z-index:0;background:url('../video/hero-poster.jpg') center/cover}
.hero__media video,.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
.hero__fallback{display:none}
.hero__video{opacity:0;transition:opacity 1.2s var(--ease-out)}
.hero.is-ready .hero__video{opacity:1}
.hero__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--navy-950) 0%,color-mix(in srgb,var(--navy-950) 86%, transparent) 9%,color-mix(in srgb,var(--navy-950) 40%, transparent) 45%,color-mix(in srgb,var(--navy-950) 10%, transparent) 100%),linear-gradient(to left,color-mix(in srgb,var(--navy-950) 55%, transparent),transparent 60%)}
.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--sp-8);align-items:end;justify-content:start}
.hero__title{font-size:clamp(2.4rem,6vw,5.4rem);font-weight:800;line-height:1.18;margin:var(--sp-3) 0 var(--sp-5);max-width:24ch;letter-spacing:0}
.hero__line{display:block;overflow:hidden;padding-block:.08em}
.hero__line-in{display:block;will-change:transform}
.hero__line--accent .hero__line-in,.hero__accent{color:var(--gold-2);font-weight:700}
.hero__lead{max-width:52ch;font-size:1rem;line-height:1.8;color:rgba(255,255,255,.8);margin:0}
.hero__cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6)}
.hero__meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-10);padding-top:var(--sp-4);width:100%;font-size:var(--fs-label);opacity:.8}
.hero__year{position:absolute;inset-block-start:15vh;inset-inline-end:0;max-width:100vw;overflow:hidden;font-size:clamp(8rem,24vw,26rem);font-weight:900;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);pointer-events:none;z-index:1;opacity:1}
[data-parallax]{will-change:transform}
@media (min-width:900px){
.hero__grid{grid-template-columns:minmax(0,760px)}
}
@media (max-width:640px){
.hero__year{font-size:40vw;inset-block-start:96px;opacity:.5}
}
.match__stage{background-color:#C1A96A;background-image:radial-gradient(ellipse 380px 520px at center,rgba(193,169,106,0) 45%,#C1A96A 100%),url(../img/crest-pattern-gold.svg);background-repeat:no-repeat;background-size:100% 100%,760px 760px;background-position:center;color:var(--navy-800);padding:var(--sp-10) var(--sp-8);position:relative;overflow:hidden;margin:0;border-radius:var(--r-2)}
.match__stage::before{display:none}
.match__stage::after{content:"VS";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(50%,-50%);font-size:clamp(10rem,28vw,26rem);font-weight:900;color:rgba(255,255,255,.035);line-height:1;pointer-events:none}
.match .match__stage::after{content:none}
.match__comp{color:var(--gold-2);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-6)}
.match__comp::after{content:'';width:32px;height:1px;background:rgba(255,255,255,.25)}
.match__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6);margin-block:var(--sp-8)}
.match__team{display:grid;justify-items:center;gap:.6rem;text-align:center}
.match__team > span:last-child{font-size:var(--fs-h1);font-weight:900;line-height:1}
.match__name{font-size:var(--fs-h1);font-weight:900;line-height:1;margin:0;color:var(--white)}
.match__team img,.match__crest{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.match__vs{font-size:1.6rem;font-weight:900;color:var(--gold-2);letter-spacing:.2em}
.match__mid{display:grid;justify-items:center;gap:var(--sp-2);padding-inline:var(--sp-6);text-align:center}
.match__vs-mark{font-size:.7rem;font-weight:800;letter-spacing:.3em;color:rgba(255,255,255,.5)}
.match__when{margin:0;font-size:var(--fs-lead);font-weight:700;color:var(--white)}
.match__when-sep{display:inline-block;width:4px;height:4px;margin-inline:.6em;border-radius:50%;background:var(--gold-2);vertical-align:middle}
.match__venue{margin:var(--sp-1) 0 0;display:inline-flex;align-items:center;gap:.4em;font-size:var(--fs-small);color:rgba(255,255,255,.65)}
.match__venue .ico{font-size:1em;color:var(--gold-2)}
@media (min-width:900px){.match__mid{border-inline-start:1px solid rgba(255,255,255,.12);border-inline-end:1px solid rgba(255,255,255,.12)}}
.match__cd{display:flex;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-1)}
.match__cd-i{display:grid;justify-items:center;position:relative}
.match__cd-i + .match__cd-i::before{content:'';position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--sp-3) * -0.5);width:4px;height:4px;margin-block-start:-2px;margin-inline-start:-2px;border-radius:50%;background:var(--gold-2)}
.match__cd-i b{font-size:1.15rem;font-weight:800;line-height:1;color:var(--gold-2);font-variant-numeric:tabular-nums}
.match__cd-i span{font-size:.62rem;color:var(--white);opacity:.6}
.match__facts{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-6)}
.fact{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--white);font-weight:700;font-size:.95rem}
.fact .ico{font-size:1.1rem;color:var(--gold-2)}
.match__cta{text-align:center;margin-top:var(--sp-6)}
.match__last{margin-top:var(--sp-10);padding-top:var(--sp-5);border-top:1px solid var(--rule);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--sp-6)}
.match__last-row{display:inline-flex;align-items:center;gap:var(--sp-3);font-weight:800}
.match__last-row .num{font-size:1.6rem}
.match__last-row img{width:44px;height:44px;object-fit:contain}
.match__last-meta{color:var(--muted);font-size:var(--fs-small)}
.match__last-links{display:flex;gap:var(--sp-5);flex-wrap:wrap}
@media (max-width:899.98px){
.match__team img,.match__crest{width:110px;height:110px}
.match__last{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-5)}.match__last-row{justify-content:center}.match__last-links{justify-content:center}
}
.news__layout{display:grid;grid-template-columns:7fr 5fr;gap:var(--sp-8)}
.news__feature{min-width:0}
.news__link{display:grid;color:inherit;text-decoration:none}
.news__feature .news__link{grid-template-columns:1fr}
.news__pic{min-width:0}
.news__body{display:grid;gap:.6rem;min-width:0}
.news__feature .news__pic{aspect-ratio:16/9}
.news__feature .news__body{padding-top:var(--sp-4)}
.news__cat{color:var(--gold-text);font-size:var(--fs-label);font-weight:700}
.news__title{font-size:1.6rem;font-weight:800;line-height:1.45;margin:0;padding-block-end:.35em;position:relative;transition:color var(--dur-fast)}
.news__title::after{content:"";position:absolute;inset-inline-end:0;inset-block-end:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;transition:transform var(--dur) var(--ease-expo)}
.news__link:hover .news__title::after,.news__link:focus-visible .news__title::after{transform:scaleX(1)}
.news__link:hover .news__title{color:var(--navy-700)}
.news__list{list-style:none;margin:0;padding:0;display:grid}
.news__item .news__link{display:grid;grid-template-columns:132px 1fr;gap:var(--sp-4);padding:var(--sp-4) 0;align-items:start}
.news__thumb{aspect-ratio:4/3}
.news__item + .news__item{border-top:1px solid var(--rule)}
.news__item time{font-size:var(--fs-small);color:var(--muted)}
.news__item .news__title{font-size:1.05rem;font-weight:800;line-height:1.4}
@media (max-width:899.98px){
.news__layout{grid-template-columns:1fr}
}
.results__bar{display:flex;justify-content:flex-end;margin-block-end:var(--sp-4)}
.results__ctrl{display:flex}
.results__arrow{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--rule-dark);color:inherit;cursor:pointer;margin-inline-start:-1px}
.results__arrow:hover{background:var(--white);color:var(--navy-900)}
[dir=rtl] .results__arrow svg{transform:scaleX(-1)}
.results__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:0;padding:0;gap:var(--sp-3);mask:none}
.results__track::-webkit-scrollbar{display:none}
.results__cell{flex:0 0 clamp(260px,70vw,320px);background:var(--navy-800);padding:var(--sp-5);display:grid;gap:var(--sp-4);border:0;scroll-snap-align:start;position:relative;align-content:start;transition:background var(--dur-fast)}
.results__cell:hover{background:var(--navy-700)}
.results__head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}
.results__comp{font-size:.78rem;color:var(--gold-2)}
.results__tag{font-size:.68rem;font-weight:700;padding:.15rem .5rem;background:rgba(255,255,255,.12);color:var(--white)}
.results__tag--up{background:var(--gold);color:var(--navy-900)}
.results__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3)}
.results__team{display:grid;justify-items:center;gap:.4rem;font-weight:800;text-align:center}
.results__team img,.results__crest{width:64px;height:64px;object-fit:contain;background:var(--white);padding:6px}
.results__score{font-size:2.6rem;font-weight:900;line-height:1;color:var(--gold-2)}
.results__time{font-size:2.6rem;font-weight:900;line-height:1;color:var(--gold-2)}
.results__meta{font-size:.8rem;opacity:.7}
.results__track:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.results__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.team__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;border:0}
.team__card{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--navy-900);color:var(--white);display:grid;align-content:end;padding:var(--sp-5);isolation:isolate;border:0}
.team__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:0;transition:transform var(--dur-slow) var(--ease-out)}
.team__card:hover .team__photo{transform:scale(1.03)}
.team__info{position:absolute;inset-inline:0;inset-block-end:0;padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + 2.6rem);background-color:var(--navy-900);background-image:linear-gradient(to top,transparent 0%,rgba(11,31,58,.74) 38%,rgba(11,31,58,.5) 62%,transparent 88%),url(../img/crest-pattern-subtle.svg);background-repeat:no-repeat,no-repeat;background-size:100% 100%,cover;background-position:center,center;background-blend-mode:normal,normal;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-2);z-index:1}
.team__idx{color:var(--gold-2);font-size:.75rem;font-weight:800}
.team__name{font-size:1.1rem;font-weight:800;margin:0;line-height:1.15}
.team__name small{display:block;font-size:.72em;font-weight:700;color:var(--gold-2);margin-bottom:.15rem}
.team__meta{font-size:.75rem;opacity:.7}
.team__num{font-size:1.4rem;font-weight:900;color:var(--gold-2);line-height:1;flex-shrink:0}
.team__badge{position:absolute;z-index:2;top:var(--sp-3);font-size:.7rem;font-weight:800;padding:.3rem .6rem;border-radius:var(--r-2);background:rgba(5,13,28,.7);color:var(--white);backdrop-filter:blur(4px)}
.team__badge--pos{inset-inline-start:var(--sp-3)}
.team__badge--flag{inset-inline-end:var(--sp-3)}
.team__link{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:var(--navy-950);color:var(--white);font-weight:700;font-size:.78rem;text-decoration:none;transition:background .2s,gap .2s var(--ease-out)}
.team__link:hover{background:var(--navy-800);gap:.7rem}
.team__ghostnum{position:absolute;z-index:1;top:-.35em;inset-inline-end:-.05em;font-size:7.5rem;font-weight:900;line-height:1;color:rgba(227,205,143,.16);letter-spacing:-.04em;pointer-events:none;font-variant-numeric:tabular-nums}
.team__name{position:relative;z-index:2;font-style:italic;letter-spacing:-.01em}
.team__note{margin:var(--sp-3) 0 0;padding-top:var(--sp-3);font-size:var(--fs-small);color:var(--muted);max-width:70ch}
@media (min-width:900px){
.team__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:899.98px){
.team__grid{grid-template-columns:repeat(2,1fr)}
.team__meta{font-size:.72rem}
}
.stats{padding-block:var(--sp-12);background:var(--navy-900);color:var(--white)}
.stats{position:relative;overflow:hidden;isolation:isolate}
.stats::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,var(--navy-900) 0%,rgba(11,31,58,.55) 18%,transparent 38%,transparent 62%,rgba(11,31,58,.55) 82%,var(--navy-900) 100%),url(../community/fans-00.jpg);background-size:cover;background-position:center 30%;opacity:.55}
.media{position:relative;overflow:hidden;isolation:isolate}
.media::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,var(--navy-900) 0%,rgba(11,31,58,.55) 18%,transparent 38%,transparent 62%,rgba(11,31,58,.55) 82%,var(--navy-900) 100%),url(../community/fans-00.jpg);background-size:cover;background-position:center 30%;opacity:.5}
.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:var(--sp-8);border:0}
.stats__item{display:grid;justify-items:center;text-align:center;gap:.5rem;padding:var(--sp-8) var(--sp-4);border:0}
.stats__item + .stats__item{border-inline-start:1px solid var(--rule-dark)}
.stats__ico{font-size:3rem;color:var(--gold-2);width:72px;height:72px;display:grid;place-items:center}
.stats__item b{font-size:clamp(3.2rem,6.5vw,5.2rem);font-weight:900;color:var(--white);line-height:1;letter-spacing:-.02em;direction:ltr;unicode-bidi:isolate;display:inline-block}
.stats__item span{font-size:.9rem;font-weight:700;color:var(--gold-2);margin-top:.4rem}
.stats__item span::before{content:'';display:block;width:32px;height:2px;background:var(--gold-2);margin:0 auto .55rem}
@media (min-width:900px){
.stats__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:899.98px){
.stats__item + .stats__item{border-inline-start:0}
.stats__item:nth-child(even){border-inline-start:1px solid var(--rule-dark)}
}
.sports__tile{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:.4rem;padding:var(--sp-8) var(--sp-6);background:var(--paper);color:var(--ink);text-decoration:none;transition:color .45s var(--ease-out),transform .6s var(--ease-out)}
.sports__tile::before{content:"";position:absolute;inset:0;background:var(--navy-900);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--ease-expo);z-index:-1}
.sports__tile::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease-expo)}
.sports__tile:hover{color:var(--white);transform:translateY(-4px)}
.sports__tile:hover::before{transform:scaleY(1)}
.sports__tile:hover::after{transform:scaleX(1)}
.sports__ico{font-size:3.2rem;color:var(--gold-text);margin-bottom:var(--sp-4);transition:color .45s var(--ease-out),transform .55s var(--ease-out)}
.sports__tile:hover .sports__ico{color:var(--gold-2);transform:translateY(-6px) scale(1.08)}
.sports__name{font-size:var(--fs-h3);font-weight:800;margin:0;transition:color .45s var(--ease-out)}
.sports__meta{color:var(--muted);font-size:var(--fs-small);transition:color .45s var(--ease-out)}
.sports__tile:hover .sports__meta{color:rgba(255,255,255,.72)}
.sports__arrow{position:absolute;inset-block-end:var(--sp-4);inset-inline-start:var(--sp-4);font-size:1.1rem;color:var(--gold-2);opacity:0;transform:translateX(8px);transition:opacity .4s var(--ease-out) .15s,transform .4s var(--ease-out) .15s}
.sports__tile:hover .sports__arrow{opacity:1;transform:translateX(0)}
@media (prefers-reduced-motion:reduce){.sports__tile,.sports__tile::before,.sports__tile::after,.sports__ico,.sports__arrow{transition:none}}
/* match stage motion */
.match__stage::after{animation:vsDrift 14s ease-in-out infinite alternate}
@keyframes vsDrift{from{transform:translate(50%,-50%) rotate(-3deg) scale(1)}to{transform:translate(46%,-54%) rotate(2deg) scale(1.06)}}
.match__stage .match__sweep{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 50%,transparent 65%);transform:translateX(120%);animation:sweep 9s var(--ease-in-out) infinite;pointer-events:none}
@keyframes sweep{0%,60%{transform:translateX(120%)}100%{transform:translateX(-120%)}}
html.js .match__team{opacity:0;transform:translateX(-40px)}
html.js .match__team--away{transform:translateX(40px)}
html.js .match__stage.is-in .match__team{opacity:1;transform:none;transition:opacity .9s var(--ease-out) .1s,transform .9s var(--ease-expo) .1s}
html.js .match__stage.is-in .match__team--away{transition-delay:.25s}
html.js .match__center{opacity:0;transform:translateY(24px)}
html.js .match__stage.is-in .match__center{opacity:1;transform:none;transition:opacity .8s var(--ease-out) .45s,transform .8s var(--ease-out) .45s}
html.js .match__facts,html.js .match__cta{opacity:0;transform:translateY(16px)}
html.js .match__stage.is-in .match__facts{opacity:1;transform:none;transition:opacity .7s var(--ease-out) .7s,transform .7s var(--ease-out) .7s}
html.js .match__stage.is-in .match__cta{opacity:1;transform:none;transition:opacity .7s var(--ease-out) .85s,transform .7s var(--ease-out) .85s}
.match__team img{transition:transform .6s var(--ease-out),filter .6s var(--ease-out)}
.match__team:hover img{transform:translateY(-8px) scale(1.05) rotate(-2deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.match__cd-i b{display:inline-block;transition:transform .35s var(--ease-expo),opacity .35s}
.match__cd-i b.is-tick{animation:tick .3s var(--ease-expo)}
@keyframes tick{0%{transform:translateY(-.18em)}100%{transform:none}}
@keyframes vsPulse{0%,100%{opacity:1}50%{opacity:.55}}
.fact{transition:background .35s,transform .35s var(--ease-out)}
.fact:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
@media (max-width:899px){.match__teams{grid-template-columns:1fr 1fr;grid-template-areas:"away home" "center center";gap:var(--sp-4)}.match__team--home{grid-area:home}.match__team--away{grid-area:away}.match__center{grid-area:center}.match__mid{grid-area:center}.match__team img,.match__crest{width:96px;height:96px}.match__team h3,.match__team b{font-size:1.6rem}.match__cd{gap:var(--sp-4)}.match__cd-i b{font-size:1.05rem}.match__stage{padding:var(--sp-8) var(--gutter)}}
@media (prefers-reduced-motion:reduce){.match__stage::after,.match__stage .match__sweep,.match__vs,.match__cd-i b.is-tick{animation:none}html.js .match__team,html.js .match__center,html.js .match__facts,html.js .match__cta{opacity:1;transform:none}}

.fact{position:relative;overflow:hidden;transition:background .35s,transform .35s var(--ease-out),border-color .35s}
.fact::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(120%);transition:transform .7s var(--ease-expo)}
.fact:hover{background:rgba(255,255,255,.12);border-color:var(--gold);transform:translateY(-3px)}
.fact:hover::after{transform:translateX(-120%)}
.fact .ico{transition:transform .4s var(--ease-out)}
.fact:hover .ico{transform:scale(1.25) rotate(-8deg)}
html.js .match__stage.is-in .fact{animation:factPop .6s var(--ease-expo) both}
html.js .match__stage.is-in .fact:nth-child(2){animation-delay:.12s}
html.js .match__stage.is-in .fact:nth-child(3){animation-delay:.24s}
@keyframes factPop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.btn--gold{position:relative;overflow:hidden}
.btn--gold::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(130%);transition:transform .8s var(--ease-expo)}
.btn--gold:hover::before{transform:translateX(-130%)}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(201,164,76,.7)}
.btn--gold:active{transform:translateY(-1px)}
.btn--line{position:relative;overflow:hidden}
.btn--line::before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease-expo),opacity .3s}
.btn--line:hover::before{transform:scaleX(1);opacity:.12}
@media (prefers-reduced-motion:reduce){.fact,.fact::after,.btn--gold::before,.btn--line::before{transition:none}html.js .match__stage.is-in .fact{animation:none}}

.match.section--navy{background:var(--navy-900);position:relative;overflow:hidden;isolation:isolate}
.match.section--navy::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,#050D1C 0%,rgba(7,20,40,.86) 14%,rgba(7,20,40,.82) 42%,rgba(7,20,40,.95) 100%),url(../community/crowd-match.jpg);background-size:cover;background-position:center 40%}
.match .chapter__title em{color:var(--gold-2)}
.match .chapter__lead{color:rgba(255,255,255,.75)}
.match__stage{margin-top:var(--sp-4)}
.match__last{background:rgba(255,255,255,.03);color:var(--white);margin-top:var(--sp-8);padding:var(--sp-5) var(--sp-6);border:1px solid var(--rule-dark);border-radius:var(--r-2)}
.match__last .label--ar{color:var(--gold-2)}
.match__last .num{color:var(--gold-2)}
.match__last .btn--text{color:var(--white)}
.match__last-meta{color:rgba(255,255,255,.6)}

.hero__chip{position:absolute;left:0;inset-block-end:clamp(4rem,12vh,7rem);z-index:3;display:grid;gap:.35rem;padding:var(--sp-5) var(--sp-6);padding-left:calc(var(--gutter) + .5rem);min-width:300px;max-width:380px;color:var(--white);text-decoration:none;background:rgba(5,13,28,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:3px solid var(--red);text-align:right;transition:background .35s,transform .45s var(--ease-out)}
.hero__chip:hover{background:rgba(5,13,28,.8);transform:translateX(6px)}
.hero__chip strong{font-size:1.35rem;font-weight:800;line-height:1.2}
.hero__chip-meta{font-size:.82rem;color:rgba(255,255,255,.7)}
.hero__chip-arrow{color:var(--gold-2);font-size:1.3rem;transition:transform .35s var(--ease-out)}
.hero__chip:hover .hero__chip-arrow{transform:translateX(-6px)}
html.js .hero__chip{opacity:0;transform:translateX(-40px)}
html.js .hero.is-ready .hero__chip{opacity:1;transform:none;transition:opacity .8s var(--ease-out) .9s,transform .8s var(--ease-expo) .9s}
@media (max-width:899px){.hero__chip{position:static;margin:var(--sp-5) 0 0;min-width:0;max-width:none;border-right:0;border-inline-start:3px solid var(--red);padding-left:var(--sp-5)}}

.marquee{overflow:hidden;border-block:1px solid var(--rule);padding-block:var(--sp-4);margin-block:0 var(--sp-8);background:var(--white)}
.marquee__track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__group{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;padding-inline:1.2rem}
.marquee__group span{font-size:clamp(1.6rem,3.5vw,3rem);font-weight:900;color:var(--navy-800);opacity:.12;-webkit-text-stroke:0;white-space:nowrap;padding-inline:1.2rem}
.sports__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
@media (max-width:899.98px){
.sports__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
.sports__grid{grid-template-columns:1fr}
}
.albums__grid{display:grid;grid-template-columns:1fr;gap:2px;border:0}
.albums__item{display:grid;color:inherit;text-decoration:none;border:0}
.albums__item .pic{aspect-ratio:4/3}
.albums__body{padding:var(--sp-5);display:grid;gap:.4rem}
.albums__body h3{font-size:var(--fs-h3);font-weight:800;margin:0}
.albums__meta{color:var(--muted);font-size:var(--fs-small)}
.albums__strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:var(--sp-6)}
.albums__thumb{aspect-ratio:1;margin:0;border:0}
@media (min-width:900px){
.albums__grid{grid-template-columns:repeat(3,1fr)}
.albums__strip{grid-template-columns:repeat(6,1fr)}
}
.media__feature{margin-block-end:0}
.media__poster{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--navy-950)}
.media__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media__poster.is-playing .media__film{object-fit:contain}
.media__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(50%,-50%);width:88px;height:88px;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;color:var(--white);background:color-mix(in srgb,var(--navy-950) 35%, transparent);backdrop-filter:blur(6px);transition:background var(--dur-fast),color var(--dur-fast)}
.media__play svg{position:relative;z-index:1}
.media__play::before{content:'';position:absolute;inset:-4px;border:1px solid var(--gold);animation:media-pulse 2.4s var(--ease-out) infinite}
.media__play:hover{background:var(--gold);color:var(--navy-900)}
.media__poster.is-playing .media__play,.media__poster.is-playing .media__cap{display:none}
.media__cap{position:absolute;inset-block-end:var(--sp-6);inset-inline-start:var(--sp-6);max-width:60%;font-size:var(--fs-h3);font-weight:800;text-shadow:0 8px 30px rgba(0,0,0,.6);margin:0;color:var(--white);display:grid;gap:.35rem}
.media__cap b{font-weight:800}
.media__cap small{font-size:var(--fs-small);font-weight:400;opacity:.8}
.media__list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-4)}
.media__row{position:relative;display:grid;gap:var(--sp-3);color:inherit;text-decoration:none;background:var(--navy-800);transition:background var(--dur),transform var(--dur)}
.media__row:hover{background:var(--navy-700);transform:translateY(-3px)}
.media__row img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.media__row span{font-weight:700;font-size:.95rem;line-height:1.5;padding:0 var(--sp-4) var(--sp-4)}
.media__row::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;aspect-ratio:16/9;background:rgba(5,13,28,.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect x='.5' y='.5' width='47' height='47' fill='rgba(5,13,28,.5)' stroke='rgba(255,255,255,.8)'/%3E%3Cpath d='M19 15l14 9-14 9z' fill='%23fff'/%3E%3C/svg%3E") center/48px no-repeat;opacity:0;transition:opacity var(--dur)}
.media__row:hover::before{opacity:1}
@media (max-width:899px){.media__list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.media__list{grid-template-columns:1fr}}
.media__listlabel{margin:var(--sp-6) 0 0}
@media (max-width:639.98px){
}
@media (max-width:899.98px){
.media__play{width:64px;height:64px}
.media__cap{max-width:80%}
}
@media (min-width:1200px){
.media__poster{aspect-ratio:21/9}
}
.shop__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);border:0}
.shop__item{padding:var(--sp-6);display:grid;gap:var(--sp-3);background:var(--paper);border:0}
.shop__item img{aspect-ratio:4/5;object-fit:cover;width:100%;padding:0;display:block;transition:transform var(--dur) var(--ease-out)}
.shop__item:hover img{transform:translateY(-4px) scale(1.03)}
.shop__item h3{font-size:1rem;font-weight:800;margin:0}
.shop__price{color:var(--gold-text);font-weight:900}
@media (min-width:900px){
.shop__grid{grid-template-columns:repeat(4,1fr)}
}
.partners__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:var(--sp-6);background:var(--rule)}
@media (min-width:640px){.partners__row{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.partners__row{grid-template-columns:repeat(6,1fr)}}
.partners__cell{display:grid;place-items:center;min-height:132px;padding:var(--sp-4);background:var(--white)}
.partners__cell img{max-height:72px;max-width:170px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.partners__cell:hover img{filter:none;opacity:1}
@media (prefers-reduced-motion:reduce){.partners__cell img{transition:none}}
.cta{position:relative;overflow:hidden;padding-block:var(--section-y);text-align:center;background:var(--navy-900);color:var(--white)}
.cta__media{position:absolute;inset:0;opacity:.5}
.cta__media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.06);filter:blur(1.5px) brightness(.85)}
.cta__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,40,.75) 0%,rgba(7,20,40,.55) 55%,rgba(7,20,40,.85) 100%),linear-gradient(to right,var(--navy-900) 0%,transparent 30%,transparent 70%,var(--navy-900) 100%)}
.cta .container{position:relative;z-index:2}
.cta .container::before{content:"";position:absolute;inset:-10% 20%;background:radial-gradient(ellipse at center,rgba(7,20,40,.75),transparent 70%);z-index:-1}
.cta__title{font-size:var(--fs-h1);font-weight:900;line-height:1.05;margin:0 0 var(--sp-5);text-shadow:0 6px 40px rgba(0,0,0,.45)}
.cta__text{max-width:50ch;margin-inline:auto;opacity:.85}
.cta__actions{display:flex;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}
.footer{background-color:var(--navy-950);background-image:radial-gradient(ellipse 480px 620px at center,rgba(5,13,28,0) 45%,#050D1C 100%),url(../img/crest-pattern-subtle.svg);background-repeat:no-repeat;background-size:100% 100%,900px 900px;background-position:center;background-blend-mode:normal;color:var(--white);position:relative;overflow:hidden;padding-block:var(--sp-12) var(--sp-5)}
.footer__top{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr;gap:var(--sp-8);padding-bottom:var(--sp-4)}
.footer__brand{display:grid;align-content:start}
.footer__crest{background:none;padding:0;width:80px;height:auto}
.footer__brand b{font-size:1.35rem;font-weight:800;display:block;margin-block:var(--sp-4) var(--sp-2)}
.footer__brand p{opacity:.75;max-width:40ch;margin:0}
.footer__social{display:flex;gap:.6rem;list-style:none;padding:0;margin-top:var(--sp-5)}
.footer__social a{width:40px;height:40px;display:grid;place-items:center;color:var(--white);opacity:.75;text-decoration:none;transition:opacity var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}
.footer__social a:hover{opacity:1;color:var(--gold-2);transform:translateY(-2px)}
.footer__social .ico{font-size:1.2rem}
.footer__col h3{font-size:var(--fs-label);color:var(--gold-2);margin:0 0 var(--sp-4);letter-spacing:var(--track-latin);text-transform:uppercase}
.footer__match{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);padding:.6rem 0;align-items:start}
.footer__match .ico{color:var(--gold-2);font-size:1.1rem;margin-top:.1rem}
.footer__match b{display:block;font-weight:800}
.footer__match span{font-size:var(--fs-small);opacity:.7}
.footer__col ul{list-style:none;margin:0;padding:0}
.footer__col ul a{display:block;padding:.45rem 0;opacity:.8;color:inherit;text-decoration:none;transition:opacity var(--dur-fast),color var(--dur-fast)}
.footer__col ul a:hover{opacity:1;color:var(--gold)}
.footer__app{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-3)}
.footer__app-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0}
.footer__app-desc{margin:0;font-size:.82rem;color:rgba(255,255,255,.65);line-height:1.6}
.footer__app-links{display:flex;align-items:center;gap:var(--sp-5);margin-top:var(--sp-5)}
.footer__app-links a{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.75);font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}
.footer__app-links a:hover{color:var(--gold-2)}
.footer__app-links img{display:block}
.footer__app-qr{margin-top:var(--sp-5);width:116px;padding:.3rem;background:var(--white);border-radius:8px}
.footer__app-qr img{width:100%;height:auto;display:block}
.tribune__grid{position:relative}
.tribune__media{aspect-ratio:16/9;border-radius:var(--r-1);margin:0}
.tribune__card{background-color:#C1A96A;background-image:radial-gradient(ellipse 380px 520px at center,rgba(193,169,106,0) 45%,#C1A96A 100%),url(../img/crest-pattern-gold.svg);background-repeat:no-repeat;background-size:100% 100%,760px 760px;background-position:center;color:var(--navy-800);padding:2.5rem var(--sp-6);border-radius:var(--r-1);margin-top:calc(-1 * var(--sp-6));position:relative;z-index:2;max-width:520px}
.tribune__eyebrow{font-style:italic;color:var(--navy-800);font-weight:700;margin:0 0 var(--sp-2);font-size:.95rem}
.tribune__title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;line-height:1.25;margin:0 0 var(--sp-4);color:var(--navy-800)}
.tribune__text{color:rgba(11,31,58,.88);line-height:1.8;margin:0 0 var(--sp-5)}
.tribune__cta{display:inline-flex;align-items:center;gap:.6rem}
.tribune__cta .ico{width:18px;height:18px}
@media (min-width:900px){
  .tribune__media{aspect-ratio:21/9}
  .tribune__card{position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);width:min(440px,42%);margin-top:0;box-shadow:0 30px 60px -20px rgba(11,31,58,.45)}
}
.footer__word{display:none}
.footer__bottom{border-top:1px solid var(--rule-dark);margin-top:var(--sp-2);padding-top:var(--sp-4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--fs-small);opacity:.8}
.footer__proto{color:var(--gold-2)}
@media (max-width:899.98px){
.footer__top{grid-template-columns:1fr}
}
.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:900;color:var(--navy-800)}
.section--navy .num{color:var(--gold-2)}
.results .num{color:var(--gold-2)}
.stats .num{color:var(--gold-2)}
.team__idx.num{color:var(--gold-2)}
[data-spotlight]{position:relative;overflow:hidden}
[data-spotlight]::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--gold) 18%, transparent) 0%,transparent 55%);opacity:0;transition:opacity var(--dur-fast);z-index:2}
[data-spotlight]:hover::after{opacity:1}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes media-pulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}100%{opacity:0;transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
*::before{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important}
*::after{animation:none!important;transition-duration:1ms!important;transition-delay:0ms!important}
html.js .reveal{opacity:1!important;transform:none!important;clip-path:none!important}
html.js .hero .hero__lead{opacity:1!important;transform:none!important}
html.js .hero .hero__cta{opacity:1!important;transform:none!important}
html.js .hero .hero__line-in{opacity:1!important;transform:none!important}
html.js .reveal--wipe{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)!important}
html.js .chapter.reveal::before{transform:scaleX(1)!important}
.hero__video{display:none}
.hero__fallback{display:block}
}
/* orchestrator residuals (round 3 failed hunk) */
.match__score .num{white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.match__score{column-gap:var(--sp-5)}
@media (max-width:899px){.media__play{width:64px;height:64px}.media__cap{max-width:80%}}
@media (max-width:899px){.hero__grid{justify-items:center;text-align:center}.hero__text{text-align:center}.hero__title{margin-inline:auto}.hero__lead{margin-inline:auto}.hero__cta{justify-content:center}.hero__chip{text-align:center;border-inline-start:0;border-block-start:3px solid var(--red);padding-left:var(--sp-5)}.hero__chip .label--ar{justify-content:center}}

.cta__accent{font-style:normal;color:var(--gold-2)}

.chapter::before{display:none}
.app-promo__grid{display:grid;grid-template-columns:auto auto;gap:var(--sp-8);align-items:center;justify-content:center;background:var(--white);border:1px solid var(--rule);border-radius:20px;padding:var(--sp-8) var(--sp-10)}
.app-promo__copy{max-width:52ch}
.app-promo__title{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:900;line-height:1.15;margin:.6rem 0 .75rem;color:var(--ink)}
.app-promo__lead{font-size:var(--fs-lead);color:var(--ink-2);line-height:1.7;margin:0 0 var(--sp-6)}
.app-promo__actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center}
.app-promo__platforms{display:flex;align-items:center;gap:.6rem;margin-top:var(--sp-4);flex-wrap:wrap}
.app-promo__platforms a{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:700;font-size:.85rem;text-decoration:none;transition:color .2s}
.app-promo__platforms a:hover{color:var(--ink)}
.app-promo__platforms img{display:block}
.app-promo__sep{width:3px;height:3px;border-radius:50%;background:var(--rule)}
.app-promo__visual{display:flex;align-items:flex-end;justify-content:center}

@media (max-width:899px){
.app-promo__grid{grid-template-columns:1fr;gap:var(--sp-6);text-align:center;padding:var(--sp-6)}
.app-promo__copy{max-width:none;margin-inline:auto}
.app-promo__actions,.app-promo__platforms{justify-content:center}
.app-promo__visual{justify-content:center}

}
.app-install__phone{position:relative;width:220px;aspect-ratio:9/16;border-radius:32px;background:linear-gradient(160deg,var(--navy-900),var(--navy-800));border:6px solid var(--navy-950);display:grid;place-items:center;box-shadow:0 30px 60px -30px rgba(7,20,40,.5);overflow:hidden}
.app-install__screenshot{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:26px}
.app-promo__qr,.app-install__qr{position:absolute;inset-block-end:10px;left:50%;transform:translateX(-50%);z-index:2;display:grid;justify-items:center;gap:.25rem;padding:.4rem;background:var(--white);border-radius:10px;box-shadow:0 8px 18px -6px rgba(0,0,0,.5);width:auto}
.app-promo__qr img,.app-install__qr img{width:56px;height:56px;display:block}
.app-promo__qr span{display:none}
.app-install__qr-caption{margin:var(--sp-3) 0 0;text-align:center;font-size:.8rem;color:var(--muted)}
.app-install__qr-link{color:var(--gold-text);font-weight:700;text-decoration:none}
.app-install__icon{width:96px;height:96px;border-radius:22px;box-shadow:0 10px 24px -8px rgba(0,0,0,.4)}

@media (max-width:520px){.app-install__phone{width:180px}}

.matchbar{background:var(--navy-950);border-bottom:1px solid rgba(255,255,255,.06)}
.matchbar__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding-block:var(--sp-4);flex-wrap:wrap}
.matchbar__comp{display:flex;align-items:center;gap:.6rem;color:var(--white);text-decoration:none;flex-shrink:0}
.matchbar__comp-badge{width:46px;height:46px;object-fit:contain;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:50%;padding:6px;box-sizing:border-box}
.matchbar__comp-text b{display:block;font-size:1rem;font-weight:800;color:var(--white);line-height:1.3}
.matchbar__comp-text small{display:block;font-size:.78rem;color:rgba(255,255,255,.55);font-weight:600}
.matchbar__center{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6);flex:1;background-color:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.4rem 2.5rem;text-decoration:none;color:var(--white);max-width:780px;margin-inline:auto;transition:border-color var(--dur-fast),background-color var(--dur-fast)}
.matchbar__center:hover{border-color:rgba(227,205,143,.45);background-color:rgba(255,255,255,.07)}
.matchbar__team{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.2rem}
.matchbar__center .matchbar__team:first-child{flex-direction:row-reverse;justify-self:start}
.matchbar__center .matchbar__team:last-child{justify-self:end}
.matchbar__crest{width:46px;height:46px;object-fit:contain;flex-shrink:0}
.matchbar__mid{display:grid;justify-items:center;gap:.6rem;min-width:240px}
.matchbar__date{font-size:.82rem;color:rgba(255,255,255,.6);white-space:nowrap}
.matchbar .match__cd{gap:1.15rem;margin-top:0}
.matchbar .match__cd-i{display:inline-flex;align-items:flex-start;gap:.2rem}
.matchbar .match__cd-i + .match__cd-i::before{content:none}
.matchbar .match__cd-i b{font-size:1.85rem;font-weight:900;line-height:1;color:var(--white)}
.matchbar .match__cd-i span{font-size:.72rem;font-weight:800;color:var(--red);opacity:1;line-height:1;padding-top:.2rem}
.matchbar__actions{display:flex;gap:.5rem;flex-shrink:0}
.matchbar__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:var(--white);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.matchbar__icon:hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--navy-900)}
.matchbar__icon svg{width:20px;height:20px}
@media (max-width:768px){
  .matchbar__row{justify-content:center}
  .matchbar__comp{order:1;width:100%;justify-content:center}
  .matchbar__center{order:2;max-width:100%;gap:var(--sp-3);padding:.5rem var(--sp-3)}
  .matchbar__actions{order:3;width:100%;justify-content:center}
  .matchbar__team b{display:none}
  .matchbar__mid{min-width:190px}
  .matchbar__center{grid-template-columns:auto 1fr auto;gap:var(--sp-4);padding:.85rem var(--sp-4)}
  .matchbar .match__cd{gap:.85rem}
  .matchbar .match__cd-i b{font-size:1.45rem}
  .matchbar__crest{width:38px;height:38px}
}

/* gold card surfaces: navy-on-gold text + dark pill CTA */
.match__stage .match__comp{color:var(--navy-800)}
.match__stage .match__comp::after{background:rgba(20,49,92,.3)}
.match__stage .match__name{color:var(--navy-800)}
.match__stage .match__vs-mark{color:rgba(11,31,58,.7)}
.match__stage .match__when{color:var(--navy-800)}
.match__stage .match__when-sep{background:var(--navy-800)}
.match__stage .match__venue{color:rgba(11,31,58,.88)}
.match__stage .match__venue .ico{color:var(--navy-800)}
.match__stage .match__cd-i b{color:var(--navy-800)}
.match__stage .match__cd-i span{color:var(--navy-800);opacity:.85}
.match__stage .match__cd-i + .match__cd-i::before{background:var(--navy-800)}
.match__stage::after{color:rgba(20,49,92,.05)}
.match__stage .fact{background:rgba(20,49,92,.08);border-color:rgba(20,49,92,.15);color:var(--navy-800)}
.match__stage .fact .ico{color:var(--navy-800)}
.match__stage .btn--gold,.tribune__card .btn--gold{background:var(--navy-900);color:var(--white);border-color:var(--navy-900)}
.match__stage .btn--gold:hover,.tribune__card .btn--gold:hover{background:var(--navy-800);outline-color:var(--navy-900);box-shadow:0 14px 30px -12px rgba(11,31,58,.6)}

/* match stage centre column: hero-grade countdown */
.match__stage .match__vs-mark{display:inline-flex;align-items:center;gap:.8rem;font-size:.8rem;font-weight:900;letter-spacing:.35em}
.match__stage .match__vs-mark::before,.match__stage .match__vs-mark::after{content:'';width:44px;height:1px;background:currentColor;opacity:.5}
.match__stage .match__when{font-size:1.3rem;font-weight:800}
.match__stage .match__cd{--cdgap:1.75rem;gap:var(--cdgap);margin-block:var(--sp-3) var(--sp-2)}
.match__stage .match__cd-i{gap:.35rem}
.match__stage .match__cd-i b{font-size:2.6rem;font-weight:900;line-height:1}
.match__stage .match__cd-i span{font-size:.7rem;font-weight:700;letter-spacing:.08em;opacity:.9}
.match__stage .match__cd-i + .match__cd-i::before{width:1px;height:2.3rem;border-radius:0;inset-block-start:0;margin-block-start:.25rem;margin-inline-start:0;inset-inline-start:calc(var(--cdgap) * -0.5);background:rgba(20,49,92,.2)}
.match__stage .match__venue{font-size:.95rem;font-weight:700}
.match__stage .match__cta{margin-top:var(--sp-5)}
@media (max-width:899.98px){
  .match__stage .match__cd{--cdgap:1.1rem}
  .match__stage .match__cd-i b{font-size:1.9rem}
  .match__stage .match__when{font-size:1.1rem;line-height:1.5}
  .match__stage .match__when-sep{display:block;width:0;height:0;margin:0}
}


/* ===== V3 composition (homepage): same content, less repetition, earlier match ===== */
.num,.match__cd-i b,.team__num,.team__ghostnum,.stats__item b,.results__score,.match__last-row .num{font-family:var(--font-num);font-weight:700;letter-spacing:.01em}
.hero{min-height:100svh}
/* first team: one swipeable row instead of a 4x2 wall */
.team__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,calc((100% - 8px)/4.35));overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.team__grid::-webkit-scrollbar{display:none}
.team__card{scroll-snap-align:start}
/* club numbers: a band, not a full chapter */
.stats{padding-block:var(--sp-8)}
.stats__grid{margin-top:var(--sp-5)}
.stats__item{padding-block:var(--sp-5)}
/* media: the film no longer takes a full screen */
.media__poster{aspect-ratio:auto;height:clamp(240px,34vw,440px)}
.tribune__cta2{margin-inline-start:var(--sp-3);border-color:rgba(20,49,92,.45);color:var(--navy-800)}
.tribune__cta2:hover{background:rgba(20,49,92,.08)}
@media (max-width:899.98px){
  .team__grid{grid-auto-columns:64%}
  .albums__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .albums__grid::-webkit-scrollbar,.albums__strip::-webkit-scrollbar{display:none}
  .albums__item{scroll-snap-align:start}
  .albums__strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:34%;overflow-x:auto;scrollbar-width:none}
  .tribune__cta2{margin-inline-start:0;margin-top:var(--sp-3)}
}
@media (max-width:640px){
  .sports__grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}
}


/* ===== V3 Latin display (Oswald): English as a visual accent, Arabic stays primary ===== */
.en-display,.en-ghost,.en-tag,.en-inline,.page-hero__en{font-family:var(--font-num);text-transform:uppercase;unicode-bidi:isolate;white-space:nowrap}
.en-display{margin:0;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:700;line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.5);text-align:end}
.en-display--center{position:relative;z-index:2;text-align:center;padding-top:var(--sp-6);font-size:clamp(2rem,5vw,3.6rem)}
.en-ghost{position:absolute;left:clamp(150px,15vw,230px);inset-block-end:-.12em;z-index:0;font-size:clamp(3rem,9vw,7.5rem);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(20,49,92,.2);pointer-events:none}
.team .chapter__row,.team .chapter__lead{position:relative;z-index:1}
.en-tag{font-size:.85rem;font-weight:500;letter-spacing:.32em;color:var(--muted)}
.en-inline{display:inline-block;margin-inline-start:.6em;font-size:.34em;font-weight:500;letter-spacing:.28em;color:var(--gold-text);vertical-align:middle}
.page-hero__en{position:absolute;left:var(--gutter);inset-block-end:-.08em;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(20,49,92,.22);pointer-events:none}
.page-hero:not(.page-hero--paper) .page-hero__en{-webkit-text-stroke-color:rgba(255,255,255,.4)}
@supports not (-webkit-text-stroke:1px #000){.en-display,.page-hero:not(.page-hero--paper) .page-hero__en{color:rgba(255,255,255,.5)}.en-ghost,.page-hero__en{color:rgba(20,49,92,.25)}}
@media (max-width:899.98px){
  .en-display{text-align:start;-webkit-text-stroke-width:1px}
  .en-display--center{text-align:center}
  .en-ghost{position:static;display:block;font-size:2.4rem;-webkit-text-stroke-width:1px;margin-bottom:var(--sp-2)}
  .page-hero__en{position:static;display:block;margin-top:var(--sp-4);font-size:2rem;-webkit-text-stroke-width:1px}
}


/* ===== V3 installed-app experience (only when launched from the home screen) ===== */
.appbar{display:none}
@media (display-mode:standalone){
  .appbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:var(--navy-950);border-top:1px solid var(--rule-dark);padding-bottom:env(safe-area-inset-bottom)}
  .appbar a{display:grid;justify-items:center;gap:.2rem;padding:.55rem .25rem .5rem;min-height:56px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast),transform 120ms var(--ease-out)}
  .appbar a:active{transform:scale(.96)}
  .appbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .appbar a[aria-current="page"]{color:var(--gold-2)}
  .appbar a:focus-visible{outline:2px solid var(--gold-2);outline-offset:-3px}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .nav{padding-top:env(safe-area-inset-top)}
  .app-promo,.footer__col--app,.nav a[href$="app/"],.nav__mobile a[href$="app/"]{display:none}
}
@media (display-mode:standalone) and (min-width:900px){.appbar{display:none}body{padding-bottom:0}}
@media (prefers-reduced-motion:reduce){.appbar a{transition:none}.appbar a:active{transform:none}}


/* ===== V3 install prompt (non-modal, dismissible, shown once per 14 days) ===== */
.a2hs{position:fixed;z-index:70;inset-inline:12px;inset-block-end:calc(12px + env(safe-area-inset-bottom));max-width:440px;margin-inline:auto;display:grid;grid-template-columns:auto 1fr;gap:.25rem var(--sp-4);align-items:center;padding:var(--sp-4);background:var(--navy-900);color:var(--white);border:1px solid var(--rule-dark);border-top:2px solid var(--gold);border-radius:var(--r-2);box-shadow:0 24px 48px -18px rgba(5,13,28,.7);opacity:0;transform:translateY(16px);transition:opacity 220ms var(--ease-out),transform 260ms var(--ease-out)}
.a2hs.is-in{opacity:1;transform:none}
.a2hs[hidden]{display:none}
.a2hs__icon{grid-row:1 / span 2;width:52px;height:52px;border-radius:12px}
.a2hs__title{margin:0;font-size:1rem;font-weight:800;line-height:1.4;padding-inline-end:2.25rem}
.a2hs__text{margin:0;font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.78)}
.a2hs__text svg{width:1.1em;height:1.1em;vertical-align:-.2em;fill:none;stroke:var(--gold-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a2hs__actions{grid-column:1 / -1;display:flex;gap:var(--sp-3);margin-top:var(--sp-3)}
.a2hs__go{flex:1;min-height:48px;padding:0 1.25rem;font:inherit;font-weight:800;background:var(--gold);color:var(--navy-900);border:1px solid var(--gold);border-radius:var(--r-1);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast),transform 120ms var(--ease-out)}
.a2hs__go:hover{background:var(--gold-2)}
.a2hs__go:active,.a2hs__later:active{transform:scale(.97)}
.a2hs__later{min-height:48px;padding:0 1rem;font:inherit;font-weight:700;background:transparent;color:rgba(255,255,255,.82);border:1px solid var(--rule-dark);border-radius:var(--r-1);cursor:pointer}
.a2hs__x{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:rgba(255,255,255,.7);cursor:pointer}
.a2hs__x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.a2hs :focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
@media (min-width:900px){.a2hs{inset-inline:auto 24px;inset-block-end:24px;margin:0;width:400px}}
@media (prefers-reduced-motion:reduce){.a2hs{transition:opacity 150ms linear;transform:none}.a2hs__go:active,.a2hs__later:active{transform:none}}


/* ===== V3 mobile menu: sub-items stack; collapsed groups leave no empty gap ===== */
.nav__mlist > li > .nav__msub{display:block;padding:0;padding-inline-start:var(--sp-5);font-size:1rem;font-weight:600;cursor:default}
.nav__macc[aria-expanded=true] + .nav__msub{padding-block-end:var(--sp-3)}
.nav__msub a{min-height:44px;display:flex;align-items:center}


/* hero scroll cue: a hairline with a gold segment travelling down it */
.hero__scroll{display:inline-flex;flex-direction:column;align-items:center;gap:.7rem;min-width:44px;padding-block:.25rem;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.hero__scroll-line{position:relative;order:2;width:1px;height:46px;background:rgba(255,255,255,.28);overflow:hidden}
.hero__scroll-line::after{content:'';position:absolute;inset-inline:0;top:0;height:40%;background:var(--gold-2);transform:translateY(-110%);animation:heroScrollCue 2.2s cubic-bezier(.65,0,.35,1) infinite}
.hero__scroll:hover .hero__scroll-line{background:rgba(255,255,255,.5)}
.hero__scroll:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
@keyframes heroScrollCue{0%{transform:translateY(-110%)}55%,100%{transform:translateY(260%)}}
@media (prefers-reduced-motion:reduce){.hero__scroll-line::after{animation:none;transform:translateY(75%)}}


/* ===== V3 background words: outlined Latin display type behind selected sections ===== */
#news,#results,#media,#shop{position:relative;overflow:clip;isolation:isolate}
#news > .container,#results > .container,#media > .container,#shop > .container{position:relative;z-index:1}
.ghost-word{position:absolute;z-index:0;top:clamp(.5rem,2vw,2rem);font-family:var(--font-num);font-weight:700;font-size:clamp(4.5rem,11.5vw,11.5rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(20,49,92,.2);pointer-events:none;user-select:none}
.section--navy > .ghost-word{-webkit-text-stroke-color:rgba(255,255,255,.17)}
.ghost-word{left:max(var(--gutter),calc((100vw - var(--container))/2 + var(--gutter)))}
@supports not (-webkit-text-stroke:1px #000){.ghost-word{color:rgba(20,49,92,.06)}.section--navy > .ghost-word{color:rgba(255,255,255,.06)}}
/* the word drifts sideways as its section crosses the screen (scroll-linked, no JS) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .ghost-word{animation:ghostDrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    #results > .ghost-word,#shop > .ghost-word{animation-name:ghostDriftBack}
  }
}
@keyframes ghostDrift{from{transform:translateX(0)}to{transform:translateX(9%)}}
@keyframes ghostDriftBack{from{transform:translateX(9%)}to{transform:translateX(0)}}
@media (max-width:899.98px){.ghost-word{font-size:19vw;top:.35rem;-webkit-text-stroke-width:1px;animation:none!important}}
/* live dot on the next fixture only */
.results__cell:not(:has(.results__tag--up)) + .results__cell .results__tag--up{display:inline-flex;align-items:center;gap:.4rem}
.results__cell:not(:has(.results__tag--up)) + .results__cell .results__tag--up::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(179,33,46,.6)}70%,100%{box-shadow:0 0 0 7px rgba(179,33,46,0)}}
@media (prefers-reduced-motion:reduce){.results__cell .results__tag--up::before{animation:none}}


/* ===== V3 matchday rail polish ===== */
.results__track{scroll-snap-type:x proximity;gap:var(--sp-3);padding-block:2px;scroll-padding-inline:0}
.results__cell{padding:var(--sp-4) var(--sp-4) var(--sp-4);gap:var(--sp-3);align-content:start;border-top:3px solid rgba(255,255,255,.14);transition:background var(--dur-fast),transform 160ms var(--ease-out)}
.results__cell:active{transform:scale(.985)}
.results__cell:has(.results__tag--win){border-top-color:var(--gold)}
.results__cell:has(.results__tag--loss){border-top-color:var(--red)}
.results__cell:has(.results__tag--up){border-top-color:rgba(227,205,143,.45);background:rgba(255,255,255,.035)}
.results__tag{font-size:.72rem;padding:.2rem .55rem;border:1px solid transparent}
.results .results__tag--win{background:var(--gold);color:var(--navy-900)}
.results .results__tag--draw{background:transparent;border-color:rgba(255,255,255,.35);color:var(--white)}
.results .results__tag--loss{background:var(--red);color:var(--white)}
.results .results__tag--up{background:transparent;border-color:var(--gold-2);color:var(--gold-2)}
.results__team img,.results__crest{width:60px;height:60px;padding:9px;background:var(--white);border-radius:50%;transition:transform 220ms var(--ease-out)}
.results__cell:hover .results__crest{transform:translateY(-3px)}
.results__team span{font-size:.95rem}
.results__meta{margin:0;font-size:.8rem;opacity:.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;border-top:1px solid var(--rule-dark);padding-top:var(--sp-3)}
@media (max-width:899.98px){
  .results .results__ctrl{display:none}
  .results .chapter{margin-bottom:var(--sp-4)}
  .results{padding-block-end:var(--sp-8)}
  .results__cell{flex-basis:clamp(250px,74vw,320px)}
  .results__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 36px);mask-image:linear-gradient(to right,transparent 0,#000 36px)}
}
@media (prefers-reduced-motion:reduce){.results__cell,.results__crest{transition:none}.results__cell:active,.results__cell:hover .results__crest{transform:none}}

/* ===== V3 mobile section rhythm: title, then description, then the link ===== */
@media (max-width:899.98px){
  .chapter__row{display:contents}
  .chapter__top{order:0}
  .chapter__title{order:1}
  .chapter__lead{order:2}
  .chapter__more,.chapter__tools{order:3;justify-self:start;width:auto;flex-basis:auto}
  .chapter .btn--text{min-height:44px;padding-inline:0}
  .chapter .btn--gold.chapter__more{min-height:48px;padding-inline:1.5rem;margin-top:var(--sp-2)}
  /* background word gets its own strip above the heading instead of sitting behind it */
  #news,#results,#media,#shop{padding-block-start:calc(17vw + 1.1rem)}
  .ghost-word{top:.6rem}
  /* film: true 16:9, no letterbox bars */
  .media__poster{height:auto;aspect-ratio:16/9}
  .media__listlabel{margin-top:var(--sp-5)}
  /* albums: tighter body, strip close to the rail */
  .albums__body{padding:var(--sp-4) 0 0}
  .albums__strip{margin-top:var(--sp-5)}
  .albums{padding-block-end:var(--sp-8)}
}

/* crests: larger inside the result cards; consistent optical size */
.results__team img,.results__crest{width:66px;height:66px;padding:8px}
@media (max-width:899.98px){.media__poster .media__play{inset-block-start:calc(50% - 50px)}}


/* ===== V3 round 3 (mobile screenshots) ===== */
/* result crests stay circular on narrow phones */
.results__teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.results__team img,.results__crest{flex:none;aspect-ratio:1;min-width:0;max-width:none;justify-self:center}
@media (max-width:420px){.results__team img,.results__crest{width:54px;height:54px;padding:7px}.results__score{font-size:2.15rem}.results__cell{padding-inline:var(--sp-3)}}
/* last match: one scoreline row, never wraps */
.match__last-team{display:inline-flex;align-items:center;gap:.6rem;min-width:0}
.match__last-row .num{display:inline-flex;align-items:baseline;gap:.35rem;white-space:nowrap}
.match__last-row .num i{font-style:normal;opacity:.6}
@media (max-width:899.98px){
  .match__last{padding:var(--sp-5) var(--sp-4);gap:var(--sp-4);justify-items:stretch}
  .match__last > .label{justify-self:center}
  .match__last-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-3);width:100%}
  .match__last-team{flex-direction:column;gap:.45rem;font-size:1rem;text-align:center}
  .match__last-row img{width:52px;height:52px}
  .match__last-row .num{font-size:2.5rem;line-height:1}
  .match__last-meta{justify-self:center}
  .match__last-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);border-top:1px solid var(--rule-dark);padding-top:var(--sp-3)}
  .match__last-links .btn{justify-content:center;min-height:44px;padding-inline:.25rem;font-size:.9rem}
}
/* sports: compact tiles (icon beside the name), quieter marquee */
@media (max-width:899.98px){
  #sports .marquee{margin-block:0 var(--sp-4)}
  #sports .marquee span{font-size:1.6rem}
  .sports__tile{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;text-align:start;column-gap:.75rem;row-gap:.1rem;padding:var(--sp-4) var(--sp-3);min-height:84px}
  .sports__ico{grid-row:1 / span 2;font-size:2rem;margin:0}
  .sports__name{font-size:1.02rem;line-height:1.4}
  .sports__meta{font-size:.76rem;line-height:1.5}
  .sports__arrow{display:none}
}


/* albums: photo-led cards, caption on the image */
.albums__item{position:relative;overflow:hidden;background:var(--navy-900);color:var(--white)}
.albums__item .pic{aspect-ratio:4/3;display:block}
.albums__item .pic::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(5,13,28,.92) 0%,rgba(5,13,28,.55) 34%,transparent 62%);pointer-events:none}
.albums__body{position:absolute;inset:auto 0 0 0;z-index:1;padding:var(--sp-4);gap:.25rem}
.albums__body .label{color:var(--gold-2)}
.albums__body .label--ar::before{background:var(--gold-2)}
.albums__body h3{font-size:1.25rem;line-height:1.35;color:var(--white)}
.albums__meta{color:rgba(255,255,255,.78)}
.albums__item:hover .pic img{transform:scale(1.04)}
.albums__grid{gap:var(--sp-3)}
@media (max-width:899.98px){
  .albums__grid{grid-auto-columns:84%;gap:var(--sp-3);padding-bottom:2px}
  .albums__body{padding:var(--sp-4)}
  .albums__strip{display:none}
  .albums{padding-block-end:var(--sp-8)}
}

/* app promo on phones: balanced lines, consistent side padding */
@media (max-width:899.98px){
  .app-promo__grid{padding:var(--sp-6) var(--sp-5)}
  .app-promo__copy{max-width:32ch}
  .app-promo__title{font-size:1.75rem;line-height:1.3;text-wrap:balance}
  .app-promo__lead{font-size:1rem;line-height:1.8;text-wrap:balance;margin-bottom:var(--sp-5)}
}

/* footer brand block centred on phones only */
@media (max-width:899.98px){
  .footer__brand{text-align:center;display:grid;justify-items:center}
  .footer__brand p{max-width:34ch;margin-inline:auto}
  .footer__social{justify-content:center}
}

/* ===== V3 home news block: editorial list, one meta line, no repeated ornaments ===== */
#news .news__body{grid-template-columns:auto 1fr;grid-template-areas:"cat time" "title title";column-gap:.6rem;row-gap:.45rem;align-items:baseline}
#news .news__cat{grid-area:cat;gap:0;font-size:.8rem;font-weight:800;color:var(--gold-text)}
#news .news__cat::before{content:none}
#news .news__body time{grid-area:time;font-size:.8rem;color:var(--muted)}
#news .news__body time::before{content:'·';margin-inline-end:.6rem;color:var(--muted)}
#news .news__title{grid-area:title;padding-block-end:0;text-wrap:pretty}
#news .news__title::after{inset-block-end:-.3em}
#news .news__feature .news__title{font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#news .news__item .news__link{grid-template-columns:132px minmax(0,1fr);align-items:center;transition:background var(--dur-fast)}
#news .news__item .news__title{font-size:1.02rem;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#news .news__thumb img,#news .news__pic img{width:100%;height:100%;object-fit:cover}
#news .news__link:active{opacity:.75}
@media (hover:none){#news .news__title::after{display:none}}
@media (max-width:899.98px){
  #news .news__layout{gap:var(--sp-5)}
  #news .news__feature{padding-bottom:var(--sp-5);border-bottom:1px solid var(--rule)}
  #news .news__feature .news__body{padding-top:var(--sp-3)}
  #news .news__item .news__link{grid-template-columns:104px minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) 0}
  #news .news__item:first-child .news__link{padding-top:0}
  #news .news__item .news__title{font-size:.98rem}
  #news .news__thumb{aspect-ratio:4/3}
}
@media (max-width:899.98px){#news .news__item .news__cat,#news .news__item .news__body time{font-size:.74rem;white-space:nowrap}#news .news__item .news__body{column-gap:.4rem}#news .news__item .news__body time{overflow:hidden;text-overflow:ellipsis}#news .news__item .news__body time::before{margin-inline-end:.4rem}}


/* hero seal: club name turning slowly around the crest */
.hero__seal{position:absolute;z-index:2;inset-block-end:var(--sp-8);left:max(var(--gutter),calc((100vw - var(--container))/2 + var(--gutter)));width:136px;height:136px;display:grid;place-items:center;pointer-events:none}
.hero__seal-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:sealTurn 26s linear infinite}
.hero__seal-ring text{font-family:var(--font-num);font-size:17px;font-weight:500;letter-spacing:.06em;fill:rgba(255,255,255,.82);direction:ltr;unicode-bidi:isolate}
.hero__seal-crest{width:54px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
@keyframes sealTurn{to{transform:rotate(360deg)}}
.hero__meta{justify-content:center}
.hero__meta > span:first-child{display:none}
@media (max-width:899.98px){.hero__seal{width:84px;height:84px;inset-block-end:var(--sp-5);left:var(--gutter)}.hero__seal-crest{width:32px}.hero__seal-ring text{font-size:18px}}
@media (prefers-reduced-motion:reduce){.hero__seal-ring{animation:none}}
.hero__seal{display:none}

/* results rail: date up top, home/away, next-match tag, links on played matches */
.results__when{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin:0;font-size:1rem;font-weight:800;color:var(--white)}
.results__ha{flex:none;font-size:.74rem;font-weight:600;opacity:.68}
.results__tag--next{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}
.results__foot{display:grid;gap:.55rem;border-top:1px solid var(--rule-dark);padding-top:var(--sp-3);font-size:.8rem}
.results__venue{opacity:.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.results__links{display:flex;gap:1.1rem}
.results__links a{color:var(--gold-2);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;padding-block:.35rem}
.results__links a:hover{color:var(--white)}
.results__links a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#results .results__tag--next{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}
#results .results__cell{grid-template-rows:auto auto 1fr auto;align-content:stretch}
#results .results__teams{align-self:center}
/* next match card: tighter box, calmer team names, kickoff + countdown lead */
#match .match__stage{padding-block:clamp(1.5rem,2.6vw,2.25rem)}
#match .match__stage .match__comp{margin-bottom:var(--sp-3)}
#match .match__stage .match__teams{margin-block:var(--sp-3) var(--sp-4)}
#match .match__stage .match__team{gap:.75rem}
#match .match__stage .match__name{font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:800}
#match .match__stage .match__cta{margin-top:0}
@media (min-width:900px){
  #match .match__stage .match__crest{width:124px;height:124px}
  #match .match__stage .match__when{font-size:1.45rem}
  #match .match__stage .match__cd-i b{font-size:3.2rem}
  #match .match__stage .match__cd-i + .match__cd-i::before{height:2.8rem}
}
/* next match: glass card over the crowd photo, thin gold frame, gold numerals */
.match.section--navy::before{background-image:linear-gradient(180deg,#050D1C 0%,rgba(7,20,40,.84) 16%,rgba(7,20,40,.64) 46%,rgba(7,20,40,.74) 74%,rgba(7,20,40,.94) 100%),url(../community/crowd-match.jpg)}
#match .match__stage{background:rgba(7,20,40,.64);-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);border:1px solid rgba(227,205,143,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px -30px rgba(0,0,0,.7);color:var(--white)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#match .match__stage{background:rgba(9,24,48,.88)}}
#match .match__stage .match__comp{color:var(--gold-2)}
#match .match__stage .match__comp::after{background:rgba(227,205,143,.5)}
#match .match__stage .match__name,#match .match__stage .match__when{color:var(--white)}
#match .match__stage .match__when-sep{background:var(--gold-2)}
#match .match__stage .match__vs-mark{color:rgba(255,255,255,.7)}
#match .match__stage .match__venue{color:rgba(255,255,255,.85)}
#match .match__stage .match__venue .ico{color:var(--gold-2)}
#match .match__stage .match__cd-i b{color:var(--gold-2)}
#match .match__stage .match__cd-i span{color:var(--white);opacity:.8}
#match .match__stage .match__cd-i + .match__cd-i::before{background:rgba(255,255,255,.22)}
#match .match__stage .btn--gold{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
#match .match__stage .btn--gold:hover{background:var(--gold-2);box-shadow:0 14px 30px -12px rgba(201,164,76,.7)}
@media (min-width:900px){#match .match__stage .match__mid{border-color:rgba(255,255,255,.16)}}
#match .match__last{background:rgba(7,20,40,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* word band: two opposing marquee rows separating the dark sections */
.wordband{background:#f7f7f5;overflow:hidden;padding-block:clamp(.9rem,1.8vw,1.6rem);display:grid;gap:clamp(.35rem,.8vw,.7rem);user-select:none;pointer-events:none}
.wordband__row{overflow:hidden}
.wordband__track{display:flex;width:max-content;animation:wordband 46s linear infinite;will-change:transform}
.wordband__row--rev .wordband__track{animation-direction:reverse}
.wordband__group{display:flex;align-items:center;flex:none}
.wordband__w{font-family:var(--font-num);font-weight:700;font-size:clamp(2.6rem,7vw,6.25rem);line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:var(--navy-800);padding-inline:.12em;white-space:nowrap}
.wordband__w--gold{color:var(--gold)}
.wordband__img{height:clamp(2.3rem,6.1vw,5.5rem);width:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;margin-inline:.35em;flex:none}
@keyframes wordband{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.wordband__track{animation:none}}
.wordband__w--red{color:var(--red)}
/* VS: no side rules; on mobile it sits between the two crests */
#match .match__stage .match__vs-mark::before,#match .match__stage .match__vs-mark::after{content:none}
#match .match__stage .match__vs-mark{font-family:var(--font-num);font-size:1.05rem;letter-spacing:.14em;color:var(--gold-2)}
@media (max-width:899px){
  #match .match__stage .match__teams{position:relative}
  #match .match__stage .match__vs-mark{position:absolute;inset-block-start:48px;left:50%;transform:translate(-50%,-50%);font-size:1.35rem}
}
/* news header on mobile: no eyebrow here, so close the gap under the ghost word */
@media (max-width:899.98px){#news.section{padding-top:4.1rem}#news .chapter{padding-top:0}}
.wordband__w{color:var(--navy-700)}
.wordband__w--red{color:var(--red)}
.wordband__track{animation-duration:28s}
@media (max-width:899.98px){.wordband__track{animation-duration:18s}}
/* stats on mobile: centre the photo on the fans, even vertical scrim instead of side bands */
@media (max-width:899.98px){
  .stats::before{background-image:linear-gradient(180deg,var(--navy-900) 0%,rgba(7,20,40,.72) 22%,rgba(7,20,40,.6) 55%,rgba(7,20,40,.8) 82%,var(--navy-900) 100%),url(../community/fans-00.jpg);background-size:cover;background-position:center,40% center;opacity:1}
}
/* header bar in pure white */
.nav--scrolled,.nav--solid,.nav--scrolled .nav__sub,.nav--solid .nav__sub{background:var(--white)}
/* albums: boxed links under the photos, like the hero buttons */
.albums__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}
.albums__cta .btn--gold{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}
.albums__cta .btn--gold:hover{background:var(--navy-700);border-color:var(--navy-700)}
.albums__cta .btn--line{background:transparent;border:1px solid var(--navy-800);color:var(--navy-800)}
.albums__cta .btn--line:hover{background:var(--navy-800);color:var(--white)}
@media (max-width:599.98px){.albums__cta .btn{flex:1 1 100%;justify-content:center;text-align:center}}
/* launch film: the file has black bars baked in — crop them, poster sits on the frame itself */
.media__poster{background:var(--navy-950) url(../img/film-kit.jpg) center/cover no-repeat}
@media (min-width:900px){.media__poster .media__film,.media__poster.is-playing .media__film{inset:auto 0;inset-block-start:50%;height:auto;aspect-ratio:16/9;transform:translateY(-50%);object-fit:cover}}
@media (max-width:899.98px){
  .media__poster{background-size:100% auto;background-position:top center}
  .media__poster .media__film,.media__poster.is-playing .media__film{aspect-ratio:1280/578;object-fit:cover}
  .media__poster .media__play{top:0;inset-block-start:calc(50vw * 578 / 1280 - 8px)}
}

/* mobile: tighter gap under ghost words, swipeable highlights, full-width shop button under the kits */
@media (max-width:899.98px){
  #results.section,#media.section,#shop.section{padding-top:3.9rem}
  #results .chapter,#media .chapter,#shop .chapter{padding-top:0}
}
@media (max-width:699.98px){
  .media__list{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:var(--sp-3);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch}
  .media__list::-webkit-scrollbar{display:none}
  .media__row{flex:0 0 78%;scroll-snap-align:start}
  .media__row span{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:0;margin-bottom:var(--sp-4)}
  #shop .chapter__more{display:none}
}
.shop__cta{display:none;margin-top:var(--sp-5)}
@media (max-width:699.98px){.shop__cta{display:block}.shop__cta .btn{display:flex;justify-content:center;width:100%}}
/* app promo box: same corner radius as the rest of the site */
.app-promo__grid{border-radius:var(--r-2)}
/* crests on the dark glass card: thin light edge so dark crests (e.g. Al-Raed's black base) do not vanish */
#match .match__stage .match__crest,#match .match__crest-sm{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 10px 22px rgba(0,0,0,.45))}
#match .match__stage .match__team:hover img{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 18px 30px rgba(0,0,0,.55))}
/* centred Latin display on mobile (MATCH CENTRE): bigger and firmer stroke */
@media (max-width:899.98px){.en-display--center{font-size:clamp(2.6rem,12.5vw,3.6rem);-webkit-text-stroke:1.4px rgba(255,255,255,.78);letter-spacing:.03em}}

/* top ticker: next match + chant, club red with navy blocks */
.ticker{--ticker-h:36px;position:fixed;inset-block-start:0;inset-inline:0;z-index:62;height:var(--ticker-h);background:var(--red);color:var(--white);overflow:hidden;direction:ltr;font-size:.86rem;font-weight:700;line-height:var(--ticker-h)}
.ticker__link{display:block;height:100%;color:inherit;text-decoration:none;overflow:hidden}
.ticker__track{display:flex;width:max-content;height:100%;animation:tickerRun 60s linear infinite;will-change:transform}
.ticker:hover .ticker__track,.ticker__link:focus-visible .ticker__track{animation-play-state:paused}
.ticker__group{display:flex;flex:none;direction:rtl;height:100%}
.ticker__chant{flex:none;display:flex;align-items:center;padding-inline:1.4rem;background:var(--navy-800);font-weight:800;white-space:nowrap}
.ticker__msg{flex:none;display:flex;align-items:center;gap:.6rem;padding-inline:1.6rem;white-space:nowrap}
.ticker__msg b{font-weight:800;padding-inline-end:.2rem}
.ticker__msg i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.75)}
.ticker__close{position:absolute;inset-block:0;left:0;width:40px;border:0;background:var(--navy-900);color:var(--white);font:700 1.2rem/1 sans-serif;cursor:pointer}
.ticker__close:hover{background:var(--navy-700)}
.ticker__close:focus-visible,.ticker__link:focus-visible{outline:2px solid var(--gold-2);outline-offset:-3px}
@keyframes tickerRun{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}
body:has(> .ticker) .nav{inset-block-start:36px}
body:has(> .ticker) .nav__mobile{inset-block-start:112px}
body:has(> .ticker) .nav--scrolled .nav__mobile{inset-block-start:104px}
@media (max-width:899.98px){.ticker{font-size:.8rem}.ticker__track{animation-duration:40s}.ticker__chant{padding-inline:1rem}.ticker__msg{padding-inline:1.1rem}}

/* ticker on every page: push the fixed nav and page content down by its height */
body:has(.ticker) .nav{inset-block-start:36px}
body:has(.ticker) .nav__mobile{inset-block-start:112px}
body:has(.ticker) .nav--scrolled .nav__mobile{inset-block-start:104px}
body:has(.ticker) .page{padding-block-start:112px}
@media (min-width:900px){body:has(.ticker) .page{padding-block-start:148px}}

/* ticker now sits in flow under inner-page heroes */
.ticker{position:static;z-index:auto}
.ticker__close{display:none}
body:has(.ticker) .nav{inset-block-start:0}
body:has(.ticker) .nav__mobile{inset-block-start:76px}
body:has(.ticker) .nav--scrolled .nav__mobile{inset-block-start:68px}
body:has(.ticker) .page{padding-block-start:76px}
@media (min-width:900px){body:has(.ticker) .page{padding-block-start:112px}}

/* home news: bigger side thumbnails, three side stories, read-more on the lead */
#news .news__body{grid-template-areas:"cat time" "title title" "more more"}
#news .news__more{grid-area:more;justify-self:start;margin-top:var(--sp-2);border:1px solid var(--navy-800);color:var(--navy-800);background:transparent;display:inline-flex;gap:.5rem;align-items:center}
#news .news__link:hover .news__more{background:var(--navy-800);color:var(--white)}
#news .news__item .news__link{grid-template-columns:minmax(150px,42%) minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-3) 0;align-items:center}
#news .news__thumb{aspect-ratio:16/10;border-radius:var(--r-2);overflow:hidden}
#news .news__item .news__title{font-size:1.08rem;-webkit-line-clamp:3}
#news .news__item:first-child .news__link{padding-top:0}
#news .news__list{align-content:start}
@media (max-width:899.98px){#news .news__item .news__link{grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:var(--sp-3)}#news .news__item .news__title{font-size:1rem;-webkit-line-clamp:3}}

/* store banner */
.store-banner{display:block;overflow:hidden;border-radius:var(--r-2);margin-block:var(--sp-2) var(--sp-6);box-shadow:0 18px 40px -24px rgba(7,20,40,.5)}
.store-banner img{display:block;width:100%;height:auto;transition:transform 700ms var(--ease-out)}
@media (hover:hover){a.store-banner:hover img{transform:scale(1.02)}}
a.store-banner:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.store-banner--static{margin-block:var(--sp-5) var(--sp-4)}
@media (prefers-reduced-motion:reduce){.store-banner img{transition:none}}

#news .news__feature .news__pic img{object-position:center top}
@media (max-width:699.98px){.store-banner{margin-inline:auto;max-width:520px}}
#news .news__feature .news__pic img{object-position:center 28%}
/* wave pattern (club artwork) behind the squad and video sections */
#team.team,.media.section--navy{background-color:#071428;background-image:linear-gradient(180deg,#071428 0%,rgba(7,20,40,.35) 30%,rgba(7,20,40,.35) 70%,#071428 100%),url(../img/waves-navy.webp);background-size:100% 100%,cover;background-position:center;background-repeat:no-repeat}
/* albums on mobile: one framed card at a time (Standard-style) — photo inside a white card, centred title, outlined button */
@media (max-width:699.98px){
  #albums .albums__grid{grid-auto-columns:88%;gap:var(--sp-3);scroll-snap-type:x mandatory}
  #albums .albums__item{background:var(--white);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-2);padding:14px;display:grid;gap:14px;box-shadow:0 14px 30px -22px rgba(7,20,40,.4)}
  #albums .albums__item .pic{border-radius:var(--r-2);overflow:hidden;position:relative}
  #albums .albums__item .pic::after{background:none}
  #albums .albums__body{position:static;padding:0;text-align:center;justify-items:center;gap:.35rem}
  #albums .albums__body .label{color:var(--gold-text);justify-content:center}
  #albums .albums__body .label--ar::before{display:none}
  #albums .albums__body h3{color:var(--ink);font-size:1.3rem}
  #albums .albums__meta{color:var(--muted)}
  #albums .albums__body::after{content:'عرض الألبوم';display:block;width:100%;margin-top:.6rem;padding:.8rem 1rem;border:1.5px solid var(--navy-800);border-radius:var(--r-2);color:var(--navy-800);font-weight:800;font-size:.95rem;text-align:center}
  #albums .albums__item:active .albums__body::after{background:var(--navy-800);color:var(--white)}
  #albums .albums__cta{margin-top:var(--sp-5)}
}

/* home stats on the red wave artwork */
#stats.stats{background:#b3212e;color:var(--white)}
#stats.stats::before{background-image:linear-gradient(180deg,rgba(120,10,24,.5) 0%,rgba(120,10,24,.2) 50%,rgba(120,10,24,.5) 100%),url(../img/waves-red.webp);background-size:cover;background-position:center;opacity:1}
#stats .label--ar{color:rgba(255,255,255,.9)}
#stats .label--ar::before{background:rgba(255,255,255,.9)}
#stats .chapter__title{color:var(--white)}
#stats .stats__item b,#stats .num,#stats .stats__item .ico,#stats .stats__item svg{color:var(--white)}
#stats .stats__item span{color:rgba(255,255,255,.92)}
#stats .stats__item span::before{background:rgba(255,255,255,.7)}
#stats .stats__item + .stats__item,#stats .stats__item:nth-child(even){border-inline-start-color:rgba(255,255,255,.3)}
#stats .stats__grid{border-color:rgba(255,255,255,.3)}



/* Match announcement: clearer hierarchy and breathing room. */
.ticker{--ticker-h:46px;font-size:.875rem;font-weight:600;line-height:1.4;background:var(--red);border-block:1px solid rgba(255,255,255,.12)}
.ticker__group{align-items:stretch}
.ticker__msg{gap:.85rem;padding-inline:1.75rem;letter-spacing:0}
.ticker__msg>b{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;margin-inline-end:.2rem;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(7,20,40,.12);font-size:.72rem;font-weight:700;line-height:1.4}
.ticker__msg bdi{font-size:.95rem;font-weight:800;font-variant-numeric:tabular-nums}
.ticker__msg i{width:1px;height:14px;border-radius:0;background:rgba(255,255,255,.3);margin-inline:.15rem;flex-shrink:0}
.ticker__chant{padding-inline:1.5rem;font-size:.8rem;font-weight:700;letter-spacing:0;border-inline:1px solid rgba(255,255,255,.1)}
@media(max-width:899.98px){.ticker{--ticker-h:42px;font-size:.78rem}.ticker__msg{gap:.65rem;padding-inline:1.2rem}.ticker__msg>b{font-size:.67rem;min-height:24px;padding:2px 8px}.ticker__msg bdi{font-size:.85rem}.ticker__chant{font-size:.74rem;padding-inline:1.1rem}}

/* header cart */
.nav__cart{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;color:inherit;margin-inline-start:.25rem}
.nav__cart-n{position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:700 .7rem/18px var(--font-num);text-align:center}
.cart-toast{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:71;max-width:420px;margin-inline:auto;padding:.8rem 1rem;background:var(--navy-900);color:#fff;border-radius:var(--r-2);box-shadow:0 14px 30px -12px rgba(0,0,0,.6);display:flex;justify-content:space-between;gap:1rem;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s;pointer-events:none}
.cart-toast.is-in{opacity:1;transform:none;pointer-events:auto}
.cart-toast a{color:var(--gold-2);font-weight:800}

.wordband__img--crest{aspect-ratio:auto;width:auto;height:clamp(2.1rem,5.4vw,4.9rem);border-radius:0;margin-inline:.45em;object-fit:contain}
/* mobile balance: compact stats, roomier sports tiles, no faded marquee between them */
@media (max-width:899.98px){
  #stats .stats__item{padding-block:var(--sp-4);gap:.3rem}
  #stats .stats__item b{font-size:2.6rem}
  #stats .stats__item .ico,#stats .stats__item svg{width:34px;height:34px}
  #stats .stats__grid{margin-top:var(--sp-4)}
  #stats.stats{padding-block:var(--sp-7,2.75rem) clamp(110px,14vw,170px)}
  #sports .marquee{display:none}
  #sports .sports__grid{gap:var(--sp-3)}
  #sports .sports__tile{min-height:112px;padding:var(--sp-4);row-gap:.25rem}
  #sports .sports__ico{font-size:2.5rem}
  #sports .sports__name{font-size:1.15rem}
  #sports .sports__meta{font-size:.82rem}
}
@media (max-width:899.98px){#sports .sports__tile{grid-template-columns:auto minmax(0,1fr);column-gap:.9rem}#sports .sports__ico{font-size:2.2rem}#sports .sports__name{font-size:1.08rem;white-space:nowrap}#sports .sports__meta{white-space:normal;font-size:.78rem}}

/* section "see all" buttons sit at the end of the section, styled like the hero button */
.section__cta{display:flex;margin-top:var(--sp-6)}
.section__cta .btn--gold{min-height:48px;padding-inline:1.6rem}
.section--navy .section__cta .btn--gold,#team .section__cta .btn--gold{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
#team .section__cta{position:relative;z-index:1}
@media (max-width:699.98px){.section__cta .btn{width:100%;justify-content:center;text-align:center}}
.section__cta{justify-content:center;margin-top:clamp(2.25rem,4vw,3.5rem)}
#team .section__cta{margin-top:var(--sp-5)}

/* stat numbers: fixed-width digits and a reserved box, so the counting animation never shifts the layout */
.stats__item b{display:inline-block;text-align:center;font-variant-numeric:tabular-nums;contain:layout}

/* cart + burger travel together at the end of the bar */
.nav__tools{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}
.nav__cart{margin:0}
@media (min-width:900px){.nav__tools{margin-inline-start:0}}
/* Saudi riyal symbol (new official glyph) as a masked icon; digits always Latin */
.sar{display:inline-block;width:.78em;height:.9em;vertical-align:-.1em;margin-inline:.15em;background:currentColor;-webkit-mask:url(../icons/sar.svg) center/contain no-repeat;mask:url(../icons/sar.svg) center/contain no-repeat}
.num,.price,.shop__price,.product__price,.cart__total,.results__score,.stats__item b,.cart__qty,.cart-add__qty{font-variant-numeric:lining-nums tabular-nums}
.sar{width:.95em;height:1.05em;vertical-align:-.12em;margin-inline:.2em}