/* Original flowing homepage with a continuous header/hero surface. */
body:has(.home-hero) .site-header,.home-hero{background:linear-gradient(90deg,#f3f8ff 5%,#eef5fd 50%,#f5effc 100%)}
body:has(.home-hero) .site-header{border-bottom:0}
.home-hero:before{mask-image:linear-gradient(to bottom,transparent 0%,transparent 22%,#000 50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 22%,#000 50%)}
.logo img{background:transparent;filter:none;box-shadow:none}
/* Keep the approved photo-free career cards unchanged. */
.job-showcase{--ink:#263754;--muted:#52627a;--blue:#3561ac;--line:#d4dfee;color:var(--ink)}
.job-showcase .job-card{--accent:#3561ac;--tint:#e9f0fa}

/* Requested finishing touches: muted cards, balanced header, one headline. */
.domain-card.domain-it .domain-card-copy{background:#42658f}
.domain-card.domain-project .domain-card-copy{background:#a05649}
.domain-card.domain-finance .domain-card-copy{background:#386e63}
.domain-card.domain-ai .domain-card-copy{background:#6e5891}
.header{min-height:0;padding-block:24px;align-items:center}
.home-hero .hero-inner{padding-top:20px;align-items:start}
.home-hero .hero-copy{padding-top:26px}
.home-hero .hero-quotes{margin-bottom:26px}
.home-hero .hero-quotes h1{min-height:0;max-width:15ch}
@media(min-width:1920px){.header{padding-block:32px}.home-hero .hero-inner{padding-top:28px}}
@media(max-width:780px){.header{padding-block:20px}.home-hero .hero-inner{padding-top:12px}.home-hero .hero-copy{padding-top:12px}}
/* Compact the actual stacked gap: header + hero + both content columns. */
body:has(.home-hero) .header{padding-bottom:12px}
.home-hero .hero-inner{padding-top:0}
.home-hero .hero-copy,.home-hero .awarding-showcase{padding-top:8px}
/* Tighten the three section transitions without changing card content. */
.home-hero .hero-inner{min-height:0;padding-bottom:20px}
.home-hero .awarding-showcase{padding-bottom:0}
.home-hero .credential-grid{min-height:0;padding-bottom:8px}
.home-path-nav{padding-block:12px}
.home-hero + .section{padding-top:32px}
.job-showcase.section{padding-bottom:28px}
.job-showcase > .small-note{margin-bottom:0}
@media(max-width:600px){.home-hero + .section{padding-top:24px}.job-showcase.section{padding-bottom:24px}}