.career-home {
  --case-bg: #f4f2eb;
  --case-ink: #20272b;
  --case-muted: #636b6a;
  --case-line: #d3d6d0;
  --case-accent: #456276;
}
.career-home .site-header {background: #f4f2ebf5; backdrop-filter: blur(12px);}
.career-home .shell-nav {height: 76px;}
.career-home .shell-nav .nav-contact {border-color: #bbc2bd; border-radius: 0;}
.career-home .container {width: min(1280px, calc(100% - 96px));}
.career-home h1, .career-home h2, .career-home h3 {font-weight: 550;}
.career-home p {line-height: 1.65;}
.editorial-hero {display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 78px; align-items: center; padding-block: 54px 52px;}
.personal-intro {display: flex; gap: 20px; font-size: 12px; margin-bottom: 26px;}
.personal-intro strong {font-weight: 550;}
.personal-intro span {color: var(--case-muted);}
.editorial-hero h1 {font-size: clamp(44px, 4.7vw, 68px); line-height: 1.09; letter-spacing: -.05em; margin-bottom: 26px;}
.editorial-hero h1 em {font-style: normal; color: var(--case-accent);}
.intro-summary {font-size: 16px; max-width: 590px; margin-bottom: 28px; color: var(--case-muted);}
.intro-links {display: flex; flex-wrap: wrap; align-items: center; gap: 16px 30px;}
.home-button {display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 48px; padding: 15px 20px; background: var(--case-ink); color: #f4f2eb; font-size: 12px; font-weight: 500; border: 1px solid var(--case-ink);}
.home-button svg {width: 17px; height: 17px;}
.resume-link {display: inline-flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 500; padding-block: 14px;}
.personal-portrait {margin: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center;}
.personal-portrait img {width: 100%; height: 286px; object-fit: cover; object-position: 83% 45%; display: block;}
.personal-portrait figcaption {display: flex; flex-direction: column; gap: 8px; font-size: 11px; padding-top: 14px; line-height: 1.4; color: var(--case-muted);}
.personal-portrait figcaption a {color: var(--case-ink); width: fit-content; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #a8aeaa;}
.work-heading {border-top: 1px solid var(--case-line); padding-block: 25px 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.work-heading h2 {font-family: Inter, sans-serif; font-size: 20px; letter-spacing: -.035em; margin: 0;}
.work-heading > a {display: flex; align-items: center; gap: 16px; color: var(--case-muted); font-size: 12px;}
.work-heading svg {width: 16px; height: 16px;}
.case-preview {display: block; min-width: 0;}
.case-preview img {display: block;}
.case-preview:focus-visible {outline: 3px solid var(--case-accent); outline-offset: 8px;}
.project-client {font-size: 12px; margin-bottom: 22px; line-height: 1.5; color: var(--case-muted);}
.project-tools {display: block; font-size: 11px; line-height: 1.6; color: var(--case-muted);}
.case-action {display: inline-flex; align-items: center; gap: 18px; font-size: 12px; font-weight: 550; margin-top: 28px;}
.case-action svg {width: 18px; height: 18px;}
.quotation-feature {display: grid; grid-template-columns: .95fr 1.65fr; background: #25364a; color: #f6f7f7; padding: 44px; gap: 42px; overflow: hidden;}
.quotation-copy {padding-bottom: 0; display: flex; flex-direction: column; align-items: flex-start;}
.quotation-copy .project-client {color: #c1cbd5;}
.quotation-copy h3 {font-size: clamp(30px, 3vw, 42px); line-height: 1.12; letter-spacing: -.05em; margin-bottom: 22px;}
.quotation-copy > p:not(.project-client) {font-size: 14px; line-height: 1.7; color: #c8d2dc; max-width: 33ch; margin-bottom: 24px;}
.quotation-copy .project-tools {color: #b4c3d1; margin-top: auto;}
.quotation-image {align-self: center; background: #030407; border: 1px solid #c6d2df33; overflow: hidden;}
.quotation-image img {width: 100%; height: auto;}
.midas-feature {display: grid; grid-template-columns: 1.55fr 1fr; gap: 70px; align-items: center; padding-block: 80px 74px;}
.midas-images {position: relative; padding: 0 34px 56px 0;}
.midas-site {width: 100%; height: auto; border: 1px solid #1a2140;}
.midas-board {position: absolute; bottom: 0; right: 0; width: 48%; height: auto; border: 6px solid #f4f2eb; box-shadow: 0 7px 18px #17232d10;}
.midas-copy h3 {font-size: clamp(30px, 3vw, 40px); line-height: 1.15; letter-spacing: -.05em; margin-bottom: 22px;}
.midas-copy > p:not(.project-client) {font-size: 15px; color: var(--case-muted); margin-bottom: 22px; max-width: 36ch;}
.operations-pair {display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; border-top: 1px solid var(--case-line); padding-block: 64px 76px; align-items: start;}
.nasir-preview {margin-top: 84px;}
.operations-image {padding: 28px 24px 0; overflow: hidden;}
.jml-image {background: #dce3e5; height: 350px;}
.nasir-image {background: #e8e0d5; height: 300px;}
.operations-image img {width: 100%; height: auto; border: 1px solid #14202b20;}
.operations-copy {padding-top: 24px;}
.operations-copy .project-client {margin-bottom: 14px;}
.operations-copy h3 {font-size: clamp(28px, 2.8vw, 37px); line-height: 1.13; letter-spacing: -.05em; margin-bottom: 18px;}
.operations-copy > p:not(.project-client) {font-size: 14px; color: var(--case-muted); max-width: 45ch; margin-bottom: 22px;}
.case-bottom {display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--case-line); padding-top: 17px;}
.case-arrow {display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #b9c2c0; flex: none;}
.case-arrow svg {width: 18px; height: 18px;}
.automation-section {border-top: 1px solid var(--case-line); padding-top: 48px;}
.automation-heading {display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 34px;}
.automation-heading h2 {font-size: 32px; letter-spacing: -.05em; margin: 0;}
.automation-heading p {font-size: 13px; color: var(--case-muted); margin: 0; max-width: 30ch;}
.automation-pair {display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px;}
.automation-image {height: 238px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.procurement-image {background: #191919;}
.procurement-image img {width: 100%; height: auto;}
.audit-image {background: #e4e9e4; padding: 24px;}
.audit-image img {width: auto; height: 100%; max-width: 100%; object-fit: contain; border: 1px solid #2f494722;}
.automation-copy {padding-top: 22px;}
.automation-copy .project-client {margin-bottom: 14px;}
.automation-title {display: flex; gap: 24px; justify-content: space-between; align-items: start;}
.automation-title h3 {font-size: 29px; line-height: 1.17; letter-spacing: -.045em; margin-bottom: 18px;}
.automation-title .case-arrow {margin-top: 4px;}
.automation-copy > p:not(.project-client) {font-size: 14px; line-height: 1.7; color: var(--case-muted); max-width: 47ch; margin-bottom: 0;}
.home-evidence-note {font-size: 11px; color: var(--case-muted); margin: 38px 0 56px;}
.engineering-section {background: #222f35; color: #f4f2eb; padding-block: 64px;}
.engineering-layout {display: grid; grid-template-columns: 1fr 1fr; gap: 100px;}
.engineering-layout h2 {font-size: 40px; font-weight: 500; line-height: 1.15; margin-bottom: 30px; letter-spacing: -.05em;}
.home-button.light {background: transparent; color: #f4f2eb; border-color: #839399;}
.engineering-content > p {font-size: 17px; color: #d0d8da; margin-bottom: 26px;}
.engineering-content dl {margin: 0;}
.engineering-content dl > div {display: grid; grid-template-columns: 150px 1fr; gap: 20px; border-top: 1px solid #ffffff26; padding-block: 16px;}
.engineering-content dt {font-size: 12px; font-weight: 500; line-height: 1.7;}
.engineering-content dd {margin: 0; font-size: 12px; line-height: 1.7; color: #b8c4c8;}
.career-home .footer-main {padding-block: 56px;}
.career-home .footer-email {font-size: 60px;}
@media (hover: hover) {
  .home-button:hover {background: #456276; border-color: #456276; color: #fff;}
  .resume-link:hover, .personal-portrait a:hover, .work-heading > a:hover {color: var(--case-accent);}
  .case-preview .case-action svg, .case-preview .case-arrow {transition: transform .2s ease, background .2s ease;}
  .case-preview:hover .case-action svg {transform: translate(3px, -3px);}
  .case-preview:hover .case-arrow {background: #dce3e2; transform: translate(2px, -2px);}
  .operations-case:hover h3, .automation-case:hover h3, .midas-feature:hover h3 {color: var(--case-accent);}
}
@media (min-width: 701px) and (max-width: 1100px) {
  .career-home .container {width: calc(100% - 64px);}
  .editorial-hero {grid-template-columns: minmax(0, 1fr) 230px; gap: 40px;}
  .personal-intro {flex-direction: column; gap: 4px; margin-bottom: 20px;}
  .editorial-hero h1 {font-size: clamp(41px, 4.4vw, 49px);}
  .personal-portrait img {height: 250px;}
  .intro-links {gap: 12px 22px;}
  .quotation-feature {padding: 30px; gap: 28px; grid-template-columns: 1fr 1.35fr;}
  .quotation-copy h3 {font-size: 32px;}
  .midas-feature {gap: 36px; grid-template-columns: 1.2fr 1fr;}
  .midas-copy h3 {font-size: 32px;}
  .midas-images {padding: 0 24px 50px 0;}
  .operations-pair {gap: 34px;}
  .jml-image {height: 260px;}
  .nasir-image {height: 240px;}
  .automation-pair {gap: 30px;}
  .automation-heading h2 {font-size: 28px;}
  .automation-image {height: 200px;}
  .engineering-layout {gap: 45px;}
  .engineering-layout h2 {font-size: 35px;}
  .engineering-content dl > div {grid-template-columns: 115px 1fr; gap: 14px;}
}
@media (max-width: 700px) {
  .career-home .container {width: calc(100% - 40px);}
  .career-home .shell-nav {height: 68px;}
  .career-home .shell-nav nav {gap: 17px;}
  .editorial-hero {grid-template-columns: 1fr; gap: 30px; padding-block: 34px 30px;}
  .personal-intro {flex-direction: column; gap: 4px; margin-bottom: 22px; font-size: 12px;}
  .editorial-hero h1 {font-size: clamp(27px, 8.4vw, 50px); line-height: 1.12; margin-bottom: 22px; letter-spacing: -.045em;}
  .intro-summary {font-size: 15px; margin-bottom: 24px; max-width: 43ch;}
  .intro-links {gap: 12px 18px;}
  .home-button {padding: 14px 16px; gap: 14px; font-size: 11px; min-height: 44px;}
  .resume-link {font-size: 11px; gap: 10px;}
  .personal-portrait {display: grid; grid-template-columns: 90px 1fr; gap: 20px; align-items: center;}
  .personal-portrait img {height: 96px; width: 90px; object-position: 83% 38%;}
  .personal-portrait figcaption {padding: 0; gap: 10px; font-size: 11px;}
  .work-heading {padding-block: 23px;}
  .work-heading h2 {font-size: 19px;}
  .work-heading > a {font-size: 10px; gap: 8px;}
  .work-heading svg {width: 14px; height: 14px;}
  .quotation-feature {grid-template-columns: 1fr; gap: 24px; padding: 22px;}
  .quotation-copy {padding-bottom: 0; grid-row: 2;}
  .project-client {font-size: 11px; margin-bottom: 15px;}
  .quotation-copy h3 {font-size: 33px; margin-bottom: 18px;}
  .quotation-copy > p:not(.project-client) {font-size: 14px; max-width: 39ch; margin-bottom: 16px;}
  .project-tools {font-size: 10px;}
  .case-action {font-size: 12px; margin-top: 20px;}
  .quotation-image {grid-row: 1;}
  .quotation-image img {width: 100%; height: auto;}
  .midas-feature {grid-template-columns: 1fr; gap: 26px; padding-block: 44px;}
  .midas-images {padding: 0 20px 36px 0;}
  .midas-board {width: 47%; border-width: 4px;}
  .midas-copy h3 {font-size: 33px; line-height: 1.16; margin-bottom: 18px;}
  .midas-copy > p:not(.project-client) {font-size: 14px; max-width: 43ch; margin-bottom: 16px;}
  .midas-copy .case-action {margin-top: 20px;}
  .operations-pair {grid-template-columns: 1fr; gap: 42px; padding-block: 38px 44px;}
  .nasir-preview {margin-top: 0;}
  .operations-image {padding: 20px 18px 0; height: auto; aspect-ratio: 1.55;}
  .operations-copy {padding-top: 20px;}
  .operations-copy h3 {font-size: 32px; margin-bottom: 16px;}
  .operations-copy .project-client {margin-bottom: 12px;}
  .operations-copy > p:not(.project-client) {font-size: 14px; margin-bottom: 18px;}
  .case-bottom {padding-top: 13px;}
  .case-arrow {width: 32px; height: 32px;}
  .automation-section {padding-top: 34px;}
  .automation-heading {display: block; margin-bottom: 26px;}
  .automation-heading h2 {font-size: 29px; max-width: 17ch; margin-bottom: 14px;}
  .automation-heading p {font-size: 13px; max-width: 32ch;}
  .automation-pair {grid-template-columns: 1fr; gap: 34px;}
  .automation-image {height: auto; min-height: 150px; aspect-ratio: 1.9;}
  .procurement-image img {width: 100%; height: auto;}
  .audit-image {padding: 16px;}
  .audit-image img {width: auto; height: 100%; max-height: 195px; max-width: 100%;}
  .automation-copy {padding-top: 18px;}
  .automation-copy .project-client {font-size: 10px; margin-bottom: 12px;}
  .automation-title h3 {font-size: 28px; margin-bottom: 15px;}
  .automation-copy > p:not(.project-client) {font-size: 14px;}
  .home-evidence-note {font-size: 10px; margin-block: 30px 40px;}
  .engineering-section {padding-block: 42px;}
  .engineering-layout {grid-template-columns: 1fr; gap: 32px;}
  .engineering-layout h2 {font-size: 33px; line-height: 1.15; margin-bottom: 24px;}
  .engineering-content > p {font-size: 16px;}
  .engineering-content dl > div {grid-template-columns: 112px 1fr; gap: 18px;}
  .engineering-content dt, .engineering-content dd {font-size: 11px;}
  .career-home .footer-main {padding-block: 42px;}
  .career-home .footer-email {font-size: 48px;}
}