/* Refinement of the existing dark editorial brand, not a replacement theme. */
.redesign{--text-xs:.75rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(2rem,3.4vw,3.5rem);--text-hero:clamp(2.75rem,5.6vw,5.5rem)}
.redesign:before,.redesign .hero:before{display:none}
.redesign .btn--primary{background:var(--teal);box-shadow:none;color:var(--btn-fg)}
.redesign .btn--primary:before,.redesign .btn--primary:after{display:none}
.redesign .hdr{backdrop-filter:none;background:var(--bg)}
.redesign .nav{gap:20px}
.redesign .nav a{font-size:13px}
.redesign-hero{padding:clamp(40px,6vw,88px) 0 56px;overflow:hidden}
.redesign-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.redesign-hero h1{font-size:var(--text-hero);max-width:17ch;line-height:1.01;margin:24px 0}
.redesign-hero .lede{font-size:clamp(17px,1.5vw,20px);max-width:48ch;line-height:1.7}
.redesign-hero .hero__cta{margin:28px 0}
.redesign-byline{font-size:14px;font-weight:700;margin-top:32px}
.redesign-byline span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.redesign-portrait{margin:0;position:relative;align-self:stretch;max-height:600px}
.redesign-portrait picture,.redesign-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:4px}
.redesign-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--bg-2);padding:16px 20px;font-size:12px;color:var(--text)}
.redesign-proof{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-block:1px solid var(--line-2);font-size:13px;color:var(--text)}
.redesign-section{padding:clamp(48px,7vw,96px) 0}
.redesign-section h2{font-size:var(--text-xl);max-width:24ch;margin-bottom:32px;line-height:1.1}
.redesign-section p{max-width:65ch}
.redesign-routes{margin-top:36px}
.redesign-routes article{display:grid;grid-template-columns:60px 1fr 210px;gap:24px;align-items:start;padding:32px 0;border-top:1px solid var(--line-2)}
.redesign-routes h3{font-size:22px;margin:0 0 12px}
.redesign-routes p{font-size:17px;margin:0;max-width:55ch}
.redesign-routes .textlink{font-size:14px;justify-self:end;margin-top:6px}
.redesign-number{font-family:var(--font-display);font-size:30px;color:var(--teal)}
.redesign-aside{padding:32px;background:var(--surface);border-radius:6px;align-self:start}
.redesign-aside h3{margin-bottom:16px}
.coordination-example{background:var(--surface);padding:clamp(20px,4vw,40px);border:1px solid var(--line-strong);border-radius:6px}
.example-heading{display:flex;gap:32px;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line-2)}
.example-heading p{font-size:12px;max-width:34ch;margin:0}
.example-meta{display:flex;justify-content:space-between;gap:24px;padding:28px 0}
.example-meta h3{font-family:var(--font-display);font-size:34px;font-weight:400}
.example-meta p{font-size:13px}
.example-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.example-columns section{padding:0}
.example-columns h4{font-size:14px;color:var(--teal);margin-bottom:24px}
.example-columns dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:20px}
.example-columns dd{margin:6px 0 0;font-size:15px;line-height:1.65}
.coordination-example>.small{margin-top:32px;font-size:13px}
.split+.coordination-example{margin-top:48px}
.redesign-process{list-style:none;padding:0;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.redesign-process li{counter-increment:steps;padding-top:24px;border-top:1px solid var(--line-2)}
.redesign-process li:before{content:"0" counter(steps);font-family:var(--font-display);color:var(--teal);font-size:30px}
.redesign-process h3{font-size:20px;margin:16px 0 12px}
.redesign-process p{font-size:16px}
.redesign .faq{max-width:850px}
.redesign .jcard{border-radius:5px}
.redesign .jcard__tag,.redesign .eyebrow{font-size:12px}
.redesign .formnote a{display:inline;font-size:inherit}
.redesign [data-reveal]{opacity:1!important;transform:none!important}
@media(min-width:1200px) and (max-width:1430px){.redesign .nav{gap:12px}.redesign .nav a{font-size:12px}.redesign .hdr__book-more{display:none}}
@media(max-width:1023px){.redesign-hero-grid{grid-template-columns:1fr}.redesign-portrait{max-height:none;aspect-ratio:4/5;max-width:440px}.redesign-hero h1{max-width:20ch}.redesign-routes article{grid-template-columns:44px 1fr}.redesign-routes .textlink{grid-column:2;justify-self:start}.redesign-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.redesign-hero{padding:32px 0}.redesign-hero h1{font-size:42px;margin:20px 0;max-width:17ch}.redesign-hero .eyebrow{font-size:11px}.redesign-hero .hero__cta{margin:22px 0;align-items:start}.redesign-hero .textlink{font-size:14px}.redesign-byline{margin:24px 0 0}.redesign-portrait{max-height:none;max-width:100%}.redesign-proof{gap:12px;font-size:12px}.redesign-routes article{grid-template-columns:28px 1fr;gap:12px;padding:24px 0}.redesign-routes h3{font-size:19px}.redesign-routes p{font-size:16px}.redesign-number{font-size:24px}.example-heading,.example-meta{display:block}.example-heading p{margin-top:16px}.example-meta p{margin-top:12px}.example-columns{grid-template-columns:1fr;gap:32px}.redesign-process{grid-template-columns:1fr}.redesign-section h2{font-size:36px}.redesign-aside{padding:24px}}
@media(prefers-reduced-motion:reduce){.redesign *{animation:none!important;transition:none!important}}

/* Home: proof strip, four pillars, how I plan. Tokens only. */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:0}
.proof-strip span{padding:28px 24px;font-size:17px;line-height:1.35;font-weight:600;color:var(--ink);border:solid var(--line-2);border-width:1px 0 1px 1px}
.proof-strip span:first-child{border-left:0;padding-left:0}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.pillars article{display:flex;flex-direction:column;gap:14px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.pillars h3{font-size:24px;margin:0;color:var(--ink)}
.pillars p{margin:0;font-size:17px;max-width:none}
.pillars .textlink{margin-top:auto;font-size:15px}
.thinking{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:28px}
.thinking h3{font-size:20px;margin:0 0 10px;color:var(--ink)}
.thinking p{margin:0;font-size:16px}
@media(max-width:1023px){.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip span:nth-child(odd){border-left:0;padding-left:0}.proof-strip span:nth-child(n+3){border-top-width:0}.pillars{grid-template-columns:1fr}.thinking{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.proof-strip span{padding:20px 16px;font-size:15px}.proof-strip span:nth-child(odd){padding-left:0}.pillars article{padding:24px}}

/* Home: career list with the organisation's mark beside each role. */
.career__orgs{display:flex;align-items:center;gap:16px}
.career__logo{flex:none;width:56px;height:56px;object-fit:contain}
.career__orgs .career__who{display:block;color:var(--ink);font-weight:600;font-size:inherit}
.career__orgs .career__who span{display:block;color:var(--muted);font-weight:400;font-size:.9375rem}
@media(max-width:600px){.career__logo{width:44px;height:44px}.career__orgs{gap:12px}}
@media(min-width:36rem){.career li{align-items:center}}

/* Home hero: the fast bowler sits quietly behind the copy and the page arrives in a short sequence. */
.redesign-hero--bg{position:relative}
.redesign-hero--bg>.wrap{position:relative}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-bg img{position:absolute;top:0;left:-20%;width:100%;height:100%;object-fit:cover;opacity:.3;-webkit-mask-image:radial-gradient(ellipse 60% 75% at 58% 45%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 60% 75% at 58% 45%,#000 35%,transparent 100%)}
@media(max-width:1023px){.hero-bg img{left:0;width:100%;height:min(80vh,700px);object-position:68% 15%;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 85% 70% at 60% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 85% 70% at 60% 45%,#000 40%,transparent 100%)}}
@keyframes bowler-in{from{opacity:0;transform:scale(1.06)}}
@keyframes hdr-in{from{opacity:0;transform:translateY(-12px)}}
@media(prefers-reduced-motion:no-preference){
  body:has(.redesign-hero--bg) .hdr__inner>*{animation:hdr-in .7s var(--ease) backwards}
  body:has(.redesign-hero--bg) .hdr__inner>:nth-child(2){animation-delay:.06s}
  body:has(.redesign-hero--bg) .hdr__inner>:nth-child(3){animation-delay:.12s}
  body:has(.redesign-hero--bg) .hdr__inner>:nth-child(4){animation-delay:.18s}
  .hero-bg img{animation:bowler-in 2.2s var(--ease) backwards}
  .redesign-hero--bg .redesign-hero-grid>div>*{animation:rise .7s var(--ease) backwards}
  .redesign-hero--bg .redesign-hero-grid>div>:nth-child(2){animation-delay:.06s}
  .redesign-hero--bg .redesign-hero-grid>div>:nth-child(3){animation-delay:.12s}
  .redesign-hero--bg .redesign-hero-grid>div>:nth-child(4){animation-delay:.2s}
  .redesign-hero--bg .redesign-hero-grid>div>:nth-child(5){animation-delay:.28s}
  .redesign-hero--bg .redesign-portrait{animation:fadein 1.1s var(--ease) .25s backwards}
}