/* Executive website: approved palette and typography; consolidated cascade. */
:root { --ink: #08111e; --ink2: #0c1726; --paper: #f5f2eb; --muted: #66717d; --line: #d8d2c7; --display: "Bodoni 72","Bodoni MT",Didot,"Times New Roman",serif; --sans: "Segoe UI",Inter,Arial,sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.nav { padding: 0px max(4vw, 26px); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0px; z-index: 40; backdrop-filter: blur(18px); }
.nav nav { display: flex; align-items: center; }
.nav nav > a { transition: 0.2s; }
.nav nav > a:hover { opacity: 0.55; }
.nav-cta { border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 999px; }
.hero { padding: 86px max(6vw, 34px); display: grid; grid-template-columns: 1.08fr 0.92fr; align-items: center; gap: 42px; }
.eyebrow { color: var(--gold); text-transform: uppercase; }
.hero h1, .section-head h2, .mindset h2, .credentials h2, .projects h2, .connect h2 { font-family: var(--display); font-weight: 400; letter-spacing: 0.005em; margin: 0.14em 0px; }
.hero h1 em { font-weight: 400; }
.lede { font-size: 18px; line-height: 1.7; color: rgb(75, 88, 98); max-width: 700px; }
.hero-actions { display: flex; gap: 12px; margin: 31px 0px; }
.btn { border-radius: 999px; font-weight: 700; }
.primary { background: var(--ink); color: white; }
.ghost { border: 1px solid rgb(156, 163, 166); }
.metrics { display: flex; border-top: 1px solid var(--line); padding-top: 26px; margin-top: 35px; }
.metrics div { display: grid; gap: 4px; }
.hero-orbit { display: grid; place-items: center; min-height: 480px; }
.globe { width: min(34vw, 410px); aspect-ratio: 1 / 1; border-width: 1px; border-style: solid; border-image: none; border-radius: 50%; position: relative; animation: 7s ease-in-out 0s infinite normal none running float; }
.globe::before, .globe::after, .globe span { content: ""; position: absolute; inset: 12%; border-width: 1px; border-style: solid; border-image: none; border-radius: 50%; }
.globe::after { inset: 0px 42%; }
.globe span:nth-child(1) { inset: 20% 0px; }
.globe span:nth-child(2) { inset: 0px 24%; transform: rotate(45deg); }
.globe span:nth-child(3) { inset: 0px 24%; transform: rotate(-45deg); }
.globe b { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); top: 23%; right: 18%; }
.orbit-note { letter-spacing: 0.18em; margin-top: 20px; }
@keyframes float { 
  50% { transform: translateY(-9px); }
}
.journey { position: relative; overflow: hidden; }
.journey::before { content: ""; position: absolute; inset: 44% 0px 0px; pointer-events: none; }
.section-head { max-width: 940px; margin: 0px auto 48px; text-align: center; position: relative; z-index: 2; }
.section-head h2 { text-transform: uppercase; }
.section-head > p:last-child { color: rgb(170, 180, 191); }
.career-grid { margin: auto; display: grid; position: relative; z-index: 2; }
.career-card { position: relative; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.12s ease-out, border-color 0.25s, box-shadow 0.25s; }
.career-card::after { content: ""; position: absolute; inset: 34% 0px 0px; pointer-events: none; }
.card-glow { position: absolute; width: 180px; height: 180px; left: var(--gx,50%); top: var(--gy,25%); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.25s; pointer-events: none; }
.career-card:hover .card-glow { opacity: 1; }
.logo-wrap { display: grid; place-items: center; position: relative; z-index: 2; }
.logo-wrap img { object-fit: contain; }
.dual-logo { grid-template-columns: 1fr 1fr; position: relative; z-index: 2; }
.card-main { position: relative; z-index: 2; flex: 1 1 0%; transition: transform 0.22s ease-out; transform: translateY(var(--contentY,0px)); }
.career-card h3 { margin-top: 0px; margin-right: 0px; margin-left: 0px; }
.sector { margin-top: 0px; margin-right: 0px; margin-left: 0px; }
.card-year { letter-spacing: 0.09em; font-weight: 800; }
.roles { display: flex; flex-direction: column; }
.roles span { position: relative; }
.roles span::before { content: "›"; position: absolute; left: 0px; line-height: 10px; }
.roles i { font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; }
.roles small { line-height: 1.5; }
.card-foot { display: flex; gap: 11px; align-items: center; position: relative; z-index: 3; }
.card-foot p { line-height: 1.35; margin: 0px; }
.foot-icon { font-family: var(--display); }
.current::before { content: "CURRENT"; position: absolute; z-index: 5; font-weight: 900; letter-spacing: 0.14em; border-radius: 999px; }
.mindset { display: grid; }
.mindset > div:first-child p:last-child, .projects > div:first-child > p:last-child { color: rgb(89, 101, 110); }
.pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.pillars div { border-width: 1px; border-style: solid; border-image: none; border-radius: 17px; }
.pillars b { display: block; font-family: var(--display); font-weight: 400; margin: 12px 0px 7px; }
.projects { padding: 115px max(7vw, 36px); display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.project-card { color: white; padding: 42px; border-radius: 22px; }
.project-card small, .project-card span { color: rgb(213, 177, 106); letter-spacing: 0.14em; font-size: 9px; }
.project-card h3 { font-family: var(--display); font-weight: 400; font-size: 48px; margin: 13px 0px; }
.project-card p { color: rgb(189, 198, 206); line-height: 1.7; }
.connect { text-align: center; padding: 110px 24px; }
.connect-options { display: flex; justify-content: center; gap: 12px; margin: 30px 0px; }
.connect-options button { border-width: 1px; border-style: solid; border-image: none; border-radius: 999px; cursor: pointer; }
.floating-id { position: fixed; right: 18px; bottom: 24px; z-index: 50; color: rgb(255, 255, 255); padding: 0px; display: flex; align-items: stretch; overflow: hidden; transition: width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.25s; }
.floating-id.open { transform: translateY(-3px); }
.id-tab { justify-items: center; font-family: var(--display); font-size: 21px; color: var(--gold2); }
.id-body { text-align: left; display: flex; flex-direction: column; gap: 2px; white-space: nowrap; }
.id-body small { letter-spacing: 0.16em; color: rgb(214, 182, 111); }
.id-body em { font-style: normal; color: rgb(174, 185, 194); }
.id-body i { font-style: normal; color: rgb(229, 196, 119); margin-top: 4px; }
footer { padding-top: 28px; padding-right: max(5vw, 28px); padding-left: max(5vw, 28px); display: flex; justify-content: space-between; }
@media (max-width: 1320px) {
  .career-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .career-card { min-height: 480px; }
  .career-card h3 { font-size: 17px; }
  .roles span { font-size: 12px; }
}
@media (max-width: 980px) {
  .hero, .mindset, .projects { grid-template-columns: 1fr; }
  .hero-orbit { display: none; }
  .career-grid { grid-template-columns: repeat(2, 1fr); }
  .nav nav a:not(.nav-cta) { display: none; }
}
@media (max-width: 650px) {
  .hero { min-height: auto; padding: 68px 22px; }
  .hero h1 { font-size: 53px; }
  .metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .journey { padding: 78px 18px; }
  .section-head { text-align: left; }
  .section-head h2 { font-size: 44px; }
  .career-grid { grid-template-columns: 1fr; }
  .career-card { min-height: 465px; }
  .pillars { grid-template-columns: 1fr; }
  .mindset, .projects { padding: 80px 23px; }
  .connect-options { flex-direction: column; }
  .connect-options button { width: 100%; }
  .floating-id { right: 12px; bottom: 14px; }
  .floating-id.open { width: min(300px, -24px + 100vw); }
  footer { gap: 12px; flex-direction: column; }
}
:root { --navy-line: rgba(255,255,255,.13); }
body { background: var(--white); color: var(--ink); }
.nav { color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(1, 8, 18, 0.12) 0px 8px 30px; }
.nav-cta { border-color: rgba(255, 255, 255, 0.5); }
.nav-cta:hover { background: rgb(255, 255, 255); color: var(--navy); opacity: 1 !important; }
.hero { color: rgb(255, 255, 255); }
.hero .eyebrow { color: rgb(216, 182, 109); }
.hero h1 { color: rgb(255, 255, 255); }
.hero .ghost { border-color: rgba(255, 255, 255, 0.4); color: rgb(255, 255, 255); }
.hero .ghost:hover { background: rgb(255, 255, 255); color: var(--navy); }
.hero .primary { background: rgb(255, 255, 255); color: var(--navy); }
.hero .metrics { border-top-color: rgba(255, 255, 255, 0.16); }
.hero .metrics span { color: rgb(174, 187, 201); }
.hero .metrics strong { color: rgb(255, 255, 255); }
.globe { border-color: rgba(255, 255, 255, 0.25); box-shadow: rgba(52, 103, 143, 0.24) 0px 0px 100px; }
.globe::before, .globe::after, .globe span { border-color: rgba(255, 255, 255, 0.17); }
.mindset { color: rgb(255, 255, 255); }
.mindset .eyebrow { color: rgb(216, 182, 109); }
.pillars div { border-color: rgba(255, 255, 255, 0.13); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
.pillars span { color: rgb(216, 182, 109); }
.pillars b { color: rgb(255, 255, 255); }
.pillars p { color: rgb(174, 187, 201); }
.credentials { border-bottom: 1px solid rgb(230, 234, 237); }
.credentials .eyebrow { color: var(--gold); }
.credentials h2 { color: var(--navy); }
.projects { color: rgb(255, 255, 255); }
.projects .eyebrow { color: rgb(216, 182, 109); }
.projects > div:first-child > p:last-child { color: rgb(193, 204, 214); }
.project-card { background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: rgba(0, 0, 0, 0.22) 0px 30px 70px; backdrop-filter: blur(10px); }
.connect { background: rgb(255, 255, 255); color: var(--navy); border-top: 1px solid rgb(230, 234, 237); }
.connect > p { color: rgb(101, 116, 130); }
.connect-options button { background: rgb(255, 255, 255); border-color: rgb(184, 194, 204); color: var(--navy); }
.connect-options button:hover { background: var(--navy); color: rgb(255, 255, 255); border-color: var(--navy); }
footer { color: rgb(174, 185, 196); border-top: 1px solid rgba(255, 255, 255, 0.07); }
:root { --navy-muted: #c3d0dc; --white: #ffffff; --white-soft: #f7f9fb; }
body { font-size: 16px; }
.nav { background: rgba(19, 47, 85, 0.94); }
.nav nav { gap: 34px; }
.nav-cta { padding: 11px 19px; }
.hero h1 { line-height: 0.93; letter-spacing: 0.002em; }
.hero h1 em { color: rgb(208, 217, 227); }
.hero .lede { color: rgb(224, 231, 238); }
.eyebrow { font-size: 11px; letter-spacing: 0.24em; }
.btn { font-size: 13px; padding: 15px 22px; }
.orbit-note { font-size: 10px; color: rgb(195, 208, 220); }
.section-head h2 { font-size: clamp(54px, 5.2vw, 80px); letter-spacing: 0.04em; }
.section-head > p:last-child { font-size: 15px; line-height: 1.7; }
.journey { color: rgb(255, 255, 255); border: 0px; }
.journey::before { background: linear-gradient(transparent, rgba(255, 255, 255, 0.024)), repeating-linear-gradient(90deg, transparent 0px, transparent 12%, rgba(255, 255, 255, 0.02) 12.1%, rgba(255, 255, 255, 0.02) 12.2%); opacity: 0.8; }
.journey .section-head h2 { color: rgb(255, 255, 255); }
.journey .eyebrow { color: rgb(226, 197, 125); }
.career-card { background: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.72); box-shadow: rgba(4, 18, 38, 0.24) 0px 22px 55px; color: var(--navy-deep); }
.career-card::after { background: linear-gradient(transparent, rgba(19, 47, 85, 0.024)); opacity: 0.6; }
.career-card:hover { border-color: rgb(224, 189, 109); box-shadow: rgba(4, 18, 38, 0.32) 0px 34px 75px, rgba(224, 189, 109, 0.28) 0px 0px 0px 1px; }
.card-glow { background: radial-gradient(circle, rgba(213, 175, 91, 0.14), transparent 68%); }
.dual-logo .logo-wrap { background: rgb(248, 250, 252); }
.career-card h3 { color: rgb(16, 43, 77); margin-bottom: 7px; }
.sector { color: rgb(104, 120, 138); margin-bottom: 20px; }
.card-year { color: rgb(168, 120, 34); border-top: 1px solid rgb(227, 232, 238); padding: 14px 0px; }
.roles { gap: 9px; }
.roles span { line-height: 1.42; color: rgb(32, 58, 88); font-weight: 650; padding-left: 16px; }
.roles span::before { color: rgb(181, 138, 58); font-size: 19px; }
.roles i { color: rgb(168, 120, 34); padding-left: 16px; opacity: 0.9; }
.roles small { color: rgb(107, 123, 140); padding-left: 16px; }
.card-foot { border-top: 1px solid rgb(227, 232, 238); background: rgb(247, 249, 251); backdrop-filter: none; }
.card-foot p { color: rgb(89, 107, 125); }
.card-foot b { color: rgb(23, 58, 102); }
.foot-icon { font-size: 25px; color: rgb(181, 138, 58); }
.current { border: 1px solid rgb(216, 179, 94); box-shadow: rgba(4, 18, 38, 0.28) 0px 24px 60px, rgba(216, 179, 94, 0.16) 0px 0px 0px 2px; }
.current::before { background: rgb(216, 179, 94); color: rgb(16, 43, 77); font-size: 8px; padding: 6px 9px; }
.current .logo-wrap { background: rgb(255, 250, 240); }
.mindset h2, .credentials h2, .projects h2, .connect h2 { font-size: clamp(52px, 4.7vw, 76px); line-height: 1; }
.mindset > div:first-child p:last-child, .projects > div:first-child > p:last-child { font-size: 18px; line-height: 1.82; }
.pillars p { line-height: 1.6; }
.projects { background: radial-gradient(circle at 18% 80%, rgba(211, 174, 94, 0.09), transparent 24%), linear-gradient(145deg, rgb(19, 47, 85), rgb(24, 59, 104)); }
.project-card p { font-size: 15px; }
.connect-options button { padding: 15px 20px; }
footer { background: rgb(13, 36, 66); font-size: 11px; }
@media (max-width: 1320px) {
  .career-grid { grid-template-columns: repeat(3, 1fr); }
  .career-card { min-height: 480px; }
}
@media (max-width: 980px) {
  .career-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 650px) {
  .hero h1 { font-size: 56px; }
  .hero .lede { font-size: 17px; }
  .journey { padding: 82px 20px; }
  .career-grid { grid-template-columns: 1fr; }
  .career-card { min-height: 455px; }
  .section-head h2 { font-size: 46px; }
  .career-card h3 { font-size: 19px; }
}
:root { --navy: #173a66; --navy-soft: #204a7c; --navy-deep: #102b4d; --gold: #b58a3a; --gold2: #dfbd70; }
.nav { height: 88px; }
.brand { font-weight: 750; }
.brand span { font-weight: 420; }
.hero { min-height: 735px; background: radial-gradient(circle at 79% 34%, rgba(106, 160, 205, 0.38) 0px, transparent 29%), radial-gradient(circle at 14% 10%, rgba(222, 186, 108, 0.11), transparent 23%), linear-gradient(135deg, rgb(20, 53, 94) 0%, rgb(29, 71, 120) 58%, rgb(21, 58, 101) 100%); }
.hero h1 { font-size: clamp(68px, 6.5vw, 104px); }
.hero .lede { max-width: 780px; }
.metrics { justify-content: flex-start; }
.metrics div { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; border-right: 1px solid rgba(255, 255, 255, 0.22); }
.metrics div:last-child { border-right: 0px; margin-right: 0px; }
.metrics strong { font-family: var(--sans); font-weight: 650; letter-spacing: -0.025em; }
.metrics span { max-width: 195px; color: rgb(219, 229, 238); }
.journey { padding: 100px max(3vw, 24px) 118px; background: radial-gradient(circle at 84% 5%, rgba(119, 174, 219, 0.18), transparent 25%), linear-gradient(145deg, rgb(23, 58, 102) 0%, rgb(32, 74, 124) 52%, rgb(21, 55, 95) 100%); }
.journey .section-head { max-width: 1100px; margin-bottom: 48px; }
.journey .section-head .eyebrow { font-size: 19px; letter-spacing: 0.18em; }
.journey .section-head h2 { text-transform: none; letter-spacing: -0.015em; line-height: 1; }
.journey .section-head > p:last-child { color: rgb(219, 229, 238); max-width: 900px; margin: 18px auto 0px; }
.career-grid { max-width: 1740px; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 16px; }
.career-card { min-height: 465px; border-radius: 13px; padding: 16px 14px 0px; }
.logo-wrap { width: 92px; border-radius: 50%; padding: 13px; margin: 0px auto; background: rgb(255, 255, 255); box-shadow: rgba(16, 43, 77, 0.12) 0px 7px 20px; border: 1px solid rgb(226, 232, 239); height: 92px !important; }
.logo-wrap img { max-width: 100%; max-height: 64px; }
.dual-logo { display: flex; justify-content: center; gap: 8px; }
.dual-logo .logo-wrap { width: 72px; margin: 10px 0px 0px; padding: 8px; height: 72px !important; }
.card-main { text-align: center; padding: 16px 3px 12px; }
.career-card h3 { font-size: 17px; line-height: 1.2; }
.sector { font-size: 11px; min-height: 28px; }
.card-year { font-size: 11px; }
.roles { text-align: left; }
.roles span { font-size: 11.5px; }
.roles i { font-size: 8px; }
.roles small { font-size: 10px; }
.card-foot { min-height: 68px; margin: 0px -14px; padding: 12px 14px; }
.card-foot p { font-size: 10px; }
.current::before { top: 9px; right: 9px; }
.mindset { padding: 118px max(6vw, 34px); background: radial-gradient(circle at 82% 18%, rgba(105, 158, 203, 0.23), transparent 28%), linear-gradient(135deg, rgb(23, 58, 102), rgb(32, 74, 124)); grid-template-columns: 0.9fr 1.1fr; gap: 70px; }
.mindset .eyebrow { font-size: 19px; letter-spacing: 0.18em; }
.mindset h2 { line-height: 1.02; letter-spacing: -0.015em; }
.mindset > div:first-child p:last-child { font-size: 19px; line-height: 1.8; color: rgb(224, 232, 239); max-width: 760px; }
.pillars { position: relative; overflow: visible; }
.pillars div { position: relative; z-index: 2; padding: 32px; background: rgba(255, 255, 255, 0.055); transition: transform 0.35s, border-color 0.35s, box-shadow 0.35s, background 0.35s; }
.pillars div:hover { border-color: rgba(223, 189, 112, 0.65); background: rgba(255, 255, 255, 0.086); box-shadow: rgba(6, 20, 38, 0.18) 0px 18px 42px; }
.pillars span { font-size: 12px; }
.pillars b { font-size: 32px; }
.pillars p { font-size: 14px; }
.journey-path.in-view .pillar.final { box-shadow: rgba(223, 189, 112, 0.18) 0px 0px 0px 1px; }
.credentials { padding: 86px max(5vw, 30px) 96px; background: rgb(255, 255, 255); color: var(--navy-deep); }
.credentials .eyebrow { font-size: 17px; }
.credentials h2 { font-size: clamp(50px, 4.5vw, 72px); text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; }
.credential-groups { display: grid; margin-top: 42px; }
.credential-group h3 { font-family: var(--sans); font-size: 14px; letter-spacing: 0.18em; color: rgb(82, 101, 122); margin: 0px 0px 16px; }
.credential-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.training .credential-cards { grid-template-columns: repeat(3, 1fr); }
.credential-card { border: 1px solid rgb(220, 227, 234); border-radius: 14px; text-align: center; display: flex; flex-direction: column; align-items: center; background: rgb(255, 255, 255); box-shadow: rgba(16, 43, 77, 0.055) 0px 9px 24px; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.credential-card:hover { box-shadow: rgba(16, 43, 77, 0.11) 0px 17px 38px; border-color: rgb(198, 210, 222); }
.credential-card p { color: rgb(102, 120, 138); margin: 6px 0px 0px; }
@media (max-width: 1500px) {
  .career-grid { gap: 12px; }
  .career-card h3 { font-size: 15px; }
  .roles span { font-size: 10.5px; }
  .card-foot p { font-size: 9px; }
}
@media (max-width: 1180px) {
  .career-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .career-card { min-height: 450px; }
  .credential-groups { grid-template-columns: 1fr; }
  .credential-cards { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 760px) {
  .brand { font-size: 18px; }
  .metrics div { min-width: 0px; padding-right: 18px; margin-right: 18px; }
  .metrics strong { font-size: 29px; }
  .metrics span { font-size: 12px; }
  .journey .section-head .eyebrow, .mindset .eyebrow { font-size: 15px; }
  .journey .section-head h2 { font-size: 52px; }
  .journey .section-head > p:last-child { font-size: 16px; }
  .career-grid { grid-template-columns: 1fr; }
  .career-card { min-height: 430px; }
  .credential-cards, .training .credential-cards { grid-template-columns: repeat(2, 1fr); }
}
body, .nav, .career-card, .credential-card, .connect, .projects, .mindset { font-family: var(--sans); }
.brand { font-size: 24px; letter-spacing: 0.105em; }
.nav nav { font-size: 14px; font-weight: 500; }
.eyebrow { font-family: var(--sans); font-weight: 700; }
.hero .eyebrow { font-size: 14px; }
.hero .lede { font-size: 20px; line-height: 1.72; }
.metrics strong { font-size: 38px; }
.metrics span { font-size: 14px; line-height: 1.5; }
.journey .section-head .eyebrow, .mindset .eyebrow, .credentials .eyebrow, .projects .eyebrow, .connect .eyebrow { font-size: 19px; letter-spacing: 0.16em; }
.journey .section-head h2 { font-family: var(--display); font-style: italic; font-size: clamp(62px, 5.6vw, 88px); font-weight: 400; }
.journey .section-head > p:last-child { font-size: 18px; line-height: 1.7; }
.mindset h2, .credentials h2, .projects h2, .connect h2 { font-family: var(--display); font-weight: 400; }
.mindset h2 { font-size: clamp(58px, 5vw, 82px); }
.pillars::before, .pillars::after { display: none !important; }
.credential-art { width: 100%; display: grid; place-items: center; }
.credential-art img { max-width: 100%; max-height: 88px; object-fit: contain; }
.credential-card b { font-size: 17px; margin-top: 8px; }
.credential-card p { font-size: 12px; line-height: 1.45; }
.training .credential-card::after { content: "TRAINING"; font-size: 8px; letter-spacing: 0.14em; color: rgb(138, 106, 44); }
.truckbridge-showcase { padding: 0px; overflow: hidden; background: rgb(255, 255, 255); color: var(--navy-deep); border: 1px solid rgba(255, 255, 255, 0.22); }
.project-meta { padding: 28px 32px 32px; }
.project-meta p { color: rgb(93, 110, 126); line-height: 1.65; }
.project-meta span, .project-meta small { color: rgb(164, 123, 49); letter-spacing: 0.13em; font-size: 9px; }
.connect .eyebrow { font-size: 19px; }
.connect h2 { font-size: clamp(56px, 5vw, 80px); line-height: 1; }
.connect > p { font-size: 18px; line-height: 1.7; }
.connect-options button { font-family: var(--sans); font-size: 14px; font-weight: 650; }
.floating-id { width: 66px; min-height: 66px; border-radius: 18px; background: linear-gradient(145deg, rgb(23, 58, 102), rgb(16, 43, 77)); border: 1px solid rgba(223, 189, 112, 0.45); box-shadow: rgba(4, 18, 38, 0.3) 0px 20px 55px; }
.floating-id.open { width: 355px; }
.id-tab { width: 66px; min-width: 66px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.id-tab b { font-family: var(--display); font-weight: 400; font-size: 24px; color: rgb(241, 209, 138); }
.id-tab small { font-family: var(--sans); font-size: 7px; letter-spacing: 0.22em; color: rgb(159, 179, 199); }
.id-body { width: 289px; padding: 13px 17px; }
.id-body small { font-size: 9px; }
.id-body b { font-family: var(--sans); font-size: 15px; }
.id-body em { font-size: 10px; }
.id-body strong { font-size: 9px; color: rgb(220, 230, 238); font-weight: 500; }
.id-body i { font-size: 9px; }
@media (max-width: 760px) {
  .brand { font-size: 19px; }
  .floating-id.open { width: min(355px, -24px + 100vw); }
  .id-body { width: 289px; }
  .credential-art { height: 80px; }
  .credential-art img { max-height: 76px; }
}
.current .dual-logo .logo-wrap:last-child { overflow: hidden; padding: 8px; }
.current .dual-logo .logo-wrap:last-child img { width: 118%; max-width: none; height: auto; max-height: 58px; object-fit: contain; transform: none; }
.credential-card .credential-art img[src$="mcse.png"] { max-width: 180px; max-height: 90px; width: auto; height: auto; }
.tb-live-shot { display: block; overflow: hidden; background: rgb(7, 20, 38); line-height: 0; }
.tb-live-shot img { display: block; width: 100%; height: auto; object-fit: contain; transform: scale(1); transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.65s; }
.tb-live-shot:hover img { transform: scale(1.012); filter: brightness(1.025); }
.connect-options { align-items: center; flex-wrap: wrap; }
.connect-options button, .linkedin-link { transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.3s, border-color 0.3s, background 0.3s, color 0.3s; }
.connect-options button:hover, .linkedin-link:hover { transform: translateY(-5px); box-shadow: rgba(16, 43, 77, 0.13) 0px 16px 32px; border-color: rgb(200, 167, 94); }
.linkedin-link { display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgb(184, 194, 204); border-radius: 999px; padding: 14px 19px; background: rgb(255, 255, 255); color: var(--navy); font-size: 14px; font-weight: 650; }
.linkedin-link span, .id-linkedin span { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 4px; background: rgb(10, 102, 194); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 15px; line-height: 1; }
.id-linkedin { align-items: center; gap: 8px; margin-top: 10px; font-family: var(--sans); font-size: 11px; font-weight: 700; opacity: 0.95; display: flex !important; font-style: normal !important; color: rgb(255, 255, 255) !important; }
.id-linkedin:hover { opacity: 1; }
@media (max-width: 760px) {
  .current .dual-logo .logo-wrap:last-child img { width: 112%; max-height: 54px; }
  .connect-options .linkedin-link { width: 100%; justify-content: center; }
}
.project-meta, .project-meta small, .project-meta p, .project-meta span, .credential-group, .credential-card, .connect-options, .floating-id, .id-body, .id-linkedin, .linkedin-link { font-family: var(--sans); }
.project-meta h3 { font-family: var(--display); font-size: 42px; font-weight: 400; margin: 8px 0px; }
.project-meta small { font-size: 9px; }
.project-meta p { font-size: 15px; }
.project-meta span { font-size: 9px; }
.linkedin-link span, .id-linkedin span { font-family: var(--sans); }
.credential-groups { grid-template-columns: 4fr 3fr; gap: 42px; align-items: start; }
.credential-cards, .training .credential-cards { grid-auto-rows: 210px; }
.credential-card { height: 210px; min-height: 210px; padding: 18px 14px; justify-content: flex-start; }
.credential-art { height: 92px; min-height: 92px; margin-bottom: 7px; }
.training .credential-card::after { margin-top: auto; padding-top: 6px; }
.id-tab { padding: 6px 5px; gap: 2px; }
.id-photo { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgba(241, 209, 138, 0.75); display: grid; place-items: center; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 12px; }
.id-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 27%; display: block; }
.id-tab small { margin-top: 1px; }
@media (max-width: 1180px) {
  .credential-groups { grid-template-columns: 1fr; }
  .credential-cards, .training .credential-cards { grid-auto-rows: 210px; }
}
@media (max-width: 760px) {
  .credential-card { height: 210px; min-height: 210px; }
  .credential-art { height: 80px; min-height: 80px; }
}
body.concierge-open { overflow: hidden; }
.id-concierge { display: inline-flex; margin-top: 8px; color: rgb(241, 209, 138); font-family: var(--sans); font-size: 10px; font-weight: 700; cursor: pointer; }
.id-concierge:hover { text-decoration: underline; }
.concierge { position: fixed; inset: 0px; z-index: 100; pointer-events: none; visibility: hidden; }
.concierge.open { pointer-events: auto; visibility: visible; }
.concierge-backdrop { position: absolute; inset: 0px; background: rgba(4, 13, 24, 0.52); backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.35s; }
.concierge.open .concierge-backdrop { opacity: 1; }
.concierge-panel { position: absolute; right: 0px; top: 0px; height: 100%; width: min(560px, 100%); background: rgb(246, 243, 237); color: var(--ink); box-shadow: rgba(3, 14, 28, 0.24) -28px 0px 70px; padding: 30px 34px 36px; overflow: auto; transform: translateX(102%); transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1); font-family: var(--sans); }
.concierge.open .concierge-panel { transform: translateX(0px); }
.concierge-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.concierge-top > div { display: flex; gap: 14px; align-items: center; }
.concierge-top small { font-family: var(--sans); font-size: 9px; font-weight: 800; letter-spacing: 0.18em; color: var(--gold); }
.concierge-top span { font-size: 9px; color: rgb(124, 133, 141); }
.concierge-close { border: 1px solid rgb(214, 208, 197); background: rgb(255, 255, 255); width: 38px; height: 38px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; color: var(--ink); }
.concierge-progress { height: 2px; background: rgb(222, 216, 206); margin-bottom: 46px; overflow: hidden; }
.concierge-progress i { display: block; width: 33.333%; height: 100%; background: var(--gold); transition: width 0.3s; }
.concierge-view { display: none; }
.concierge-view.active { display: block; animation: 0.35s ease 0s 1 normal both running conciergeIn; }
@keyframes conciergeIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.concierge-view > .eyebrow { font-family: var(--sans); font-size: 12px; margin-bottom: 12px; }
.concierge-view h2 { font-family: var(--display); font-weight: 400; font-size: clamp(42px, 5vw, 62px); line-height: 0.98; margin: 0px 0px 18px; }
.concierge-intro { font-family: var(--sans); font-size: 15px; line-height: 1.7; color: rgb(101, 113, 123); margin: 0px 0px 28px; }
.concierge-types { display: grid; gap: 10px; }
.concierge-types button { position: relative; text-align: left; border: 1px solid rgb(213, 206, 194); background: rgb(255, 255, 255); border-radius: 15px; padding: 19px 52px 18px 19px; cursor: pointer; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; font-family: var(--sans); }
.concierge-types button:hover { transform: translateY(-3px); border-color: rgb(195, 162, 90); box-shadow: rgba(14, 39, 66, 0.09) 0px 14px 30px; }
.concierge-types b { display: block; font-size: 14px; margin-bottom: 5px; }
.concierge-types span { display: block; color: rgb(113, 123, 131); font-size: 11px; line-height: 1.45; }
.concierge-types em { position: absolute; right: 18px; top: 18px; font-family: var(--display); font-size: 20px; font-style: normal; color: rgb(183, 149, 78); }
.concierge-back { border: 0px; background: none; padding: 0px; margin: 0px 0px 28px; font-family: var(--sans); font-size: 11px; font-weight: 700; color: rgb(101, 113, 123); cursor: pointer; }
.concierge-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.concierge-field { display: grid; gap: 7px; }
.concierge-field.full { grid-column: 1 / -1; }
.concierge-field label { font-family: var(--sans); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(102, 113, 122); }
.concierge-field input, .concierge-field select, .concierge-field textarea { width: 100%; border: 1px solid rgb(213, 206, 194); border-radius: 11px; background: rgb(255, 255, 255); padding: 13px 14px; font: 14px/1.4 var(--sans); color: var(--ink); outline: none; }
.concierge-field textarea { min-height: 100px; resize: vertical; }
.concierge-field input:focus, .concierge-field select:focus, .concierge-field textarea:focus { border-color: rgb(181, 138, 58); box-shadow: rgba(181, 138, 58, 0.08) 0px 0px 0px 3px; }
.concierge-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 24px; }
.concierge-primary, .concierge-secondary { border-radius: 999px; padding: 14px 19px; font-family: var(--sans); font-size: 12px; font-weight: 800; cursor: pointer; transition: transform 0.25s, box-shadow 0.25s; }
.concierge-primary { border: 1px solid var(--ink); background: var(--ink); color: rgb(255, 255, 255); }
.concierge-secondary { border: 1px solid rgb(200, 192, 180); background: rgb(255, 255, 255); color: var(--ink); }
.concierge-primary:hover, .concierge-secondary:hover { transform: translateY(-2px); box-shadow: rgba(14, 39, 66, 0.12) 0px 10px 24px; }
.concierge-message { white-space: pre-wrap; margin: 20px 0px 0px; padding: 20px; border: 1px solid rgb(216, 209, 197); border-radius: 14px; background: rgb(255, 255, 255); font: 12px/1.65 var(--sans); color: rgb(51, 65, 77); }
.concierge-note { font-size: 10px; line-height: 1.5; margin-top: 14px; text-align: right; }
@media (max-width: 600px) {
  .concierge-panel { padding: 22px 20px 28px; }
  .concierge-progress { margin-bottom: 34px; }
  .concierge-fields { grid-template-columns: 1fr; }
  .concierge-field.full { grid-column: auto; }
  .concierge-actions { flex-direction: column; }
  .concierge-actions button { width: 100%; }
  .concierge-view h2 { font-size: 43px; }
}
.journey-path .pillar { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; }
.journey-path .pillar span { display: block; height: 18px; line-height: 18px; margin: 0px 0px 10px; }
.journey-path .pillar b { display: block; line-height: 1.18; margin: 0px 0px 8px; }
.journey-path .pillar p { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.6; }
.concierge-note { color: rgb(104, 116, 126); }
.executive-profile { padding: 110px max(7vw, 36px) 96px; background: rgb(251, 250, 247); color: var(--ink); display: grid; grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1.18fr); gap: 62px clamp(54px, 7vw, 120px); position: relative; overflow: hidden; }
.executive-profile::before { display: none; content: none; }
.executive-profile__lead, .executive-profile__story, .executive-profile__manifesto { position: relative; z-index: 1; }
.executive-profile__lead h2 { font-family: var(--display); font-size: clamp(45px, 4.25vw, 68px); font-weight: 400; line-height: 1.01; letter-spacing: 0.003em; margin: 0.2em 0px 0px; max-width: 760px; }
.executive-profile__lead h2 em { font-family: var(--display); font-weight: 400; color: rgb(107, 119, 128); }
.executive-profile__story { padding-top: 34px; max-width: 760px; }
.executive-profile__story p { font-family: var(--sans); font-size: 16px; line-height: 1.85; color: rgb(85, 97, 107); margin: 0px 0px 22px; }
.executive-profile__story strong { font-family: var(--sans); font-weight: 700; color: rgb(24, 39, 55); }
.executive-profile__manifesto { grid-column: 1 / -1; border-top: 1px solid rgb(217, 211, 200); padding-top: 31px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 38px; align-items: start; }
.executive-profile__manifesto p { font-family: var(--display); font-size: clamp(25px, 2.15vw, 35px); line-height: 1.12; font-weight: 400; margin: 0px; color: rgb(23, 37, 52); }
.executive-profile__manifesto p:not(:last-of-type) { border-right: 1px solid rgb(222, 216, 206); padding-right: 38px; }
.executive-profile__manifesto span { grid-column: 1 / -1; font-family: var(--sans); font-size: 9px; font-weight: 800; letter-spacing: 0.2em; color: var(--gold); margin-top: 8px; }
@media (max-width: 900px) {
  .executive-profile { grid-template-columns: 1fr; row-gap: 34px; padding: 84px max(7vw, 28px); }
  .executive-profile::before { display: none; }
  .executive-profile__story { padding-top: 0px; }
  .executive-profile__manifesto { grid-template-columns: 1fr; gap: 20px; }
  .executive-profile__manifesto p:not(:last-of-type) { border-right: 0px; border-bottom: 1px solid rgb(222, 216, 206); padding: 0px 0px 20px; }
  .executive-profile__manifesto span { grid-column: 1; }
}
@media (max-width: 600px) {
  .executive-profile { padding: 72px 22px; }
  .executive-profile__lead h2 { font-size: 42px; }
  .executive-profile__story p { font-size: 15px; }
  .executive-profile__manifesto p { font-size: 28px; }
}
.career-dialog { width: min(620px, 100% - 24px); max-width: none; height: 100dvh; max-height: 100dvh; margin: 0px 0px 0px auto; border: 0px; padding: 0px; background: rgb(251, 250, 247); color: var(--ink); box-shadow: rgba(3, 14, 28, 0.28) -28px 0px 70px; }
.career-dialog::backdrop { background: rgba(4, 13, 24, 0.55); backdrop-filter: blur(3px); }
.career-dialog__shell { min-height: 100%; padding: 52px 46px 48px; position: relative; font-family: var(--sans); overflow: auto; }
.career-dialog__close { position: absolute; right: 24px; top: 22px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgb(213, 206, 194); background: rgb(255, 255, 255); color: var(--ink); font-size: 24px; cursor: pointer; }
.career-dialog h2 { font-family: var(--display); font-size: clamp(38px, 4vw, 54px); font-weight: 400; line-height: 1; margin: 8px 0px 10px; }
.career-dialog__dates { color: rgb(168, 120, 34); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; margin: 0px 0px 34px; }
.career-dialog__section { padding: 22px 0px; border-top: 1px solid rgb(221, 214, 202); }
.career-dialog__section h3 { font: 800 10px/1.2 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: rgb(104, 116, 126); margin: 0px 0px 12px; }
.career-dialog__section ul { margin: 0px; padding-left: 18px; }
.career-dialog__section li, .career-dialog__section p { font: 14px/1.65 var(--sans); color: rgb(62, 77, 89); margin: 6px 0px; }
.career-dialog__placeholder { font-style: italic; color: rgb(122, 133, 142) !important; }
.career-dialog__roles { display: grid; gap: 8px; }
.career-dialog__roles span { font: 650 14px/1.45 var(--sans); color: rgb(32, 58, 88); }
.career-dialog__roles i { font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(168, 120, 34); font-style: normal; }
@media (max-width: 1180px) {
  .career-journey-line { display: none; }
}
@media (max-width: 650px) {
  .career-dialog__shell { padding: 48px 24px 34px; }
  .career-explore { margin-bottom: 12px; }
}
.industry-experience { padding: 104px max(5vw, 30px) 110px; background: radial-gradient(circle at 86% 12%, rgba(106, 160, 205, 0.16), transparent 28%), linear-gradient(145deg, rgb(16, 43, 77), rgb(23, 58, 102) 55%, rgb(20, 52, 91)); color: rgb(247, 245, 239); overflow: hidden; }
.industry-head { max-width: 980px; margin: 0px auto 54px; text-align: center; }
.industry-head .eyebrow { font-family: var(--sans); font-size: 18px; letter-spacing: 0.17em; color: var(--gold2); font-weight: 700; }
.industry-head h2 { font-family: var(--display); font-size: clamp(52px, 4.7vw, 76px); font-weight: 400; line-height: 1.02; margin: 12px 0px 20px; }
.industry-head > p:last-child { font-family: var(--sans); font-size: 17px; line-height: 1.75; color: rgb(220, 230, 239); max-width: 900px; margin: 0px auto; }
.industry-grid { max-width: 1660px; margin: 0px auto; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 24px; }
.industry-item { text-align: center; padding: 8px 10px 24px; border-radius: 18px; border: 1px solid transparent; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s, background 0.3s; will-change: transform; }
.industry-emblem { width: min(190px, 85%); aspect-ratio: 1 / 1; margin: 0px auto 24px; filter: drop-shadow(rgba(4, 17, 33, 0.24) 0px 18px 22px); transition: transform 0.3s, filter 0.3s; }
.industry-emblem svg { display: block; width: 100%; height: 100%; }
.industry-item h3 { font-family: var(--display); font-weight: 400; font-size: clamp(23px, 1.65vw, 30px); line-height: 1.12; margin: 0px 0px 13px; color: rgb(255, 255, 255); }
.industry-item p { font-family: var(--sans); font-size: 13.5px; line-height: 1.65; color: rgb(215, 226, 235); margin: 0px auto; max-width: 270px; }
.industry-item:hover, .industry-item:focus-within { border-color: rgba(223, 189, 112, 0.42); background: rgba(255, 255, 255, 0.035); box-shadow: rgba(5, 18, 34, 0.18) 0px 18px 40px; }
.industry-item:hover .industry-emblem { filter: drop-shadow(rgba(4, 17, 33, 0.3) 0px 22px 26px); }
.industry-close { max-width: 1660px; margin: 42px auto 0px; padding-top: 28px; border-top: 1px solid rgba(223, 189, 112, 0.25); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.industry-close p { font-family: var(--display); font-size: 24px; margin: 0px; color: rgb(247, 245, 239); }
.industry-close a { font-family: var(--sans); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: rgb(247, 245, 239); text-decoration: none; border-bottom: 1px solid var(--gold2); padding-bottom: 5px; }
@media (max-width: 1180px) {
  .industry-grid { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .industry-item { grid-column: span 2; }
  .industry-item:nth-child(4) { grid-column: 2 / span 2; }
  .industry-item:nth-child(5) { grid-column: 4 / span 2; }
}
@media (max-width: 760px) {
  .industry-experience { padding: 78px 20px 84px; }
  .industry-head { margin-bottom: 38px; }
  .industry-head .eyebrow { font-size: 15px; }
  .industry-head h2 { font-size: 48px; }
  .industry-head > p:last-child { font-size: 15.5px; }
  .industry-grid { grid-template-columns: 1fr; gap: 24px; }
  .industry-item, .industry-item:nth-child(4), .industry-item:nth-child(5) { grid-column: auto; margin-left: 0px; }
  .industry-emblem { width: 170px; }
  .industry-item h3 { font-size: 28px; }
  .industry-item p { font-size: 14px; max-width: 340px; }
  .industry-close { display: block; text-align: center; margin-top: 28px; }
  .industry-close p { font-size: 22px; margin-bottom: 18px; }
}
button, input, select, textarea { font-family: var(--sans); }
html { scroll-padding-top: 110px; }
section { scroll-margin-top: 24px; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.skip-link { position: fixed; top: 12px; left: -10000px; z-index: 150; padding: 12px 18px; background: var(--white); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { left: 12px; transform: none; }
.motion-card { --card-x: 0px; --card-y: 0px; translate: var(--card-x) var(--card-y); transition: translate 0.32s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.28s, box-shadow 0.28s, background 0.28s; }
.motion-card.is-tracking { transition: translate 0.13s ease-out, border-color 0.28s, box-shadow 0.28s, background 0.28s; will-change: translate; }
.motion-card.is-tracking, .motion-card:focus-within { border-color: var(--gold2); box-shadow: rgba(4, 18, 38, 0.22) 0px 22px 46px; }
.motion-card:focus-within:not(.is-tracking) { translate: 0px -4px; }
.career-explore { align-self: center; margin: 0px 0px 14px; border: 1px solid rgb(217, 223, 229); background: rgb(255, 255, 255); color: rgb(23, 58, 102); border-radius: 999px; min-height: 44px; padding: 10px 16px; font: 700 11px/1 var(--sans); cursor: pointer; position: relative; z-index: 4; transition: border-color 0.25s, box-shadow 0.25s; }
.career-explore span { margin-left: 6px; color: rgb(168, 120, 34); }
.career-explore:hover { border-color: var(--gold); box-shadow: rgba(16, 43, 77, 0.12) 0px 8px 18px; }
.reveal-pending { opacity: 0; transform: translateY(14px); }
.reveal-enter { animation: executiveReveal .55s var(--reveal-delay,0ms) both; }
@keyframes executiveReveal { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}
.career-journey-line { max-width: 1740px; height: 22px; margin: -24px auto 16px; position: relative; display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; padding: 0px 7.5%; }
.career-journey-line i { position: absolute; left: 8%; right: 8%; top: 10px; height: 1px; background: rgba(216, 179, 94, 0.25); }
.career-journey-line i::after { content: ""; display: block; height: 100%; background: var(--gold2); transform: scaleX(var(--journey-progress,0)); transform-origin: left center; transition: transform 0.6s; }
.career-journey-line span { width: 7px; height: 7px; border-radius: 50%; background: var(--gold2); justify-self: center; opacity: 0.3; transition: opacity 0.4s, box-shadow 0.4s; }
.career-journey-line span.reached { opacity: 1; box-shadow: rgba(216, 179, 94, 0.12) 0px 0px 0px 5px; }
.industry-grid { align-items: stretch; }
.industry-item { display: flex; flex-direction: column; align-items: center; }
.industry-item h3 { min-height: 2.3em; }
.industry-emblem { flex-shrink: 0; }
.industry-emblem .route { stroke-dasharray: 3, 7; animation: 24s linear 0s infinite normal none paused routeFlow; }
.industry-experience.is-visible .route { animation-play-state: running; }
@keyframes routeFlow { 
  100% { stroke-dashoffset: -100; }
}
.globe b { box-shadow: rgba(223, 189, 112, 0.12) 0px 0px 0px 5px; animation: 5s ease-in-out 0s infinite normal none running nodePulse; }
@keyframes nodePulse { 
  50% { opacity: 0.55; box-shadow: rgba(223, 189, 112, 0) 0px 0px 0px 10px; }
}
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; transition: translate 0.25s, box-shadow 0.25s; }
.btn:hover { translate: 0px -3px; box-shadow: rgba(4, 18, 38, 0.16) 0px 10px 24px; }
.nav nav > a[aria-current] { border-bottom: 1px solid var(--gold2); }
.journey-path .pillar { opacity: 1; min-height: 200px; }
.journey-path .pillar b { min-height: 2.36em; }
.journey-path .pillar p { margin-top: auto; }
.floating-id { cursor: default; }
.id-toggle { background: transparent; color: inherit; border: 0px; cursor: pointer; padding: 6px 5px; align-self: stretch; }
.id-body { display: none; }
.floating-id.open .id-body { display: flex; }
.id-concierge { border: 0px; background: none; padding: 0px; text-align: left; }
.id-body strong { white-space: normal; }
.floating-id.open { max-width: calc(-24px + 100vw); }
.concierge-close, .career-dialog__close { width: 44px; height: 44px; }
.concierge-back { min-height: 44px; }
.concierge-message { overflow-wrap: anywhere; }
.concierge-panel { overscroll-behavior: contain; }
footer { padding-bottom: 100px; }
.hero-copy, .mindset-copy, .projects > div { min-width: 0px; }
.metrics div { min-width: 0px; }
.metrics { gap: 20px; }
.metrics div { margin-right: 0px; padding-right: 20px; flex: 1 1 0%; }
@media (min-width: 981px) and (max-width: 1180px) {
  .hero { grid-template-columns: 1.25fr 0.75fr; gap: 20px; }
  .hero h1 { font-size: 68px; }
  .mindset { gap: 32px; }
  .pillars div { padding: 22px; }
  .pillars b { font-size: 28px; }
}
@media (max-width: 1180px) {
  .career-journey-line { display: none; }
  .career-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 980px) {
  .mindset { grid-template-columns: 1fr; }
  .nav nav a:not(.nav-cta) { display: inline; }
  .nav { padding-inline: 24px; }
  .brand { font-size: 18px; }
  .nav nav { gap: 18px; }
  .mindset, .projects { gap: 40px; }
}
@media (max-width: 760px) {
  .career-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .hero h1 { font-size: clamp(46px, 8vw, 68px); }
  .nav { height: auto; min-height: 88px; flex-wrap: wrap; gap: 12px; padding: 16px 22px; }
  .nav nav { width: 100%; justify-content: space-between; gap: 12px; }
  .nav nav > a { display: inline-flex; align-items: center; min-height: 44px; }
  .nav-cta { padding: 10px 16px; }
  .hero .eyebrow { font-size: 11px; line-height: 1.7; }
  .metrics strong { font-size: 28px; }
  .metrics span { font-size: 12px; }
  .credentials h2 { font-size: clamp(36px, 7vw, 52px); }
  .mindset h2, .projects h2, .connect h2 { font-size: clamp(40px, 8vw, 58px); }
  .journey .section-head h2 { font-size: 48px; }
  .industry-head h2 { font-size: 43px; }
  .industry-item h3 { min-height: 0px; }
  .credential-card .credential-art img[src$="mcse.png"] { max-width: 100%; }
  .credential-card { padding-inline: 10px; }
  .id-body { width: calc(-90px + 100vw); max-width: 289px; }
  .hero-actions { flex-wrap: wrap; }
  .orbit-note { line-height: 1.6; }
}
@media (max-width: 600px) {
  .career-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(43px, 10.8vw, 60px); }
  .metrics { grid-template-columns: 1fr 1fr; gap: 20px; }
  .metrics div { padding-right: 12px; }
  .metrics div:nth-child(2) { border-right: 0px; }
  .journey-path .pillar { min-height: 180px; }
  .journey-path .pillar b { min-height: 0px; }
  .industry-experience { padding-inline: 22px; }
  .credentials { padding-inline: 22px; }
  .industry-item { padding-inline: 16px; }
  .hero, .mindset, .projects { padding-top: 64px; padding-bottom: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }
  .reveal-pending, .reveal-enter { opacity: 1; transform: none; }
  .motion-card, .motion-card:focus-within { translate: none; }
  .globe, .tb-live-shot img { transform: none; }
  .career-journey-line i::after { transform: scaleX(1); }
}
/* V1.14 — restore premium cursor-follow hover + hover-expand executive ID */
@media (hover:hover) and (pointer:fine) {
  .motion-card {
    --card-x:0px;
    --card-y:0px;
    translate:var(--card-x) var(--card-y);
    transition:translate .42s cubic-bezier(.16,1,.3,1), border-color .28s ease, box-shadow .28s ease, background .28s ease;
  }
  .motion-card.is-tracking {
    transition:translate .16s cubic-bezier(.2,.8,.2,1), border-color .22s ease, box-shadow .22s ease, background .22s ease;
    will-change:translate;
    border-color:var(--gold2);
    box-shadow:0 30px 64px rgba(4,18,38,.28),0 0 0 1px rgba(223,189,112,.18);
  }
  .floating-id { width:196px; }
  .floating-id .id-body { width:130px; padding:13px 12px; transition:width .38s cubic-bezier(.16,1,.3,1),padding .38s cubic-bezier(.16,1,.3,1); }
  .floating-id:not(.open) .id-body em,
  .floating-id:not(.open) .id-body strong,
  .floating-id:not(.open) .id-body i,
  .floating-id:not(.open) .id-body .id-concierge,
  .floating-id:not(.open) .id-body .id-linkedin { display:none; }
  .floating-id:not(.open) .id-body small { font-size:8px; overflow:hidden; text-overflow:ellipsis; }
  .floating-id:not(.open) .id-body b { font-size:12px; margin-top:3px; }
  .floating-id.open { width:355px; transform:translateY(-5px); box-shadow:0 28px 70px rgba(4,18,38,.38),0 0 0 1px rgba(223,189,112,.16); }
  .floating-id.open .id-body { width:289px; padding:13px 17px; }
}

/* V1.15 — CargoMed-reference card hover: clear cursor-linked upward travel */
@media (hover:hover) and (pointer:fine) {
  .motion-card {
    transition: translate .46s cubic-bezier(.16,1,.3,1), border-color .28s ease, box-shadow .32s ease, background .28s ease;
  }
  .motion-card.is-tracking {
    transition: translate .11s linear, border-color .22s ease, box-shadow .22s ease, background .22s ease;
    border-color: var(--gold2);
    box-shadow: 0 34px 72px rgba(4,18,38,.30), 0 0 0 1px rgba(223,189,112,.20);
  }
}


/* V1.16 — unified CargoMed-style perspective hover on every portfolio card */
@media (hover:hover) and (pointer:fine) {
  .motion-card {
    --card-rx:0deg;
    --card-ry:0deg;
    --card-lift:0px;
    translate:none;
    transform:perspective(950px) translate3d(0,var(--card-lift),0) rotateX(var(--card-rx)) rotateY(var(--card-ry));
    transform-style:preserve-3d;
    transform-origin:center center;
    transition:transform .46s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .32s ease,background .28s ease;
    backface-visibility:hidden;
  }
  .motion-card.is-tracking {
    transition:transform .11s ease-out,border-color .22s ease,box-shadow .22s ease,background .22s ease;
    will-change:transform;
    border-color:var(--gold2);
    box-shadow:0 34px 72px rgba(4,18,38,.30),0 0 0 1px rgba(223,189,112,.20);
  }
  .motion-card:focus-within:not(.is-tracking) {
    translate:none;
    transform:perspective(950px) translate3d(0,-4px,0);
  }
}
@media (prefers-reduced-motion:reduce) {
  .motion-card,.motion-card:focus-within {
    translate:none !important;
    transform:none !important;
  }
}


/* V1.18 — typography lock for detail/pop-up UI */
dialog, dialog *, .career-dialog, .career-dialog *, .concierge-panel, .concierge-panel *, .floating-id, .floating-id * { font-family: var(--sans); }
.career-dialog h2, .career-dialog__shell > h2, .concierge-view h2 { font-family: var(--display); font-weight: 400; }

/* V1.19 — approved photographic logistics emblems */
.industry-emblem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

/* V1.20 — tightly fitted industry emblems */
.industry-emblem {
  overflow: visible;
}
.industry-emblem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* V1.21 — final transparent industry medallions */
.industry-emblem { background: transparent; border: 0; overflow: visible; }
.industry-emblem img { display:block; width:100%; height:100%; object-fit:contain; border:0; outline:0; background:transparent; border-radius:0; }

/* V1.22 — Premium logistics hero background */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#173a66;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../images/hero/logistics-premium-hero.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.46;
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(18,48,88,.96) 0%,rgba(18,48,88,.88) 35%,rgba(18,48,88,.54) 58%,rgba(18,48,88,.25) 100%);
  pointer-events:none;
}
.hero-copy,.hero-orbit{position:relative;z-index:1}
.hero-orbit{opacity:.34}
@media (max-width:900px){
  .hero::before{background-position:68% center;opacity:.30}
  .hero::after{background:linear-gradient(90deg,rgba(18,48,88,.97),rgba(18,48,88,.78))}
  .hero-orbit{opacity:.18}
}

/* V1.23 — hero leadership progression moved below introduction */
.hero-flow-note{margin-top:14px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.18em;color:rgb(195,208,220);text-transform:uppercase;}
@media(max-width:700px){.hero-flow-note{font-size:9px;letter-spacing:.13em;line-height:1.6;}}


/* V1.24 — cleaner premium hero: remove legacy orbit and strengthen background */
.hero-orbit{display:none!important;}
.hero::before{opacity:.62;}
.hero::after{background:linear-gradient(90deg,rgba(18,48,88,.94) 0%,rgba(18,48,88,.82) 34%,rgba(18,48,88,.42) 60%,rgba(18,48,88,.12) 100%);}
@media (max-width:900px){
  .hero::before{background-position:68% center;opacity:.44;}
  .hero::after{background:linear-gradient(90deg,rgba(18,48,88,.96) 0%,rgba(18,48,88,.78) 55%,rgba(18,48,88,.44) 100%);}
}