/* RicFit "matchday programme" system for ricfit.com.
   Taken from the Transfer and College portals (transfers.ricfit.com, src/app/globals.css + landing.tsx), redesign of
   2026-10-27. One family (Inter), one accent (#FF7A00), two surfaces (Paper white, Pitch #0D0F12), one 2px radius,
   no shadows, no pills, no rounded cards, no decorative icons. White sections are the rule; Pitch bands are the accent.
   Ruled rows numbered 01 02 03, big tabular numerals, a 12-column grid on a 1240px wrap. */

:root {
  --ink: #0d0f12;
  --ink-2: #474c54;
  --ink-3: #6a6f77;
  --line: #e3e3e3;
  --ground: #f6f6f5;
  --orange: #ff7a00;
  --orange-2: #ff8f2b;
  --white: #ffffff;
  --radius: 2px;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --gutter: clamp(20px, 2.4vw, 32px);
  --header: 72px;
  --font: "Inter", "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header) + 12px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.55;
  font-feature-settings: "cv11", "ss03";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
img, video, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
h1, h2, h3, h4 { margin: 0; text-wrap: balance; font-weight: 700; }
p { margin: 0; }
ul, ol, dl, dd, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
strong, b { font-weight: 650; }
:where(a, button, summary, [role="button"]):focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.rf-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--ink); color: #fff; padding: 10px 14px; }
.rf-skip:focus { left: 8px; }
.rf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- layout ---------- */
.rf-wrap { max-width: 1240px; margin-inline: auto; padding-inline: clamp(20px, 4.2vw, 56px); }
.rf-narrow { max-width: 820px; margin-inline: auto; padding-inline: clamp(20px, 4.2vw, 56px); }
.rf-band { padding-block: clamp(72px, 9vw, 136px); }
.rf-band-sm { padding-block: clamp(48px, 6vw, 88px); }
.rf-pitch { background: var(--ink); color: var(--white); }
.rf-ground { background: var(--ground); }
.rf-rule-t { border-top: 1px solid var(--line); }
.rf-rule-b { border-bottom: 1px solid var(--line); }
.rf-stack { display: grid; gap: 20px; align-content: start; }
.rf-stack-lg { display: grid; gap: 28px; align-content: start; }
.rf-stack-sm { display: grid; gap: 12px; align-content: start; }
.rf-cols { display: grid; gap: clamp(40px, 5vw, 48px) var(--gutter); }
@media (min-width: 900px) {
  .rf-cols { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .c-4 { grid-column: span 4; } .c-5 { grid-column: span 5; } .c-6 { grid-column: span 6; }
  .c-7 { grid-column: span 7; } .c-8 { grid-column: span 8; } .c-12 { grid-column: 1 / -1; }
  .rf-cols.end { align-items: end; } .rf-cols.mid { align-items: center; }
  .s-2.c-3 { grid-column: 2 / span 3; }
  .s-2.c-4 { grid-column: 2 / span 4; }
  .s-2.c-5 { grid-column: 2 / span 5; }
  .s-2.c-6 { grid-column: 2 / span 6; }
  .s-2.c-7 { grid-column: 2 / span 7; }
  .s-2.c-8 { grid-column: 2 / span 8; }
  .s-3.c-3 { grid-column: 3 / span 3; }
  .s-3.c-4 { grid-column: 3 / span 4; }
  .s-3.c-5 { grid-column: 3 / span 5; }
  .s-3.c-6 { grid-column: 3 / span 6; }
  .s-3.c-7 { grid-column: 3 / span 7; }
  .s-3.c-8 { grid-column: 3 / span 8; }
  .s-4.c-3 { grid-column: 4 / span 3; }
  .s-4.c-4 { grid-column: 4 / span 4; }
  .s-4.c-5 { grid-column: 4 / span 5; }
  .s-4.c-6 { grid-column: 4 / span 6; }
  .s-4.c-7 { grid-column: 4 / span 7; }
  .s-4.c-8 { grid-column: 4 / span 8; }
  .s-5.c-3 { grid-column: 5 / span 3; }
  .s-5.c-4 { grid-column: 5 / span 4; }
  .s-5.c-5 { grid-column: 5 / span 5; }
  .s-5.c-6 { grid-column: 5 / span 6; }
  .s-5.c-7 { grid-column: 5 / span 7; }
  .s-5.c-8 { grid-column: 5 / span 8; }
  .s-6.c-3 { grid-column: 6 / span 3; }
  .s-6.c-4 { grid-column: 6 / span 4; }
  .s-6.c-5 { grid-column: 6 / span 5; }
  .s-6.c-6 { grid-column: 6 / span 6; }
  .s-6.c-7 { grid-column: 6 / span 7; }
  .s-7.c-3 { grid-column: 7 / span 3; }
  .s-7.c-4 { grid-column: 7 / span 4; }
  .s-7.c-5 { grid-column: 7 / span 5; }
  .s-7.c-6 { grid-column: 7 / span 6; }
  .s-8.c-3 { grid-column: 8 / span 3; }
  .s-8.c-4 { grid-column: 8 / span 4; }
  .s-8.c-5 { grid-column: 8 / span 5; }
  .s-9.c-3 { grid-column: 9 / span 3; }
  .s-9.c-4 { grid-column: 9 / span 4; }
}

/* ---------- type ---------- */
.rf-display { font-size: clamp(46px, 7.4vw, 108px); line-height: 0.93; letter-spacing: -0.045em; font-weight: 720; }
.rf-display.md { font-size: clamp(42px, 6.2vw, 92px); }
.rf-h2 { font-size: clamp(34px, 4.6vw, 64px); line-height: 1; letter-spacing: -0.038em; font-weight: 700; }
.rf-h3 { font-size: clamp(21px, 1.7vw, 24px); line-height: 1.2; letter-spacing: -0.018em; font-weight: 650; }
.rf-lede { font-size: clamp(19px, 1.55vw, 22px); line-height: 1.5; letter-spacing: -0.012em; }
.rf-body { font-size: 17px; color: var(--ink-2); }
.rf-small { font-size: 14px; color: var(--ink-3); }
.rf-caption { font-size: 13px; color: var(--ink-3); }
.rf-pitch .rf-body, .rf-pitch .rf-lede.dim { color: rgba(255, 255, 255, 0.72); }
.rf-pitch .rf-small, .rf-pitch .rf-caption { color: rgba(255, 255, 255, 0.55); }
.dim { color: var(--ink-2); }
.measure { max-width: 60ch; }
.measure-s { max-width: 52ch; }
.rf-label {
  display: flex; align-items: center;
  font-size: 12px; line-height: 1.2; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 650;
  color: var(--ink-3);
}
.rf-pitch .rf-label { color: rgba(255, 255, 255, 0.6); }
/* The one motif: a forward-leaning orange stroke from the angular R mark. */
.rf-label::before {
  content: ""; display: inline-block; flex: none;
  width: 14px; height: 3px; background: var(--orange);
  transform: skewX(-35deg); margin-right: 10px;
}
.rf-label.plain::before { display: none; }
.rf-accent { color: var(--orange); }
.rf-pull { border-left: 2px solid var(--orange); padding-left: 16px; font-size: 18px; font-weight: 650; color: var(--ink); }
.rf-pitch .rf-pull { color: var(--white); }

/* ---------- buttons ---------- */
.rf-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding-inline: 22px;
  border-radius: var(--radius); border: 1px solid transparent;
  font: inherit; font-size: 15px; font-weight: 650; letter-spacing: -0.005em; line-height: 1.1;
  text-decoration: none; cursor: pointer; text-align: center;
  background: var(--orange); color: var(--ink);
  transition: background-color .24s cubic-bezier(.22,.61,.36,1), border-color .24s cubic-bezier(.22,.61,.36,1), color .24s;
}
.rf-button:hover { background: var(--orange-2); }
.rf-button.xl { min-height: 64px; padding-inline: 40px; font-size: 19px; }
.rf-button.wide { width: 100%; }
@media (min-width: 640px) { .rf-button.wide { width: fit-content; } }
.rf-button.ghost { background: transparent; border-color: var(--ink); color: var(--ink); }
.rf-button.ghost:hover { background: var(--ink); color: var(--white); }
.rf-pitch .rf-button.ghost { border-color: rgba(255,255,255,.6); color: var(--white); }
.rf-pitch .rf-button.ghost:hover { background: var(--white); color: var(--ink); }
.rf-arrow { width: 1.05em; height: 1.05em; flex: none; }
.rf-link { font-weight: 650; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.rf-link:hover { color: var(--ink-2); }

/* ---------- header ---------- */
.rf-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid transparent;
  transition: border-color .24s;
}
.rf-header.scrolled, .rf-header.ruled { border-bottom-color: var(--line); }
.rf-header__inner { display: flex; align-items: center; justify-content: space-between; height: var(--header); gap: 24px; }
.rf-header__logo { display: inline-flex; align-items: center; }
.rf-header__logo img { height: 28px; width: auto; }
.rf-nav { display: none; align-items: center; gap: clamp(14px, 1.6vw, 26px); }
.rf-nav a { font-size: 14px; font-weight: 600; color: var(--ink-3); text-decoration: none; padding-block: 6px; border-bottom: 2px solid transparent; white-space: nowrap; }
.rf-nav a:hover { color: var(--ink); }
.rf-nav a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--orange); }
.rf-header__cta { display: none; min-height: 42px; padding-inline: 16px; font-size: 14px; }
.rf-burger {
  display: inline-grid; place-content: center; gap: 6px;
  width: 44px; height: 44px; margin-right: -10px;
  background: none; border: 0; cursor: pointer; color: var(--ink);
}
.rf-burger span { display: block; width: 22px; height: 2px; background: currentColor; transition: transform .3s var(--ease), opacity .2s; }
.rf-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(4px) rotate(45deg); }
.rf-burger[aria-expanded="true"] span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
@media (min-width: 1080px) {
  .rf-nav { display: flex; }
  .rf-burger { display: none; }
  .rf-header__cta { display: inline-flex; }
}
.rf-menu {
  position: fixed; inset: var(--header) 0 0 0; z-index: 49;
  background: var(--white); overflow-y: auto;
  padding: 8px clamp(20px, 4.2vw, 56px) 40px;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .25s var(--ease), transform .25s var(--ease), visibility 0s .25s;
}
.rf-menu.open { opacity: 1; visibility: visible; transform: none; transition: opacity .25s var(--ease), transform .25s var(--ease); }
.rf-menu ol { border-top: 1px solid var(--ink); counter-reset: m; }
.rf-menu li { counter-increment: m; border-bottom: 1px solid var(--line); }
.rf-menu li a {
  display: grid; grid-template-columns: 48px 1fr; align-items: baseline;
  padding-block: 16px; text-decoration: none;
  font-size: 24px; font-weight: 650; letter-spacing: -0.02em;
}
.rf-menu li a::before { content: counter(m, decimal-leading-zero); font-size: 13px; font-weight: 600; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.rf-menu li a[aria-current="page"] { color: var(--ink); }
.rf-menu li a[aria-current="page"]::before { color: var(--orange); }
.rf-menu .rf-button { margin-top: 28px; width: 100%; }
@media (min-width: 1080px) { .rf-menu { display: none; } }

/* ---------- footer ---------- */
.rf-footer { background: var(--ink); color: rgba(255, 255, 255, 0.6); font-size: 13px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.rf-footer__inner { display: grid; gap: 28px; padding-block: 44px 40px; }
.rf-footer__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.rf-footer__logo img { height: 26px; width: auto; }
.rf-footer nav { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.rf-footer a { text-decoration: none; }
.rf-footer a:hover { color: var(--white); }
.rf-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(255,255,255,.15); padding-top: 24px; }
.rf-socials { display: flex; gap: 8px; }
.rf-socials a { display: grid; place-content: center; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.18); border-radius: var(--radius); color: rgba(255,255,255,.75); transition: border-color .2s, color .2s; }
.rf-socials a:hover { border-color: var(--white); color: var(--white); }
.rf-socials svg { width: 16px; height: 16px; }
.rf-footer__legal { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.rf-footer__copy { letter-spacing: 0.08em; }

/* ---------- media ---------- */
.rf-media { position: relative; overflow: hidden; background: var(--ground); border-radius: var(--radius); }
.rf-pitch .rf-media { background: rgba(255,255,255,.06); }
.rf-media img { width: 100%; height: 100%; object-fit: cover; }
.rf-video { position: relative; background: var(--ink); border-radius: var(--radius); overflow: hidden; aspect-ratio: 16 / 9; }
.rf-video wistia-player, .rf-video iframe, .rf-video video { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; border: 0; }
.rf-video:not(:defined) {}
wistia-player[media-id]:not(:defined) { display: block; filter: blur(5px); background-size: contain; background-repeat: no-repeat; }
.ar-16x9 { aspect-ratio: 16 / 9; } .ar-4x5 { aspect-ratio: 4 / 5; } .ar-1 { aspect-ratio: 1; } .ar-3x4 { aspect-ratio: 3 / 4; } .ar-16x10 { aspect-ratio: 16 / 10; }

/* ---------- components ---------- */
/* Ruled rows numbered 01 02 03 with a 1px ink top rule */
.rf-rows { border-top: 1px solid var(--ink); }
.rf-pitch .rf-rows { border-top-color: rgba(255,255,255,.4); }
.rf-rows > li, .rf-rows > .row { display: grid; grid-template-columns: 56px 1fr; gap: 0 20px; border-bottom: 1px solid var(--line); padding-block: 28px 30px; }
.rf-pitch .rf-rows > li, .rf-pitch .rf-rows > .row { border-bottom-color: rgba(255,255,255,.15); }
@media (min-width: 640px) { .rf-rows > li, .rf-rows > .row { grid-template-columns: 72px 1fr; } }
.rf-num { padding-top: 3px; font-size: 15px; font-weight: 600; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.rf-pitch .rf-num { color: rgba(255,255,255,.55); }
.rf-rows .rf-h3 + * { margin-top: 10px; }

/* Definition rows (term | detail) */
.rf-defs { border-top: 1px solid var(--ink); }
.rf-defs > div { display: grid; gap: 4px 20px; border-bottom: 1px solid var(--line); padding-block: 22px; }
@media (min-width: 640px) { .rf-defs > div { grid-template-columns: 220px 1fr; } }
.rf-defs dt { font-weight: 650; }
.rf-defs dd { color: var(--ink-2); }

/* Big tabular stats */
.rf-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.rf-pitch .rf-stats { border-top-color: rgba(255,255,255,.4); }
.rf-stats > div { display: grid; align-content: start; gap: 8px; padding: 22px 16px 26px 0; border-bottom: 1px solid var(--line); }
.rf-stats > div:nth-child(2n) { border-left: 1px solid var(--line); padding-left: 16px; }
.rf-pitch .rf-stats > div { border-color: rgba(255,255,255,.15); }
.rf-stats dd, .rf-stat-n { order: -1; font-size: clamp(40px, 4.6vw, 72px); font-weight: 700; line-height: 0.95; letter-spacing: -0.045em; font-variant-numeric: tabular-nums; }
.rf-stats dt { font-size: 14px; line-height: 1.4; color: var(--ink-3); max-width: 26ch; }
.rf-pitch .rf-stats dt { color: rgba(255,255,255,.6); }
@media (min-width: 900px) {
  .rf-stats.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .rf-stats.five dd { font-size: clamp(40px, 4.2vw, 64px); }
  .rf-stats.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rf-stats.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rf-stats.five > div, .rf-stats.four > div, .rf-stats.three > div { border-bottom: 0; border-left: 1px solid var(--line); padding-left: 20px; }
  .rf-pitch .rf-stats > div { border-left-color: rgba(255,255,255,.15); }
  .rf-stats > div:first-child { border-left: 0 !important; padding-left: 0 !important; }
}
.rf-stats.five > div:last-child:nth-child(odd) { grid-column: 1 / -1; border-left: 0; padding-left: 0; }
@media (min-width: 900px) { .rf-stats.five > div:last-child:nth-child(odd) { grid-column: auto; border-left: 1px solid var(--line); padding-left: 20px; } }

/* Press / partner logo strip: white tiles, ruled */
.rf-logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
@media (min-width: 640px) { .rf-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .rf-logos.six { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.rf-logos > * { display: grid; place-items: center; min-height: 96px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-decoration: none; font-weight: 700; font-size: 15px; letter-spacing: -0.01em; color: var(--ink); text-align: center; transition: background-color .2s; background: var(--white); }
.rf-logos > a:hover { background: var(--ground); }
.rf-logos img { max-height: 44px; width: auto; max-width: 100%; object-fit: contain; }

/* Plain bordered panel (no shadow, 2px) */
.rf-panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.rf-pitch .rf-panel { border-color: rgba(255,255,255,.15); background: transparent; }

/* Photo grid with captions under each image */
.rf-gallery { display: grid; gap: var(--gutter); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .rf-gallery.three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rf-gallery.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 520px) { .rf-gallery.one-sm { grid-template-columns: 1fr; } }
.rf-gallery figure { display: grid; gap: 10px; align-content: start; }
.rf-gallery figcaption { display: grid; gap: 2px; border-top: 1px solid var(--ink); padding-top: 10px; }
.rf-pitch .rf-gallery figcaption { border-top-color: rgba(255,255,255,.4); }
.rf-gallery figcaption strong { font-size: 16px; letter-spacing: -0.01em; }
.rf-gallery figcaption span { font-size: 12px; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 650; color: var(--ink-3); }
.rf-pitch .rf-gallery figcaption span { color: rgba(255,255,255,.55); }

/* Accordion (FAQ and pillars). Works without JS: <details>. */
.rf-acc { border-top: 1px solid var(--ink); }
.rf-pitch .rf-acc { border-top-color: rgba(255,255,255,.4); }
.rf-acc details { border-bottom: 1px solid var(--line); }
.rf-pitch .rf-acc details { border-bottom-color: rgba(255,255,255,.15); }
.rf-acc summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding-block: 24px; font-size: clamp(18px, 1.5vw, 21px); font-weight: 650; letter-spacing: -0.015em;
}
.rf-acc summary::-webkit-details-marker { display: none; }
.rf-acc summary .rf-plus { position: relative; width: 16px; height: 16px; flex: none; transition: transform .24s var(--ease); }
.rf-acc summary .rf-plus::before, .rf-acc summary .rf-plus::after { content: ""; position: absolute; background: currentColor; }
.rf-acc summary .rf-plus::before { left: 0; top: 50%; width: 16px; height: 1.5px; transform: translateY(-50%); }
.rf-acc summary .rf-plus::after { top: 0; left: 50%; width: 1.5px; height: 16px; transform: translateX(-50%); }
.rf-acc details[open] summary .rf-plus { transform: rotate(45deg); }
.rf-acc .rf-acc__body { padding-bottom: 26px; max-width: 68ch; color: var(--ink-2); font-size: 17px; display: grid; gap: 14px; }
.rf-pitch .rf-acc .rf-acc__body { color: rgba(255,255,255,.72); }
.rf-acc .rf-acc__body a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.rf-acc .rf-acc__body ul { list-style: none; display: grid; gap: 8px; }
.rf-acc .rf-acc__body ul li { position: relative; padding-left: 22px; }
.rf-acc .rf-acc__body ul li::before { content: ""; position: absolute; left: 0; top: .72em; width: 10px; height: 2px; background: var(--orange); transform: skewX(-35deg); }
.rf-acc .rf-num-inline { font-size: 15px; font-weight: 600; color: var(--ink-3); font-variant-numeric: tabular-nums; margin-right: 18px; min-width: 28px; display: inline-block; }

/* Tag / chip replacement: plain ruled list, no pills */
.rf-ticks { display: grid; border-top: 1px solid var(--ink); }
.rf-ticks > * { display: flex; gap: 14px; align-items: baseline; padding-block: 14px; border-bottom: 1px solid var(--line); font-weight: 600; }
.rf-ticks > *::before { content: ""; flex: none; width: 12px; height: 3px; background: var(--orange); transform: skewX(-35deg) translateY(-4px); }
.rf-pitch .rf-ticks { border-top-color: rgba(255,255,255,.4); }
.rf-pitch .rf-ticks > * { border-bottom-color: rgba(255,255,255,.15); }

/* Sticky phone bar with the one action */
.rf-sticky {
  position: fixed; inset: auto 0 0 0; z-index: 40;
  background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid var(--line);
  padding: 12px 16px max(12px, env(safe-area-inset-bottom));
  transform: translateY(100%); visibility: hidden; transition: transform .3s var(--ease), visibility 0s .3s;
}
.rf-sticky.show { transform: none; visibility: visible; transition: transform .3s var(--ease); }
.rf-sticky .rf-button { width: 100%; font-size: 17px; }
@media (min-width: 768px) { .rf-sticky { display: none; } }

/* Down/forward nudge on the top action */
@keyframes rf-nudge { 0%, 100% { transform: translateX(-1px); } 50% { transform: translateX(3px); } }
.rf-nudge { animation: rf-nudge 1.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .rf-nudge { animation: none; } }

/* Reveal: visible without JS; JS adds .rf-js to <html> */
.rf-js .rf-reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s var(--ease), transform .55s var(--ease); }
.rf-js .rf-reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .rf-js .rf-reveal { opacity: 1; transform: none; transition: none; } }
.rf-enter { animation: rf-enter .7s var(--ease) both; }
@keyframes rf-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rf-enter { animation: none; } }

/* Page hero (inner pages): label, display headline, lede, ruled */
.rf-hero { padding-block: clamp(36px, 4vw, 60px) clamp(40px, 5vw, 64px); border-bottom: 1px solid var(--line); }
.rf-hero .rf-display { max-width: 14ch; }

/* ---------- prose (blog articles, legal) ---------- */
.rf-prose { font-size: 18px; line-height: 1.7; color: var(--ink-2); }
.rf-prose > * + * { margin-top: 1.1em; }
.rf-prose h1, .rf-prose h2, .rf-prose h3, .rf-prose h4, .rf-prose h5, .rf-prose h6 { color: var(--ink); line-height: 1.15; }
.rf-prose h2 { font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -0.03em; margin-top: 2em; padding-top: 22px; border-top: 1px solid var(--ink); }
.rf-prose h3 { font-size: clamp(21px, 1.9vw, 25px); letter-spacing: -0.02em; margin-top: 1.7em; }
.rf-prose h4, .rf-prose h5, .rf-prose h6 { font-size: 19px; letter-spacing: -0.015em; margin-top: 1.5em; }
.rf-prose h2 + *, .rf-prose h3 + *, .rf-prose h4 + * { margin-top: .6em; }
.rf-prose a { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.rf-prose a:hover { text-decoration-color: var(--ink); }
.rf-prose strong, .rf-prose b { color: var(--ink); }
.rf-prose ul, .rf-prose ol { display: grid; gap: .5em; padding: 0; }
.rf-prose ul > li { position: relative; padding-left: 24px; }
.rf-prose ul > li::before { content: ""; position: absolute; left: 0; top: .78em; width: 11px; height: 2px; background: var(--orange); transform: skewX(-35deg); }
.rf-prose ol { list-style: decimal; padding-left: 1.6em; }
.rf-prose ol > li { padding-left: 6px; }
.rf-prose ol > li::marker { color: var(--ink-3); font-weight: 650; font-variant-numeric: tabular-nums; }
.rf-prose img { border-radius: var(--radius); margin-inline: auto; height: auto !important; }
.rf-prose figure { display: grid; gap: 8px; }
.rf-prose figcaption { font-size: 13px; color: var(--ink-3); }
.rf-prose blockquote { margin: 1.4em 0; border-left: 2px solid var(--orange); padding-left: 18px; color: var(--ink); font-weight: 600; }
.rf-prose table { width: 100%; border-collapse: collapse; font-size: 15px; display: block; overflow-x: auto; }
.rf-prose th, .rf-prose td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.rf-prose th { color: var(--ink); border-bottom-color: var(--ink); font-weight: 650; }
.rf-prose iframe, .rf-prose video { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--radius); }
.rf-prose hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.rf-prose p:empty { display: none; }

/* ---------- utilities ---------- */
.mt-0 { margin-top: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.center { text-align: center; }
.row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.hide-sm { display: none; }
@media (min-width: 900px) { .hide-sm { display: revert; } .hide-lg { display: none !important; } }
.ar-auto { aspect-ratio: auto; }
.nowrap { white-space: nowrap; }

/* A label with no words: the slash alone, used where the live copy has no eyebrow (copy is never invented). */
.rf-mark { display: block; width: 22px; height: 4px; background: var(--orange); transform: skewX(-35deg); margin-left: 3px; }

/* ---------- home ---------- */
.rf-home-hero { padding-block: clamp(28px, 4vw, 64px) 0; }
.rf-home-h1 { font-size: clamp(44px, 5.6vw, 84px); max-width: 13ch; }
.rf-fifa { gap: 0; }
.rf-fifa img { height: 22px; width: auto; margin-right: 10px; }
.rf-fifa::before { display: none; }
.rf-home-partner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: clamp(32px, 4vw, 56px); padding-block: 20px; border-top: 1px solid var(--line); }
.rf-home-partner__mark { font-size: 13px; font-weight: 700; letter-spacing: 0.13em; color: var(--ink); }
.rf-home-stats { margin-top: clamp(56px, 7vw, 96px); }
.rf-partners { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rf-partners figure { display: grid; gap: 10px; }
.rf-partners__tile { display: grid; place-items: center; aspect-ratio: 16 / 9; padding: 12%; background: var(--white); border-radius: var(--radius); }
.rf-partners__tile.dark { background: transparent; border: 1px solid rgba(255,255,255,.2); }
.rf-partners__tile img { width: 100%; height: auto; max-height: 52px; object-fit: contain; }
.rf-pillars summary > span:first-child { display: flex; align-items: baseline; }
.rf-pillar { display: grid; gap: 20px; }
.rf-pillar .rf-media { max-width: 100%; background: transparent; }
.rf-pillar .rf-media img { max-height: 460px; width: auto; max-width: 100%; height: auto; object-fit: contain; }
@media (min-width: 900px) {
  .rf-pillar { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; }
  .rf-pin-col { position: sticky; top: calc(var(--header) + 32px); align-self: start; }
}

/* ---------------------------------------------------------------- Portal call to action (2026-10-27) */
.rf-cta-note { margin-top: 10px; font-size: 14px; line-height: 1.45; color: var(--ink-3); max-width: 46ch; }
.rf-cta-note a { display: inline-block; margin-top: 4px; color: var(--ink); font-weight: 650; text-underline-offset: 3px; }
.rf-pitch .rf-cta-note { color: rgba(255,255,255,.62); }
.rf-pitch .rf-cta-note a { color: var(--white); }
.rf-menu__alt { display: block; margin-top: 14px; font-size: 15px; font-weight: 650; color: var(--ink); text-underline-offset: 3px; }
.rf-header__cta { white-space: nowrap; }

/* ---------------------------------------------------------------- Show the important part, keep the rest one tap away.
   Without JavaScript everything is visible. rf.js folds long text and adds the toggles. */
.rf-toggle {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0;
  background: none; border: 0; border-bottom: 1px solid currentColor; border-radius: 0;
  font: inherit; font-size: 15px; font-weight: 650; color: var(--ink); cursor: pointer;
}
.rf-toggle::after { content: "+"; font-size: 20px; font-weight: 500; line-height: 1; transition: transform .25s var(--ease); }
.rf-toggle[aria-expanded="true"]::after { transform: rotate(45deg); }
.rf-toggle:active { opacity: .6; }
.rf-pitch .rf-toggle { color: var(--white); }

.rf-more__body { position: relative; overflow: hidden; transition: max-height .45s var(--ease); }
.rf-more.is-folded .rf-more__body { max-height: var(--fold, 7.5em);
  -webkit-mask-image: linear-gradient(#000 45%, transparent); mask-image: linear-gradient(#000 45%, transparent); }
.rf-more .rf-toggle { margin-top: 12px; }

/* Card walls: the photo, the name and the result show; the story opens on tap. */
.rf-folded-card:not(.is-open) .rf-fold { display: none; }
.rf-card-toggle { margin-top: 2px; font-size: 14px; min-height: 40px; justify-self: start; }
.rf-capped > .rf-over { display: none; }
.rf-show-all { margin-top: clamp(28px, 4vw, 48px); display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.rf-show-all__count { font-size: 14px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .rf-more__body, .rf-toggle::after { transition: none; } }

/* Photo rows swipe sideways on phones instead of stacking for screens. The next photo peeks in so the row reads as
   swipeable. The row scrolls inside itself, so the page never scrolls sideways. */
@media (max-width: 639px) {
  .rf-gallery.rf-swipe {
    display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 74%;
    gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 4px;
  }
  .rf-gallery.rf-swipe::-webkit-scrollbar { display: none; }
  .rf-gallery.rf-swipe > * { scroll-snap-align: start; min-width: 0; }
  .rf-gallery.four.rf-swipe { grid-auto-columns: 62%; }
}
/* The portal label fits one line on a 375px phone. */
@media (max-width: 420px) {
  .rf-button.xl { padding-inline: 20px; font-size: 17.5px; gap: 10px; }
}
/* Feedback on press, not on release. */
.rf-button:active, .rf-toggle:active { transform: scale(.98); transition: transform .1s ease-out; }

/* ---------------------------------------------------------------- Portal question: Pro or College.
   Phones: a sheet rises from the bottom, where the thumb is. Desktop: a panel in the middle. */
.rf-chooser { padding: 0; border: 0; background: transparent; max-width: none; max-height: none; width: 100%; height: 100%; margin: 0; color: var(--ink); overflow: hidden; }
.rf-chooser::backdrop { background: rgba(13,15,18,.55); }
.rf-chooser[open] { display: grid; align-items: end; justify-items: center; }
.rf-chooser__panel {
  width: 100%; max-width: 560px; background: var(--white); border-top: 3px solid var(--orange);
  padding: 22px clamp(20px, 5vw, 36px) calc(24px + env(safe-area-inset-bottom));
  transition: transform .42s cubic-bezier(.2,.9,.25,1), opacity .25s ease;
}
@media (min-width: 640px) { .rf-chooser[open] { align-items: center; } .rf-chooser__panel { padding-bottom: 32px; } }
.rf-chooser__top { display: flex; justify-content: space-between; align-items: center; }
.rf-chooser__x { position: relative; width: 44px; height: 44px; margin-right: -10px; background: none; border: 0; cursor: pointer; }
.rf-chooser__x span { position: absolute; left: 12px; right: 12px; top: 21px; height: 2px; background: var(--ink); transform: rotate(45deg); }
.rf-chooser__x span + span { transform: rotate(-45deg); }
.rf-chooser__q { margin: 10px 0 18px; font-size: clamp(30px, 7vw, 44px); line-height: .98; letter-spacing: -0.04em; font-weight: 800; }
.rf-chooser__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.rf-chooser__opt { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; min-height: 84px;
  border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: padding .25s var(--ease), background-color .2s; }
.rf-chooser__opt .rf-num { font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.rf-chooser__txt { display: grid; gap: 2px; }
.rf-chooser__txt strong { font-size: 28px; line-height: 1; letter-spacing: -0.03em; font-weight: 800; }
.rf-chooser__txt span { font-size: 14px; color: var(--ink-3); }
.rf-chooser__opt .rf-arrow { width: 22px; height: 22px; color: var(--ink); transition: transform .25s var(--ease), color .2s; }
.rf-chooser__opt:hover, .rf-chooser__opt:focus-visible { padding-inline: 8px; }
.rf-chooser__opt:hover .rf-arrow, .rf-chooser__opt:focus-visible .rf-arrow { color: var(--orange); transform: translateX(4px); }
.rf-chooser__opt:active { background: var(--ground); }
@starting-style { .rf-chooser[open] .rf-chooser__panel { transform: translateY(100%); opacity: 1; } }
@media (min-width: 640px) { @starting-style { .rf-chooser[open] .rf-chooser__panel { transform: translateY(24px) scale(.98); opacity: 0; } } }
@media (prefers-reduced-motion: reduce) { .rf-chooser__panel { transition: none; } }
.rf-home-partner { gap: 10px 16px; }
.rf-home-partner__logo { height: 18px; width: auto; }
.rf-home-partner__logo.wy { height: 22px; }

/* ---------------------------------------------------------------- Accordions that move (rf.js animates the height).
   The opened panel's photo wipes up into place and its paragraphs rise in one after another. */
.rf-acc details > summary .rf-num-inline { transition: color .25s; }
.rf-acc details[open] > summary .rf-num-inline { color: var(--orange); }
.rf-acc details.rf-anim-in .rf-acc__body .rf-media { animation: rf-wipe .7s cubic-bezier(.2,.9,.25,1) both; }
.rf-acc details.rf-anim-in .rf-acc__body .rf-stack-sm > *,
.rf-acc details.rf-anim-in .rf-acc__body > p { animation: rf-rise .55s cubic-bezier(.2,.9,.25,1) both; }
.rf-acc details.rf-anim-in .rf-acc__body .rf-stack-sm > :nth-child(2) { animation-delay: .07s; }
.rf-acc details.rf-anim-in .rf-acc__body .rf-stack-sm > :nth-child(3) { animation-delay: .14s; }
.rf-acc details.rf-anim-in .rf-acc__body .rf-stack-sm > :nth-child(4) { animation-delay: .21s; }
.rf-acc details.rf-anim-in .rf-acc__body .rf-stack-sm > :nth-child(n+5) { animation-delay: .28s; }
@keyframes rf-wipe { from { clip-path: inset(100% 0 0 0); transform: scale(1.04); } to { clip-path: inset(0 0 0 0); transform: none; } }
@keyframes rf-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rf-acc details.rf-anim-in * { animation: none !important; } }

/* Filter tabs: a ruled row, the chosen one underlined in ink with an orange count. No pills. */
.rf-filter { display: flex; gap: 0 22px; overflow-x: auto; scrollbar-width: none; margin-bottom: clamp(24px, 3vw, 36px); border-bottom: 1px solid var(--line); }
.rf-filter::-webkit-scrollbar { display: none; }
.rf-filter[hidden] { display: none; }
.rf-filter button { flex: none; display: inline-flex; align-items: baseline; gap: 6px; min-height: 48px; padding: 0; margin-bottom: -1px;
  background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; font: inherit; font-size: 15px; font-weight: 650; color: var(--ink-3); cursor: pointer;
  transition: color .2s, border-color .2s; }
.rf-filter button span { font-size: 12px; font-variant-numeric: tabular-nums; }
.rf-filter button[aria-pressed="true"] { color: var(--ink); border-bottom-color: var(--ink); }
.rf-filter button[aria-pressed="true"] span { color: var(--orange); }
.rf-filter button:hover { color: var(--ink); }
.rf-out { display: none !important; }

/* Success cards with a career path. Desktop: point at one, the others step back and its path rises over the photo.
   Phones: the path sits under the name. */
.rf-spot figure { position: relative; transition: opacity .3s var(--ease); }
.rf-spot .rf-path { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; letter-spacing: 0; text-transform: none; font-weight: 500; color: rgba(255,255,255,.72); }
.rf-spot .rf-media img { transition: transform .6s cubic-bezier(.2,.9,.25,1); }
@media (hover: hover) and (min-width: 900px) {
  .rf-spot:hover figure:not(:hover) { opacity: .42; }
  .rf-spot figure:hover .rf-media img { transform: scale(1.04); }
  .rf-spot .rf-path { position: absolute; left: 0; right: 0; bottom: 100%; margin: 0 0 10px; padding: 14px 16px;
    background: var(--ink); color: var(--white); font-size: 14px; transform: translateY(8px); opacity: 0; pointer-events: none;
    transition: transform .4s cubic-bezier(.2,.9,.25,1), opacity .25s; }
  .rf-spot figure:hover .rf-path { transform: none; opacity: 1; }
}
.rf-spot figcaption { position: relative; }

/* FAQ search: one ruled input, ink underline, no box. */
.rf-search { display: grid; gap: 10px; max-width: 640px; margin-bottom: clamp(36px, 5vw, 64px); }
.rf-search input { width: 100%; min-height: 56px; padding: 0; border: 0; border-bottom: 2px solid var(--ink); border-radius: 0; background: none;
  font: inherit; font-size: clamp(20px, 2.4vw, 26px); font-weight: 600; letter-spacing: -0.02em; color: var(--ink); outline: none; }
.rf-search input::placeholder { color: #b4b7bc; }
.rf-search input:focus { border-bottom-color: var(--orange); }
.rf-search__none { font-size: 15px; color: var(--ink-3); }
[data-rf-faq-group][hidden], .rf-acc details[hidden] { display: none; }

/* ---------------------------------------------------------------- Hero motion */
.rf-split-on .rf-line { display: block; overflow: hidden; padding-bottom: .06em; margin-bottom: -.06em; }
.rf-split-on .rf-line > span { display: block; animation: rf-line-up .9s cubic-bezier(.19,1,.22,1) both; }
@keyframes rf-line-up { from { transform: translateY(110%); } to { transform: none; } }
.rf-video.rf-wipe-on { animation: rf-video-wipe 1s cubic-bezier(.76,0,.24,1) .25s both; }
.rf-video.rf-wipe-on > * { animation: rf-video-settle 1.3s cubic-bezier(.19,1,.22,1) .25s both; }
@keyframes rf-video-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes rf-video-settle { from { transform: scale(1.15); } to { transform: none; } }

/* Results ticker: a pitch-black strip of real outcomes, names in white, outcomes dimmed, orange slashes between. */
.rf-ticker { background: var(--ink); color: var(--white); overflow: hidden; border-top: 3px solid var(--orange); margin-top: clamp(28px, 4vw, 56px); }
.rf-ticker__track { display: flex; width: max-content; will-change: transform; }
.rf-ticker__row { display: flex; flex: none; margin: 0; padding: 0; list-style: none; }
.rf-ticker__row li { display: flex; align-items: baseline; gap: 10px; flex: none; padding: 18px 0; white-space: nowrap; font-size: 15px; }
.rf-ticker__row li::after { content: ""; display: inline-block; width: 14px; height: 3px; margin: 0 28px; background: var(--orange); transform: skewX(-35deg) translateY(-4px); }
.rf-ticker__row strong { font-weight: 750; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.rf-ticker__row span { color: rgba(255,255,255,.62); }
.rf-ticker--still { width: auto; overflow-x: auto; scrollbar-width: none; }
.rf-home-hero + .rf-ticker { margin-top: 0; }

/* Partner tabs (home, dark band): two logos as tabs over a ruled panel; a 2px orange bar fills as the timer. */
.rf-ptabs { display: grid; gap: 0; }
.rf-ptabs__list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.16); }
.rf-ptabs__list [role="tab"] { position: relative; display: grid; place-items: center start; min-height: 96px; padding: 0 20px 0 0;
  background: none; border: 0; border-radius: 0; cursor: pointer; opacity: .42; transition: opacity .3s; }
.rf-ptabs__list [role="tab"] + [role="tab"] { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.16); }
.rf-ptabs__list [role="tab"][aria-selected="true"], .rf-ptabs__list [role="tab"]:hover { opacity: 1; }
.rf-ptabs__list img { height: 22px; width: auto; max-width: 100%; }
.rf-ptabs__list [role="tab"]:nth-child(2) img { height: 28px; }
.rf-ptabs__bar { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--orange); transform-origin: left; transform: scaleX(0); }
.rf-ptabs__list [role="tab"] + [role="tab"] .rf-ptabs__bar { left: 20px; }
[aria-selected="true"] > .rf-ptabs__bar { transform: none; }
.rf-tabs-auto [aria-selected="true"] > .rf-ptabs__bar { animation: rf-timer 6s linear both; }
.rf-tabs-auto:hover [aria-selected="true"] > .rf-ptabs__bar, .rf-tabs-auto:focus-within [aria-selected="true"] > .rf-ptabs__bar { animation-play-state: paused; }
@keyframes rf-timer { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.rf-ptabs__panel { padding-top: 28px; display: grid; gap: 8px; }
.rf-ptabs__panel + .rf-ptabs__panel { border-top: 1px solid rgba(255,255,255,.16); }
.rf-tabs-on .rf-ptabs__panel + .rf-ptabs__panel { border-top: 0; }
.rf-ptabs__panel[hidden] { display: none; }
.rf-ptabs__panel > * { animation: rf-rise .5s cubic-bezier(.2,.9,.25,1) both; }
.rf-ptabs__panel > :nth-child(2) { animation-delay: .06s; } .rf-ptabs__panel > :nth-child(3) { animation-delay: .12s; }
.rf-ptabs__count { font-size: 13px; color: rgba(255,255,255,.5); font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.rf-ptabs__count b { color: var(--orange); font-weight: 700; }
.rf-ptabs__name { font-size: clamp(34px, 4vw, 56px); line-height: .95; letter-spacing: -0.045em; font-weight: 800; color: var(--white); }
.rf-ptabs__what { font-size: 17px; line-height: 1.5; color: rgba(255,255,255,.7); max-width: 34ch; }
@media (prefers-reduced-motion: reduce) { .rf-ptabs__panel > * { animation: none; } }
/* Logo strip: club crests in their own colours, platform wordmarks in white, generous spacing, no separators. */
.rf-ticker--logos .rf-ticker__row li { padding: 22px 0; margin-right: clamp(44px, 5vw, 72px); }
.rf-ticker--logos .rf-ticker__row li::after { content: none; }
.rf-ticker--logos img { height: 48px; width: auto; max-width: 160px; object-fit: contain; }
.rf-ticker--logos li.wide img { height: 22px; max-width: 190px; }
@media (max-width: 639px) { .rf-ticker--logos img { height: 38px; } .rf-ticker--logos li.wide img { height: 18px; } .rf-ticker--logos .rf-ticker__row li { padding: 16px 0; } }
/* Logo strip sits on paper so every crest keeps its colours; ink rules above and below, wordmarks in ink. */
.rf-ticker--logos { background: var(--white); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); }
.rf-ticker--logos .rf-ticker__row li { display: flex; align-items: center; height: 96px; padding: 0; }
.rf-ticker--logos img { height: 56px; }
.rf-ticker--logos li.wide img { height: 16px; max-width: 150px; }
@media (max-width: 639px) { .rf-ticker--logos .rf-ticker__row li { height: 76px; padding: 0; } .rf-ticker--logos img { height: 44px; } .rf-ticker--logos li.wide img { height: 13px; } }
.rf-ticker--logos li.wide img[alt="TransferRoom"] { height: 13px; }
.rf-ticker--logos li.wide img[alt="Wyscout"] { height: 22px; max-width: 170px; }
@media (max-width: 639px) { .rf-ticker--logos li.wide img[alt="TransferRoom"] { height: 11px; } .rf-ticker--logos li.wide img[alt="Wyscout"] { height: 18px; } }
/* Hero partner line: room around each logo, wordmarks optically matched. */
.rf-home-partner { gap: 12px 28px; }
.rf-home-partner .rf-caption[aria-hidden] { margin-inline: -8px; }
.rf-home-partner__logo { height: 15px; }
.rf-home-partner__logo.wy { height: 24px; }
@media (max-width: 639px) { .rf-home-partner { gap: 10px 20px; } .rf-home-partner__logo { height: 13px; } .rf-home-partner__logo.wy { height: 20px; } }

/* ---------------------------------------------------------------- QA fixes, 2026-10-27 */
/* Photo frames crop to their shape, so a landscape photo never leaves a hole next to portrait posters. */
.rf-media[class*="ar-"] img { width: 100%; height: 100%; object-fit: cover; }
/* Press logos: drop the off-white square of JPG logos into the white cell; lift the tiny NY Weekly wordmark. */
.rf-logos img { mix-blend-mode: multiply; }
.rf-logos img[src*="nyweekly"] { transform: scale(1.6); }
/* FAQ search: no browser-blue clear button. */
.rf-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
/* Filter tabs wrap onto a second row on phones instead of hiding tabs off the edge. */
@media (max-width: 639px) { .rf-filter { flex-wrap: wrap; overflow: visible; gap: 0 18px; } .rf-filter button { min-height: 42px; } }
/* Odd stat counts: the last stat takes the full row on phones, so no empty ruled cell. */
@media (max-width: 899px) { .rf-stats.five > div:last-child { grid-column: 1 / -1; border-left: 0; padding-left: 0; } }