/* Neutral Carbon + Warm Silver, applied to the whole site. */
:root{--bg:#101010;--ink:#F1F0ED;--muted:#BEBAB4;--platinum-light:#E2E5E8;--platinum:#BFC4CA;--platinum-mid:#969FA9;--platinum-dark:#505A66;--metal-warm:#E8C5A8;--copper:#D88E54;--copper-light:#E8C5A8;--copper-dark:#785440;--metal-line:#BFC4CA38;--surface-metal:#252525;--accent:#9DCBFB}
body{background:linear-gradient(115deg,#161412 0,#101010 28%,#101010 75%,#191715 100%)}
.header{background:linear-gradient(120deg,#151515f7,#1E1E1Ef7 55%,#171513f7);border-bottom-color:var(--metal-line)}
.header:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#BFC4CA75 30%,#D88E5470 65%,transparent);pointer-events:none}
.header .brand,.footer .brand{color:var(--platinum-light)}
.nav a{color:var(--platinum)}
.hero{background:linear-gradient(105deg,#D88E5405,transparent 35%,transparent 72%,#BFC4CA08);border-bottom-color:var(--metal-line)}
.hero-description,.contact-final-copy>p{color:var(--muted)}
.section{position:relative}
.section:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 4%,#BFC4CA38 30%,#D88E5450 74%,transparent 96%);pointer-events:none}
.section-head h2,.services-head h2,.stories h2,.case-page-main h1,.contact-final h2{color:var(--platinum-light);background:linear-gradient(120deg,#F1F3F5,#BFC4CA 58%,#E2E5E8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.platinum-number,.cases .platinum-number,.result-top .platinum-number,.work-tab-number{color:var(--copper-light)}
.service-list,.service{border-color:var(--metal-line)}
.service:before{background:linear-gradient(var(--platinum),var(--copper));width:2px}
.service:hover,.service:focus-within{background:#D88E5405;border-color:#D88E5460}
.cases{background:linear-gradient(118deg,#242424a8,#191919b8 38%,#171717b8 70%,#282420a8);border-color:var(--metal-line)}
/* Thin brushed texture and broad reflections create material, rather than a glow. */
.result-card,.story-card,.proposal-surface,.work-completion-option,.experience-summary,dialog{
  background-color:#1C1C1C;
  background-image:repeating-linear-gradient(0deg,transparent 0 3px,#F1F3F502 4px 5px),linear-gradient(112deg,#181818 8%,#292827 30%,#35322F 43%,#252525 55%,#181818 74%,#27221E 96%);
  background-size:auto,220% 100%;background-position:0 0,var(--metal-offset,50%) 0;
  border-color:var(--metal-line);box-shadow:inset 0 1px 0 #F1F3F512,0 12px 28px #00000016;
}
.result-top{color:var(--muted)}
.result-value,.result-stat-value,.experience-summary-stat dd,.story-metrics dd,.related-value{color:var(--platinum-light)}
.result-card .result-value{color:#F1F3F5;transition:color 250ms ease}
@media(hover:hover) and (pointer:fine){.result-card:hover .result-value{color:var(--copper)}}
.result-card:focus-within .result-value{color:var(--copper)}
.result-track{height:8px;background:#BFC4CA14}
.result-track>span{background:linear-gradient(90deg,#505A66,#BFC4CA)}
.result-bar-row:last-child .result-track>span{background:linear-gradient(90deg,#689AC3,#9DCBFB)}
.result-comparison,.story-metrics,.proposal-directions,.proposal-result,.related-experience,.work-completion,.work-panel,.footer-inner,.detail-section{border-color:var(--metal-line)}
.story-tag{color:var(--copper-light)}
.story-card.story-featured{border-top-color:#D88E5480}
.story-card h3,.work-panel h3,.proposal h3,.work-completion-option h4{color:#E2E5E8}
.story-card:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(360px 170px at var(--pointer-x,50%) var(--pointer-y,35%),#E8C5A818,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}
.story-card{position:relative;isolation:isolate}
.story-card:hover:after,.story-card:focus-within:after{opacity:1}
.story-card,.result-card,.proposal-surface,.work-completion-option{transform-style:preserve-3d}
.story-card:hover,.story-card:focus-within,.related-case:hover,.related-case:focus-within{border-color:#D88E5480}
.related-case{background:linear-gradient(120deg,#D88E5406,transparent 65%);border-color:var(--metal-line)}
.work-tabs{border-top-color:var(--metal-line)}
.work-tabs button{border-bottom-color:var(--metal-line)}
.work-tabs button[aria-selected="true"]{background:linear-gradient(90deg,#D88E5412,#BFC4CA05);color:var(--platinum-light)}
.work-tabs button[aria-selected="true"] .work-tab-number{color:var(--copper-light)}
.work-indicator{background:linear-gradient(180deg,var(--copper-light),var(--copper))}
.work-ready .work-panels:before{background:linear-gradient(90deg,var(--copper),var(--platinum),var(--accent))}
.method .work-deliverable{background:linear-gradient(110deg,#D88E5408,#BFC4CA08);border-color:var(--metal-line)}
.department-hub{background:linear-gradient(125deg,#2D2824,#1E1E1E 58%,#313131);border-color:var(--copper);color:var(--platinum-light)}
.department-grid li{background:linear-gradient(115deg,#252525,#181818);border-color:var(--metal-line);color:var(--platinum)}
.department-links path{stroke:#D88E5490}
.picker .choice{background:linear-gradient(110deg,#1B1B1B,#151515);border-color:var(--metal-line);color:var(--platinum)}
.picker .choice[aria-pressed="true"]{background:linear-gradient(110deg,#D88E5415,#BFC4CA09);border-color:#BFC4CA90;box-shadow:inset 2px 0 0 var(--copper),inset 0 1px 0 #E2E5E812;color:var(--ink)}
.picker .choice[aria-pressed="true"]:before{background:var(--accent);border-color:var(--accent)}
.contact-final{background:linear-gradient(110deg,#D88E5409,#1B1B1B9e 30%,#242424a8 62%,#151515b8);border-color:var(--metal-line)}
.footer-inner{border-top-color:var(--metal-line)}
.close,.menu-toggle,input,textarea{border-color:var(--metal-line)}
input,textarea{background:#0B0B0B66}
.case-page-main{background:linear-gradient(112deg,#D88E5405,transparent 35%,#BFC4CA04)}
.catalog-filters button[aria-pressed="true"]{background:#D88E5410;border-color:var(--platinum)}
/* Ice-blue satin metal preserves the established action colour. */
.button{--button-metal:linear-gradient(165deg,#D9EDFF 0%,#A9D2F7 23%,#76ABD8 44%,#9DCBFB 57%,#93BFE5 76%,#B4D7F5 100%);background-color:#9DCBFB;background-image:var(--button-metal);background-size:180% 180%;background-position:var(--button-light,40%) 45%;border:1px solid #B7D9FC;color:#0B0B0B;box-shadow:inset 0 1px 0 #F1F3F580,inset 0 -1px 0 #505A6638,0 4px 12px #0002;transition:background-position .3s,border-color .25s,box-shadow .25s,translate .25s}
.button:hover{background-color:#9DCBFB;background-image:var(--button-metal);background-position:var(--button-light,70%) 65%;border-color:#D9EDFF;box-shadow:inset 0 1px 0 #F1F3F59e,inset 0 -1px 0 #505A6638,0 6px 16px #0003}
.button:active{translate:0 1px;box-shadow:inset 0 1px 3px #505A6630,inset 0 -1px 0 #F1F3F54d}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{translate:none}}
@media(max-width:700px){.page-wave{opacity:.8}}
/* Results: a short lift and a neutral platinum reflection, with stable text. */
.result-card{position:relative;isolation:isolate;transition:transform 320ms cubic-bezier(.22,1,.36,1),border-color 320ms,box-shadow 320ms}
.result-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#F1F3F503 4px 5px),linear-gradient(112deg,#252628 8%,#3C3E40 30%,#454749 43%,#333537 55%,#242628 74%,#343638 96%);opacity:0;transition:opacity 320ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
  .result-card:hover{transform:translateY(-4px);border-color:#C9CED49E;box-shadow:inset 0 1px 0 #F1F3F533,0 16px 32px #00000038}
  .result-card:hover:before{opacity:1}
}
.result-card:focus-within{transform:translateY(-4px);border-color:#C9CED49E;box-shadow:inset 0 1px 0 #F1F3F533,0 16px 32px #00000038}
.result-card:focus-within:before{opacity:1}
.result-track>span{transform-origin:left center}
.chart-pending .result-track>span{transform:scaleX(0)}
.stories>.wrap>.stories-grid{margin-top:32px}
@media(max-width:700px){.stories>.wrap>.stories-grid{margin-top:24px}}
@media(prefers-reduced-motion:reduce){
  .result-card,.result-card:before,.result-card .result-value{transition:none}
  .result-card:hover,.result-card:focus-within{transform:none}
  .chart-pending .result-track>span{transform:none}
}