:root { --accent-soft: #dff7f5; }
.nav { height: 68px; }
.nav-wrap { box-shadow: 0 10px 35px rgba(11,22,40,.045); }
.hero { min-height: 590px; padding-block: 64px 76px; gap: 64px; }
.hero-copy { position: relative; }
.hero-copy:before { content: ''; display: block; width: 54px; height: 5px; background: var(--cyan); margin-bottom: 26px; }
.eyebrow { max-width: 760px; line-height: 1.5; }
.lede { max-width: 690px; }
.strength-line { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 26px; }
.strength-line span { padding: 7px 11px; border: 1px solid #cfd7e4; background: rgba(255,255,255,.62); color: #3f4d61; font-size: .82rem; font-weight: 700; }
.hero-actions { margin-top: 4px; }
.command-card { box-shadow: 14px 14px 0 var(--cyan); }
.section { padding-block: 94px; }
.section-head { display: grid; grid-template-columns: 1fr; gap: 8px; }
.section-head h2 { max-width: 680px; }
.expertise-card { min-height: 345px; padding: 34px; transition: transform .2s ease, box-shadow .2s ease; }
.expertise-card:hover { transform: translateY(-4px); box-shadow: 0 18px 45px rgba(18,44,84,.08); }
.expertise-card.featured:hover { transform: translateY(-4px); }
.expertise-card h3 { margin-top: 24px; }
.impact-strip { margin-bottom: 100px; padding: 28px 34px; display: grid; grid-template-columns: .85fr repeat(3,1fr); gap: 28px; align-items: start; background: var(--accent-soft); border-left: 5px solid var(--blue); }
.impact-strip>p { margin: 0; font: 800 1rem 'Manrope'; text-transform: uppercase; letter-spacing: .08em; color: var(--blue); }
.impact-strip div { border-left: 1px solid rgba(24,88,216,.2); padding-left: 22px; }
.impact-strip strong,.impact-strip span { display: block; }
.impact-strip strong { font-family: 'Manrope'; margin-bottom: 6px; }
.impact-strip span { color: var(--muted); font-size: .91rem; line-height: 1.5; }
.timeline article { padding: 40px 0; }
.contact { box-shadow: 18px 18px 0 var(--cyan); }
@media (max-width: 900px) { .impact-strip { grid-template-columns: 1fr; } .impact-strip div { border-left: 0; border-top: 1px solid rgba(24,88,216,.2); padding: 18px 0 0; } }
@media (max-width: 500px) { .hero { padding-top: 46px; } .strength-line span { font-size: .76rem; } .impact-strip { margin-bottom: 60px; padding: 24px; } }
.command-card {
  padding-top: 0;
  overflow: hidden;
}

.profile-photo {
  position: relative;
  height: 315px;
  margin: 0 -28px 28px;
  overflow: hidden;
  background: #1a2940;
  border-bottom: 4px solid var(--cyan);
}

.profile-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 62%, rgba(11, 22, 40, .22));
  pointer-events: none;
}

.profile-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 43%;
}

@media (max-width: 850px) {
  .profile-photo { height: 360px; }
}

@media (max-width: 500px) {
  .profile-photo { height: 310px; }
}

.tool-group {
  min-width: 0;
}

.tool-groups .tool-group h3 {
  margin-bottom: 18px;
}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.logo-tile {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  min-width: 0;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(24,88,216,.12);
  box-shadow: 0 8px 24px rgba(18,44,84,.055);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.logo-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(24,88,216,.42);
  box-shadow: 0 12px 28px rgba(18,44,84,.11);
}

.logo-tile img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

@media (max-width: 850px) {
  .logo-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .logo-tile img { width: 38px; height: 38px; }
}

/* Editorial cream, charcoal and champagne theme */
:root {
  --ink: #20201f;
  --blue: #b79a72;
  --cyan: #d7c8b6;
  --paper: #f4f0eb;
  --white: #fffdf9;
  --line: #d8cfc5;
  --muted: #625d57;
  --accent-soft: #ded4c9;
}

body {
  background: var(--paper);
  font-family: 'Inter', sans-serif;
}

h1, h2, h3,
.brand,
.metric strong,
.quote p,
.contact:after {
  font-family: 'Cormorant Garamond', serif;
}

.nav-wrap {
  background: rgba(32,32,31,.97);
  border-bottom-color: rgba(215,200,182,.24);
  box-shadow: none;
}

.brand,
.nav-links a {
  color: #e8d9c7;
}

.brand span,
.nav-links a:hover {
  color: #c8ab83;
}

.nav-cta {
  border-color: #c8ab83;
}

.menu {
  color: #e8d9c7;
  border-color: rgba(232,217,199,.45);
}

.hero-copy:before {
  height: 1px;
  width: 92px;
  background: #9d8463;
}

