/* Editorial additions use the existing portfolio's typography and spacing. */
.variant-b .b-about{align-items:start}
.variant-b .b-about-copy .b-mentoring{border-top:1px solid #d1d1c6;padding-top:16px;margin-top:20px}
.variant-b .b-tools-practice{border:0;padding-top:20px;padding-bottom:65px;margin-top:0}
.variant-b .b-tools-practice>h2,.variant-b .b-collaboration-principles>h3{font-size:clamp(25px,3vw,35px);font-weight:500;line-height:1.15;letter-spacing:-.9px;margin:0}
.variant-b .b-tool-list{margin-top:30px;border-bottom:1px solid #c8c8b9}
.variant-b .b-tool-row{display:grid;grid-template-columns:minmax(170px,.85fr) minmax(0,1.4fr) minmax(190px,1fr);gap:28px;align-items:start;border-top:1px solid #c8c8b9;padding:25px 0}
.variant-b .b-tool-row h3{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.25px;margin:0}
.variant-b .b-tool-row p{font-size:14px;line-height:1.75;color:#45453b;margin:0}
.variant-b .b-tool-row .b-tool-row-names{font-size:16px;line-height:1.5;font-weight:500;color:#20201a}
.variant-b .b-tools-practice .b-practice-note{font-size:13px;line-height:1.65;color:#5a5a50;margin-top:23px;max-width:850px}
.variant-b .b-collaboration-principles{border-top:1px solid #57574e;margin-top:48px;padding-top:35px}
.variant-b .b-collaboration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.variant-b .b-collaboration-grid>article{border-top:1px solid #57574e;padding-top:20px}
.variant-b .b-collaboration-grid h4{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.3px;margin:0 0 14px}
.variant-b .b-collaboration-grid p{font-size:14px;line-height:1.8;color:#deded3;margin:0}
.variant-b .b-collaboration-grid a{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;gap:16px;color:inherit;text-decoration:none;font-size:13px;border-bottom:1px solid #88887a}
.variant-b .b-service-proof{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:15px;color:inherit;font-size:12.5px;line-height:1.35;text-decoration:none;border-bottom:1px solid #aaa999}
.variant-b .b-service-proof:hover,.variant-b .b-collaboration-grid a:hover{border-bottom-color:currentColor}
/* One language switch, aligned with Contact in both header states. */
.variant-b .header .language,.variant-b .header.b-header-floating .language{position:relative;isolation:isolate;display:flex;flex:0 0 88px;gap:0;width:88px;height:44px;min-height:44px;padding:3px;border:1px solid #77776b66;border-radius:999px;align-items:center;background:rgba(255,255,255,.3);box-shadow:inset 0 1px 2px #20201a08}
.variant-b .header .language:before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/2);border-radius:999px;background:#20201b;box-shadow:0 2px 5px #20201b24;transform:translateX(0);transition:transform .24s cubic-bezier(.22,.61,.36,1)}
.variant-b .header .language:has([data-lang=es][aria-pressed=true]):before{transform:translateX(100%)}
.variant-b .header .language>span{display:none}
.variant-b .header .language [data-lang],.variant-b .header.b-header-floating .language [data-lang]{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;height:36px;min-width:0;min-height:36px;max-width:none;max-height:none;padding:0;border:0;border-radius:999px;text-decoration:none;font-size:12px;font-weight:550;line-height:1;color:#49493f;background:transparent;opacity:1;transition:color .18s ease}
.variant-b .header .language [data-lang][aria-pressed=true],.variant-b .header.b-header-floating .language [data-lang][aria-pressed=true]{background:transparent;font-weight:650;color:#fff}
.variant-b .header .language [data-lang]:focus-visible{outline:2px solid #20201b;outline-offset:3px}
.variant-b .header .b-contact,.variant-b .header.b-header-floating .b-contact{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;padding-block:0}
@supports not selector(:has(*)){
 .variant-b .header .language:before{display:none}
 .variant-b .header .language [data-lang][aria-pressed=true]{background:#20201b}
}
@media(prefers-reduced-motion:reduce){.variant-b .header .language:before,.variant-b .header .language [data-lang]{transition:none}}
.variant-b .header.b-header-floating{padding-block:6px}
/* Keep the capability introduction in the same reading column as its title. */
.variant-b .b-services>.b-split-heading{display:block}
.variant-b .b-services>.b-split-heading>.b-section-lead{max-width:600px;margin:20px 0 0}
.variant-b .b-process{--process-dot-top:28px}
.variant-b .b-process li{height:auto;min-height:0;flex:0 0 auto;padding-top:24px;padding-bottom:28px;justify-content:flex-start}
.variant-b .b-process li:after{top:26px}
.variant-b .b-process p{font-size:14px;line-height:1.7;margin-top:8px}
.variant-b .star-actions>.star-model{margin:24px 0 32px}
/* Account for the section's own padding when landing below the glass bar. */
.variant-b :is(#main,#work){scroll-margin-top:0}
.variant-b :is(#approach,#about){scroll-margin-top:-18px}
.variant-b #contact{scroll-margin-top:2px}
@media(max-width:800px){
 .variant-b .b-collaboration-grid{grid-template-columns:1fr;gap:24px}
 .variant-b .b-tool-row{grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);gap:9px 24px}
 .variant-b .b-tool-row .b-tool-row-names{grid-column:2}
}
@media(max-width:640px){
 .variant-b :is(#approach,#about,#contact){scroll-margin-top:5px}
 .variant-b .b-tools-practice{padding-top:12px;padding-bottom:45px}
 .variant-b .b-tools-practice>h2,.variant-b .b-collaboration-principles>h3{font-size:28px}
 .variant-b .b-tool-row{grid-template-columns:1fr;gap:10px;padding:24px 0}
 .variant-b .b-tool-row .b-tool-row-names{grid-column:auto}
 .variant-b .b-collaboration-principles{margin-top:36px;padding-top:28px}
 .variant-b .b-collaboration-grid p{font-size:14px}
 .variant-b .b-service-proof{font-size:13px}
 .variant-b .header .b-brand-role{max-width:64px;font-size:12px}
 .variant-b .header.b-header-floating{padding-block:4px}
 .variant-b .header.b-header-floating .b-brand-role{max-width:64px;font-size:12px}
 .variant-b .header.b-header-floating .b-logo img{width:52px}
 .variant-b .header .header-tools{gap:6px}
 .variant-b .b-process{--process-dot-top:25px}
 .variant-b .b-process li{padding-top:22px;padding-bottom:26px}
 .variant-b .b-process li:after{top:23px}
}
@media(max-width:380px){
 .variant-b .header .b-brand-role,.variant-b .header.b-header-floating .b-brand-role{max-width:56px;font-size:11.5px;line-height:1.1}
 .variant-b .header .header-tools{gap:5px}
}
@media(max-width:400px){.variant-b .header .b-brand-role,.variant-b .header.b-header-floating .b-brand-role{display:none}}