html{scroll-behavior:smooth}
/* Fragment destinations retain focus for navigation without outlining whole sections. */
.refresh-page :is(main,section)[tabindex="-1"]:focus{outline:none}
body.refresh-page{background:white;color:var(--ink);text-wrap:pretty}
.refresh-page img{display:block;max-width:100%}
.refresh-page img[src*="/selected/"]{height:auto}
.refresh-page h1,.refresh-page h2,.refresh-page h3{text-wrap:balance}
.refresh-page p{max-width:70ch}
/* Global Action & Button Standards */
.refresh-page .button,
.refresh-page .text-action,
.refresh-page .button-light,
.refresh-page .show-roles,
.refresh-page #clear,
.refresh-page .component-enquiry button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
.refresh-page .button:active,
.refresh-page .text-action:active,
.refresh-page .button-light:active,
.refresh-page .show-roles:active,
.refresh-page #clear:active,
.refresh-page .component-enquiry button[type="submit"]:active {
  transform: translateY(1px);
}

/* Primary filled button (dark teal) */
.refresh-page .button,
.refresh-page #clear,
.refresh-page .component-enquiry button[type="submit"] {
  background: var(--deep);
  color: white;
  border: 1px solid var(--deep);
}
.refresh-page .button:hover,
.refresh-page #clear:hover,
.refresh-page .component-enquiry button[type="submit"]:hover {
  background: var(--teal);
  border-color: var(--teal);
  color: white;
  text-decoration: none;
}

/* Show roles outline button */
.refresh-page .show-roles {
  background: transparent;
  color: var(--teal);
  border: 1px solid var(--teal);
  margin-bottom: 24px;
}
.refresh-page .show-roles:hover {
  background: #e4eeee;
  border-color: var(--deep);
  color: var(--deep);
  text-decoration: none;
}

/* Secondary outline button (dark teal outline, transparent background) */
.refresh-page .text-action {
  background: transparent;
  color: var(--deep);
  border: 1px solid var(--deep);
}
.refresh-page .text-action:hover {
  background: #e4eeee;
  border-color: var(--deep);
  color: var(--deep);
  text-decoration: none;
}

/* Light filled button (for dark containers) */
.refresh-page .button-light {
  background: white;
  color: var(--deep);
  border: 1px solid white;
}
.refresh-page .button-light:hover {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--ink);
  text-decoration: none;
}

/* Arrow micro-interactions across interactive links & buttons */
.refresh-page a span[aria-hidden="true"],
.refresh-page button span[aria-hidden="true"] {
  display: inline-block;
  line-height: 1;
  transition: transform 0.15s cubic-bezier(0.2, 0, 0.2, 1);
}
.refresh-page a:hover span[aria-hidden="true"],
.refresh-page button:hover span[aria-hidden="true"] {
  transform: translateX(3px);
}
.refresh-page .role-back:hover span[aria-hidden="true"] {
  transform: translateX(-3px);
}

/* Section heading and inline navigation links */
.refresh-page .section-heading a,
.refresh-page .home-section-heading a,
.refresh-page .expertise-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: var(--ink);
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
}
.refresh-page .section-heading a:hover,
.refresh-page .home-section-heading a:hover,
.refresh-page .expertise-link a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--teal);
  background: transparent;
}

/* Social & community links */
.refresh-page .home-community .text-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
  color: var(--ink);
}
.refresh-page .home-community .text-action:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--teal);
  background: transparent;
}