.eyebrow,
.kicker {
  color: #927755;
}

h1 {
  font-weight: 600;
  letter-spacing: -.035em;
}

h1 em {
  color: #9b805d;
}

.strength-line span {
  background: rgba(255,253,249,.6);
  border-color: #d5cabf;
  color: #4f4a44;
}

.button {
  border-radius: 0;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .82rem;
}

.button.primary {
  background: var(--ink);
  border-color: var(--ink);
}

.button.primary:hover {
  background: #a48965;
  border-color: #a48965;
}

.button.secondary {
  border-color: #746b62;
}

.command-card {
  background: var(--ink);
  box-shadow: 14px 14px 0 #c8b8a6;
}

.profile-photo {
  background: #302e2b;
  border-bottom-color: #b99d76;
}

.status span {
  background: #c8ab83;
}

.metric strong,
.inverse .kicker,
.contact .kicker {
  color: #c8ab83;
}

.marquee {
  background: #c7b49e;
  color: #252321;
}

.marquee i {
  color: #fffaf4;
}

.marquee {
  padding-block: 0;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 22s linear infinite;
  will-change: transform;
}

.marquee-item {
  flex: none;
  padding-block: 13px;
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation-play-state: paused;
  }
}

.section-head h2 {
  font-weight: 600;
}

.expertise-card {
  background: #fffdf9;
  border-color: #d8cfc5;
}

.expertise-card.featured {
  background: #20201f;
}

.expertise-card li:before {
  color: #b79a72;
}

.impact-strip {
  background: #ded4c9;
  border-left-color: #9b805d;
}

.impact-strip>p,
.impact-strip strong {
  color: #51483f;
}

.impact-strip div {
  border-left-color: rgba(81,72,63,.22);
}

.dark {
  background: #20201f;
}

.timeline {
  border-top-color: #514b44;
}

.timeline article {
  border-bottom-color: #514b44;
}

.quote>span {
  color: #dfd5ca;
}

.approach b {
  color: #9b805d;
}

.tools-section {
  background: #d8cec3;
}

.tool-groups .tool-group {
  border-top-color: #8f7656;
}

.logo-tile {
  background: rgba(255,253,249,.72);
  border-color: rgba(93,77,59,.14);
  box-shadow: 0 8px 24px rgba(50,43,36,.055);
}

.logo-tile:hover {
  border-color: rgba(143,118,86,.55);
  box-shadow: 0 12px 28px rgba(50,43,36,.12);
}

.contact {
  background: #20201f;
  box-shadow: 18px 18px 0 #c9b8a5;
}

.contact>p:not(.kicker):not(.email) {
  color: #ded6cd;
}

.button.light {
  background: #c8ab83;
  border-color: #c8ab83;
  color: #20201f;
}

footer {
  border-top-color: #d8cfc5;
}

@media (max-width: 850px) {
  .nav-links {
    background: #20201f;
    border-bottom-color: rgba(215,200,182,.24);
  }
}

/* Monochrome stone palette inspired by the latest reference */
:root {
  --ink: #171717;
  --blue: #777771;
  --cyan: #c8c7c1;
  --paper: #f7f6f2;
  --white: #ffffff;
  --line: #cfcec8;
  --muted: #5f5f5b;
  --accent-soft: #e4e3de;
}

body {
  background: #f7f6f2;
  color: #171717;
}

.nav-wrap,
.dark,
.command-card,
.contact {
  background: #171717;
}

.nav-wrap {
  border-bottom-color: rgba(255,255,255,.16);
}

.brand,
.nav-links a {
  color: #f4f3ef;
}

.brand span,
.nav-links a:hover,
.metric strong,
.inverse .kicker,
.contact .kicker {
  color: #c8c7c1;
}

.nav-cta,
.menu {
  border-color: rgba(255,255,255,.55);
}

.hero-copy:before {
  background: #858580;
}

.eyebrow,
.kicker,
h1 em,
.approach b {
  color: #696965;
}

.strength-line span {
  background: #ffffff;
  border-color: #d3d2cc;
  color: #444440;
}

.button.primary {
  background: #171717;
  border-color: #171717;
}

.button.primary:hover {
  background: #686864;
  border-color: #686864;
}

.button.secondary {
  border-color: #656560;
}

.command-card {
  box-shadow: 14px 14px 0 #a09f99;
}

.profile-photo {
  background: #2a2a29;
  border-bottom-color: #9b9a94;
}

.status span {
  background: #d0cfc9;
}

.marquee {
  background: #9c9b95;
  color: #111111;
}

.marquee i {
  color: #f7f6f2;
}

.expertise-card {
  background: #ffffff;
  border-color: #d4d3cd;
}

.expertise-card.featured {
  background: #171717;
}

.expertise-card li:before {
  color: #888782;
}

.impact-strip {
  background: #deddd8;
  border-left-color: #777771;
}

