.expertise-page { --accent: var(--cyan); background: var(--paper); }
.expertise-page.accent-mines { --accent: var(--copper); }
.expertise-page.accent-lab { --accent: var(--cyan); }
.expertise-page.accent-hse { --accent: var(--green); }
.expertise-page.accent-tech { --accent: var(--blue); }
.expertise-page.accent-b2b { --accent: var(--orange); }
.expertise-page.accent-consult { --accent: var(--purple); }
.expertise-header { min-height: 86px; display: flex; align-items: center; gap: 30px; padding: 4px 6vw; color: var(--white); background-color: #1b2d36; background-image: linear-gradient(rgba(125,229,237,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(125,229,237,.045) 1px, transparent 1px); background-size: 46px 46px; border-bottom: 1px solid rgba(255,255,255,.13); }
.expertise-logo { flex: 0 0 auto; margin-right: auto; }
.expertise-logo img { width: auto; max-width: none; height: 74px; object-fit: contain; }
.expertise-home { color: rgba(255,255,255,.82); font: 700 .72rem/1.4 var(--mono); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.expertise-mobile-home { display: none; }
.expertise-home:hover, .expertise-home:focus-visible { color: #7de5ed; }
.expertise-languages { display: flex; align-items: center; gap: 3px; direction: ltr; }
.expertise-languages a { padding: 8px 6px; opacity: .55; font: 700 .68rem/1 var(--mono); white-space: nowrap; }
.expertise-languages a:hover, .expertise-languages a:focus-visible, .expertise-languages a.active { color: var(--cyan); opacity: 1; }
.expertise-languages a.active { border-bottom: 2px solid var(--cyan); }
.expertise-language-select { display: none; appearance: none; -webkit-appearance: none; width: 58px; min-width: 58px; height: 58px; padding: 0 4px 8px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: var(--white); background: #20343d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E") center 76% / 10px 6px no-repeat; font: 700 .72rem/1 var(--mono); text-align: center; text-align-last: center; cursor: pointer; }
.expertise-language-select:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.expertise-hero { position: relative; min-height: 380px; display: flex; align-items: center; overflow: hidden; border-top: 6px solid var(--accent); color: var(--white); background: var(--ink); }
.expertise-hero::after { content: ""; position: absolute; right: -95px; bottom: -160px; width: 420px; height: 420px; border: 1px solid color-mix(in srgb, var(--accent), transparent 20%); border-radius: 50%; box-shadow: 0 0 0 40px color-mix(in srgb, var(--accent), transparent 94%), 0 0 0 80px color-mix(in srgb, var(--accent), transparent 96%); pointer-events: none; }
.expertise-hero-inner { position: relative; z-index: 1; width: 100%; padding: 75px 6vw 95px; }
.expertise-kicker { display: flex; flex-wrap: wrap; gap: .45em; align-items: baseline; margin: 0 0 45px; color: #d4e1e4; font: 700 .78rem/1.5 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.expertise-kicker bdi:first-child { color: var(--accent); font-size: 2rem; line-height: 1; }
.expertise-hero h1 { max-width: 1120px; margin: 0; font-size: clamp(2.8rem, 5.7vw, 6rem); line-height: 1.03; letter-spacing: -.055em; text-wrap: balance; overflow-wrap: normal; word-break: normal; hyphens: none; }
.expertise-hero h1::before { content: ""; display: block; width: 70px; height: 6px; margin-bottom: 28px; background: var(--accent); }
.expertise-content { display: grid; grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr); gap: clamp(35px, 8vw, 140px); padding: clamp(80px, 9vw, 125px) 6vw 145px; }
.expertise-content h2 { align-self: start; margin: 0; padding-top: 19px; border-top: 4px solid var(--accent); color: var(--accent); font: 700 .82rem/1.6 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.expertise-prose { max-width: 900px; padding-inline-start: clamp(20px, 2.5vw, 36px); border-inline-start: 2px solid var(--accent); }
.expertise-prose p { margin: 0 0 30px; color: var(--ink-2); font-size: clamp(1.08rem, 1.55vw, 1.42rem); line-height: 1.62; }
.expertise-prose p:first-child { color: var(--ink); font-weight: 600; }
.expertise-prose p:last-child { margin-bottom: 0; }
.expertise-page .site-footer { display: flex; align-items: center; gap: 45px; padding: 34px 6vw; color: #b7c6ca; background: #14252d; }
.expertise-page .site-footer a { flex: 0 0 auto; }
.expertise-page .site-footer img { width: auto; max-width: none; height: 65px; object-fit: contain; }
.expertise-page .site-footer p { margin: 0; font-size: 1rem; font-style: italic; }
.expertise-page .arkhip-word { font-family: Arkhip, var(--sans); font-size: .9em; letter-spacing: -.025em; white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.expertise-page h1 .arkhip-word { font-size: 1em; }
html[dir="rtl"] .expertise-hero::after { right: auto; left: -95px; }
html[dir="rtl"] .expertise-kicker, html[dir="rtl"] .expertise-content h2 { letter-spacing: 0; }
@media (max-width: 760px) {
  .expertise-header { min-height: 72px; gap: 12px; padding: 4px 20px; }
  .expertise-logo img { height: 64px; }
  .expertise-home, .expertise-languages { display: none; }
  .expertise-mobile-home { display: inline-block; margin: 0 0 36px; color: var(--white); font: 700 .68rem/1.5 var(--mono); letter-spacing: .08em; text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 6px; text-transform: uppercase; }
  .expertise-mobile-home::before { content: "← "; color: var(--accent); }
  .expertise-mobile-home:hover, .expertise-mobile-home:focus-visible { color: var(--accent); }
  .expertise-language-select { display: block; }
  .expertise-hero { min-height: 0; }
  .expertise-hero-inner { padding: 65px 22px 75px; }
  .expertise-kicker { margin-bottom: 40px; font-size: .64rem; }
  .expertise-kicker bdi:first-child { font-size: 1.55rem; }
  .expertise-hero h1 { font-size: clamp(1.6rem, 7vw, 3.5rem); }
  .expertise-content { grid-template-columns: 1fr; gap: 32px; padding: 70px 22px 95px; }
  .expertise-content h2 { width: fit-content; }
  .expertise-prose { padding-inline-start: 18px; }
  .expertise-prose p { font-size: 1.04rem; }
  .expertise-page .site-footer { gap: 24px; padding: 30px 22px; }
  .expertise-page .site-footer img { height: 54px; }
  .expertise-page .site-footer p { font-size: .88rem; }
}
html[dir="rtl"] .expertise-mobile-home::before { content: "→ "; }