/* CHL concept 02 — silver / ink / paper. A deliberate reduction of decorative gold. */
:root{--gold:#8597a4;--silver:#b9c5ce;--silver-dark:#677d8e;--cold-paper:#f3f5f5;--silver-line:#d4dce0}
.home-page{background:#f7f8f8;color:#192e41}
.home-page .topbar{background:#fff;box-shadow:none;border-bottom:1px solid #dce2e6}
.home-page .nav a{font-weight:500;letter-spacing:.105em}
.home-page .nav .nav-button{background:transparent!important;color:#102e4b!important;border:1px solid #9bafbd!important}
.home-page .nav .nav-button:hover{background:#0b2855!important;color:#fff!important}
.home-page .cinematic-hero{background:radial-gradient(ellipse at 77% 33%,#1a344d 0%,#102a42 34%,#091d31 75%,#08192d 100%)}
.home-page .cinematic-hero::before{background:linear-gradient(115deg,#061b32d9 0%,#071d38c7 44%,#09294a16 100%)}
.home-page .cinematic-window{background:repeating-linear-gradient(90deg,transparent 0,transparent 17%,#c3d4df22 17.5%,#c3d4df1b 22%,transparent 22.5%,transparent 36%),linear-gradient(90deg,transparent 5%,#b2c5d12b 37%,#c3d4df38 50%,transparent 84%)}
.home-page .cinematic-glow{background:radial-gradient(ellipse at 64% 38%,#bdcbd42b,transparent 64%)}
.home-page .cinematic-hero .kicker{color:#c4d1d9;font-weight:500;letter-spacing:.24em}
.home-page .cinematic-hero h1 em{color:#c7d2d9;text-shadow:none}
.home-page .cinematic-tagline em{color:#dce4e8}
.home-page .cinematic-hero .hero-accent{background:#a9becb}
.home-page .cinematic-hero .button{background:#d6e0e6;border-color:#d6e0e6;color:#102a45}
.home-page .cinematic-hero .button:hover{background:#fff;border-color:#fff}
.home-page .cinematic-hero .text-action{border-color:#b2c5d0}
.home-page .cinematic-hero .hero-foot:before{background:linear-gradient(90deg,#a5b9c6,#ffffff20)}
.home-page .cinematic-hero .hero-foot span:first-child{color:#c9d7e0}
.home-page .trust{background:#112b43;border-top:1px solid #8ca3b444;border-bottom:1px solid #8ca3b444}
.home-page .trust strong{color:#bfcdd6}
.home-page .label{color:#687d8b;letter-spacing:.19em;font-weight:600}
.home-page .serif em{color:#6c8190}
.home-page .why{background:#fff;padding-top:112px;padding-bottom:116px}
.home-page .micro{color:#6e8290;border-top-color:#d9e0e3;font-weight:500}
.home-page .solutions{background:#f1f4f5;padding-top:108px;padding-bottom:112px}
.home-page .solution-grid{gap:0;border-top:1px solid #b5c2ca;border-bottom:1px solid #b5c2ca}
.home-page .solution{background:transparent;border:0;border-top:0!important;box-shadow:none;min-height:385px;padding:34px 39px 42px 30px;transition:background .25s;transform:none!important}
.home-page .solution+.solution{border-left:1px solid #cfd9de}
.home-page .solution:hover{background:#e8eff2;box-shadow:none}
.home-page .solution-no{font:400 11px/1.3 'DM Sans',sans-serif;letter-spacing:.17em;color:#667e8d}
.home-page .solution h3{margin-top:69px;font-weight:400}
.home-page .solution a{color:#153d5c;font-weight:500}
.home-page .solution a:hover{color:#425d72}
.home-page .philosophy{background:#10283e}
.home-page .philosophy .serif em{color:#c8d7e0}
.home-page .goldline{background:#b0c3cf}
.home-page .philosophy-art:after{background:#f1f4f5;color:#244159}
.home-page .people{background:#fff;padding-top:112px;padding-bottom:116px}
.home-page .people-puzzle-wrap{background:#edf1f3;border:1px solid #cfdbe1}
.home-page .puzzle-head span{color:#657d8c}
.home-page .region-tags a{border-color:#cbd5da;color:#516b7c;background:#fff}
.home-page .process{background:#f4f6f6}
.home-page .steps{border-top-color:#cdd7dd}
.home-page .stepno{color:#8ba0af}
.home-page .careers{background:#e5ebef}
.home-page .last-cta{background:#d9e2e8;box-shadow:none;padding-top:91px;padding-bottom:91px}
.home-page .last-cta .serif{color:#102e47}
.home-page .last-cta .serif em{color:#536d7e}
.home-page .last-cta .label{color:#526e7f}
.home-page .last-cta .button{background:#0b2855;border-color:#0b2855;color:#fff}
.home-page .contact-section{background:#f1f4f5}
.home-page .contact-note{border-color:#cfd9de}
.home-page .contact-note-star{color:#8298a7}
.home-page .contact-panel{border-color:#d5dfe4;box-shadow:none}
.home-page .contact-panel-head{color:#617e8e;border-color:#cfdae0}
.home-page .contact-panel label>span,.home-page .contact-consent strong{color:#627f8e}
.home-page .contact-panel input:focus,.home-page .contact-panel select:focus,.home-page .contact-panel textarea:focus{border-bottom-color:#647f91}
.home-page .form-actions #contact-form-status{color:#657e8d}
.home-page footer{background:#0a2136}
.home-page .footer-col h4{color:#bbccd6}
.home-page a:focus-visible,.home-page button:focus-visible{outline-color:#8ca6b7}
/* Team directory shares the same graphite-silver language. */
.team-page{background:#f6f8f8}
.team-page .topbar{background:#fff;border-bottom-color:#dce2e6}
.team-page .nav .nav-button{background:transparent;border-color:#9bafbd;color:#102e4b}
.team-page .nav .nav-button:hover{background:#0b2855;color:#fff}
.team-page .hero{background:#112b43}
.team-page .hero h1 em{color:#c7d5de}
.team-page .hero .eyebrow{color:#c4d2dc}
.team-page .directory{background:#f7f9f9}
.team-page .licence-group-heading{color:#60798a;border-bottom-color:#cbd8df}
.team-page .filters button{border-color:#cbd8df;color:#526b7c}
.team-page .filters button.active{background:#0b2855;color:#fff}
.team-page .person{border-color:#dce4e8;box-shadow:none}
.team-page .person:hover{box-shadow:0 12px 27px #102b4410}
.team-page .person .location,.team-page .person .view{color:#58788c}
.team-page .detail-left{background:#eff3f5}
.team-page .detail-main .role{color:#657f90}
.team-page .profile-section h3{color:#5c7789}
@media(max-width:800px){.home-page .solution-grid{border-top:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-page .solution{border:1px solid #cfd9de!important;padding:28px;min-height:320px}.home-page .solution+.solution{border-left:1px solid #cfd9de}.home-page .solution h3{margin-top:35px}}
@media(max-width:540px){.home-page .solution-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid #b5c2ca}.home-page .solution{padding:28px 7px;min-height:auto;border:0!important;border-bottom:1px solid #cfd9de!important}.home-page .solution+.solution{border-left:0}.home-page .solution h3{margin-top:25px}.home-page .why,.home-page .solutions,.home-page .people{padding-top:80px;padding-bottom:86px}}

/* Concept 02b: add character through architectural light and editorial rhythm. */
.home-page .cinematic-architecture::after{content:'';position:absolute;right:8%;top:12%;width:26%;height:73%;border-left:1px solid #dbe5eb3b;border-right:1px solid #dbe5eb17;box-shadow:-26px 0 70px #d6e1e80e,30px 0 90px #b5c6d80a;transform:skew(-12deg) translateX(12%);opacity:0;animation:architectural-trace 2.3s 1.15s cubic-bezier(.22,1,.36,1) forwards}
.home-page .cinematic-architecture::before{content:'';position:absolute;right:20%;top:-14%;height:130%;width:1px;background:linear-gradient(180deg,transparent,#dce8ef3d 28%,#f1f5f746 48%,transparent 78%);transform:rotate(13deg);opacity:.7}
@keyframes architectural-trace{to{opacity:1;transform:skew(-12deg) translateX(0)}}
.home-page .cinematic-hero h1{letter-spacing:-.073em}
.home-page .cinematic-hero h1 em{color:#dae3e8}
.home-page .cinematic-tagline{font-size:clamp(25px,2.9vw,38px)}
.home-page .cinematic-hero .hero-accent{width:112px}
.home-page .why{border-top:1px solid #b8cad6}
.home-page .why .serif em{color:#36566f}
.home-page .why .bodycopy{border-left:1px solid #d3dde3;padding-left:33px}
.home-page .solution-grid{border-bottom:0}
.home-page .solution:nth-child(2){background:#e3eaee}
.home-page .solution:nth-child(2):hover{background:#d9e4e9}
.home-page .solution h3{letter-spacing:-.055em}
.home-page .solution-no{color:#48697e}
.home-page .people-puzzle-wrap{box-shadow:17px 18px 0 #d7e1e6}
.home-page .people>.fade:last-child .label::before{content:'—';display:inline-block;margin-right:11px;color:#a5b6c1}
.home-page .process .steps article{border-left:1px solid #d0dce2;padding-left:23px}
.home-page .process .stepno{font-size:38px;line-height:1}
.home-page .contact-panel{border-top:3px solid #9aafbc}
@media(max-width:800px){.home-page .cinematic-architecture::after{right:-2%;width:36%;opacity:.45}.home-page .why .bodycopy{padding-left:23px}.home-page .people-puzzle-wrap{box-shadow:10px 11px 0 #d7e1e6}}
@media(max-width:540px){.home-page .cinematic-architecture::after{display:none}.home-page .why .bodycopy{border-left:0;padding-left:0}.home-page .solution:nth-child(2){background:#e3eaee}.home-page .people-puzzle-wrap{box-shadow:6px 7px 0 #d7e1e6}.home-page .process .steps article{padding-left:17px}}
@media(prefers-reduced-motion:reduce){.home-page .cinematic-architecture::after{animation:none;opacity:1;transform:skew(-12deg)}}

/* Concept 02c: tactile paper and tiny champagne-gold moments, with silver still dominant. */
:root{--chl-champagne:#b9a17d;--chl-champagne-light:#d6c5a8}
.home-page .why,.home-page .people,.home-page .solutions,.home-page .process,.team-page .directory{
  background-image:radial-gradient(circle at center,#76848c12 .55px,transparent .8px);
  background-size:7px 7px;
}
.home-page .cinematic-hero{background-image:radial-gradient(ellipse at 80% 35%,#b6a18219,transparent 38%),radial-gradient(ellipse at 77% 33%,#1a344d 0%,#102a42 34%,#091d31 75%,#08192d 100%)}
.home-page .cinematic-hero .kicker{color:#d7c4a6}
.home-page .cinematic-hero .hero-accent{background:linear-gradient(90deg,#bda782,#e1d2b6 35%,#a9becb 100%)}
.home-page .cinematic-hero .hero-foot span:first-child{color:#d9c9af}
.home-page .trust strong{color:#d1c0a4}
.home-page .why .micro::first-letter{color:#ad9371}
.home-page .solution-no{color:#ac9371}
.home-page .philosophy .goldline{background:linear-gradient(90deg,#c2a982,#c2d1db)}
.home-page .people-puzzle-wrap{border-color:#c8b79f;box-shadow:17px 18px 0 #d7e1e6,18px 19px 0 1px #c6b29466}
.home-page .stepno{color:#ae9779}
.home-page .contact-panel{border-top:3px solid #bda886}
.home-page .contact-note-star{color:#b29a77}
.team-page .hero .eyebrow{color:#d7c5a7}
.team-page .licence-group-heading{border-bottom-color:#bfae92}
@media(max-width:800px){.home-page .people-puzzle-wrap{box-shadow:10px 11px 0 #d7e1e6,11px 12px 0 1px #c6b29466}}
@media(max-width:540px){.home-page .people-puzzle-wrap{box-shadow:6px 7px 0 #d7e1e6,7px 8px 0 1px #c6b29466}}

/* Remove the two slanted decorative strokes from the hero. */
.home-page .cinematic-architecture::before,
.home-page .cinematic-architecture::after{content:none;animation:none}