.impact-strip>p,
.impact-strip strong {
  color: #323230;
}

.impact-strip div {
  border-left-color: rgba(50,50,48,.22);
}

.timeline,
.timeline article {
  border-color: #454543;
}

.quote>span {
  color: #deddd8;
}

.tools-section {
  background: #c8c7c1;
}

.tool-groups .tool-group {
  border-top-color: #676762;
}

.logo-tile {
  background: rgba(255,255,255,.84);
  border-color: rgba(23,23,23,.12);
  box-shadow: 0 8px 24px rgba(23,23,23,.06);
}

.logo-tile:hover {
  border-color: rgba(23,23,23,.44);
  box-shadow: 0 12px 28px rgba(23,23,23,.12);
}

.contact {
  box-shadow: 18px 18px 0 #9c9b95;
}

.contact>p:not(.kicker):not(.email) {
  color: #deddd8;
}

.button.light {
  background: #f7f6f2;
  border-color: #f7f6f2;
  color: #171717;
}

footer {
  border-top-color: #cfcec8;
}

@media (max-width: 850px) {
  .nav-links {
    background: #171717;
    border-bottom-color: rgba(255,255,255,.16);
  }
}

/* Warm espresso, taupe and cream palette */
:root {
  --ink: #58483f;
  --blue: #8e7c71;
  --cyan: #d8ccc4;
  --paper: #f6f1eb;
  --white: #fffdf9;
  --line: #d8cec7;
  --muted: #6c6059;
  --accent-soft: #e4d9d2;
}

body {
  background: #f6f1eb;
  color: #332c28;
}

.nav-wrap,
.dark,
.command-card,
.contact {
  background: #58483f;
}

.nav-wrap {
  border-bottom-color: rgba(255,253,249,.18);
}

.brand,
.nav-links a {
  color: #fffaf5;
}

.brand span,
.nav-links a:hover,
.metric strong,
.inverse .kicker,
.contact .kicker {
  color: #e0d3ca;
}

.nav-cta,
.menu {
  border-color: rgba(255,250,245,.58);
}

.hero-copy:before {
  background: #9b887b;
}

.eyebrow,
.kicker,
h1 em,
.approach b {
  color: #836f63;
}

.strength-line span {
  background: rgba(255,253,249,.82);
  border-color: #d9cec7;
  color: #594d46;
}

.button.primary {
  background: #58483f;
  border-color: #58483f;
}

.button.primary:hover {
  background: #7f6c61;
  border-color: #7f6c61;
}

.button.secondary {
  border-color: #78685f;
}

.command-card {
  box-shadow: 14px 14px 0 #b5a49a;
}

.profile-photo {
  background: #65564d;
  border-bottom-color: #c9b8ae;
}

.status span {
  background: #e0d3ca;
}

.marquee {
  background: #a49388;
  color: #2f2824;
}

.marquee i {
  color: #f8f2ed;
}

.expertise-card {
  background: #fffdf9;
  border-color: #d9cfc8;
}

.expertise-card.featured {
  background: #75645a;
}

.expertise-card li:before {
  color: #a18d81;
}

.impact-strip {
  background: #e1d6cf;
  border-left-color: #8e7c71;
}

.impact-strip>p,
.impact-strip strong {
  color: #564940;
}

.impact-strip div {
  border-left-color: rgba(86,73,64,.22);
}

.timeline,
.timeline article {
  border-color: #7b6b62;
}

.quote>span {
  color: #e2d7d0;
}

.tools-section {
  background: #d4c8c0;
}

.tool-groups .tool-group {
  border-top-color: #806e63;
}

.logo-tile {
  background: rgba(255,253,249,.86);
  border-color: rgba(88,72,63,.14);
  box-shadow: 0 8px 24px rgba(67,53,45,.06);
}

.logo-tile:hover {
  border-color: rgba(126,105,93,.5);
  box-shadow: 0 12px 28px rgba(67,53,45,.13);
}

.contact {
  box-shadow: 18px 18px 0 #aa988d;
}

.contact>p:not(.kicker):not(.email) {
  color: #eadfd8;
}

.button.light {
  background: #f6f1eb;
  border-color: #f6f1eb;
  color: #58483f;
}

footer {
  border-top-color: #d8cec7;
}

@media (max-width: 850px) {
  .nav-links {
    background: #58483f;
    border-bottom-color: rgba(255,253,249,.18);
  }
}

/* Restored modern stone-gray, ivory, black and white palette */
:root {
  --ink: #171717;
  --blue: #777771;
  --cyan: #c8c7c1;
  --paper: #f7f6f2;
  --white: #ffffff;
  --line: #cfcec8;
  --muted: #5f5f5b;
  --accent-soft: #e4e3de;
}

