/* Context & People: logo-led visual identity. Content remains unchanged. */
:root{--paper:#fff;--ink:#163750;--muted:#526576;--rust:#126da3;--sand:#eff6fb;--line:#dbe5ed;--white:#fff;--serif:Arial,Helvetica,sans-serif}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3{font-weight:650}h1{letter-spacing:-2.5px}h2{letter-spacing:-1.4px}em{font-style:normal;font-weight:inherit;color:#126da3}
.header{background:rgba(255,255,255,.98);padding:14px 4.5%;min-height:108px;box-shadow:0 2px 16px #16375005}.header .brand{display:block;flex-shrink:0}.brand-logo{width:174px;height:auto;object-fit:contain}.brand small{font-size:9px;letter-spacing:2.8px;text-align:center;margin-top:5px}nav{font-weight:600}nav>a[aria-current]:after{height:3px;border-radius:3px}.button{background:#126da3;border-radius:8px;font-weight:600;box-shadow:0 6px 18px #126da318}.button:hover{background:#0b527f}.eyebrow{letter-spacing:1.8px;font-weight:700}
.hero{max-width:1440px;margin:auto;min-height:640px;background:linear-gradient(120deg,#fff 48%,#f1f8fc);grid-template-columns:1.15fr 1fr;padding:30px 4.5% 45px;gap:40px}.hero-copy{padding:36px 0}.hero h1{font-size:clamp(43px,4.5vw,66px);line-height:1.1}.hero-copy p{max-width:550px}.hero-sign{font-size:19px;font-weight:650;margin-top:33px}.hero-sign span{font-weight:400;font-size:11px}.hero-visual{height:525px;width:100%;max-width:440px;justify-self:center;margin:0;isolation:isolate;padding:14px 18px}.hero-visual img{height:100%;width:100%;object-position:center top;border-radius:46% 46% 18px 18px / 18% 18% 18px 18px}.hero-visual:before,.hero-visual:after{content:'';position:absolute;z-index:-1;pointer-events:none;border:9px solid;border-radius:50%}.hero-visual:before{inset:0 -12px 20px -12px;border-color:#f2a524 transparent #d93652 #1596c1;transform:rotate(-17deg)}.hero-visual:after{width:85px;height:85px;right:-12px;top:35px;border-width:7px;border-color:#805499 #805499 transparent transparent;transform:rotate(-20deg)}.photo-caption{bottom:27px;right:4px;font-size:15px;color:var(--ink);background:#fff;box-shadow:0 6px 26px #16375012;border-radius:8px;padding:12px 17px}
.services{padding:82px 0}.section-intro{column-gap:60px}.service-grid{gap:22px;margin-top:40px}.service{position:relative;border:1px solid #dce9f2;background:#f3f9fd;border-radius:16px;padding:30px;overflow:hidden}.service:nth-child(2){background:#f7f4fb;border-color:#e6dff0}.service:nth-child(3){background:#fff9ed;border-color:#f4e8cc}.service h3{font-size:26px}.service-no{font-size:14px;font-style:normal;font-weight:700;display:flex;align-items:center;gap:13px;margin-bottom:25px}.service-no:before{content:'';display:block;width:34px;height:34px;border:6px solid #1596c1;border-right-color:#f2b52c;border-radius:50%;transform:rotate(-25deg)}.service:nth-child(2) .service-no:before{border-color:#865b9f;border-right-color:#dd4966}.service:nth-child(3) .service-no:before{border-color:#eea52d;border-right-color:#9aa3ab}.service p{font-size:15px}.service .textlink{font-size:13px}.approach-band{background:#eff6fa;position:relative}.approach-band:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef9735 0 17%,#e8bf32 17% 33%,#269ac9 33% 50%,#ce384a 50% 67%,#805499 67% 83%,#92979c 83%)}
.portrait-frame{border-radius:42% 42% 16px 16px / 13% 13% 16px 16px;box-shadow:12px 12px 0 #e5f1f8}.profile-copy .lead{font-size:24px;font-weight:500}.reference-names{font-size:20px;font-weight:600}.contact{background:#163750;color:white}.contact p,.contact small{color:#e0eaf2}.contact .eyebrow{color:#84cbe8}.contact .button{background:white;color:#16486b}.contact-pending{border-color:#4a6378}.contact a:not(.button){overflow-wrap:anywhere}.contact h2{color:white}footer{background:#f5f8fa}.footer-top .brand{font-size:24px;font-weight:700}.page-hero{position:relative;padding-bottom:65px}.page-hero:after{content:'';display:block;height:5px;width:90px;margin-top:40px;border-radius:8px;background:linear-gradient(90deg,#269ac9 0 35%,#805499 35% 65%,#ef9735 65%)}.training-title strong{font-weight:600;font-size:25px}details[open]{background:#f1f7fb}.training-index{font-weight:600}.tags span{background:#f3f8fb}.about-hero .lead{font-size:26px}.tool-heading strong{font-weight:600;font-size:21px}.tool-mark{background:#e1f1fa;color:#126da3}.tool-card:nth-child(2) .tool-mark{background:#eee6f6;color:#704792}.tool-card:nth-child(3) .tool-mark{background:#fff0d6;color:#855d11}.tool-card:nth-child(4) .tool-mark{background:#fbe6ea;color:#a52b47}.editorial-content h2{font-size:32px}.page-index{border-left:3px solid #dcebf5;padding-left:20px}.plus{background:white}
@media(max-width:1100px){.hero{gap:28px}.hero-visual{height:490px;max-width:380px}.hero h1{font-size:49px}.header{gap:20px}nav{gap:17px;font-size:12px}.brand-logo{width:150px}.service{padding:25px}}
@media(max-width:850px){.header{min-height:91px}.hero{gap:20px}.hero h1{font-size:43px}.hero-visual{height:445px;padding:12px}.hero-copy p{font-size:16px}.photo-caption{font-size:12px;right:0;padding:10px}.hero .eyebrow{font-size:9px}.service h3{font-size:23px}.service{padding:21px}.service .textlink{font-size:12px}}
@media(max-width:640px){.header{padding:12px 20px;min-height:88px}.brand-logo{width:145px}.header .brand small{font-size:8px;margin-top:4px}.hero{display:flex;padding:12px 22px 35px;gap:16px;overflow:hidden;background:linear-gradient(#fff 38%,#eff7fc)}.hero-copy{padding:24px 0 8px}.hero h1{font-size:clamp(37px,10.5vw,52px);letter-spacing:-1.6px;line-height:1.1}.hero-copy p{margin:22px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-sign{font-size:18px;margin-top:24px}.hero-sign span{font-size:10px}.hero-visual{height:420px;max-width:335px;align-self:center;width:calc(100% - 18px);margin:5px 0 0;padding:12px}.hero-visual:before{inset:0 -6px 14px;border-width:7px}.hero-visual:after{width:62px;height:62px;right:-8px;top:35px;border-width:6px}.photo-caption{font-size:13px;bottom:22px;right:-3px}.services{padding:55px 0}.service{padding:26px}.service h3{font-size:27px}.service-no{margin-bottom:18px}.service .textlink{font-size:13px}h2{font-size:32px;letter-spacing:-1px}.profile-copy .lead{font-size:23px}.reference-names{font-size:17px}.contact h2{font-size:35px}.footer-top .brand{font-size:19px;letter-spacing:-.7px}.page-hero h1{font-size:39px}.page-hero{padding-bottom:35px}.training-title strong{font-size:22px}.editorial-content h2{font-size:28px}.about-hero h1{font-size:43px}.about-hero .lead{font-size:24px}.tool-heading strong{font-size:19px}}
