/* Photo-led season stories. Isolated from the rest of the archive and Mini App. */
.exhibit-page { --xr-paper:#edf2f6; --xr-muted:#a5b5c4; --xr-line:#263645; --xr-accent:#b0ded2; --ink:var(--xr-paper); --muted:var(--xr-muted); --line:var(--xr-line); background:#080f17; color:var(--xr-paper); color-scheme:dark; }
.exhibit-page main, .exhibit-page .site-header, .exhibit-page .preview-bar, .exhibit-page .site-footer { width:100%; }
.exhibit-page .site-header { position:relative; background:#091319; border-bottom:1px solid #283138; box-shadow:none; color:#fff; }
.exhibit-page .topbar { max-width:1360px; margin:auto; height:56px; }
.exhibit-page #site-nav { padding-bottom:10px; }
.exhibit-page #site-nav a { font-weight:500; border-radius:0; color:#c2cbd1; }
.exhibit-page #site-nav a[aria-current], .exhibit-page #site-nav a:hover { background:#1b2c33; color:#dcf5ed; }
.exhibit-page .preview-bar { padding-inline:max(24px,calc((100vw - 1320px)/2)); background:#162329; color:#aebcc0; }
.exhibit-page main > .container { width:100%; background:#091319; padding:0 max(24px,calc((100vw - 1320px)/2)); }
.exhibit-page .breadcrumbs { padding-block:11px; }
.exhibit-page .breadcrumbs li, .exhibit-page .breadcrumbs a { color:#aab7bc; }
.exhibit-page .site-footer { padding:30px max(24px,calc((100vw - 1280px)/2)); border-top:1px solid var(--xr-line); color:#9bafba; }
.exhibit-page .site-footer .brand, .exhibit-page .site-footer > a:last-child { color:#dbe8ef; }
.exhibit-page .skip-link { background:#1b2c3b; color:#edf2f6; }
.exhibit-page .lightbox { background:#101c22; border:1px solid #51666e; color:#eef6f3; }
.exhibit-page .lightbox-close { background:#293e46; color:#fff; }
.exhibit-page .lightbox::backdrop { background:rgba(3,12,17,.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.xr { overflow:clip; }
.xr a:focus-visible, .xr button:focus-visible { outline:2px solid #a5dfd0; outline-offset:5px; }
.xr h1, .xr h2, .xr h3 { overflow-wrap:normal; }
.xr-overline { display:flex; align-items:center; gap:16px; font-size:10px; font-weight:600; letter-spacing:.16em; line-height:1.4; text-transform:uppercase; color:#97b9bc; }
.xr-match { position:relative; isolation:isolate; min-height:680px; height:calc(100svh - 160px); max-height:970px; background:#081117; color:#fff; overflow:hidden; }
.xr-match__photo { position:absolute; inset:0; z-index:-2; }
.xr-match__image { width:100%; height:100%; object-fit:cover; object-position:44% 0%; }
.xr-match::after { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(270deg,rgba(2,10,15,.78),rgba(2,10,15,.35) 28%,transparent 53%),linear-gradient(0deg,rgba(2,11,16,.92),rgba(2,11,16,.14) 32%,transparent 62%); }
.xr-match a:focus-visible { outline-color:#b3eee0; }
.xr-match__top { position:absolute; inset:24px max(32px,calc((100vw - 1312px)/2)) auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.xr-match__top .xr-overline { color:#e0eee9; }
.xr-match__top > span { font-size:9px; letter-spacing:.14em; color:#d6e3df; }
.xr-match__copy { position:absolute; bottom:58px; right:max(48px,calc((100vw - 1280px)/2)); max-width:38%; }
.xr-season { display:flex; flex-direction:column; margin:0 0 28px; color:#f1f4ef; font-size:clamp(112px,12.8vw,195px); font-weight:650; line-height:.76; letter-spacing:-.085em; }
.xr-season > span { display:block; }
.xr-season .xr-season__last { margin-top:10px; font-weight:350; color:#b0ded2; }
.xr-season i { font-style:normal; font-weight:250; color:rgba(197,233,220,.6); margin-right:2px; }
.xr-match h1 { font-size:clamp(31px,3.7vw,56px); line-height:1.05; letter-spacing:-.05em; font-weight:600; text-wrap:balance; }
.xr-read { display:flex; align-items:center; justify-content:space-between; width:220px; max-width:100%; min-height:44px; margin-top:27px; border-bottom:1px solid rgba(204,238,225,.62); color:#e0eee8; font-size:11px; }
.xr-read span { font-size:21px; }
.xr-match__credit { position:absolute; left:max(32px,calc((100vw - 1312px)/2)); bottom:34px; display:flex; align-items:center; gap:20px; font-size:10px; color:#e4efea; }
.xr-match__credit a { display:flex; align-items:center; min-height:40px; padding:8px 14px; border:1px solid rgba(221,241,230,.24); background:rgba(18,36,38,.42); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.xr-match__caption { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px max(32px,calc((100vw - 1312px)/2)); background:#10212b; color:#bdd2ce; font-size:10px; }
.xr-match__caption a { text-decoration:underline; text-underline-offset:3px; }
.xr-introduction { max-width:1200px; margin:auto; padding:68px 40px 34px; }
.xr-introduction__lead { max-width:960px; margin:0; font-size:clamp(24px,2.8vw,38px); font-weight:400; line-height:1.45; letter-spacing:-.025em; text-wrap:pretty; color:#dfe9ef; }
.xr-contents { display:flex; flex-wrap:wrap; gap:4px 28px; margin-top:36px; padding-block:12px; border-top:1px solid var(--xr-line); }
.xr-contents a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:var(--xr-accent); }
.xr-contents a:hover, .xr-back-top:hover { text-decoration:underline; text-underline-offset:5px; }
.xr :is(section, article[id], li[id]) { scroll-margin-top:28px; }
.xr-object { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:6%; padding:70px max(40px,calc((100vw - 1200px)/2)) 65px; background:#0a1420; scroll-margin-top:30px; }
.xr-object__copy h2 { margin:27px 0; font-size:clamp(38px,4.4vw,64px); font-weight:500; line-height:1.04; letter-spacing:-.055em; }
.xr-object__intro { max-width:355px; font-size:16px; line-height:1.75; color:#aebdca; }
.xr-object__facts { display:flex; flex-wrap:wrap; gap:24px 38px; margin:38px 0; }
.xr-object__facts dt { color:#a1b2bf; font-size:10px; margin-bottom:6px; }
.xr-object__facts dd { margin:0; color:#e3edf4; font-size:13px; font-weight:500; }
.xr-object__story { display:inline-flex; gap:48px; align-items:center; min-height:44px; border-bottom:1px solid #719897; font-size:12px; }
.xr-object__story span { font-size:21px; }
.xr-display { min-width:0; }
.xr-case { position:relative; height:560px; overflow:hidden; background:#090f1e; }
.xr-garment-wrap { position:absolute; inset:0; overflow:hidden; }
.xr-garment { position:absolute; width:100%; max-width:560px; aspect-ratio:var(--xr-image-ratio,1); top:50%; left:50%; transform:translate(-50%,-50%); }
/* Paint the image at its actual zoomed size; never magnify a small composited layer. */
.xr-shirt { position:absolute; display:block; width:min(calc(100% * var(--zoom,1)),calc(var(--xr-native-width,2048px) / var(--xr-pixel-ratio,1))); height:auto; max-width:none; left:50%; top:50%; transform:translate(calc(-1 * var(--xr-focus-x,50%)),calc(-1 * var(--xr-focus-y,50%))); transition:width .6s cubic-bezier(.22,.7,.2,1),transform .6s cubic-bezier(.22,.7,.2,1); }
.xr-case[data-view=collar] { --zoom:3.15; --xr-focus-x:50%; --xr-focus-y:30.5%; }
.xr-expand { position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:44px; min-height:44px; background:rgba(18,36,48,.84); border:1px solid #486477; color:#c4eee4; font-size:24px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.xr-controls { display:flex; justify-content:center; gap:4px; margin:8px auto 0; }
.xr-controls[hidden] { display:none; }
.xr-controls button { padding:8px 15px; min-height:44px; border:0; border-bottom:1px solid transparent; border-radius:0; background:transparent; color:#b1c3d0; font-size:11px; font-weight:500; }
.xr-controls button[aria-pressed=true] { color:#b7e5d8; border-bottom-color:#b7e5d8; background:#172e37; }
.xr-view-caption { min-height:28px; margin-top:13px; text-align:center; font-size:10px; color:#a5b7c5; }
.xr-object__credit { text-align:center; font-size:9px; color:#9daebb; margin-top:10px; }
.xr-story { display:grid; grid-template-columns:190px 1fr; gap:85px; max-width:1180px; margin:auto; padding:105px 40px; }
.xr-index nav { display:grid; gap:16px; margin-top:25px; font-size:12px; color:#a7bbc9; }
.xr-index nav a { min-height:28px; }
.xr-index__year { display:block; margin-top:65px; font-size:42px; font-weight:300; line-height:1.5; letter-spacing:-.07em; color:#8eaaa9; }
.xr-index__year i { font-size:24px; font-style:normal; }
.xr-story h2 { font-size:clamp(35px,4vw,55px); font-weight:500; letter-spacing:-.045em; margin:25px 0; }
.xr-lead { font-size:19px; line-height:1.6; color:#d0dde7; }
.xr-prose { margin-top:35px; font-size:17px; line-height:1.85; color:#bccbd7; max-width:660px; }
.xr-prose p { margin-bottom:20px; }
.xr-prose a { color:#9ddacb; font-size:11px; }
.xr-prose blockquote { margin:38px 0 0; padding:4px 0 4px 24px; border-left:2px solid #83bdaa; color:#d0e9df; font-size:24px; line-height:1.5; font-weight:400; }
.xr-prose cite { display:block; font-size:9px; font-style:normal; color:#a0bcaf; margin-top:18px; letter-spacing:.1em; text-transform:uppercase; }
.xr-references { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:24px; font-size:11px; color:var(--xr-muted); }
.xr-references a { display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:36px; color:var(--xr-accent); }
.xr-editorial-photo { margin:36px 0; min-width:0; }
.xr-editorial-photo__image { display:block; position:relative; background:#091319; }
.xr-editorial-photo__image img { display:block; width:100%; height:auto; }
.xr-editorial-photo__image > span { position:absolute; right:12px; bottom:12px; padding:9px 13px; border:1px solid rgba(207,235,226,.3); background:rgba(6,19,28,.68); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#edf6f2; font-size:10px; }
.xr-editorial-photo figcaption { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; padding-top:14px; border-bottom:1px solid var(--xr-line); padding-bottom:14px; font-size:11px; line-height:1.7; color:var(--xr-muted); }
.xr-editorial-photo figcaption > span { flex:1 1 290px; }
.xr-editorial-photo figcaption a { display:inline-flex; align-items:center; min-height:36px; color:var(--xr-accent); }
.xr-promo { max-width:1280px; margin:auto; padding:0 40px 80px; }
.xr-promo .xr-section-heading { border-top:1px solid var(--xr-line); padding-top:30px; }
.xr-season-facts dl { margin-top:40px; display:grid; gap:42px; }
.xr-season-facts dt { color:var(--xr-muted); font-size:11px; }
.xr-season-facts dd { margin:7px 0 0; font-size:76px; font-weight:300; letter-spacing:-.07em; line-height:1; color:var(--xr-accent); }
.xr-season-facts > a { display:inline-flex; align-items:center; min-height:44px; margin-top:20px; font-size:10px; color:var(--xr-muted); text-decoration:underline; text-underline-offset:4px; }
.xr-transition { margin-top:64px; padding-top:35px; border-top:1px solid #38534f; }
.xr-transition .xr-prose > p:nth-child(2) { margin-block:28px; font-size:23px; line-height:1.6; color:#cce7dd; }
.xr-matches { padding:65px max(40px,calc((100vw - 1200px)/2)) 15px; background:#0c1923; border-block:1px solid var(--xr-line); }
.xr-matches .xr-section-heading h2 { font-size:clamp(32px,4vw,50px); line-height:1.15; }
.xr-back-top { color:var(--xr-accent); font-size:11px; white-space:nowrap; padding-block:14px; }
.xr-game { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); column-gap:52px; padding:38px 0 54px; border-top:1px solid #30454e; }
.xr-game__heading { grid-column:1 / -1; margin-bottom:26px; }
.xr-game__meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px 24px; font-size:11px; color:var(--xr-muted); }
.xr-game__meta > span { letter-spacing:.08em; text-transform:uppercase; }
.xr-game h3 { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-top:15px; font-size:clamp(23px,2.9vw,37px); line-height:1.25; font-weight:500; letter-spacing:-.035em; }
.xr-game h3 strong { font-weight:400; font-size:1.6em; line-height:1; color:var(--xr-accent); white-space:nowrap; font-variant-numeric:tabular-nums; }
.xr-game__body, .xr-game__video { min-width:0; }
.xr-game__body .xr-prose { margin-top:0; font-size:16px; line-height:1.8; }
.xr-game__body .xr-prose p:last-child { margin-bottom:0; }
.xr-game__video { margin:0; align-self:start; }
.xr-player { position:relative; width:100%; aspect-ratio:16 / 9; min-height:202px; overflow:hidden; background:#05090e; border:1px solid #324851; }
.xr-player iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }
.xr-game__video figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 18px; padding-top:9px; font-size:10px; line-height:1.5; color:var(--xr-muted); }
.xr-game__video figcaption a { display:inline-flex; align-items:center; min-height:36px; color:var(--xr-accent); }
.kit-video .xr-player { min-height:0; }
.ks-prose > .kit-video { margin:28px 0 52px; }
.kit-video__external { display:block; position:absolute; inset:0; color:#fff; }
.kit-video__external img { display:block; width:100%; height:100%; object-fit:cover; opacity:.65; }
.kit-video__external::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 35%,rgba(0,0,0,.8)); }
.kit-video__play { position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:64px; height:44px; padding-left:3px; border-radius:12px; background:#e62117; font-size:22px; }
.kit-video__label { position:absolute; z-index:1; left:20px; bottom:16px; color:#fff; font-size:14px; font-weight:600; }
.kit-video__external:focus-visible { outline:3px solid #5087ff; outline-offset:-3px; }
.kit-video__external:hover .kit-video__play { background:#ff3024; }
.xr-details { padding:60px max(40px,calc((100vw - 1200px)/2)) 70px; background:#0d1926; border-block:1px solid #263b49; }
.xr-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:35px; }
.xr-section-heading h2 { font-size:38px; font-weight:500; letter-spacing:-.04em; margin-top:16px; }
.xr-section-heading > span { font-size:10px; color:#a4bdb8; }
.xr-details__grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.xr-details figure { min-width:0; margin:0; }
.xr-construction { background:#0a1420; border-top:0; }
.xr-crop-link { display:block; position:relative; }
/* Show exact 779px quadrants of the original 1564px collage, skipping the 6px dividers. */
.xr-crop, .exhibit-page .lightbox-media[data-crop] { display:block; position:relative; aspect-ratio:1; overflow:hidden; background:#0a1420; }
.exhibit-page [data-crop] > img { position:absolute; display:block; width:calc(100% * 1564 / 779); max-width:none; height:auto; left:0; top:0; }
.exhibit-page [data-crop=back] > img, .exhibit-page [data-crop=nike] > img { left:calc(-100% * 785 / 779); }
.exhibit-page [data-crop=collar] > img, .exhibit-page [data-crop=nike] > img { top:calc(-100% * 785 / 779); }
.exhibit-page .lightbox-media[data-crop] { width:min(100%,68dvh,779px); height:auto; margin:auto; }
.xr-crop-link__zoom { position:absolute; right:12px; bottom:12px; padding:9px 13px; border:1px solid rgba(207,235,226,.3); background:rgba(6,19,28,.72); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#edf6f2; font-size:10px; }
.xr-detail-image { display:block; position:relative; height:330px; overflow:hidden; background:#090f1e; }
.xr-detail-image img { position:absolute; max-width:none; width:280%; height:auto; left:50%; top:50%; transform:translate(-51%,-35.5%); }
.xr-detail-image--crest img { width:340%; transform:translate(-56.2%,-48.5%); }
.xr-detail-image > span { position:absolute; inset:auto 18px 15px auto; padding:5px 9px; background:rgba(5,15,26,.78); color:#e3f3ec; font-size:11px; }
.xr-details figcaption { padding-top:23px; }
.xr-details h3 { font-size:22px; font-weight:500; letter-spacing:-.025em; }
.xr-details figcaption p { font-size:14px; color:#b1c5c4; margin-top:10px; max-width:420px; line-height:1.7; }
.xr-photo-credit { color:#a9beb9; font-size:10px; margin-top:30px; }
.xr-photo-credit a { text-decoration:underline; }
.xr-passport { padding:90px max(40px,calc((100vw - 1120px)/2)); display:grid; grid-template-columns:1fr 1.5fr; gap:90px; }
.xr-passport h2 { font-size:35px; font-weight:500; letter-spacing:-.03em; margin:16px 0; }
.xr-passport p:not(.xr-overline) { font-size:14px; color:#b1c2cd; line-height:1.8; }
.xr-passport dl { display:grid; grid-template-columns:1fr 1fr; gap:25px 32px; margin:0; }
.xr-passport dl div { border-top:1px solid var(--xr-line); padding-top:12px; }
.xr-passport dt { font-size:10px; color:#9cb2bd; margin-bottom:8px; }
.xr-passport dd { margin:0; font-size:14px; }
.xr-passport dd small { display:block; color:#a5b8c4; font-size:10px; line-height:1.7; margin-top:7px; }
.xr-passport a { text-decoration:underline; text-decoration-color:#759c9b; text-underline-offset:4px; }
.xr-sources { padding:45px max(40px,calc((100vw - 1120px)/2)); border-top:1px solid var(--xr-line); }
.xr-sources h2 { font-size:24px; font-weight:500; margin:15px 0; }
.xr-sources ol { margin:25px 0; padding-left:20px; display:grid; grid-template-columns:1fr 1fr; gap:20px 40px; }
.xr-sources li { font-size:11px; padding-left:8px; overflow-wrap:anywhere; }
.xr-sources small { display:block; margin-top:5px; color:#9fb9b8; font-size:10px; }
.xr-sources > p:last-child { font-size:10px; color:#a8beb9; }
.xr-adjacent { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--xr-line); }
.xr-adjacent a { display:flex; flex-direction:column; padding:35px max(32px,calc((100vw - 1120px)/2)); gap:12px; background:#10202d; }
.xr-adjacent a + a { border-left:1px solid var(--xr-line); text-align:right; }
.xr-adjacent small { font-size:10px; color:#a9c3bc; }
.xr-adjacent strong { font-size:32px; font-weight:400; white-space:nowrap; }
.xr-adjacent span { font-size:11px; color:#afc6be; }
@media (min-width:901px) and (max-height:800px) { .xr-match { min-height:570px; } .xr-season { font-size:130px; margin-bottom:20px; } .xr-match__copy { bottom:38px; } .xr-match h1 { font-size:42px; } .xr-read { margin-top:18px; } }
@media (min-width:701px) and (max-width:1000px) { .xr-match { min-height:720px; } .xr-season { font-size:112px; } .xr-match__copy { right:32px; max-width:42%; bottom:75px; } .xr-match h1 { font-size:34px; } .xr-match__image { object-position:68% 0; } .xr-object { padding-inline:32px; gap:2%; } .xr-object__copy h2 { font-size:38px; } .xr-case { height:400px; } .xr-story { grid-template-columns:145px 1fr; gap:35px; padding-inline:32px; } .xr-passport { gap:35px; } .xr-detail-image { height:250px; } }
@media (max-width:1000px) { .xr-game { grid-template-columns:minmax(0,1fr); } .xr-game__body { max-width:680px; } .xr-game__video { grid-row:2; margin-bottom:26px; } }
@media (max-width:700px) {
  .exhibit-page .preview-bar { padding-inline:18px; font-size:9px; }
  .exhibit-page .topbar { height:54px; }
  .exhibit-page #site-nav { background:#11242a; }
  .exhibit-page .nav-toggle:not([hidden]) { display:block; }
  .exhibit-page main > .container { padding-inline:18px; }
  .exhibit-page .breadcrumbs { padding-block:10px; }
  .xr-match { min-height:620px; height:calc(100svh - 135px); max-height:850px; }
  .xr-match__photo { bottom:160px; }
  .xr-match__photo::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#081117,transparent 32%); }
  .xr-match__image { object-position:43% 0; }
  .xr-match::after { background:linear-gradient(0deg,rgba(2,13,18,.97),rgba(2,13,18,.62) 24%,transparent 61%); }
  .xr-match__top { inset:18px 20px auto; }
  .xr-match__top .xr-overline { font-size:8px; gap:10px; }
  .xr-match__top > span { display:none; }
  .xr-match__copy { left:20px; right:20px; max-width:none; bottom:64px; }
  .xr-season { flex-direction:row; align-items:baseline; font-size:clamp(72px,21vw,103px); margin-bottom:20px; line-height:.9; letter-spacing:-.08em; }
  .xr-season .xr-season__last { margin-top:0; }
  .xr-match h1 { font-size:34px; line-height:1.04; max-width:310px; }
  .xr-read { margin-top:16px; width:190px; font-size:10px; }
  .xr-match__credit { bottom:13px; left:20px; right:20px; justify-content:space-between; gap:12px; font-size:9px; }
  .xr-match__credit a { min-height:36px; padding:5px 9px; }
  .xr-match__caption { padding:14px 20px; flex-wrap:wrap; gap:5px 15px; font-size:9px; }
  .xr-introduction { padding:35px 24px 12px; }
  .xr-introduction__lead { font-size:25px; }
  .xr-contents { gap:0 24px; margin-top:25px; }
  .xr-object { grid-template-columns:1fr; gap:22px; padding:45px 24px; }
  .xr-object__copy h2 { font-size:43px; margin:22px 0 18px; }
  .xr-object__intro { font-size:15px; max-width:440px; }
  .xr-object__facts { margin:25px 0; gap:34px; }
  .xr-case { height:390px; }
  .xr-controls button { font-size:10px; padding-inline:14px; }
  .xr-view-caption { font-size:9px; }
  .xr-story { display:block; padding:48px 24px; }
  .xr-index { display:none; }
  .xr-story h2 { font-size:37px; margin:20px 0; }
  .xr-lead { font-size:17px; }
  .xr-lead br { display:none; }
  .xr-prose { margin-top:25px; font-size:16px; }
  .xr-prose blockquote { font-size:23px; padding-left:17px; }
  .xr-prose blockquote br { display:none; }
  .xr-editorial-photo { margin-block:28px; }
  .xr-editorial-photo figcaption { gap:2px 16px; font-size:10px; }
  .xr-promo { padding:0 24px 40px; }
  .xr-details { padding:40px 24px; }
  .xr-section-heading h2 { font-size:31px; }
  .xr-section-heading > span { display:none; }
  .xr-details__grid { grid-template-columns:1fr; gap:35px; }
  .xr-detail-image { height:280px; }
  .xr-details figcaption { padding-top:17px; }
  .xr-photo-credit { line-height:1.7; }
  .xr-season-facts { padding-bottom:27px; margin-bottom:34px; border-bottom:1px solid var(--xr-line); }
  .xr-season-facts dl { display:flex; gap:50px; margin-top:22px; }
  .xr-season-facts dd { font-size:54px; }
  .xr-season-facts > a { margin-top:12px; }
  .xr-transition { margin-top:40px; padding-top:20px; }
  .xr-transition .xr-prose > p:nth-child(2) { font-size:22px; }
  .xr-matches { padding:40px 24px 0; }
  .xr-matches .xr-section-heading { display:block; margin-bottom:12px; }
  .xr-matches .xr-section-heading h2 { font-size:32px; }
  .xr-matches .xr-section-heading br { display:none; }
  .xr-back-top { display:inline-block; margin-top:10px; }
  .xr-game { padding:28px 0 32px; }
  .xr-game__heading { margin-bottom:22px; }
  .xr-game h3 { gap:14px; font-size:25px; }
  .xr-game h3 strong { font-size:36px; }
  .xr-game__meta { font-size:10px; }
  .xr-passport { display:block; padding:45px 24px; }
  .xr-passport dl { margin-top:30px; gap:24px; }
  .xr-passport dd { font-size:12px; }
  .xr-sources { padding:35px 24px; }
  .xr-sources ol { grid-template-columns:1fr; }
  .xr-adjacent a { padding:24px 20px; }
  .xr-adjacent strong { font-size:25px; }
  .xr-adjacent small { font-size:9px; }
}
@media (max-width:380px) { .xr-match h1 { font-size:31px; } .xr-detail-image { height:240px; } .xr-case { height:350px; } .xr-object__copy h2 { font-size:38px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .xr-shirt { transition:none; } }

/* 2021/22: the yellow of the shirt, with a wide team photograph. */
.xr[data-season="2021"] { --xr-accent:#e9eb58; --xr-line:#2c3543; }
.xr[data-season="2021"] .xr-overline { color:#cbcd82; }
.xr[data-season="2021"] a:focus-visible { outline-color:var(--xr-accent); }
.xr[data-season="2021"] .xr-match { min-height:720px; max-height:920px; }
.xr[data-season="2021"] .xr-match__image { object-position:50% 34%; }
.xr[data-season="2021"] .xr-match::after { background:linear-gradient(0deg,#080f17,rgba(8,15,23,.9) 12%,transparent 56%),linear-gradient(180deg,rgba(3,9,16,.6),transparent 20%); }
.xr[data-season="2021"] .xr-match__copy { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:50px; left:max(40px,calc((100vw - 1280px)/2)); right:max(40px,calc((100vw - 1280px)/2)); bottom:92px; max-width:none; }
.xr[data-season="2021"] .xr-season { flex-direction:row; align-items:baseline; font-size:clamp(105px,11.6vw,176px); margin:0; }
.xr[data-season="2021"] .xr-season__last { color:var(--xr-accent); }
.xr[data-season="2021"] .xr-season i { color:rgba(233,235,88,.65); }
.xr[data-season="2021"] .xr-match h1 { font-size:clamp(35px,3.5vw,52px); }
.xr[data-season="2021"] .xr-match__caption { background:#141d2a; color:#c3cad7; }
.xr[data-season="2021"] .xr-index__year { color:#b4b995; }
.xr21-swatches { display:flex; gap:9px; margin-top:35px; }
.xr21-swatches span { width:32px; height:32px; background:#1749d4; }
.xr21-swatches span:nth-child(2) { background:#142979; }
.xr21-swatches span:nth-child(3) { background:#e9eb58; }
.xr21-debut { margin-top:35px; padding:25px 28px; border-left:2px solid var(--xr-accent); background:#131e2b; }
.xr21-debut p:not(.xr-overline) { margin:13px 0; font-size:14px; line-height:1.8; color:#bfcada; }
.xr21-debut a { display:inline-flex; align-items:center; min-height:36px; font-size:11px; color:var(--xr-accent); }
.xr[data-season="2021"] .xr-season-facts dd { font-size:48px; letter-spacing:-.05em; }
.xr[data-season="2021"] .xr-season-facts dd small { display:block; margin-top:9px; color:var(--xr-muted); font-size:15px; letter-spacing:.08em; }
.xr[data-season="2021"] .xr-transition { border-color:var(--xr-line); }
.xr[data-season="2021"] .xr-transition .xr-prose > p:nth-child(n+2) { margin-block:24px; font-size:23px; line-height:1.6; color:#e5e6c6; }
.xr-game__result { margin-top:12px; text-align:right; color:var(--xr-accent); font-size:13px; }
@media (min-width:701px) and (max-width:1000px) {
  .xr[data-season="2021"] .xr-match__copy { grid-template-columns:1fr; gap:25px; }
  .xr[data-season="2021"] .xr-season { font-size:110px; }
  .xr[data-season="2021"] .xr-match h1 br { display:none; }
}
@media (max-width:700px) {
  .xr[data-season="2021"] .xr-match { min-height:620px; }
  .xr[data-season="2021"] .xr-match__photo { bottom:190px; }
  .xr[data-season="2021"] .xr-match__image { object-position:53% 26%; }
  .xr[data-season="2021"] .xr-match__copy { display:block; left:20px; right:20px; bottom:65px; }
  .xr[data-season="2021"] .xr-season { font-size:clamp(72px,21vw,103px); margin-bottom:24px; }
  .xr[data-season="2021"] .xr-match h1 { font-size:34px; }
  .xr[data-season="2021"] .xr-season-facts dl { gap:30px; }
  .xr[data-season="2021"] .xr-season-facts dd { font-size:43px; }
  .xr21-debut { padding:20px; }
  .xr[data-season="2021"] .xr-transition .xr-prose > p:nth-child(n+2) { font-size:21px; }
}