body { background: #f7f6f2; color: #171717; }
.nav-wrap, .dark, .command-card, .contact { background: #171717; }
.nav-wrap { border-bottom-color: rgba(255,255,255,.16); }
.brand, .nav-links a { color: #f4f3ef; }
.brand span, .nav-links a:hover, .metric strong, .inverse .kicker, .contact .kicker { color: #c8c7c1; }
.nav-cta, .menu { border-color: rgba(255,255,255,.55); }
.hero-copy:before { background: #858580; }
.eyebrow, .kicker, h1 em, .approach b { color: #696965; }
.strength-line span { background: #ffffff; border-color: #d3d2cc; color: #444440; }
.button.primary { background: #171717; border-color: #171717; }
.button.primary:hover { background: #686864; border-color: #686864; }
.button.secondary { border-color: #656560; }
.command-card { box-shadow: 14px 14px 0 #a09f99; }
.profile-photo { background: #2a2a29; border-bottom-color: #9b9a94; }
.status span { background: #d0cfc9; }
.marquee { background: #9c9b95; color: #111111; }
.marquee i { color: #f7f6f2; }
.expertise-card { background: #ffffff; border-color: #d4d3cd; }
.expertise-card.featured { background: #171717; }
.expertise-card li:before { color: #888782; }
.impact-strip { background: #deddd8; border-left-color: #777771; }
.impact-strip>p, .impact-strip strong { color: #323230; }
.impact-strip div { border-left-color: rgba(50,50,48,.22); }
.timeline, .timeline article { border-color: #454543; }
.quote>span { color: #deddd8; }
.tools-section { background: #c8c7c1; }
.tool-groups .tool-group { border-top-color: #676762; }
.logo-tile { background: rgba(255,255,255,.84); border-color: rgba(23,23,23,.12); box-shadow: 0 8px 24px rgba(23,23,23,.06); }
.logo-tile:hover { border-color: rgba(23,23,23,.44); box-shadow: 0 12px 28px rgba(23,23,23,.12); }
.contact { box-shadow: 18px 18px 0 #9c9b95; }
.contact>p:not(.kicker):not(.email) { color: #deddd8; }
.button.light { background: #f7f6f2; border-color: #f7f6f2; color: #171717; }
footer { border-top-color: #cfcec8; }

@media (max-width: 850px) {
  .nav-links { background: #171717; border-bottom-color: rgba(255,255,255,.16); }
}

/* Professional snapshot moved below the hero */
.photo-card {
  position: relative;
  align-self: end;
  padding: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.photo-card .status {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 24px;
  margin: 0;
  padding: 10px 14px;
  background: rgba(23,23,23,.9);
  color: #fff;
}

.hero {
  min-height: 660px;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 1fr);
  gap: 34px;
  align-items: end;
  padding-bottom: 0;
}

.hero-copy {
  align-self: center;
  padding-bottom: 48px;
}

.hero .lede {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: -.01em;
}

.photo-card .profile-photo {
  height: 650px;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: #fff;
}

.photo-card .profile-photo::after {
  display: none;
}

.photo-card .profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.professional-snapshot {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  margin-bottom: 56px;
  background: #171717;
  color: #fff;
  box-shadow: 14px 14px 0 #a09f99;
}

.professional-snapshot > div {
  min-height: 138px;
  padding: 26px 28px;
  border-right: 1px solid rgba(255,255,255,.16);
}

.professional-snapshot > div:last-child {
  border-right: 0;
}

.professional-snapshot .snapshot-heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.professional-snapshot .card-label {
  margin: 0;
  padding: 0 0 12px;
  color: #c8c7c1;
  border-bottom-color: rgba(255,255,255,.16);
}

.professional-snapshot .location {
  padding: 12px 0 0;
  color: #deddd8;
}

.professional-snapshot .metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding: 26px 28px;
  border-bottom: 0;
}

.professional-snapshot .metric strong {
  color: #c8c7c1;
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.35rem;
}

.professional-snapshot .metric span {
  color: #fff;
}

@media (max-width: 850px) {
  .hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-bottom: 0;
  }
  .hero-copy {
    padding-bottom: 0;
  }
  .photo-card {
    width: min(100%, 520px);
    margin-inline: auto;
  }
  .photo-card .profile-photo {
    height: 650px;
  }
  .professional-snapshot {
    grid-template-columns: repeat(2, 1fr);
  }
  .professional-snapshot > div {
    border-bottom: 1px solid rgba(255,255,255,.16);
  }
}

@media (max-width: 500px) {
  .photo-card .profile-photo {
    height: 510px;
  }
  .photo-card .status {
    right: 10px;
    bottom: 14px;
  }
  .professional-snapshot {
    width: calc(100% - 28px);
    grid-template-columns: 1fr;
    margin-bottom: 42px;
  }
  .professional-snapshot > div {
    min-height: auto;
    border-right: 0;
  }
}