/* The selected maximum homepage owns the shared frame. */
.maximum .site-header{background:var(--deep);color:white}
.site-header-line{min-height:84px;display:flex;align-items:center;gap:28px}
.site-brand{display:block;flex:0 0 auto;margin-right:auto}
.site-brand img{width:60px;height:60px;object-fit:contain}
.primary-nav{display:flex;align-items:center;gap:26px}
.primary-nav a,.header-account,.mobile-menu a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.primary-nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.primary-nav a:hover::after,.primary-nav a[aria-current=page]::after{transform:scaleX(1)}
.header-account{font-size:14px;transition:color .15s ease}
.header-account:hover{color:var(--lime)}
.menu-button{display:none;background:transparent;border-color:#91bfc5;color:white;padding:10px 14px}
.menu-button:hover{background:var(--teal)}
.mobile-menu{padding-block:4px 24px;border-top:1px solid #527e85}
.mobile-menu a{justify-content:space-between;border-bottom:1px solid #527e85;padding:10px 0}
.site-header :focus-visible{outline-color:white;box-shadow:0 0 0 6px var(--ink)}

/* Home: enlarged artwork fades behind the selected opening copy. */
.home-page .maximum-hero{border-bottom:0}
.maximum.home-page .maximum-hero.motif-hero{position:relative;isolation:isolate;display:flex;min-height:520px;overflow:hidden}
.home-page .maximum-opening{position:relative;z-index:1;width:56%;}
.home-page .hero-motif{position:absolute;z-index:0;inset:0 -5% 0 24%;max-width:none;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.4) 40%,black 65%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.4) 40%,black 65%)}
.home-page .maximum-opening .text-action{background:rgba(255,255,255,.92)}
.home-page .hero-motif img{width:100%;height:100%;object-fit:contain;object-position:right center}
@media(max-width:800px){
 .maximum.home-page .maximum-hero.motif-hero{min-height:0;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:24px}
 .home-page .maximum-opening{width:100%}
 .home-page .hero-motif{position:relative;inset:auto;width:100%;height:280px;opacity:1;mask-image:none;-webkit-mask-image:none}
 .home-page .hero-motif img{object-fit:contain;object-position:right center}
}
@media(max-width:500px){
 .home-page .hero-motif{height:240px}
 .home-page .hero-motif img{object-fit:cover;object-position:right center}
}
.home-page .roles{border-top:1px solid #bacdd0}
.vacancy-board .section-heading>p{color:#405d63;margin:0 0 16px;max-width:430px}
.vacancy-board .role-list{margin-bottom:20px}
.home-page .home-enquiry{background:#f2f6f5}
.refresh-page .reading .editorial-compact-media{max-height:none}
.maximum .component-footer{background:var(--deep);color:white}

/* Main-page heroes follow the selected homepage proportions. */
.page-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;padding-block:64px 72px;border-bottom:1px solid #bacdd0}
.page-hero:not(:has(.page-hero-art)){grid-template-columns:minmax(0,900px)}
.page-hero .sector,.story-heading .sector,.role-title .sector{color:var(--teal);font-size:18px;margin-bottom:24px}
.page-hero h1{font-size:clamp(36px,4.4vw,62px);line-height:1.08;letter-spacing:-.04em;margin-bottom:28px}
.page-hero h1 span,.story-heading h1 span{color:var(--teal)}
.page-intro{font-size:22px;line-height:1.5;margin-bottom:32px;max-width:590px}
.page-hero-art{margin:0;min-width:0}
.page-hero-art img{width:100%;height:auto}
.page-hero-art img[src*="/selected/"]{aspect-ratio:3/2;object-fit:contain}
.page-hero .action-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.page-section{padding-block:clamp(58px,7vw,88px)}
.page-section-soft{background:#f2f6f5;padding-block:0}
.section-heading-major{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.section-heading-major h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;letter-spacing:-.03em;margin:0}
.section-heading-major p{font-size:20px;margin:0 0 7px}

/* Candidates */
.candidates-page .roles{padding-block:52px 64px}
.registration-note span{display:block;margin-top:8px;color:var(--ink);font-size:16px;line-height:1.5}

.unadvertised-callout {
  margin-top: 48px;
  padding: clamp(32px, 4.5vw, 48px);
  background: #f2f6f5;
  border-left: 4px solid var(--teal);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 36px;
  align-items: center;
}
.unadvertised-callout .sector {
  color: var(--teal);
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.unadvertised-callout h3 {
  font-size: clamp(24px, 2.8vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.unadvertised-callout p {
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  margin: 0;
}
.unadvertised-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.unadvertised-content,.unadvertised-actions{min-width:0}
.refresh-page .unadvertised-actions a{max-width:100%;white-space:normal}
.unadvertised-content p+p{margin-top:16px}

.candidate-compact-guide {
  background: #f2f6f5;
  padding-block: clamp(52px, 6.5vw, 84px);
  border-top: 1px solid #bacdd0;
  border-bottom: 0;
}
.candidate-guide-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(36px, 6vw, 76px);
  align-items: start;
}
.candidate-advisory-col {
  display: flex;
  flex-direction: column;
}
.candidate-advisory-col .sector,
.candidate-commitment-col .sector {
  color: var(--teal);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.advisory-headline {
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -0.025em;
  line-height: 1.12;
  margin-bottom: 16px;
}
.advisory-headline span {
  color: var(--teal);
}
.advisory-copy {
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  margin-bottom: 20px;
}
.advisory-person {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-top: 16px;
  border-top: 1px solid #dce5e5;
}
.advisory-portrait {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid white;
  box-shadow: 0 2px 8px rgba(8, 77, 87, 0.1);
}
.advisory-name {
  font-size: 16px;
  color: var(--ink);
  margin: 0;
  line-height: 1.25;
}
.advisory-role {
  font-size: 13px;
  color: #405d63;
  margin: 2px 0 0;
  line-height: 1.3;
}
.candidate-advisory-col .action-row {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

.candidate-commitment-col {
  border-left: 1px solid #bacdd0;
  padding-left: clamp(28px, 5vw, 56px);
}
.candidate-commitment-col h2 {
  font-size: clamp(26px, 3vw, 36px);
  letter-spacing: -0.025em;
  line-height: 1.12;
  margin-bottom: 16px;
}
.commitment-intro {
  font-size: 17px;
  color: var(--ink);
  line-height: 1.55;
  margin-bottom: 20px;
}
.compact-promise-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.compact-promise-item {
  border-top: 1px solid #dce5e5;
  padding-top: 12px;
}
.compact-promise-item:first-child {
  border-top: 0;
  padding-top: 0;
}
.compact-promise-item h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--deep);
  margin-bottom: 4px;
  line-height: 1.3;
}
.compact-promise-item p {
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
  margin: 0;
}

.refresh-page .candidate-resources {
  border-top: 0;
  padding-block: clamp(56px, 7vw, 92px);
}
.candidate-resources .editorial-compact-body .sector {
  color: var(--teal);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.candidate-resources .editorial-compact-body p:not(.sector) {
  font-size: 15px;
  color: #405d63;
  line-height: 1.5;
  margin-top: 8px;
}

.candidate-closing {
  border-top: 1px solid #bacdd0;
  padding-block: clamp(64px, 8vw, 104px);
}
.candidate-closing-inner {
  max-width: 760px;
}
.candidate-closing-inner h2 {
  font-size: clamp(34px, 4.5vw, 54px);
  letter-spacing: -0.03em;
  line-height: 1.06;
  margin-bottom: 20px;
}
.candidate-closing-inner p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--ink);
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .unadvertised-callout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 850px) {
  .candidate-guide-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .candidate-commitment-col {
    border-left: 0;
    border-top: 1px solid #bacdd0;
    padding-left: 0;
    padding-top: 32px;
  }
}

/* Employers */
.hiring-process{border-top:1px solid #bacdd0;margin-top:32px}
.hiring-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0;counter-reset:hiring-step}
.hiring-steps li{counter-increment:hiring-step;border-top:2px solid var(--teal);padding-top:20px}
.hiring-steps li::before{content:"0" counter(hiring-step);display:block;color:var(--teal);font-size:18px;font-weight:700;margin-bottom:18px}
.hiring-steps h3{font-size:24px;line-height:1.2;margin:0 0 14px;letter-spacing:-.02em}
.hiring-steps p{font-size:17px;line-height:1.55;margin:0}
.hiring-next{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:32px 0 0;font-size:18px}
.employer-specialisms{border-top:1px solid #bacdd0;margin-top:32px}
.employer-specialisms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.employer-specialisms-grid article{border:1px solid #dce5e5;border-top:3px solid var(--teal);padding:28px;background:#fff}
.employer-specialisms-grid h3{font-size:clamp(24px,2.3vw,30px);line-height:1.2;margin:0 0 16px}
.employer-specialisms-grid p{font-size:17px;line-height:1.6;margin:0}
@media(max-width:700px){.employer-specialisms-grid{grid-template-columns:1fr}.employer-specialisms-grid article{padding:22px}}
@media(max-width:1000px){.hiring-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:600px){.hiring-steps{grid-template-columns:1fr;gap:26px}.hiring-steps li{padding-top:16px}.hiring-steps li::before{margin-bottom:10px}.hiring-next{gap:12px}}
.employers-page .service-section {
  padding-bottom: 32px;
}
.service-list-six {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  border-top: 0;
}
.service-card {
  display: flex;
  flex-direction: column;
  background: #f2f6f5;
  border: 1px solid #dce5e5;
  border-top: 3px solid var(--teal);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(10, 46, 54, 0.06);
}
.service-card-media {
  width: 100%;
  aspect-ratio: 3/2;
  background: #e2eceb;
  position: relative;
  overflow: hidden;
}
.service-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-placeholder-frame {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: linear-gradient(135deg, #e4eeed 0%, #d5e5e3 100%);
  border-bottom: 1px solid #c9dedc;
}
.service-placeholder-tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #405d63;
  text-align: center;
}
.service-card-body {
  padding: 28px 24px 32px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.service-card-body h3 {
  font-size: clamp(20px, 1.8vw, 24px);
  letter-spacing: -0.02em;
  line-height: 1.22;
  margin-bottom: 12px;
  color: var(--deep);
}
.service-card-body p {
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink);
  margin: 0;
}

.feature-story {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(40px, 6vw, 76px);
  align-items: center;
  background: var(--deep);
  color: white;
  margin-block: 24px 64px;
  padding: clamp(40px, 6vw, 72px);
}
.feature-story h2 {
  font-size: clamp(36px, 4.5vw, 56px);
  letter-spacing: -0.035em;
  line-height: 1.06;
  margin-bottom: 20px;
}
.case-feature .case-feature-copy > p:not(.feature-label) {
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 28px;
  color: #d1e3e4;
}
.feature-label {
  color: var(--lime);
  font-size: 15px;
  margin-bottom: 22px;
}
.feature-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}
.feature-logo img {
  width: 190px;
  filter: brightness(0) invert(1);
}
.case-feature .feature-client-badge {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.case-feature .feature-client-badge img {
  height: 26px;
  width: auto;
  filter: brightness(0) invert(1);
}
.case-feature .feature-client-badge .feature-label {
  margin: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 13px;
}

.case-feature-quote {
  background: rgba(255, 255, 255, 0.06);
  border-left: 4px solid var(--lime);
  border-radius: 4px;
  padding: clamp(28px, 4vw, 44px);
  position: relative;
}
.case-feature-quote blockquote.highlighted-quote {
  margin: 0;
  padding: 0;
  position: relative;
}
.highlighted-quote .quote-mark {
  font-family: Georgia, serif;
  font-size: clamp(64px, 8vw, 92px);
  line-height: 0.6;
  color: var(--lime);
  display: block;
  opacity: 0.75;
  margin-bottom: 8px;
  user-select: none;
}
.case-feature-quote blockquote p {
  font-size: clamp(23px, 2.5vw, 35px);
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.02em;
  color: white;
  margin: 0 0 20px;
  font-style: normal;
}
.case-feature-quote cite {
  display: block;
  font-style: normal;
  color: var(--lime);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.employer-proof {
  padding-block: 0 76px;
}
.client-line {
  background: var(--deep);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px 40px;
  flex-wrap: wrap;
  padding: 28px;
}
.client-line img {
  width: 96px;
  height: 54px;
  object-fit: contain;
}
.client-line img[alt="Samsung"],
.home-client-logos img[alt="Samsung"] {
  filter: brightness(0) invert(1);
}
.compact-conversation {
  margin-bottom: 80px;
}
.conversation .action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
}
.conversation .action-row .button {
  background: white;
  color: var(--deep);
  border-color: white;
}
.conversation .action-row .button:hover {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--ink);
}
.conversation .text-action {
  color: white;
  border-bottom: 1px solid #91bfc5;
}
.conversation .text-action:hover {
  color: var(--lime);
  border-bottom-color: var(--lime);
}

/* DEI: a short introduction, current focus, commitments and deeper reading. */
.dei-page .page-hero{border-bottom:0}
.sign-section{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;background:var(--deep);color:white;padding:40px;scroll-margin-top:24px}
.sign-section .sector{color:#c4e2e5;font-size:16px;margin-bottom:18px}
.sign-section h2,.dei-section-heading h2,.dei-reading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.03em;margin:0 0 20px}
.sign-name{color:#d4e6e8;font-size:17px;margin:0}
.sign-copy p{font-size:19px;line-height:1.5;margin:0 0 16px}
.sign-copy .action-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.sign-copy .text-action{color:white;border-color:#91bfc5}
.sign-copy .text-action:hover{color:var(--deep);background:white}
.sign-section :focus-visible{outline-color:white}
.dei-commitments{padding-block:56px;scroll-margin-top:24px}
.dei-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:28px}
.dei-section-heading p{font-size:19px;margin:0}
.dei-commitment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.dei-commitment-grid article{border-top:1px solid #bacdd0;padding-top:24px}
.dei-badge{height:82px;display:flex;align-items:center;margin-bottom:20px}
.dei-badge img{width:135px;height:82px;object-fit:contain;object-position:left center}
.dei-commitment-grid h3{font-size:24px;line-height:1.2;margin:0 0 12px}
.dei-commitment-grid p{font-size:18px;margin:0 0 20px}
.dei-reading{border-top:1px solid #bacdd0;padding-block:36px 56px}
.maximum .dei-reading .editorial-resource{grid-template-rows:auto 1fr}
.maximum .dei-reading .home-resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%}
@media(max-width:650px){.maximum .dei-reading .home-resource-list{grid-template-columns:1fr;gap:32px}}
@media(max-width:800px){
 .sign-section{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px}
 .dei-section-heading{grid-template-columns:1fr;gap:0}
 .dei-commitment-grid{grid-template-columns:1fr;gap:24px}
 .dei-commitment-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:24px}
 .dei-badge{grid-row:1 / 4;margin:0}.dei-badge img{width:100px}
 .dei-commitment-grid article>.text-action{grid-column:2;justify-self:start}
}
@media(max-width:450px){
 .sign-section{padding:28px 24px}.sign-copy .action-row{flex-direction:column;align-items:stretch}
 .dei-commitments{padding-block:40px}.dei-commitment-grid article{grid-template-columns:1fr}
 .dei-badge{grid-row:auto;margin-bottom:16px}.dei-commitment-grid article>.text-action{grid-column:auto}
}

/* DEI */
.commitment-list{border-top:1px solid var(--ink)}
.commitment-list article{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:38px;align-items:center;padding:28px 0;border-bottom:1px solid #bacdd0}
.commitment-list img{width:135px;height:82px;object-fit:contain}
.commitment-list h3{font-size:27px;margin-bottom:8px}
.commitment-list p{margin:0}
.feature-logo-light{background:white;border:0}
.feature-logo-light img{filter:none;width:220px}
.route-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #bacdd0}
.route-pair h2{font-size:clamp(34px,4vw,52px);margin:0}
.route-pair>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px}

/* Content */
.content-featured{display:block;padding-block:68px 74px;border-bottom:1px solid #bacdd0}
.content-featured .section-heading{margin-bottom:28px}
.content-featured .section-heading h2{font-size:clamp(36px,4.5vw,54px)}
.content-index{padding-top:72px}
.content-filters{margin:0 0 18px}
.results-status{font-size:14px;color:#405d63;margin-bottom:10px}
.resource-list{border-top:1px solid var(--ink)}
.resource-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;align-items:center;padding:26px 0;border-bottom:1px solid #bacdd0}
.resource-row img{width:190px;aspect-ratio:3/2;object-fit:contain;background:#f2f6f5}
.resource-row p{font-size:14px;color:#405d63;margin:0 0 5px}
.resource-row .resource-category{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--teal)}
.resource-row h2{font-size:clamp(21px,2.5vw,30px);line-height:1.2;margin:0 0 8px;max-width:870px}
.resource-row h2 a{text-decoration:none}
.resource-row h2 a:hover{text-decoration:underline}
.resource-row .resource-summary{font-size:16px;line-height:1.55;color:#405d63;margin:0;max-width:820px}
.census-feature{margin-bottom:88px}
.census-feature figure{margin:0;background:white}
.census-feature figure img{width:100%}

/* Reading pages */
.breadcrumbs{display:flex;gap:9px;align-items:center;padding-block:24px;color:#405d63;font-size:14px}
.breadcrumbs a{min-height:38px;display:inline-flex;align-items:center}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px 84px;padding-block:42px 100px}
.story-heading{grid-column:1/-1;max-width:1080px;padding:18px 0 58px;border-bottom:1px solid #bacdd0}
.story-heading h1{font-size:clamp(46px,6vw,78px);line-height:1.03;letter-spacing:-.04em;margin-bottom:28px}
.story-heading>p:last-child{font-size:22px;line-height:1.5;max-width:690px}
.story-heading-illustrated{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:48px;align-items:center;max-width:none}
.story-heading-illustrated h1{font-size:clamp(44px,5vw,68px)}
.story-heading-illustrated>div>p:last-child{font-size:22px;line-height:1.5;margin-bottom:0}
.story-heading-art{margin:0}
.story-heading-art img{width:100%;height:auto}
.article-art img[src*="/selected/"]{height:auto;aspect-ratio:3/2;object-fit:contain}
.case-sequence>.article-art{margin:0 0 44px}
.role-intro-art{margin:0 0 32px;border-radius:6px;overflow:hidden;border:1px solid #dce5e5}
.role-intro-art img{width:100%;height:auto;display:block}
.story-main{min-width:0;max-width:760px}
.story-main>section{padding-block:38px;border-bottom:1px solid #bacdd0}
.story-main>section:first-of-type{padding-top:0}
.story-main h2{font-size:clamp(28px,3vw,39px);line-height:1.12;margin-top:48px}
.standfirst{font-size:clamp(22px,2.7vw,30px);line-height:1.45;margin-bottom:42px}
.story-aside{align-self:start;position:sticky;top:30px;padding-top:20px;border-top:4px solid var(--lime);display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.story-aside>p{font-weight:700;margin-bottom:8px}
.story-aside:not(.story-aside-deep) .text-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 0;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid #dce5e5;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-size: 16px;
  font-weight: 700;
  gap: 12px;
  white-space: normal;
  line-height: 1.35;
}
.story-aside:not(.story-aside-deep) .text-action:hover {
  background: transparent;
  color: var(--teal);
  text-decoration: none;
}
.story-aside:not(.story-aside-deep) .text-action span[aria-hidden="true"] {
  flex-shrink: 0;
}
.story-aside-deep{background:var(--deep);color:white;border:0;padding:28px}
.story-aside-deep img{width:150px;margin-bottom:24px;filter:brightness(0) invert(1)}
.story-aside-deep>p{font-size:20px}
.pledge-aside{background:#f2f6f5;padding:28px;border-top:0}
.pledge-aside img{width:180px;margin-bottom:22px}
.story-quote{margin:48px 0;padding:34px 0;border-block:1px solid #bacdd0}
.story-quote p{font-size:clamp(25px,3vw,37px);line-height:1.28;margin-bottom:20px}
.case-sequence section{display:grid;grid-template-columns:160px 1fr;gap:34px}
.case-sequence section h2{font-size:24px;margin:0}
.article-art{margin:0 0 42px;background:#f2f6f5;padding:22px}
.article-art img{width:100%;max-height:510px;object-fit:contain}
.prose>p,.prose>ul{font-size:18px;line-height:1.7}
.end-action{display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap;margin-top:52px;padding-top:28px;border-top:1px solid #bacdd0}
.value-list{border-top:1px solid var(--ink)}
.value-list>div{display:grid;grid-template-columns:175px 1fr;gap:36px;padding:20px 0;border-bottom:1px solid #bacdd0}
.value-list h3,.value-list p{margin:0}
.person-feature{display:grid;grid-template-columns:220px 1fr;gap:38px;align-items:center;border-bottom:0!important}
.person-feature img{width:220px;aspect-ratio:4/5;object-fit:cover}

/* Case Study Refresh - Clean, Spacious, Editorial */
.case-story-layout {
  max-width: 860px;
  margin-inline: auto;
  padding-block: 36px 72px;
}
.case-story-header {
  padding: 12px 0 40px;
  border-bottom: 1px solid #bacdd0;
}
.case-story-header .sector {
  color: var(--teal);
  font-size: 17px;
  margin-bottom: 18px;
}
.case-story-header h1 {
  font-size: clamp(42px, 5.5vw, 68px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin-bottom: 22px;
}
.eni-story-fields .case-story-header h1 {font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-0.035em;margin:0 0 22px;color:var(--deep)}
.eni-story-fields .case-text-section h2 {font-size:24px;letter-spacing:-0.02em;margin:0;color:var(--deep)}
.case-story-header h1 span {
  color: var(--teal);
}
.case-story-intro {
  font-size: clamp(20px, 2.2vw, 24px);
  line-height: 1.45;
  color: var(--ink);
  margin: 0;
  max-width: 680px;
}

.case-story-art {
  margin: 40px 0 48px;
  background: #f2f6f5;
  padding: clamp(20px, 3.5vw, 36px);
  border-radius: 4px;
}
.case-story-art img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  display: block;
}

.case-story-body {
  max-width: 760px;
}
.case-story-body > section {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 36px;
  padding-block: 36px;
  border-bottom: 1px solid #bacdd0;
}
.case-story-body > section:first-of-type {
  padding-top: 0;
}
.case-story-body > section h2 {
  font-size: 24px;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--deep);
}
.case-story-body > section p {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  color: var(--ink);
}

.case-illustrated-body {
  max-width: none;
  padding-top: 16px;
}
.case-illustrated-body > .case-illustrated-section {
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
  padding-block: 32px;
}
.case-section-image {
  display: block;
  width: 100%;
  height: auto;
}
.case-illustrated-body .case-section-copy h2 {
  margin-bottom: 14px;
}
@media (max-width: 700px) {
  .case-illustrated-body > .case-illustrated-section {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding-block: 28px;
  }
  .case-section-image {
    max-width: 400px;
    margin-inline: auto;
  }
}

.case-dual-pill {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 36px 0;
  padding: 22px 24px;
  background: #f2f6f5;
  border-radius: 6px;
}
.case-pill-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.case-pill-item .fact-tag {
  align-self: flex-start;
}
.case-pill-item strong {
  font-size: 17px;
  color: var(--deep);
  line-height: 1.3;
}

.case-quote-wrapper {
  margin: 44px 0 24px;
}
.case-quote-wrapper .highlighted-quote {
  background: #f2f6f5;
  border-left: 4px solid var(--teal);
  padding: clamp(24px, 3vw, 32px) clamp(24px, 3.5vw, 36px);
  margin: 0;
  border-radius: 0 4px 4px 0;
}
.case-quote-wrapper .quote-mark {
  font-size: 56px;
  line-height: 1;
  color: var(--teal);
  opacity: 0.4;
  font-family: Georgia, serif;
  display: block;
  margin-bottom: -12px;
}
.case-quote-wrapper blockquote p,
.case-quote-wrapper .highlighted-quote p {
  font-size: clamp(21px, 2.5vw, 27px);
  line-height: 1.35;
  color: var(--deep);
  font-weight: 500;
  margin: 0 0 14px;
}
.case-quote-wrapper cite {
  font-size: 15px;
  color: #405d63;
  font-style: normal;
  font-weight: 600;
  display: block;
}

.case-next-strip {
  margin: 32px 0 0;
  padding-top: 24px;
  font-size: 17px;
  color: #405d63;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.case-next-strip p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.case-next-strip .text-action {
  white-space: normal;
  text-align: left;
}

/* Related Client Proof Section */
.case-related-proof {
  border-top: 1px solid #bacdd0;
  padding-block: clamp(52px, 6.5vw, 84px);
}
.case-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 36px);
  margin-top: 36px;
}
.case-proof-card {
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.case-proof-card:hover {
  border-color: #bacdd0;
  box-shadow: 0 4px 16px rgba(8, 77, 87, 0.06);
}
.case-proof-card .sector {
  color: var(--teal);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.case-proof-card h3 {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin: 0 0 12px;
  color: var(--ink);
}
.case-proof-card p {
  font-size: 15px;
  line-height: 1.55;
  color: #405d63;
  margin: 0 0 16px;
}
.case-proof-card blockquote {
  margin: auto 0 16px;
  padding-top: 14px;
  border-top: 1px solid #edf2f2;
  font-size: 14px;
  line-height: 1.5;
  color: var(--deep);
  font-style: italic;
}
.case-proof-card blockquote cite {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  color: #405d63;
  margin-top: 6px;
}

@media (max-width: 950px) {
  .case-proof-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 700px) {
  .case-story-body > section {
    grid-template-columns: 1fr;
    gap: 8px;
    padding-block: 28px;
  }
  .case-dual-pill {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 20px;
  }
  .case-story-layout {
    padding-block: 20px 54px;
  }
}

/* Role reading & sidebar layout */
.role-reading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 36px 64px;
  padding-block: 32px 80px;
}
.role-title {
  grid-column: 1 / -1;
  padding: 8px 0 32px;
  border-bottom: 1px solid #bacdd0;
}
.role-back {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 14px;
  gap: 8px;
  color: var(--deep);
}
.role-back:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.role-badge-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.role-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  background: #edf5f5;
  color: var(--deep);
  letter-spacing: 0.02em;
}
.role-badge-sector {
  background: #d6eceb;
  color: var(--deep);
}
.role-title-text {
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin: 0;
  max-width: 900px;
}

/* Sidebar Facts */
.role-facts {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  position: sticky;
  top: 30px;
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: 28px 26px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}
.role-facts .salary-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--teal);
  margin: 0 0 6px;
  display: block;
}
.role-facts > strong {
  display: block;
  font-size: 32px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 8px;
}
.role-facts .salary-motif {
  margin: 8px 0 12px;
  width: 160px;
  height: 20px;
  display: block;
}
.role-facts .salary-extras {
  font-size: 15px;
  color: #405d63;
  margin: 0 0 20px;
  line-height: 1.4;
}
.term-line {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 15px;
  color: #233d42;
  padding-block: 8px;
  border-block: 1px solid #edf2f2;
}
.term-line span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.term-line img {
  width: 28px;
  height: 20px;
  object-fit: contain;
}
.term-motif {
  width: 24px;
  height: 14px;
  fill: var(--teal);
  stroke: var(--teal);
  stroke-width: 1.7;
  stroke-linecap: round;
}
.role-map-figure {
  margin: 0 0 16px;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  overflow: hidden;
  background: #f8faf9;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}
.role-map-figure img {
  width: 100%;
  height: auto;
  display: block;
}
.role-map-figure figcaption {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  padding: 8px 12px;
  background: #fbfdfc;
  color: #5a757a;
  border-top: 1px solid #edf2f2;
}
.role-map-figure figcaption a {
  color: inherit;
}
.role-facts .reference {
  font-size: 12px;
  color: #5a757a;
  margin: 0 0 18px;
  text-align: right;
  letter-spacing: 0.02em;
}
.role-facts .button,
.role-facts .text-action {
  width: 100%;
  box-sizing: border-box;
}
.role-facts .button {
  margin-bottom: 10px;
}

/* Main Role Copy */
.role-copy {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-width: 720px;
}
.role-copy .standfirst {
  font-size: 21px;
  line-height: 1.55;
  color: #1e3a40;
  font-weight: 500;
  margin-bottom: 20px;
}
.role-copy > p {
  font-size: 18px;
  line-height: 1.7;
  color: #2d454a;
  margin-bottom: 20px;
}
.role-copy h2 {
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 40px 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef2f2;
}
.role-spec-list {
  padding-left: 20px;
  margin-bottom: 32px;
}
.role-spec-list li {
  font-size: 17px;
  line-height: 1.65;
  color: #2d454a;
  margin-bottom: 10px;
  padding-left: 4px;
}

/* Opportunity Highlights (EVP) */
.role-opportunity-card {
  background: #f7faf9;
  border: 1px solid #dce8e6;
  border-left: 4px solid var(--teal);
  border-radius: 6px;
  padding: 26px;
  margin: 34px 0;
}
.role-card-header .role-card-badge {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--teal);
  display: block;
  margin-bottom: 4px;
}
.role-opportunity-card h2 {
  font-size: 23px;
  margin: 0 0 18px;
  padding-bottom: 0;
  border-bottom: none;
}
.role-perks-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.role-perk-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.role-perk-marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--teal);
  color: white;
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 2px;
}
.role-perk-item strong {
  display: block;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 2px;
}
.role-perk-item p {
  font-size: 14px;
  line-height: 1.4;
  color: #405d63;
  margin: 0;
}

/* Consultant Signoff */
.role-signoff-card {
  background: #f8faf9;
  border: 1px solid #dce8e6;
  border-left: 4px solid var(--teal);
  border-radius: 0 6px 6px 0;
  padding: 24px 28px;
  margin: 40px 0 24px;
}
.role-signoff-quote {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.6;
  font-style: italic;
  color: #233d42;
}
.role-signoff-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid #e7f0ee;
}
.role-signoff-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e0eded;
  flex-shrink: 0;
}
.role-signoff-info {
  flex: 1 1 200px;
}
.role-signoff-name {
  margin: 0;
  font-size: 16px;
  color: #1a3237;
  line-height: 1.3;
}
.role-signoff-role {
  margin: 2px 0 0;
  font-size: 13px;
  color: #47666b;
  line-height: 1.3;
}
.role-signoff-cta {
  flex-shrink: 0;
}
.role-signoff-cta .inline-action {
  font-weight: 700;
  font-size: 14px;
  color: var(--teal);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: white;
  border: 1px solid #d0e0de;
  border-radius: 4px;
  transition: all 0.15s ease;
}
.role-signoff-cta .inline-action:hover {
  background: #eef5f4;
  border-color: var(--teal);
}

/* Candidate Promise Card */
.role-candidate-promise-card {
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: 24px;
  margin: 24px 0 36px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.role-candidate-promise-card h3 {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 12px;
  color: var(--ink);
}
.fact-tag {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--teal);
  display: block;
  margin-bottom: 4px;
}
.role-promise-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.role-promise-list li {
  font-size: 14px;
  line-height: 1.45;
  color: #355055;
  padding-left: 18px;
  position: relative;
  margin-bottom: 0;
}
.role-promise-list li::before {
  content: "•";
  position: absolute;
  left: 4px;
  color: var(--teal);
  font-weight: bold;
}

/* Related Roles Section */
.role-related-section {
  padding: 48px 0;
  border-top: 1px solid #dce5e5;
}
.role-related-section .section-heading {
  margin-bottom: 28px;
}
.role-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.role-related-card {
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.role-related-card:hover {
  border-color: var(--teal);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
}
.role-related-card .sector {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--teal);
  margin: 0 0 10px;
}
.role-related-card h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 10px;
}
.role-related-card h3 a {
  color: var(--ink);
  text-decoration: none;
}
.role-related-card h3 a:hover {
  color: var(--teal);
}
.role-related-location {
  font-size: 15px;
  font-weight: 700;
  color: var(--deep);
  margin: 0 0 12px;
}
.role-related-summary {
  font-size: 15px;
  line-height: 1.55;
  color: #355055;
  margin: 0 0 24px;
  flex-grow: 1;
}
.role-related-card .text-action {
  align-self: flex-start;
}

/* Market Intelligence / Salary Guide Banner */
.role-market-guide {
  padding-bottom: 56px;
}
.salary-guide-card {
  background: #eef5f5;
  border: 1px solid #d4e4e4;
  border-radius: 6px;
  padding: 36px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.salary-guide-copy {
  max-width: 660px;
}
.salary-guide-copy .sector {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--teal);
  margin: 0 0 8px;
}
.salary-guide-copy h2 {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 10px;
  color: var(--ink);
}
.salary-guide-copy p {
  font-size: 16px;
  line-height: 1.55;
  color: #355055;
  margin: 0;
}
.salary-guide-actions {
  flex-shrink: 0;
}

/* About page styles */
.about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr);
  gap: clamp(36px, 6vw, 64px);
  align-items: center;
  padding: 16px 0 54px;
  border-bottom: 1px solid #bacdd0;
}
.about-hero .sector {
  color: var(--teal);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.about-hero h1 {
  font-size: clamp(44px, 5.5vw, 68px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  margin: 0 0 18px;
}
.about-hero .about-hero-lead {
  font-size: clamp(20px, 2.4vw, 26px);
  line-height: 1.45;
  color: #405d63;
  margin: 0;
  max-width: 620px;
}
.about-hero-art {
  margin: 0;
}
.about-hero-art img {
  width: 100%;
  height: auto;
}

.about-metrics-section {
  padding: 32px 0;
  border-bottom: 1px solid #dce5e5;
}
.about-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 40px);
}
.story-main .about-metrics {
  margin: 36px 0 48px;
}
.about-metric-item {
  border-left: 3px solid var(--teal);
  padding-left: 18px;
}
.about-metric-item strong {
  display: block;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 1.05;
  color: var(--teal);
  letter-spacing: -0.025em;
  margin-bottom: 4px;
}
.about-metric-item > span {
  font-size: 15px;
  line-height: 1.4;
  color: var(--ink);
  font-weight: 600;
  display: block;
}

.about-section-heading {
  margin-bottom: 32px;
  max-width: 760px;
}
.about-section-heading h2 {
  font-size: clamp(32px, 3.8vw, 46px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  margin: 0 0 12px;
}
.about-section-heading p {
  font-size: 19px;
  line-height: 1.5;
  color: #405d63;
  margin: 0;
}

.about-dual-section {
  padding-block: clamp(48px, 6vw, 72px);
  border-bottom: 1px solid #dce5e5;
}
.about-dual-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 3.5vw, 36px);
}
.about-dual-card {
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: clamp(26px, 3.5vw, 34px);
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.about-dual-card:hover {
  border-color: #bacdd0;
  box-shadow: 0 6px 20px rgba(8, 77, 87, 0.06);
}
.about-dual-card .sector {
  color: var(--teal);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
}
.about-dual-card h3 {
  font-size: clamp(22px, 2.3vw, 27px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  color: var(--ink);
}
.about-dual-card .about-card-lead {
  font-size: 16px;
  line-height: 1.5;
  color: #405d63;
  margin: 0 0 20px;
}
.about-commitments {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.about-commitments li {
  font-size: 14.5px;
  line-height: 1.5;
  color: #405d63;
  position: relative;
  padding-left: 18px;
}
.about-commitments li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--teal);
}
.about-commitments li strong {
  color: var(--ink);
  font-weight: 600;
}
.about-dual-card .action-row {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #edf2f2;
}

.about-team-section {
  padding-block: clamp(48px, 6vw, 72px);
  border-bottom: 1px solid #dce5e5;
}
.about-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.about-team-card {
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.about-team-card:hover {
  border-color: #bacdd0;
  box-shadow: 0 6px 20px rgba(8, 77, 87, 0.08);
}
.about-team-media {
  aspect-ratio: 1 / 1;
  background: #f2f6f5;
  overflow: hidden;
}
.about-team-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-team-body {
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.about-team-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 3px;
}
.about-team-role {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--teal);
  margin: 0 0 10px;
  line-height: 1.35;
}
.about-team-bio {
  font-size: 14px;
  line-height: 1.5;
  color: #405d63;
  margin: 0 0 16px;
  flex: 1;
}
.about-team-body .text-action {
  font-size: 13.5px;
  font-weight: 700;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--teal);
  align-self: flex-start;
  gap: 6px;
}
.about-team-body .text-action:hover {
  text-decoration: underline;
  background: transparent;
}
.about-team-note {
  font-size: 15px;
  color: #405d63;
  font-style: italic;
  margin-top: 32px;
  text-align: center;
}

.about-trust-section {
  padding-block: clamp(40px, 5vw, 60px);
  border-bottom: 1px solid #dce5e5;
}
.about-trust-header {
  margin-bottom: 24px;
  max-width: 680px;
}
.about-trust-header h2 {
  font-size: clamp(24px, 2.5vw, 32px);
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 8px;
}
.about-trust-header p {
  font-size: 16px;
  line-height: 1.45;
  color: #405d63;
  margin: 0;
}
.about-accreditation-badges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.about-badge {
  margin: 0;
  background: white;
  border: 1px solid #dce5e5;
  border-radius: 6px;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  transition: border-color 0.15s ease;
}
.about-badge:hover {
  border-color: #bacdd0;
}
.about-badge img {
  height: 42px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  filter: brightness(0) opacity(0.75);
  transition: opacity 0.2s ease;
}
.about-badge:hover img {
  opacity: 1;
}
.about-badge figcaption {
  font-size: 13px;
  font-weight: 600;
  color: #405d63;
  line-height: 1.35;
}

.about-careers-section {
  padding-block: clamp(48px, 6vw, 72px);
  border-bottom: 1px solid #dce5e5;
}
.about-perks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.about-perks li {
  border-top: 2px solid var(--teal);
  padding-top: 20px;
}
.about-perks h3 {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}
.about-perks p {
  font-size: 17px;
  line-height: 1.55;
  margin: 0;
}
@media(max-width:1000px){.about-perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:600px){.about-perks{grid-template-columns:1fr;gap:24px}.about-perks li{padding-top:16px}}

@media(max-width:1000px){
  .primary-nav{gap:18px;font-size:15px}.header-account{display:none}.page-hero{gap:32px}.candidate-support{grid-template-columns:1fr 1fr}.candidate-support>div:last-child{grid-column:1/-1}.story-layout{gap:42px}.role-reading{gap:44px}.feature-story{gap:44px}
  .service-list-six{grid-template-columns:repeat(2, 1fr);gap:20px}
}
@media(max-width:950px){
  .role-reading{grid-template-columns:1fr}
  .role-title{grid-column:auto}
  .role-facts,.role-copy{grid-column:auto;grid-row:auto}
  .role-facts{position:static;grid-row:2;max-width:640px}
  .role-copy{grid-row:3;max-width:760px}
  .role-related-grid{grid-template-columns:1fr;gap:20px}
  .salary-guide-card{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(max-height:760px){.role-facts{position:static}}
@media(max-width:800px){
  .story-heading-illustrated{grid-template-columns:1fr;gap:28px}.story-heading-art{max-width:440px}.story-heading-illustrated>div>p:last-child{font-size:19px}
  .about-hero{grid-template-columns:1fr;gap:32px;padding-block:32px}.about-hero-art{max-width:440px;width:100%;justify-self:center}
  .about-metrics{grid-template-columns:1fr;gap:14px;padding:18px 20px}.about-dual-grid{grid-template-columns:1fr;gap:24px}.about-team-grid{grid-template-columns:repeat(2,1fr)}.about-accreditation-badges{grid-template-columns:1fr;gap:16px}
  .site-header-line{min-height:84px}.site-brand img{width:60px;height:60px}.primary-nav{display:none}.menu-button{display:block}.page-hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.page-hero h1{font-size:clamp(36px,6vw,58px)}.page-hero-art{max-width:560px;width:100%;justify-self:center}.section-heading-major,.candidate-support,.feature-story,.route-pair,.story-layout{grid-template-columns:1fr}.section-heading-major{gap:24px}.candidate-support{gap:28px}.feature-story{gap:36px}.story-heading{grid-column:auto;padding-bottom:40px}.story-aside{position:static;grid-row:auto;max-width:520px}.case-sequence section{grid-template-columns:1fr;gap:4px}.compact-conversation{margin-bottom:58px}
}
@media(max-width:650px){
  .about-team-grid{grid-template-columns:1fr}.about-accreditation-badges{grid-template-columns:1fr}
  .role-reading{padding-block:20px 60px}
  .role-perks-grid{grid-template-columns:1fr;gap:14px}
  .role-facts{padding:20px}
  .role-facts .button,.role-facts .text-action{width:100%}
  .wrap{width:calc(100% - 40px)}.site-header-line{min-height:84px}.site-brand img{width:60px;height:60px}.menu-button{font-size:14px}.page-hero .sector,.story-heading .sector,.role-title .sector{font-size:16px;margin-bottom:18px}.page-intro{font-size:19px;margin-bottom:24px}.page-section{padding-block:48px}.section-heading-major h2{font-size:38px}.service-list{grid-template-columns:1fr;gap:16px}.service-list-six{grid-template-columns:1fr;gap:20px}.service-list article,.service-list article:nth-child(even){padding:28px 24px}.case-feature-quote{border-left:0;border-top:1px solid #69969e;padding-left:0;padding-top:24px}.feature-story{width:calc(100% - 40px);margin-block:8px 54px;padding:28px 24px}.feature-story h2{font-size:39px}.feature-logo{min-height:180px}.client-line{gap:22px;padding:22px 14px}.client-line img{width:72px;height:44px}.commitment-list article{grid-template-columns:90px 1fr;gap:20px}.commitment-list img{width:90px;height:66px}.commitment-list article>.text-action{grid-column:2;width:fit-content}.resource-row{grid-template-columns:96px 1fr;gap:20px}.resource-row img{width:96px}.resource-row h2{font-size:22px}.story-layout{padding-block:20px 70px}.story-heading h1{font-size:clamp(40px,11vw,58px)}.story-heading>p:last-child{font-size:19px}.story-main h2{font-size:30px}.standfirst{font-size:22px}.person-feature{grid-template-columns:100px 1fr;gap:20px}.person-feature img{width:100px}.value-list>div{grid-template-columns:1fr;gap:4px}.role-title h1{font-size:clamp(40px,11vw,58px)}.maximum-opening .action-row,.page-hero .action-row,.end-action,#empty .action-row{flex-direction:column;align-items:stretch;gap:12px}.maximum-opening .action-row .button,.maximum-opening .action-row .text-action,.page-hero .action-row .button,.page-hero .action-row .text-action,.end-action .button,.end-action .text-action,#empty .action-row button,#empty .action-row .text-action{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-nav a::after{transition:none}}

/* Client stories share a grid cell so changing stories never moves the panel. */
.story-carousel.feature-story{display:block}
.story-slides{display:grid}
.case-slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,76px);opacity:0;visibility:hidden;transition:opacity 500ms ease,visibility 500ms;min-width:0}
.case-slide.is-active{opacity:1;visibility:visible}
.case-slide .case-feature-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.case-slide .action-row{margin-top:auto;padding-top:8px}
.case-slide .case-feature-quote{align-self:stretch}
.case-feature-outcome h3{font-size:clamp(25px,2.5vw,35px);line-height:1.25;margin:0 0 20px}
.case-feature-outcome>p:last-child{font-size:19px;line-height:1.55;margin:0;color:#d1e3e4}
.story-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #69969e;padding-bottom:20px;margin-bottom:32px}
.story-controls[hidden]{display:none}
.story-selectors,.story-playback{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.story-controls button{font:inherit;font-size:15px;line-height:1.3;color:white;background:transparent;border:1px solid #69969e;border-radius:4px;padding:10px 12px;min-height:44px;cursor:pointer}
.story-controls button[aria-pressed="true"]{color:var(--deep);background:white;border-color:white}
.story-controls button:hover{border-color:var(--lime)}
.story-controls button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.story-controls button:active{background:#286771}
.story-controls [data-story-prev],.story-controls [data-story-next]{min-width:44px}
.story-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.refresh-page .case-slide .button{white-space:normal;max-width:100%}
.story-carousel noscript a{color:white}
@media(max-width:800px){.case-slide{grid-template-columns:1fr;gap:28px}.case-slide .case-feature-quote{align-self:start}.case-slide .action-row{margin-top:0}.case-feature .feature-client-badge{flex-wrap:wrap}.story-controls{gap:14px}.case-feature-outcome>p:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.case-slide{transition:none}}
@media(max-width:800px){
  .story-slides{grid-template-rows:auto auto;row-gap:28px}
  .case-slide{grid-area:1/1/3/2;grid-template-rows:subgrid}
  .case-slide .action-row{margin-top:auto}
  .case-slide .case-feature-quote{border-top:0;border-left:4px solid var(--lime);padding:24px}
}
@media(max-width:600px){.case-slide .action-row .button{min-height:70px}}
@media(max-width:350px){.case-slide .action-row .button{min-height:90px}}

/* Concise case studies: headings and source accounts, followed by one next step. */
.case-text-body { max-width: none; padding-top: 32px; }
.case-next { padding-block: 0 64px; }
.case-next h2 { margin-bottom: 24px; }
.service-options-note { margin-top: 24px; line-height: 1.6; }
.service-options-note .text-action { display: inline; white-space: normal; }
.case-next .text-action { white-space: normal; }

/* Selected candidate cards; Home retains compact rows. */
.vacancy-cards .role-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vacancy-cards .role{border:1px solid #bacdd0!important;padding:24px!important;background:#fff!important;min-width:0}.vacancy-cards .role>div{display:flex!important;flex-direction:column;align-items:start!important;gap:14px;position:relative;height:100%}.vacancy-cards .role h3{font-size:23px!important;max-width:100%!important}.vacancy-cards .role-field{display:block!important}.vacancy-cards .role-location{white-space:normal!important}.vacancy-cards .role-salary{position:static!important;text-align:left!important;margin-top:auto!important}.vacancy-cards .vacancy-summary{font-size:16px!important;line-height:1.5;color:#405d63;margin:0!important;max-width:100%;white-space:normal}.vacancy-cards .role-arrow{display:none!important}.vacancy-cards .role[hidden]{display:none!important}
@media(max-width:900px){.vacancy-cards .role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vacancy-cards .role-list{grid-template-columns:1fr}}

.home-employer-preview { padding-block: 48px; border-top: 1px solid #bacdd0; }
.home-hiring-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:28px 0; }
.home-hiring-options article { min-width:0; }
.home-hiring-options img { width:100%; height:150px; object-fit:contain; display:block; }
.home-hiring-options h3 { font-size:23px; line-height:1.3; margin:18px 0 10px; }
.home-hiring-options h3 .text-action { font:inherit; padding:0; border:0; white-space:normal; }
.home-hiring-options p { font-size:16px; line-height:1.5; margin:0; }
@media(max-width:650px){.home-hiring-options{grid-template-columns:1fr;gap:28px}.home-hiring-options article{display:grid;grid-template-columns:96px 1fr;gap:0 18px}.home-hiring-options img{grid-row:1/3;height:80px}.home-hiring-options h3{margin:0 0 8px;font-size:21px}.home-employer-preview{padding-block:36px}}

/* Original client logos supplied by ENI, with white tiles to retain their colours. */
body.refresh-page .home-logo-strip{background:#fff;color:var(--ink);border:1px solid #dce5e5}
body.refresh-page .home-logo-strip h2,body.refresh-page .home-logo-strip .home-logo-link{color:var(--ink)}
body.refresh-page .home-client-logos,body.refresh-page .client-line{background:#fff;gap:16px;justify-content:space-evenly}
body.refresh-page .eni-client-logo{display:flex;align-items:center;justify-content:center;width:160px;height:100px;flex:0 0 160px;overflow:hidden;background:#fff}
body.refresh-page .eni-client-logo img,body.refresh-page .home-logo-strip .eni-client-logo img{width:150px;height:90px;object-fit:contain;filter:none}
body.refresh-page .eni-client-logo--bmg img,body.refresh-page .home-logo-strip .eni-client-logo--bmg img{width:82px;height:92px}
body.refresh-page .eni-client-logo--psb img{transform:translate(35px,24px) scale(1.9)}
body.refresh-page .eni-client-logo--latana img{transform:scale(1.35)}
body.refresh-page .about-mission{display:grid;grid-template-columns:180px 1fr;gap:32px;margin-block:24px 64px;padding-block:40px;border-bottom:1px solid #dce5e5}
body.refresh-page .about-mission .sector{margin:6px 0;color:var(--deep);font-size:15px}
body.refresh-page .about-mission h2{max-width:800px;margin:0 0 20px;font-size:clamp(30px,3vw,44px);line-height:1.15}
body.refresh-page .about-mission div>p{max-width:760px;margin:0;font-size:20px;line-height:1.65}
@media(max-width:600px){body.refresh-page .eni-client-logo{width:140px;flex-basis:140px}body.refresh-page .eni-client-logo img{max-width:140px}body.refresh-page .about-mission{grid-template-columns:1fr;gap:20px;margin-bottom:40px;padding-block:28px}body.refresh-page .about-mission div>p{font-size:18px}}

/* Client-strip heading sits above a stable logo grid at every size. */
body.refresh-page .home-logo-strip{display:block;margin-block:clamp(32px,4vw,56px);padding:24px 28px;border-radius:4px;background:#fff;color:var(--ink);border:1px solid #dce5e5}
body.refresh-page .home-logo-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin-bottom:20px}
body.refresh-page .home-logo-strip h2{margin:0;max-width:none;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4}
body.refresh-page .home-logo-strip .home-logo-link{color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid #91bfc5;white-space:nowrap}
body.refresh-page .home-logo-strip .home-logo-link:hover{border-color:var(--deep)}
body.refresh-page .home-logo-strip .home-client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:center;gap:16px;margin:0;padding:0;background:none;border-radius:0}
body.refresh-page .home-logo-strip .eni-client-logo{width:min(160px,100%);min-width:0}
@media(max-width:650px){body.refresh-page .home-logo-strip{padding:20px 16px}body.refresh-page .home-logo-strip .home-client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.refresh-page .home-logo-heading{margin-bottom:16px}}