:root{--ink:#090909;--bone:#f2f0e9;--muted:#999a96;--line:rgba(242,240,233,.14);--blue:#315cff;--pad:clamp(20px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}::selection{background:var(--blue);color:#fff}
.nav{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:linear-gradient(to bottom,rgba(9,9,9,.94),rgba(9,9,9,.5),transparent)}
.brand{font-weight:800;letter-spacing:-.045em;font-size:19px;line-height:.82}.navlinks{display:flex;gap:28px;align-items:center;font-size:12px}.navlinks a{opacity:.72}.navlinks a:hover{opacity:1}.nav-cta{border:1px solid var(--line);padding:11px 15px;border-radius:999px;opacity:1}
.eyebrow{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#101010}
.hero>img{height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.95) contrast(1.03)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.93),rgba(0,0,0,.08) 58%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 52%)}
.back{position:absolute;z-index:3;top:96px;left:var(--pad);font-size:9px;text-transform:uppercase;letter-spacing:.13em;border:1px solid rgba(255,255,255,.24);padding:10px 12px;border-radius:999px;background:rgba(0,0,0,.18)}
.hero-content{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:38px}.hero-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d3d2cd;margin-bottom:18px}
.hero h1{font-size:clamp(102px,15.5vw,236px);line-height:.75;letter-spacing:-.087em;text-transform:uppercase;margin:0;font-weight:800}
.hero-meta{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#cac9c4}.hero-meta span+span:before{content:"·";margin-right:14px;color:#666}
.photo-credit{position:absolute;z-index:3;right:18px;bottom:18px;font-size:8px;line-height:1;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7);text-shadow:0 1px 10px rgba(0,0,0,.55);pointer-events:none}
.section{padding:116px var(--pad);border-top:1px solid var(--line)}
.section-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,7vw,108px);align-items:start}
.section-title{font-size:clamp(54px,7vw,108px);line-height:.89;letter-spacing:-.068em;text-transform:uppercase;margin:12px 0 0;font-weight:700}
.copy{max-width:780px}.copy p{font-size:17px;line-height:1.76;color:#c9c8c2;margin:0;text-align:justify;text-justify:inter-word}.copy p+p{margin-top:22px}.copy strong{color:var(--bone)}.represented-since{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.org-link{text-decoration:underline;text-decoration-color:rgba(242,240,233,.22);text-underline-offset:3px}
.player-details{padding:0 var(--pad) 118px}
.social-links{display:flex;gap:10px;margin:0 0 28px}.social-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.2s;background:transparent;color:#c7c7c4}.social-btn:hover{border-color:#777;background:#151515;color:var(--bone);transform:translateY(-2px)}.social-btn svg{width:17px;height:17px;display:block;fill:currentColor}.social-btn .lp{font-size:10px;font-weight:800;letter-spacing:-.04em}.social-lp img{width:20px;height:20px;object-fit:contain}
.business-block{padding:28px 0 38px;border-top:1px solid var(--line)}.business-email{display:inline-block;margin-top:12px;font-size:clamp(25px,3vw,42px);letter-spacing:-.045em;transition:.2s}.business-email:hover{color:var(--blue)}
.performance-block{padding-top:38px}.performance-stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}.performance-stat{min-height:180px;padding:29px 24px 29px 0;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease}.performance-stat+.performance-stat{border-left:1px solid var(--line);padding-left:24px}.performance-stat strong{font-size:clamp(38px,4.4vw,66px);line-height:.9;letter-spacing:-.06em;font-weight:500}.performance-stat span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bone);margin-top:28px}.performance-stat small{display:block;margin-top:7px;font-size:9px;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.performance-link:hover{background:rgba(255,255,255,.025)}.performance-link:hover span,.performance-link:hover small{color:var(--bone)}

.career-former{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.career-former-main{display:flex;align-items:center;gap:12px}.career-former-logo{width:38px;height:38px;object-fit:contain;opacity:.92;transition:opacity .18s ease}.career-former-main:hover .career-former-logo{opacity:1}
.career-former span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.career-former a{font-size:13px;font-weight:700;color:var(--bone);text-decoration:none;transition:color .18s ease}
.career-former a:hover{color:var(--blue)}
@media(max-width:650px){.career-former{align-items:flex-start;flex-direction:column;gap:10px}.career-former-logo{width:34px;height:34px}}

.club-history{padding-top:54px}.club-intro{max-width:620px;margin:12px 0 0;font-size:14px;line-height:1.6;color:#a8a7a1}.clubs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.club-card{display:flex;flex-direction:column;gap:16px;min-height:234px;padding:18px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.02);transition:transform .22s ease,border-color .22s ease,background .22s ease}.club-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}.club-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-order{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#8f8e88}.club-badge{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#dddcd7}.club-badge.current{color:var(--blue);border-color:rgba(49,92,255,.4);background:rgba(49,92,255,.08)}.club-media{flex:1;min-height:136px;display:grid;place-items:center;padding:22px;border-radius:22px;background:linear-gradient(180deg,#f6f3ea,#ece8de);color:#111}.club-wordmark{font-size:clamp(25px,3vw,44px);line-height:.92;text-align:center;text-transform:uppercase;font-weight:800;letter-spacing:-.07em}.club-wordmark.fa{font-size:clamp(54px,6vw,86px);letter-spacing:-.08em}.club-meta strong{display:block;font-size:20px;letter-spacing:-.045em;color:var(--bone)}.club-meta span{display:block;margin-top:7px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.story{background:#efede5;color:#111;padding:12px}.story-wrap{display:grid;grid-template-columns:1.05fr .95fr;min-height:780px}.story-photo{position:relative;overflow:hidden;background:#ddd}.story-photo img{height:100%;object-fit:cover;object-position:center 44%}.story-photo .photo-credit{left:18px;right:auto}.story-copy{padding:clamp(58px,7vw,108px);display:flex;flex-direction:column;justify-content:center}.story-copy .eyebrow{color:#6d6b67}.story-copy h2{font-size:clamp(58px,7vw,106px);line-height:.88;letter-spacing:-.068em;text-transform:uppercase;margin:12px 0 42px}.story-copy p{font-size:17px;line-height:1.76;color:#3b3a36;margin:0;text-align:justify;text-justify:inter-word}.story-copy p+p{margin-top:22px}.story-copy strong{color:#111}.story-copy .org-link{color:#111;text-decoration-color:rgba(0,0,0,.22)}
.quote-placeholder{margin-top:28px;padding-top:25px;border-top:1px solid rgba(0,0,0,.12)}.quote-placeholder span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#85827c;margin-bottom:12px}.quote-placeholder p{font-size:18px;line-height:1.58;color:#1c1c1a;margin:0;text-align:left}
.footer{padding:27px var(--pad) 38px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.navlinks a:not(.nav-cta){display:none}.section-grid,.story-wrap{grid-template-columns:1fr}.story-photo{min-height:620px;order:-1}.clubs-row{grid-template-columns:1fr}}
@media(max-width:650px){.hero{min-height:620px}.hero>img{object-position:54% center}.hero h1{font-size:23vw}.section{padding:78px var(--pad) 82px}.player-details{padding-bottom:82px}.performance-stats{grid-template-columns:1fr}.performance-stat,.performance-stat+.performance-stat{min-height:145px;border-left:0;border-top:1px solid var(--line);padding-left:0}.performance-stat:first-child{border-top:0}.story{padding:8px}.story-photo{min-height:500px}.story-copy{padding:58px 28px}.footer{flex-direction:column}.photo-credit{right:14px;bottom:14px}.story-photo .photo-credit{left:14px;right:auto}}

.footer-tailors-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(153,154,150,.55)}
.footer-tailors-link:hover{color:var(--bone,#f2f0e9);text-decoration-color:currentColor}

@media(max-width:650px){.navlinks{gap:10px}.nav-cta{padding:10px 12px}}

a[href*="gentlemates.com"]{transition:color .18s ease}
a[href*="gentlemates.com"]:hover,
a[href*="gentlemates.com"]:hover strong{color:var(--blue)}
.story-highlight{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--bone)}

/* Former organisation link: keep the logo fixed while the label turns blue and underlines. */
.career-former-main:hover .story-highlight,
.career-former-main:focus-visible .story-highlight {
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.career-former-main:hover .career-former-logo,
.career-former-main:focus-visible .career-former-logo { transform: none; }