@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ee;--white:#fff;--ink:#1e2220;--muted:#696c66;--line:#d9d9d1;--accent:#a6ad88;--dark:#202624}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1400px,calc(100% - 112px));margin:auto}.site-header{height:94px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--paper)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.7px;font-weight:800;white-space:nowrap}.wordmark span:not(.wordmark-dot){font-weight:400}.wordmark-dot,.period{color:#9ea789}.site-header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.site-header nav a{transition:opacity .2s}.site-header nav a:hover{opacity:.55}.site-header nav .nav-contact{padding:13px 18px;border:1px solid var(--ink);border-radius:2px}.nav-contact span{margin-left:14px}.menu-toggle{display:none}.skip{position:absolute;top:-100px;left:1rem;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.hero{min-height:730px;display:grid;grid-template-columns:1fr 315px;gap:8%;padding-top:98px;padding-bottom:95px}.eyebrow,.section-index,.brands-label,.sb-overline,.story-top,.story-foot,.hero-side-caption,.contact-under,.footer{font-size:11px;font-weight:700;letter-spacing:1.8px}.eyebrow{display:flex;gap:14px;align-items:center}.eyebrow-line{width:29px;height:1px;background:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(70px,7.8vw,128px);line-height:1.06;letter-spacing:-8px;font-weight:700;margin:53px 0 58px}h1 em,h2 em{font-style:normal;color:#989f80}.hero-bottom{display:flex;align-items:end;gap:34px;justify-content:space-between}.lead{font-size:17px;line-height:1.75;max-width:630px;color:#51554f}.round-arrow{flex:none;display:grid;place-items:center;border:1px solid #4e544c;width:58px;height:58px;border-radius:50%;font-size:25px;transition:transform .2s}.round-arrow:hover{transform:translateY(6px)}.hero-side{align-self:center}.portrait-slot{height:430px;position:relative;background:#e0dfd6;overflow:hidden}.portrait-slot img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.portrait-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:space-between;flex-direction:column;padding:65px 20px 22px;color:#7b806f;background:linear-gradient(145deg,#dddcd3,#b8bbab)}.no-photo .portrait-fallback{display:flex}.portrait-fallback>span{font:700 115px/1 Manrope,sans-serif;letter-spacing:-16px;margin-right:14px}.muted-letter{color:#f1f1e8}.portrait-fallback small{align-self:flex-end;text-align:right;color:#333b35;font-size:10px;line-height:1.8;letter-spacing:2px}.hero-side-caption{display:flex;justify-content:space-between;gap:5px;margin-top:17px;font-size:9px;letter-spacing:1px}.section-pad{padding-top:125px;padding-bottom:135px;scroll-margin-top:20px}.narrative{background:#222824;color:#fff}.narrative-inner{display:grid;grid-template-columns:28% 1fr;gap:30px}.section-index{color:#8a9086}.narrative h2{font-size:clamp(52px,6.5vw,101px);letter-spacing:-5px;line-height:1.12;margin-bottom:38px}.narrative h2 i{font-style:normal;color:#a8b096}.narrative p{color:#d4d8cf;font-size:21px;line-height:1.65;max-width:710px}.section-heading{display:grid;grid-template-columns:28% 1fr;gap:30px;margin-bottom:64px}.section-heading h2{font-size:clamp(48px,6vw,88px);letter-spacing:-5px;line-height:1.12;margin-bottom:23px}.section-heading p{color:var(--muted);font-size:17px;line-height:1.65;max-width:650px}.services{border-top:1px solid #c9cbc3}.service{display:grid;grid-template-columns:28% 1fr 34px;gap:30px;padding:35px 0 39px;border-bottom:1px solid #c9cbc3}.service .number{font-size:12px;color:#7d8276}.service h3{font-size:27px;letter-spacing:-1px;margin-bottom:11px}.service p{font-size:15px;line-height:1.7;color:var(--muted);max-width:650px;margin-bottom:0}.service-plus{font-size:23px;color:#8c9580}.experience{background:#ebece5}.brands-label{display:flex;justify-content:space-between;margin-bottom:17px}.brands-label span{font-size:9px;color:#858a80}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cccec4;border-left:1px solid #cccec4}.brand-grid div{background:rgba(255,255,255,.18);min-height:133px;border-right:1px solid #cccec4;border-bottom:1px solid #cccec4;display:grid;place-items:center;text-align:center;padding:8px 16px;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(15px,1.65vw,23px);letter-spacing:-1px}.brand-grid .brand-vodafone{font-size:20px;font-weight:600;letter-spacing:-1px}.brand-grid .brand-knvb{font-size:30px;font-weight:800}.brand-grid .brand-huawei{letter-spacing:1.5px}.brand-grid .brand-hp{font-size:51px;font-style:italic;letter-spacing:-6px}.brand-grid .brand-uefa{font-size:32px;letter-spacing:-2px}.brand-note{margin:20px 0 0;font-size:12px;color:#777c72}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story{min-height:365px;padding:26px;background:#ebece5;display:flex;flex-direction:column}.story-top{display:flex;justify-content:space-between;color:#596052;font-size:9px;letter-spacing:1.3px}.story-symbol{font-size:26px;line-height:.9;color:#8b977f}.story h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:54px 0 15px}.story p{font-size:14px;line-height:1.7;color:#5a5f56}.story-foot{margin-top:auto;border-top:1px solid #d0d2c8;padding-top:17px;color:#81877b;font-size:9px;letter-spacing:.7px}.sportsbridge-section{background:#dfE3d9;overflow:hidden}.sb-layout{display:grid;grid-template-columns:22% 1fr 29%;gap:35px;align-items:center}.sb-layout>.section-index{align-self:start}.sb-overline{color:#777e72}.sb-copy h2{font-size:clamp(52px,5vw,83px);letter-spacing:-4px;margin:21px 0}.sb-copy>p{font-size:23px;line-height:1.35;max-width:480px}.sb-body{font-size:15px;line-height:1.75;color:#5c655a;max-width:470px;margin-bottom:30px}.text-link{display:inline-flex;justify-content:space-between;gap:36px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-weight:700;font-size:13px}.sb-art{height:265px;position:relative;display:grid;place-items:center;isolation:isolate}.sb-ring{border:1px solid #aeb8a8;width:245px;height:245px;border-radius:50%;position:absolute}.sb-ring.b{transform:translate(28px,0)}.sb-ring.c{transform:translate(-28px,0)}.sb-art>span{font:800 90px Manrope,sans-serif;letter-spacing:-7px;z-index:1}.sb-art .accent{color:#9daa8b}.contact{padding-top:142px;padding-bottom:100px}.contact h2{font-size:clamp(55px,7vw,112px);letter-spacing:-6px;line-height:1.1;margin:46px 0 28px}.contact>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:600px}.contact-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #272d29;padding:25px 0 27px;margin-top:62px;font:600 35px Manrope,sans-serif;letter-spacing:-1px}.contact-link span{font-size:38px}.contact-under{display:flex;justify-content:space-between;margin-top:30px;font-size:10px;color:#767b73}.contact-under a{color:var(--ink)}.footer{background:#202624;color:#eee;font-size:10px;letter-spacing:.8px}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .wordmark{font-size:14px;letter-spacing:-.6px}.footer a:last-child{color:#cbd2c7}@media(max-width:1100px){.shell{width:min(100% - 70px,1400px)}.site-header nav{gap:18px}.hero{grid-template-columns:1fr 250px;gap:5%}.portrait-slot{height:365px}h1{font-size:clamp(64px,7.5vw,98px);letter-spacing:-5px}.sb-layout{grid-template-columns:20% 1fr 25%}.sb-art{transform:scale(.75)}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:70px}.menu-toggle{display:flex;width:42px;height:42px;justify-content:center;gap:6px;flex-direction:column;background:none;border:0;padding:8px}.menu-toggle span{height:2px;width:26px;background:#222}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;padding:24px 20px 30px;background:#f5f3ee;border-bottom:1px solid #ddd;align-items:stretch;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{font-size:16px;padding:14px 0}.site-header nav .nav-contact{padding:14px;margin-top:14px;text-align:center}.hero{display:block;padding-top:60px;padding-bottom:65px;min-height:auto}.eyebrow{font-size:9px;letter-spacing:1.2px}.eyebrow-line{width:16px}h1{font-size:clamp(53px,13vw,94px);letter-spacing:-4px;margin:40px 0}.lead{font-size:15px}.hero-side{display:none}.round-arrow{width:48px;height:48px}.section-pad{padding-top:80px;padding-bottom:86px}.narrative-inner,.section-heading{grid-template-columns:1fr;gap:28px}.narrative h2,.section-heading h2{letter-spacing:-3px}.narrative p{font-size:18px}.section-heading{margin-bottom:43px}.service{grid-template-columns:35px 1fr 18px;gap:12px;padding:28px 0}.service h3{font-size:21px}.service p{font-size:13px}.service-plus{font-size:18px}.brands-label{gap:10px}.brands-label span{max-width:150px;text-align:right;line-height:1.7}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-grid div{min-height:92px;font-size:14px}.brand-grid .brand-vodafone{font-size:13px}.brand-grid .brand-hp{font-size:36px}.brand-grid .brand-knvb,.brand-grid .brand-uefa{font-size:24px}.stories{grid-template-columns:1fr}.story{min-height:295px}.story h3{margin-top:32px}.sb-layout{grid-template-columns:1fr}.sb-art{display:none}.sb-copy h2{font-size:65px}.contact h2{font-size:clamp(48px,11vw,76px);letter-spacing:-4px}.contact-link{font-size:29px}.contact-under{line-height:1.8}.footer-inner{flex-wrap:wrap;padding:28px 0;gap:15px}.footer .wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version 3: four balanced career stories and OneLove logo treatment */
.stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.story{min-height:345px;padding:32px}
.story h3{margin-top:42px}
.brand-onelove img{max-width:135px;max-height:80px;width:auto;height:auto;object-fit:contain}
.brand-onelove .onelove-fallback,.story-onelove span{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.5px;color:#454b43}
.story-onelove{height:54px;display:flex;align-items:center;margin-top:26px}
.story-onelove img{max-height:54px;max-width:165px;object-fit:contain}
.story-impact h3{margin-top:12px}
@media(max-width:760px){.stories{grid-template-columns:1fr}.story{min-height:310px;padding:27px}.story h3{margin-top:30px}.story-impact h3{margin-top:10px}}

/* V3.2: Speaking & Moderating — visually aligned with existing editorial design */
.inline-link{font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.speaking-section{background:#252b27;color:#f4f5ee}
.speaking-layout{display:grid;grid-template-columns:28% 1fr;gap:30px}
.speaking-section .section-index{color:#aeb6a7}
.speaking-section .sb-overline{color:#b6c0ad}
.speaking-content h2{font-size:clamp(52px,6vw,92px);letter-spacing:-5px;line-height:1.1;margin:23px 0 28px}
.speaking-content h2 em{font-style:normal;color:#a6b297}
.speaking-intro{font-size:clamp(19px,2.1vw,27px);line-height:1.5;max-width:710px;margin-bottom:24px}
.speaking-body{color:#d0d6cb;font-size:16px;line-height:1.85;max-width:760px}
.speaking-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:35px 0 28px;max-width:none}
.speaking-themes span{border-top:1px solid #596257;padding:15px 0;font-size:10px;font-weight:700;letter-spacing:1.25px;color:#dce2d7}
.speaking-formats{color:#aeb8a9;font-size:13px;margin-bottom:35px}
.speaking-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.speaking-primary,.speaking-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;font-weight:700;padding:17px 19px;border:1px solid #e0e5dc;transition:background .2s,color .2s}
.speaking-primary{background:#e0e5dc;color:#252b27}
.speaking-primary:hover{background:#b8c4b0}.speaking-secondary:hover{background:#394239}
@media(max-width:760px){.speaking-layout{grid-template-columns:1fr;gap:25px}.speaking-content h2{letter-spacing:-3px}.speaking-themes{grid-template-columns:1fr}.speaking-actions{align-items:stretch;flex-direction:column}.speaking-primary,.speaking-secondary{width:100%}}

/* V3.3: make direct contact clear and unmistakable */
.site-header nav .nav-contact{background:var(--dark);color:var(--white);border-color:var(--dark);transition:background .2s,color .2s}
.site-header nav .nav-contact:hover{background:#454e45;opacity:1}
.contact-link{background:var(--dark);color:var(--white);padding:30px 38px;margin-top:45px;border:0;border-radius:3px;gap:18px;transition:background .2s,transform .2s}
.contact-link:hover{background:#39443a;transform:translateY(-2px)}
.contact-link>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.contact-action-label{font:700 10px 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#b6c2ac}
.contact-action-title{font:700 clamp(27px,3vw,43px) Manrope,Arial,sans-serif;letter-spacing:-1.5px}
.contact-action-title span{font-size:inherit}
.contact-address{font:400 15px 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#d6ded3}
.contact-action-arrow{font-size:38px;align-self:center}
@media(max-width:760px){.contact-link{padding:24px 22px}.contact-action-title{font-size:30px}.contact-address{font-size:14px}.contact-action-arrow{font-size:27px}.site-header nav .nav-contact{color:#fff}}

/* V3.4 — softer contact styling, retaining a clear direct email action */
.site-header nav .nav-contact{background:#dce5d7;color:#26362c;border-color:#c4d2c0;border-radius:4px;transition:background .2s,border-color .2s,color .2s}
.site-header nav .nav-contact:hover{background:#cbdcc7;border-color:#aabda7;opacity:1}
.contact-link{background:transparent;color:var(--ink);border:0;border-bottom:1px solid #aebbaa;border-radius:0;padding:18px 0 21px;margin-top:37px;gap:8px;transition:border-color .2s,background .2s,transform .2s}
.contact-link:hover{background:transparent;border-color:#667f6a;transform:none}
.contact-link>span:first-child{gap:6px}
.contact-action-title{font:650 clamp(25px,2.6vw,36px) Manrope,Arial,sans-serif;letter-spacing:-1px;color:#435f4b}
.contact-action-title span{font-size:inherit}
.contact-address{font:400 14px 'DM Sans',Arial,sans-serif;color:#68776a}
@media(max-width:760px){.site-header nav .nav-contact{color:#26362c}.contact-link{padding:18px 0 21px}.contact-action-title{font-size:28px}.contact-address{font-size:14px}}

/* V3.5: OneLove logo in card header; restore consistent headline alignment */
.story-impact h3{margin-top:42px}
.story-onelove-corner{height:auto;margin-top:0;flex:0 0 auto;align-self:flex-start;justify-content:flex-end}
.story-onelove-corner img{width:49px;height:49px;max-width:49px;max-height:49px;object-fit:contain}
.story-onelove-corner span{font-size:12px;letter-spacing:-.4px}
@media(max-width:760px){.story-impact h3{margin-top:30px}}

/* V3.6: keep the OneLove emblem in the top-right without changing header row height */
.story-impact .story-top{position:relative}
.story-impact .story-onelove-corner{position:absolute;top:0;right:0;margin:0}
.story-impact h3{margin-top:42px}
@media(max-width:760px){.story-impact h3{margin-top:30px}}


/* V3.7 — mobile portrait and platform-consistent vector iconography */
.icon-arrow,.icon-star,.icon-circle{display:block;flex-shrink:0}
.service-plus,.story-symbol,.link-icon{display:inline-flex;align-items:center;justify-content:center}
.service-plus .icon-arrow{width:21px;height:21px}
.story-symbol .icon-arrow,.story-symbol .icon-star,.story-symbol .icon-circle{width:25px;height:25px}
.link-icon{vertical-align:-.18em;margin-left:.35em}
.link-icon .icon-arrow,.inline-link .icon-arrow,.contact-under .icon-arrow{display:inline-block;width:17px;height:17px;vertical-align:-.19em}
.speaking-actions .link-icon .icon-arrow{width:19px;height:19px}
.contact-action-title .link-icon .icon-arrow{width:28px;height:28px}
.text-link .link-icon{margin-left:auto}
@media(max-width:760px){
  .hero{padding-top:48px;padding-bottom:60px}
  .hero h1{margin:32px 0 34px}
  .hero-bottom{align-items:flex-end}
  .hero-side{display:block;max-width:390px;margin:35px auto 0}
  .portrait-slot{height:auto;aspect-ratio:4 / 4.25}
  .portrait-slot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
  .hero-side-caption{margin-top:12px}
  .service-plus .icon-arrow{width:18px;height:18px}
}
@media(max-width:420px){
  .hero-side{max-width:310px}
  .hero-bottom{gap:12px}
}

/* V3.8 — speaking discovery and mobile SportsBridge fit */
.hero-quick-actions{display:flex;align-items:center;gap:18px;flex:none}
.hero-speaking-cta{display:inline-flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--ink);font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.hero-speaking-cta:hover{background:var(--ink);color:var(--paper)}
.hero-speaking-cta span{font-family:Arial,sans-serif;font-size:17px;line-height:1}
@media(max-width:760px){
 .hero-bottom{flex-wrap:wrap}
 .hero-quick-actions{width:100%;justify-content:space-between;margin-top:4px}
 .sb-layout,.sb-copy{min-width:0}
 .sb-copy h2{font-size:clamp(40px,11.2vw,65px);letter-spacing:-3px;overflow-wrap:anywhere}
 .sportsbridge-section{max-width:100%;overflow:hidden}
}

/* V3.9: vector icon in hero speaking CTA */
.hero-speaking-cta .link-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.hero-speaking-cta .link-icon svg{width:18px;height:18px;display:block}
