/* BK9 visual direction — photography, confident type and restrained red. */
:root { --red:#dc251b;--red-hi:#ff5547;--dim:#afb0b5;--line:rgba(255,255,255,.13); }
body { background:#0c0d0f; }
.nav,.nav.is-hidden { background:rgba(12,13,15,.96);backdrop-filter:blur(18px); }
.nav__logo { border-radius:3px; }
.nav__links a { font-size:12px; }
.lang { border-radius:5px;overflow:hidden; }
.btn { border-radius:5px;min-height:48px;transition:background .2s,border-color .2s,color .2s; }
.btn--red { --bg:#d92319;--bd:#d92319;box-shadow:0 5px 24px rgba(220,37,27,.15); }
.btn--red:hover { --bg:#b81b13;--bd:#b81b13; }
.btn--ghost { background:rgba(255,255,255,.035); }
.hero { min-height:850px;max-width:1600px;margin:auto;padding-top:calc(var(--nav-h) + 35px);background:#0c0d0f; }
.hero__grid { opacity:.12;background-size:100px 100px; }
.hero__noise { display:none; }
.hero__media { top:calc(var(--nav-h) + 24px);right:var(--pad);bottom:154px;width:44%;overflow:hidden;border-radius:8px;opacity:1;will-change:auto;background:#343b3b; }
.hero__media img { object-position:center 25%; }
.hero__shade { background:linear-gradient(0deg,rgba(5,6,7,.75),transparent 35%); }
.hero__photo-mark { position:absolute;bottom:22px;right:25px;z-index:2;display:flex;align-items:center;gap:8px;font:11px var(--f-mono);letter-spacing:.1em;color:#fff; }
.hero__photo-mark span { font:56px/.9 var(--f-disp); }
.hero__body { width:51%;max-width:none;padding-top:92px;padding-bottom:65px;position:relative;z-index:2; }
.hero__name { font-size:clamp(78px,9vw,140px);line-height:.99;letter-spacing:-.025em; }
.hero__line.is-red { color:var(--bone); }
.hero__role { margin-top:22px;border-bottom:0;padding-bottom:0;max-width:360px; }
.hero__num { background:var(--red);border-radius:3px;padding:4px 8px; }
.hero__tag { font-size:17px;max-width:29ch;line-height:1.6;color:#bdbdc2;margin-top:18px; }
.hero__acts { margin-top:28px;gap:12px; }
.hero__stats { position:relative;z-index:2;border:1px solid var(--line);border-radius:8px;background:#151619;margin:0 0 24px; }
.hero__stats li,.hero__stats li+li { padding:22px 28px; }
.hero__stats b { font-size:48px; }
.hero__stats li:first-child { background:var(--red);border-radius:7px 0 0 7px; }
.hero__stats li:first-child b,.hero__stats li:first-child span { color:#fff; }
.hero__stats span { margin-top:10px;line-height:1.5;font-size:10px; }
.match { max-width:48%;font-size:10px; }
.match__line { flex-wrap:wrap;line-height:1.7; }
.match__cd { display:none; }
.sbubble { top:calc(var(--nav-h) + 45px);right:calc(var(--pad) + 20px);z-index:5; }
.sbubble__ring { width:62px;height:62px; }
.sbubble__label { color:#fff;text-shadow:0 1px 6px #000; }
.sec { padding-block:clamp(64px,7vw,105px); }
.shead { margin-bottom:38px; }
.shead__title { letter-spacing:-.015em;font-size:clamp(40px,4.6vw,66px); }
.shead__sub { margin-top:16px; }
.eyebrow { letter-spacing:.16em;color:#b5b5bc; }
.sec--hub { background:#111215; }
.match-card { border-radius:8px;border:1px solid #34363c;background:#191a1e;padding:30px;box-shadow:0 12px 35px rgba(0,0,0,.12); }
.match-card--next { background:#141517;border:1px solid #484146;border-top:3px solid var(--red);padding-top:28px; }
.match-card__top>.mono { border:1px solid #41434b;padding:5px 8px;border-radius:3px;font-size:9px; }
.match-card__teams { margin-block:30px; }
.match-card__teams b { font-size:62px;letter-spacing:-.025em; }
.match-card__date { font-size:11px; }
.match-card__detail { border-top:1px solid var(--line);padding-top:18px; }
.match-card .link { font-size:12px; }
.media-grid { gap:24px;grid-template-columns:1fr 1fr; }
.media-feature,.media-reel { background:#151619;border:1px solid var(--line);border-radius:8px;padding:22px; }
.media-label { font-size:10px; }
.latest__media video,.player__frame { border-radius:5px;overflow:hidden; }
.media-feature h3 { font-size:28px; }
.media-reel .player__meta { display:block; }
.media-reel .player__meta p { font:12px/1.7 var(--f-ui);text-transform:none;letter-spacing:0;margin-top:12px; }
.player__meta .link { margin-top:15px; }
.media-description { line-height:1.7; }
.profile-layout { display:grid;grid-template-columns:.85fr 1.4fr;gap:24px; }
.profile-photo { position:relative;border-radius:8px;overflow:hidden;min-height:500px;background:#202226; }
.profile-photo img { width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 28%; }
.profile-photo::after { content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8)); }
.profile-photo figcaption { position:absolute;bottom:25px;left:25px;right:25px;z-index:1;display:flex;align-items:end;justify-content:space-between;font:10px var(--f-mono);letter-spacing:.09em;color:white; }
.profile-photo b { font:60px/1 var(--f-disp); }
.facts { border-radius:6px;overflow:hidden;background:#141518; }
.facts li { padding:20px; }
.cases { gap:14px;background:none;border:0; }
.case { border:1px solid var(--line);border-radius:6px;padding:24px;background:#151619; }
.case__idx { font:12px var(--f-mono);color:var(--red-hi);margin-bottom:24px; }
.case h3 { font-size:22px;line-height:1.15; }
.case p { font-size:14px;line-height:1.75; }
.case__line { display:none; }
.proof { border:1px solid var(--line);background:#16171b;border-radius:8px;padding:36px;align-items:center; }
.proof__big b { font-size:160px;color:var(--red-hi); }
.proof__txt { padding-top:0; }
.proof__txt h3 { font:30px/1.15 var(--f-disp);letter-spacing:0; }
.proof__txt p { max-width:65ch; }
.tl li { border-bottom:1px solid var(--line-2); }
.sec--data { background:#eeeae2; }
.chart,.speed { border-radius:7px;overflow:hidden; }
.filters { background:#17181c;padding:16px;border:1px solid var(--line);border-radius:6px; }
.filt { border-radius:4px; }
.pitem__a { padding:25px 18px;grid-template-columns:115px minmax(0,1fr) 135px;border-radius:6px; }
.pitem__a:hover { padding-inline:18px;background:#1b1d21; }
.pitem__head { font-size:19px;line-height:1.4; }
.pitem__note { margin-top:9px;color:#adafb5;font-size:14px; }
.profiles__list a { border-radius:5px;background:#151619; }
.contact__list { border-radius:6px;overflow:hidden; }
.foot { background:#0c0d0f; }
@media(max-width:1100px) {
 .hero__body { padding-top:90px; }
 .hero__stats li,.hero__stats li+li { padding:22px; }
 .profile-layout { grid-template-columns:.8fr 1.2fr; }
 .cases { grid-template-columns:1fr; }
 .profile-photo { min-height:600px; }
}
@media(max-width:980px) {
 .hero { min-height:800px; }
 .hero__name { font-size:clamp(68px,9.2vw,90px); }
 .hero__media { width:44%;opacity:1; }
 .hero__body { padding-top:95px;width:51%; }
 .hero__tag { font-size:16px; }
 .hero__acts { flex-wrap:wrap; }
 .hero__acts .btn { padding-inline:16px; }
 .hero__stats b { font-size:42px; }
 .match-card { padding:22px; }.match-card--next { padding-top:20px; }
 .match-card__teams b { font-size:46px; }
 .match-card__teams h3 { font-size:14px; }
 .media-feature,.media-reel { padding:18px; }
 .pitem__a { grid-template-columns:100px minmax(0,1fr); }
 .pitem__right { grid-column:2;flex-wrap:wrap; }
}
@media(max-width:700px) {
 .hero { min-height:0;padding-top:calc(var(--nav-h) + 24px); }
 .hero__media { top:calc(var(--nav-h) + 15px);right:16px;left:16px;bottom:auto;width:auto;height:480px; }
 .hero__media img { object-position:50% 14%; }
 .hero__shade { background:linear-gradient(0deg,#0c0d0f 0%,rgba(12,13,15,.94) 12%,rgba(12,13,15,.1) 65%); }
 .hero__photo-mark { display:none; }
 .match { max-width:calc(100% - 90px);padding:8px 10px;background:rgba(0,0,0,.7);border-radius:4px;min-height:35px; }
 .match__line { font-size:9px; }
 .hero__body { width:100%;max-width:none;padding-top:275px;padding-bottom:30px; }
 .hero__body>.eyebrow { font-size:9px;margin-bottom:15px; }
 .hero__name { font-size:clamp(65px,16.7vw,112px);line-height:.98; }
 .hero__role { margin-top:16px; }
 .hero__tag { max-width:32ch;font-size:16px;margin-top:13px; }
 .hero__acts { margin-top:22px; }
 .hero__stats { margin-bottom:20px;grid-template-columns:repeat(2,1fr); }
 .hero__stats li,.hero__stats li+li { padding:20px; }
 .hero__stats li:first-child { border-radius:7px 0 0 0; }
 .hero__stats b { font-size:38px; }
 .hero__stats span { font-size:9px; }
 .sbubble { top:calc(var(--nav-h) + 30px);right:32px; }
 .sbubble__ring { width:54px;height:54px; }
 .match-cards,.media-grid,.profile-layout { grid-template-columns:1fr; }
 .match-card__teams h3 { font-size:15px; }
 .match-card__teams b { font-size:50px; }
 .match-card__top .eyebrow { font-size:10px; }
 .media-reel { margin-top:0; }
 .profile-photo { min-height:0;height:400px; }
 .profile-photo img { object-position:50% 23%; }
 .case { padding:24px; }.case p { font-size:15px; }
 .case__idx { margin-bottom:16px; }
 .facts .mono { font-size:9px; }
 .proof { display:block;padding:26px; }.proof__big b { font-size:110px;margin-bottom:25px; }.proof__txt h3 { font-size:27px; }
 .pitem__a { grid-template-columns:1fr;padding:24px 0; }.pitem__a:hover { padding-inline:0; }.pitem__right { grid-column:auto; }
 .pitem__head { font-size:18px; }.pitem__note { font-size:15px; }
 .filters { padding:12px; }.filter-label { flex-basis:100%;min-height:20px; }
 .profiles__list { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) { .btn { transition:none; } }
.hero__stats li:nth-child(3) { padding-left:28px; }
@media(min-width:701px) and (max-width:980px) {
 .hero__stats { grid-template-columns:repeat(4,1fr); }
 .hero__stats li,.hero__stats li:nth-child(3) { padding:20px 16px; }
 .hero__stats li:nth-child(3) { border-left:1px solid var(--line); }
 .hero__stats li:nth-child(n+3) { border-top:0; }
 .hero__stats span { font-size:9px;letter-spacing:.05em; }
}
@media(max-width:700px) { .hero__stats li:nth-child(3) { padding-left:20px; } }
/* Player-first: motion and individual performance lead; fixtures are secondary. */
.hero__body { padding-top:75px; }
.hero__video { object-position:50% 25%; }
.hero-motion { position:absolute;right:calc(var(--pad) + 20px);bottom:174px;z-index:6;background:rgba(8,9,10,.8);color:white;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:10px 13px;min-height:44px;font-size:11px; }
.hero__photo-mark { bottom:78px; }
#season { background:#121316; }
#season .proof { margin-bottom:30px; }
#matches { padding-block:55px; }
#matches .shead__title { font-size:clamp(30px,3vw,44px); }
#matches .match-card { box-shadow:none;background:transparent; }
#matches .match-card--next { border-top:1px solid #34363c;padding-top:30px; }
.profile-photo img { object-position:50% 18%; }
@media(max-width:980px) { #matches .match-card--next { padding-top:22px; } }
@media(max-width:700px) {
 .hero__body { padding-top:320px; }
 .hero-motion { top:calc(var(--nav-h) + 265px);bottom:auto;left:28px;right:auto;max-width:260px; }
 .hero__media { height:515px; }
 .hero__video { object-position:50% 20%; }
 .hero__shade { background:linear-gradient(0deg,#0c0d0f,rgba(12,13,15,.9) 12%,transparent 65%); }
}
/* Career uses the same charcoal palette as the player profile. */
.sec--data { background:#111215;color:#f2f0ea;border-block:1px solid var(--line); }
.sec--data .eyebrow,.sec--data .shead__sub,.sec--data .lbl span,
.crow--head span,.crow__club>span,.crow__level,.crow__out span,.ctable__foot,
.chart__legend,.chart__legend em,.kpis span,.speed__note { color:#adb1ba; }
.sec--data .shead__fig,.chart__cap b,.speed__cap b,.bar__x span,.speed__scale span { color:#a2a7b1; }
.ctable,.crow,.crow--head,.chart,.chart__cap,.bar__x,.chart__legend,.kpis,.speed { border-color:rgba(255,255,255,.14); }
.crow:not(.crow--head):hover { background:rgba(255,255,255,.04); }
.crow__level b,.chart__cap span,.speed__cap span,.kpis b,.speed__scale b { color:#f2f0ea; }
.crow.is-current .crow__season,.kpis li:first-child b,.bar--best .bar__total,.bar__best { color:#ff675a; }
.cbadge { background:#30333a;color:#dce0e6; }
.chart,.speed,.kpis li { background:#191b20; }
.kpis { background:rgba(255,255,255,.14);border-radius:7px;overflow:hidden; }
.bar__a,.k--a { background:#c4cad3;color:#111215; }
.bar--zero .bar__total { color:#adb1ba; }
.bar--zero .bar__stack,.speed__track { background:#353941; }
.speed__fill { background:linear-gradient(90deg,#63302e,#dc251b); }
.speed__marker { background:#fff; }
.speed__marker b { background:#f2f0ea;color:#111215; }
.speed__scale li::before { background:#707784; }
.hero-motion { width:44px;padding:0;font-size:16px;min-width:44px; }
.goal-drop { padding:45px 0;background:#1c1516;border-block:1px solid #57312f;scroll-margin-top:80px; }
.goal-drop__inner { display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center; }
.goal-drop__copy h2 { font:clamp(36px,4vw,56px)/1.1 var(--f-disp);margin:14px 0; }
.goal-drop__copy>p:not(.eyebrow) { color:#c6bec0;max-width:42ch;font-size:16px; }
.goal-drop__copy .btn { margin-top:23px; }
.goal-drop__copy .eyebrow { color:#ff8176; }
.goal-drop__clips { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.goal-tile { position:relative;padding:0;aspect-ratio:4/5;overflow:hidden;border-radius:7px;border:1px solid #644441;background:#101215;text-align:left; }
.goal-tile img { width:100%;height:100%;object-fit:cover; }
.goal-tile::after { content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.95)); }
.goal-tile__caption { position:absolute;bottom:18px;left:18px;right:12px;z-index:1; }
.goal-tile__caption b { display:block;font-size:17px; }.goal-tile__caption small { font-size:10px;color:#d5d1d2; }
.goal-tile__play { position:absolute;top:18px;left:18px;display:grid;place-items:center;width:44px;height:44px;background:#d92319;border-radius:4px;z-index:1; }
.goal-tile:hover { border-color:#ff8176; }
.goal-player { color:#f2f0ea;background:#111215;border:1px solid #484049;border-radius:10px;padding:18px;width:min(520px,calc(100vw - 24px));max-height:96dvh;margin:auto; }
.goal-player::backdrop { background:rgba(0,0,0,.88);backdrop-filter:blur(8px); }
.goal-player__head { display:flex;justify-content:space-between;gap:15px;align-items:center; }
.goal-player__head h2 { font:24px var(--f-disp); }.goal-player__head .eyebrow { font-size:9px; }
.goal-player__close { min-width:44px;min-height:44px;font-size:28px; }
.goal-player__progress { display:flex;gap:8px;margin:14px 0; }
.goal-player progress { width:50%;height:4px;accent-color:#e33c30; }
.goal-player video { display:block;width:100%;height:min(62dvh,640px);object-fit:contain;background:#000;border-radius:4px; }
.goal-player__foot { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px; }
.goal-player__foot .btn { padding:10px 14px; }.goal-player__foot .btn:disabled { opacity:.35;cursor:default; }
#goalPosition { font:12px var(--f-mono); }
.goal-player__note { font-size:11px;color:#b5b8be;line-height:1.5;margin-top:12px; }
@media(max-width:700px){ .goal-drop__inner { grid-template-columns:1fr;gap:28px; }.goal-drop__clips{gap:12px;}.goal-tile__caption{left:12px;bottom:12px;}.goal-tile__caption b{font-size:14px;}.goal-player{padding:12px;}.goal-player video{height:58dvh;}.hero-motion{left:28px;} }
.goal-tile { aspect-ratio:16/11; }
.goal-player { width:min(960px,calc(100vw - 24px)); }
.goal-player video { height:auto;aspect-ratio:16/9;max-height:65dvh; }
@media(max-width:700px){ .goal-drop__clips { grid-template-columns:1fr; }.goal-tile { aspect-ratio:16/9; }.goal-player video { height:auto;max-height:60dvh; } }
/* One clear highlight feature, with compact chapter links. */
.goal-drop { background:#0c0d0f;border:0;padding:32px 0 64px; }
.goal-feature { display:grid;grid-template-columns:1.2fr 1fr;background:#17191d;border:1px solid #30333a;border-radius:10px;overflow:hidden; }
.goal-feature__image { position:relative;padding:0;min-height:340px;overflow:hidden;background:#08090a; }
.goal-feature__image img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.goal-feature__image::after { content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%,rgba(0,0,0,.25)); }
.goal-feature__badge { position:absolute;left:20px;top:20px;z-index:1;background:#111215e8;border:1px solid #ffffff33;padding:7px 10px;border-radius:4px;font:10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:white; }
.goal-feature__play { position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;background:rgba(10,11,13,.8);border:1px solid #ffffffb0;border-radius:50%;transition:background .2s; }
.goal-feature__image:hover .goal-feature__play { background:#c8251b; }
.goal-feature__duration { position:absolute;left:20px;bottom:18px;z-index:1;font:10px var(--f-mono);letter-spacing:.07em;color:#fff; }
.goal-feature__body { padding:32px;align-self:center; }
.goal-feature__body>.eyebrow { font-size:10px;letter-spacing:.08em;color:#aeb3bd; }
.goal-feature__body h2 { font:clamp(32px,3.4vw,48px)/1.08 var(--f-disp);margin:13px 0;letter-spacing:-.01em; }
.goal-feature__intro { color:#b2b7c0;font-size:15px;line-height:1.6;max-width:36ch; }
.goal-feature__body>.btn { margin-top:23px; }
.goal-feature__chapters { display:flex;margin-top:25px;border-top:1px solid #353840;padding-top:7px; }
.goal-feature__chapters button { display:flex;align-items:center;gap:9px;min-height:44px;flex:1;padding:8px 0;font-size:12px;text-align:left;color:#d7dae0; }
.goal-feature__chapters button+button { margin-left:20px; }
.goal-feature__chapters button>span:last-child { margin-left:auto;color:#929aa5; }
.goal-feature__index { color:#858d99;font:10px var(--f-mono); }
.goal-feature__chapters button:hover { color:#ff8176; }
/* Consistent surfaces and breathing room throughout the page. */
.sec { padding-block:clamp(56px,6vw,84px); }
.shead { margin-bottom:30px; }.shead__sub { margin-top:12px; }
.btn--red { box-shadow:none; }
.media-feature,.media-reel,.case,.match-card,.facts,.chart,.speed,.profiles__list a { border-color:#30333a;box-shadow:none; }
.case::before { display:none; }
.facts { background:transparent; }
.filters { background:transparent;border:0;padding:0; }
.profile-layout { gap:20px; }
#season .proof { background:transparent;border:0;border-radius:0;padding:8px 0 24px; }
.hero__stats { background:#15171a;border-color:#30333a; }
.hero__stats li:first-child { background:transparent; }
.hero__stats li:first-child b { color:#ff675a; }
.hero__stats li:first-child span { color:#b6bbc0; }
@media(max-width:980px) { .goal-feature { grid-template-columns:1fr 1fr; }.goal-feature__body { padding:24px; }.goal-feature__image { min-height:360px; } }
@media(max-width:700px) {
 .goal-drop { padding:16px 0 42px; }
 .goal-feature { grid-template-columns:1fr; }
 .goal-feature__image { min-height:0;aspect-ratio:16/9; }
 .goal-feature__body { padding:22px; }
 .goal-feature__body h2 { font-size:34px;margin-block:12px; }
 .goal-feature__body>.btn { width:100%;justify-content:center;margin-top:20px; }
 .goal-feature__badge { top:12px;left:12px;font-size:9px;padding:6px 8px; }
 .goal-feature__duration { left:12px;bottom:12px;font-size:9px; }
 .goal-feature__play { width:52px;height:52px; }
 .goal-feature__chapters { margin-top:18px; }
 .goal-feature__chapters button { font-size:11px;gap:7px; }
 .goal-feature__chapters button+button { margin-left:16px; }
 .sec { padding-block:50px; }
 .media-feature,.media-reel,.case { padding:20px; }
 .hero__stats li,.hero__stats li+li,.hero__stats li:nth-child(3) { padding:18px; }
}