:root{
  --accent-sage:#6f8c74;
  --accent-sage-deep:#425746;
  --accent-sage-soft:#e5eee5;
  --accent-clay:#c9876f;
  --accent-clay-deep:#7d4e3e;
  --accent-clay-soft:#f5e4dc;
  --accent-blue:#879fb3;
  --accent-blue-deep:#465e73;
  --accent-blue-soft:#e7eef4;
  --accent-amber:#c7a15b;
  --accent-amber-deep:#6f5527;
  --accent-amber-soft:#f5ecd9;
  --accent-lilac:#a697bc;
  --accent-lilac-deep:#6a557f;
  --accent-lilac-soft:#eee9f3;
}

/* A little more warmth and colour, without losing the quiet application-first feel. */
.portfolioV2{background:#fbf8f2}
.portfolioV2 header{background:rgba(251,248,242,.92)}
.portfolioV2 .brandDot{background:var(--accent-clay);box-shadow:0 0 0 5px var(--accent-clay-soft)}
.portfolioV2 .eyebrow,.portfolioV2 .sectionLabelV2{color:var(--accent-sage-deep)}
.portfolioV2 .primaryBtn,.portfolioV2 .navContact{background:var(--accent-sage-deep);border-color:var(--accent-sage-deep)}
.portfolioV2 .primaryBtn:hover,.portfolioV2 .navContact:hover{background:#35473a;border-color:#35473a}
.portfolioV2 .textBtn{border-color:#b5c4b7;color:#4d6252}
.portfolioV2 .textBtn:hover{border-color:var(--accent-sage-deep);color:var(--accent-sage-deep)}

/* Hero: colour the promise without a marker-style background. */
.portfolioV2 .heroV2Copy h1 span{
  color:#48604f;
  font-weight:550;
  background:none;
  padding:0;
}
.portfolioV2 .startCard{
  border-color:#cbd9cc;
  background:linear-gradient(145deg,#edf4ed 0%,#fbfaf7 72%);
  box-shadow:0 18px 44px rgba(72,96,79,.08);
}
.portfolioV2 .statusDot{background:var(--accent-sage);box-shadow:0 0 0 4px #dce9dd}
.portfolioV2 .startMeta span{background:rgba(255,255,255,.72);color:#53685a}
.portfolioV2 .startLinks{border-top-color:#cbd9cc}

/* Narrative spine: brief, human and deliberately quieter than the work section. */
.portfolioV2 .storySection{padding-top:58px;padding-bottom:58px;background:linear-gradient(135deg,#f8f1e9 0%,#f1f5ef 100%);border-top:1px solid rgba(66,87,70,.09);border-bottom:1px solid rgba(66,87,70,.09)}
.portfolioV2 .storyGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,7vw,96px);align-items:start}
.portfolioV2 .storyLead h2{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 0;max-width:650px}
.portfolioV2 .storyCopy{max-width:680px}
.portfolioV2 .storyCopy p{font-size:clamp(16px,1.45vw,19px);line-height:1.7;margin:0 0 15px;color:#4d554e}
.portfolioV2 .storyCopy p:last-child{margin-bottom:0}
.portfolioV2 .storyCopy strong{color:#26372b;font-weight:650}

/* Flagship project palette. */
.portfolioV2 .projectCard{position:relative;overflow:hidden}
.portfolioV2 .projectCard:before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.portfolioV2 .projectCard:nth-child(1){background:linear-gradient(145deg,var(--accent-sage-soft),#fffdfa 74%);border-color:#cbd9cc}
.portfolioV2 .projectCard:nth-child(1):before{background:var(--accent-sage)}
.portfolioV2 .projectCard:nth-child(1) .projectTopline b{color:var(--accent-sage-deep)}
.portfolioV2 .projectCard:nth-child(2){background:linear-gradient(145deg,var(--accent-clay-soft),#fffdfa 76%);border-color:#ead1c6}
.portfolioV2 .projectCard:nth-child(2):before{background:var(--accent-clay)}
.portfolioV2 .projectCard:nth-child(2) .projectTopline b{color:var(--accent-clay-deep)}
.portfolioV2 .projectCard:nth-child(3){background:linear-gradient(145deg,var(--accent-blue-soft),#fffdfa 76%);border-color:#d0dce5}
.portfolioV2 .projectCard:nth-child(3):before{background:var(--accent-blue)}
.portfolioV2 .projectCard:nth-child(3) .projectTopline b{color:var(--accent-blue-deep)}
.portfolioV2 .projectCard:nth-child(4){background:linear-gradient(145deg,var(--accent-amber-soft),#fffdfa 76%);border-color:#e8d8b6}
.portfolioV2 .projectCard:nth-child(4):before{background:var(--accent-amber)}
.portfolioV2 .projectCard:nth-child(4) .projectTopline b{color:var(--accent-amber-deep)}
.portfolioV2 .projectCard .projectEvidence span{background:rgba(255,255,255,.68);border:1px solid rgba(70,70,60,.055)}
.portfolioV2 .projectWhy{margin:9px 0 17px;padding:11px 13px;border-left:3px solid rgba(66,87,70,.28);border-radius:0 9px 9px 0;background:rgba(255,255,255,.42);font-size:12px;line-height:1.55;color:#59605a}
.portfolioV2 .projectWhy strong{display:block;margin-bottom:3px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#38483b}
.portfolioV2 .projectCard:nth-child(2) .projectWhy{border-left-color:rgba(125,78,62,.35)}
.portfolioV2 .projectCard:nth-child(3) .projectWhy{border-left-color:rgba(70,94,115,.35)}
.portfolioV2 .projectCard:nth-child(4) .projectWhy{border-left-color:rgba(111,85,39,.35)}

/* Focus: enough colour to scan, still very quiet. */
.portfolioV2 .focusV2{background:#f7f4ed}
.portfolioV2 .focusTiles article:nth-child(1){background:linear-gradient(180deg,#edf4ed,#f7f4ed 72%)}
.portfolioV2 .focusTiles article:nth-child(1)>span{color:var(--accent-sage-deep)}
.portfolioV2 .focusTiles article:nth-child(2){background:linear-gradient(180deg,#f7e9e3,#f7f4ed 72%)}
.portfolioV2 .focusTiles article:nth-child(2)>span{color:var(--accent-clay-deep)}
.portfolioV2 .focusTiles article:nth-child(3){background:linear-gradient(180deg,#ebf0f5,#f7f4ed 72%)}
.portfolioV2 .focusTiles article:nth-child(3)>span{color:var(--accent-blue-deep)}
.portfolioV2 .focusTiles article:nth-child(4){background:linear-gradient(180deg,#f6efdf,#f7f4ed 72%)}
.portfolioV2 .focusTiles article:nth-child(4)>span{color:var(--accent-amber-deep)}

/* Broader areas become a light colour map, replacing the old dark constellation. */
.portfolioV2 .areaCard{position:relative;overflow:hidden}
.portfolioV2 .areaCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.portfolioV2 .areaCard:nth-child(1){background:var(--accent-sage-soft);border-color:#ccd9cd}.portfolioV2 .areaCard:nth-child(1):before{background:var(--accent-sage)}.portfolioV2 .areaCard:nth-child(1)>span{color:var(--accent-sage-deep)}
.portfolioV2 .areaCard:nth-child(2){background:var(--accent-blue-soft);border-color:#d0dce5}.portfolioV2 .areaCard:nth-child(2):before{background:var(--accent-blue)}.portfolioV2 .areaCard:nth-child(2)>span{color:var(--accent-blue-deep)}
.portfolioV2 .areaCard:nth-child(3){background:var(--accent-clay-soft);border-color:#ead1c6}.portfolioV2 .areaCard:nth-child(3):before{background:var(--accent-clay)}.portfolioV2 .areaCard:nth-child(3)>span{color:var(--accent-clay-deep)}
.portfolioV2 .areaCard:nth-child(4){background:var(--accent-lilac-soft);border-color:#ded5e7}.portfolioV2 .areaCard:nth-child(4):before{background:var(--accent-lilac)}.portfolioV2 .areaCard:nth-child(4)>span{color:var(--accent-lilac-deep)}
.portfolioV2 .areaCard:nth-child(5){background:var(--accent-amber-soft);border-color:#e8d8b6}.portfolioV2 .areaCard:nth-child(5):before{background:var(--accent-amber)}.portfolioV2 .areaCard:nth-child(5)>span{color:var(--accent-amber-deep)}
.portfolioV2 .areaLinks a,.portfolioV2 .areaLinks span{background:rgba(255,255,255,.58)}

/* Approach + hiring + about use soft surfaces rather than grey blocks. */
.portfolioV2 .approachSection{background:#faf6ef}
.portfolioV2 .approachGrid article:nth-child(1)>span{color:var(--accent-sage-deep)}
.portfolioV2 .approachGrid article:nth-child(2)>span{color:var(--accent-clay-deep)}
.portfolioV2 .approachGrid article:nth-child(3)>span{color:var(--accent-blue-deep)}
.portfolioV2 .approachGrid article:nth-child(4)>span{color:var(--accent-amber-deep)}
.portfolioV2 .hiringPanel{background:linear-gradient(135deg,#edf4ed 0%,#f4eee9 52%,#eef2f5 100%);border-color:#d7d6cf}
.portfolioV2 .routeList a:nth-child(1) strong{color:var(--accent-sage-deep)}
.portfolioV2 .routeList a:nth-child(2) strong{color:var(--accent-amber-deep)}
.portfolioV2 .routeList a:nth-child(3) strong{color:var(--accent-blue-deep)}
.portfolioV2 .routeList a:nth-child(4) strong{color:var(--accent-clay-deep)}

/* North star: one emotional beat before recruiter routing. */
.portfolioV2 .northStarSection{padding:78px 0;background:#252a26;color:#f7f2e9}
.portfolioV2 .northStarInner{max-width:1000px}
.portfolioV2 .northStarSection .sectionLabelV2{color:#a9bea9}
.portfolioV2 .northStarSection blockquote{font-family:"Newsreader",Georgia,serif;font-size:clamp(38px,5.3vw,70px);line-height:.99;letter-spacing:-.035em;margin:18px 0 24px;max-width:980px;font-weight:400}
.portfolioV2 .northStarSection p{max-width:760px;color:#c6cbc6;font-size:15px;line-height:1.7;margin:0}
.portfolioV2 .northStarSection:after{content:"";display:block;width:min(220px,26vw);height:5px;margin:46px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--accent-sage),var(--accent-clay),var(--accent-blue),var(--accent-amber),var(--accent-lilac))}

.portfolioV2 .aboutStatement blockquote{color:#343a34}
.portfolioV2 .aboutStatement blockquote:after{content:"";display:block;width:72px;height:5px;margin-top:24px;border-radius:999px;background:linear-gradient(90deg,var(--accent-sage),var(--accent-clay),var(--accent-blue))}
.portfolioV2 .contactV2{background:linear-gradient(180deg,transparent,#f8f1e9 100%)}

@media(max-width:760px){
  .portfolioV2 .storyGrid{grid-template-columns:1fr;gap:24px}
  .portfolioV2 .storySection{padding-top:44px;padding-bottom:44px}
  .portfolioV2 .projectWhy{font-size:11.5px}
  .portfolioV2 .northStarSection{padding:62px 0}
}