/* The rest of option B follows the same quiet, monochrome editorial system. */
.variant-b{--b-bg:#e9e9e9;--b-card:#f3f3f3;--b-ink:#141414;--b-copy:#595959;background:#e9e9e9}
.variant-b .b-site-frame{margin:14px;border:8px solid #111;border-radius:23px;overflow:clip;background:var(--b-bg)}
.variant-b .b-site-frame>.b-intro{margin:0;border:0;border-radius:0;height:calc(100svh - 44px)}
.variant-b .b-container{width:min(1100px,calc(100% - 120px));margin-inline:auto}
.variant-b .b-section{padding-block:100px}
.variant-b .b-section-title{font-family:var(--sans);font-size:clamp(34px,3.65vw,49px);font-weight:500;letter-spacing:-1.9px;line-height:1.13;text-wrap:balance}
.variant-b .b-section-title em{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-1.6px}
.variant-b .b-tag{display:inline-flex;align-items:center;border-radius:6px;background:#dedede;padding:5px 10px;font-size:10px;line-height:1.4;letter-spacing:0;color:#555;margin-bottom:22px}
.variant-b .b-section-lead{color:var(--b-copy);font-size:14px;line-height:1.75;max-width:550px;margin:19px auto 0;text-wrap:pretty}
.variant-b .b-section-heading{text-align:center;max-width:760px;margin:0 auto 48px}
.variant-b .b-pill-button{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:43px;border:2px solid #141414;border-radius:100px;padding:10px 21px;background:#141414;color:#fff;font-size:12px;font-weight:500;line-height:1.4;transition:background .2s,color .2s;white-space:nowrap}
.variant-b .b-pill-button:hover{background:transparent;color:#141414}
.variant-b .b-pill-button.b-outline{background:transparent;color:#141414}
.variant-b .b-pill-button.b-outline:hover{background:#141414;color:#fff}
.variant-b .b-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.variant-b .b-menu-toggle:before{display:none}
.variant-b .b-menu-toggle{border-width:2px}
.variant-b .b-work{padding-top:90px}
.variant-b .b-work-intro{text-align:center;padding:57px 32px 42px;background:linear-gradient(180deg,#f4f4f4 0%,#f1f1f1 78%,#e9e9e9 100%);border-radius:16px;margin-bottom:60px}
.variant-b .b-work-intro .b-section-title{max-width:800px;margin:auto}
.variant-b .b-company-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;color:#6b6b6b;margin-top:30px}
.variant-b .b-company-line>span{font-size:10px;line-height:1.4;color:#717171}
.variant-b .b-company-line b{font-size:17px;font-weight:600;letter-spacing:-.6px}
.variant-b .b-company-line .b-mercado{font-size:14px;letter-spacing:-.6px}
.variant-b .b-company-line .b-davivienda{font-size:11px;letter-spacing:.3px}
.variant-b .b-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.variant-b .b-project-card{min-width:0}
.variant-b .b-card-link{display:block;border-radius:15px}
.variant-b .b-project-image{position:relative;aspect-ratio:1.4;overflow:hidden;border-radius:15px;background:#d8d8d8;isolation:isolate}
.variant-b .b-project-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#e9e9e9);pointer-events:none;z-index:1}
.variant-b .b-project-image>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .55s}
.variant-b .b-card-link:hover .b-project-image>img{transform:scale(1.035)}
.variant-b .b-project-label{position:absolute;left:15px;top:15px;z-index:2;border-radius:6px;padding:6px 9px;background:#f7f7f7ed;color:#333;font-size:10px;line-height:1.4}
.variant-b .b-project-arrow{position:absolute;right:16px;bottom:17px;z-index:2;width:34px;height:34px;border:2px solid #777;border-radius:50%;display:grid;place-items:center;background:#f3f3f3d9;transition:background .2s,color .2s}
.variant-b .b-card-link:hover .b-project-arrow{background:#111;color:#fff;border-color:#111}
.variant-b .b-project-text{padding:14px 14px 0}
.variant-b .b-project-text h3{font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.25;text-wrap:balance}
.variant-b .b-project-text>p{font-size:13px;line-height:1.65;color:#5b5b5b;margin-top:8px;max-width:430px}
.variant-b .b-project-facts{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:15px;font-size:10px;line-height:1.5;color:#5b5b5b}
.variant-b .b-project-facts strong{font-size:13px;color:#222;font-weight:600;margin-right:4px}
.variant-b .b-work-note{font-size:10px;line-height:1.7;color:#717171;margin:32px 14px 0;max-width:730px}
.variant-b .b-medespanol{background:radial-gradient(ellipse at 30% 25%,#d9d9d9,#a1a1a1);display:flex;align-items:center;justify-content:center}
.variant-b .b-med-word{font-size:clamp(35px,4vw,58px);font-weight:600;letter-spacing:-2.8px;position:relative;z-index:1;color:#333;transform:rotate(-5deg)}
.variant-b .b-med-word small{display:block;font-size:11px;letter-spacing:1px;font-weight:400;text-align:center;margin-top:10px}
.variant-b .b-med-cross{position:absolute;right:35px;bottom:55px;width:55px;height:55px;transform:rotate(10deg);opacity:.2}
.variant-b .b-med-cross:before,.variant-b .b-med-cross:after{content:'';position:absolute;background:#111;border-radius:4px;inset:0 18px}
.variant-b .b-med-cross:after{inset:18px 0}
.variant-b .b-services{padding-top:25px}
.variant-b .b-split-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}
.variant-b .b-split-heading>.b-section-lead{margin:0;max-width:370px;flex:0 1 40%}
.variant-b .b-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.variant-b .b-service{position:relative;background:var(--b-card);border-radius:11px;padding:30px 23px 25px;min-height:146px}
.variant-b .b-service-icon{position:absolute;right:17px;top:-13px;display:grid;place-items:center;width:31px;height:31px;background:#222;color:#fff;border:4px solid var(--b-bg);border-radius:50%;box-sizing:content-box}
.variant-b .b-service-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.variant-b .b-service h3{font-size:16px;letter-spacing:-.4px;font-weight:500;line-height:1.35}
.variant-b .b-service p{font-size:12px;line-height:1.7;color:#686868;margin-top:10px}
.variant-b .b-method-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;max-width:940px;margin:0 auto}
.variant-b .b-process{list-style:none;margin:0;padding:0 0 0 33px;position:relative;display:flex;flex-direction:column;gap:10px;counter-reset:step}
.variant-b .b-process:before{content:'';position:absolute;left:9px;top:24px;bottom:35px;width:2px;background:linear-gradient(#222,#bcbcbc)}
.variant-b .b-process li{counter-increment:step;position:relative;border-radius:10px;background:var(--b-card);padding:20px 42px 20px 22px;flex:1;display:flex;justify-content:center;flex-direction:column;min-height:91px}
.variant-b .b-process li:before{content:'';position:absolute;left:-28px;top:29px;width:10px;height:10px;border-radius:50%;background:#333;border:3px solid #e9e9e9;box-sizing:content-box}
.variant-b .b-process li:after{content:counter(step);position:absolute;right:15px;top:16px;font-size:10px;width:18px;height:18px;display:grid;place-items:center;background:#dedede;border-radius:50%;color:#555}
.variant-b .b-process li:nth-child(n+4):before{background:#a7a7a7}
.variant-b .b-process h3{font-size:17px;font-weight:500;letter-spacing:-.4px}
.variant-b .b-process p{font-size:12px;color:#6a6a6a;line-height:1.6;margin-top:5px}
.variant-b .b-method-art{border-radius:12px;background:linear-gradient(145deg,#d2d2d2,#e4e4e4 65%);position:relative;overflow:hidden;min-height:455px;display:flex;align-items:end;padding:29px}
.variant-b .b-method-art>svg{position:absolute;width:115%;height:90%;left:10%;top:-11%;transform:rotate(-16deg)}
.variant-b .b-design-note{position:relative;z-index:1;max-width:300px}
.variant-b .b-design-note>span{font-family:'Source Serif 4',Georgia,serif;font-size:55px;line-height:.7;color:#555}
.variant-b .b-design-note p{font-size:22px;letter-spacing:-.6px;line-height:1.35;color:#222;margin-top:6px}
.variant-b .b-design-note small{display:block;color:#666;font-size:9px;letter-spacing:.8px;line-height:1.5;margin-top:19px}
.variant-b .b-about{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:80px}
.variant-b .b-about-photo{position:relative;aspect-ratio:.95;border-radius:15px;overflow:hidden;background:#ddd}
.variant-b .b-about-photo>img{width:100%;height:100%;object-fit:cover;object-position:30% 30%;filter:grayscale(1)}
.variant-b .b-about-photo figcaption{position:absolute;left:19px;bottom:18px;background:#f7f7f7e8;padding:7px 12px;border-radius:100px;font-size:10px}
.variant-b .b-about-copy>p:not(.b-tag){font-size:14px;line-height:1.8;color:#5e5e5e;margin-top:21px}
.variant-b .b-about-copy .b-pill-button{margin-top:24px}
.variant-b .b-about-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.variant-b .b-about-pills span{font-size:10px;line-height:1.4;padding:7px 10px;border-radius:50px;background:#dedede;color:#555}
.variant-b .b-evidence{padding-top:30px}
.variant-b .b-evidence-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:proof}
.variant-b .b-evidence-list li{display:grid;grid-template-columns:24px 1fr auto 160px;align-items:center;gap:16px;background:#f3f3f3;padding:12px 20px;border-radius:10px;counter-increment:proof}
.variant-b .b-evidence-list li:before{content:counter(proof);font-size:10px;width:19px;height:19px;display:grid;place-items:center;background:#ddd;border-radius:50%;color:#666}
.variant-b .b-evidence-list strong{font-size:14px;font-weight:500;line-height:1.5}
.variant-b .b-evidence-list b{display:inline-grid;place-items:center;border-radius:50px;background:#1b1b1b;color:#fff;padding:10px 14px;font-size:14px;font-weight:500;min-width:73px}
.variant-b .b-evidence-list span{text-align:right;font-size:11px;color:#777}
.variant-b .b-contact-section{padding-top:80px;scroll-margin-top:35px}
.variant-b .b-contact-layout{display:grid;grid-template-columns:.9fr 1fr;gap:45px;max-width:940px;margin:auto;align-items:start}
.variant-b .b-contact-person{min-width:0;padding-top:20px}
.variant-b .b-contact-portrait{position:relative;height:350px;overflow:hidden}
.variant-b .b-contact-portrait img{width:440px;height:auto;max-width:none;position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);filter:grayscale(1) contrast(1.05);mask-image:linear-gradient(#000 70%,transparent 98%);-webkit-mask-image:linear-gradient(#000 70%,transparent 98%)}
.variant-b .b-contact-person>.availability{display:flex;justify-content:center;margin-top:20px;font-size:11px}
.variant-b .b-contact-person>.availability .status-dot{background:#555;border-color:#555;width:6px;height:6px}
.variant-b .b-contact-person>.availability .status-dot:after{border-color:#5553}
.variant-b .b-direct-contact{text-align:center;margin-top:22px}
.variant-b .b-direct-contact a{display:inline-block;font-size:12px;line-height:1.6;border-bottom:1px solid #aaa;word-break:break-word}
.variant-b .b-direct-contact a:last-child{display:block;width:max-content;margin:12px auto 0;font-size:11px}
.variant-b .b-contact-form{padding:24px;border-radius:12px;background:#f2f2f2}
.variant-b .b-form-field{display:block;margin-bottom:14px;min-width:0}
.variant-b .b-form-field>span{display:block;font-size:10px;font-weight:500;color:#666;margin:0 2px 6px}
.variant-b .b-form-field input,.variant-b .b-form-field select,.variant-b .b-form-field textarea{width:100%;min-width:0;padding:12px 13px;border:2px solid transparent;border-radius:6px;background:#e3e3e3;color:#222;line-height:1.5;font-family:var(--sans);font-size:12px;transition:background .2s,border-color .2s}
.variant-b .b-form-field input,.variant-b .b-form-field select{min-height:45px}
.variant-b .b-form-field input::placeholder,.variant-b .b-form-field textarea::placeholder{color:#767676;opacity:1}
.variant-b .b-form-field select{appearance:auto}
.variant-b .b-form-field textarea{min-height:125px;resize:vertical}
.variant-b .b-form-field input:focus,.variant-b .b-form-field select:focus,.variant-b .b-form-field textarea:focus{outline:none;border-color:#777;background:#eaeaea}
.variant-b .b-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:19px}
.variant-b .b-form-bottom>p{font-size:9px;line-height:1.6;color:#777;max-width:175px;text-wrap:pretty}
.variant-b .b-email-draft{margin-top:23px;padding-top:20px;border-top:2px solid #ddd}
.variant-b .b-email-draft[hidden]{display:none}
.variant-b #form-status{font-size:12px;line-height:1.7;color:#555}
.variant-b #email-preview{font:11px/1.7 var(--sans);color:#555;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;background:#e5e5e5;padding:14px;border-radius:6px;margin:15px 0}
.variant-b .b-draft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.variant-b .b-copy-message{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.variant-b .b-faq{max-width:730px;margin-inline:auto;padding-top:30px}
.variant-b .b-faq-list{display:grid;gap:12px}
.variant-b .b-faq-list details{background:var(--b-card);border-radius:10px;padding:0 20px}
.variant-b .b-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:20px 34px 20px 0;font-size:14px;line-height:1.45;font-weight:500}
.variant-b .b-faq-list summary::-webkit-details-marker{display:none}
.variant-b .b-faq-list summary:before,.variant-b .b-faq-list summary:after{content:'';position:absolute;right:1px;top:29px;width:13px;height:1.5px;background:#666}
.variant-b .b-faq-list summary:after{transform:rotate(90deg);transition:transform .2s}
.variant-b .b-faq-list details[open] summary:after{transform:rotate(0)}
.variant-b .b-faq-list details p{font-size:12px;line-height:1.8;color:#676767;padding:0 20px 21px 0}
.variant-b .b-footer-cta{text-align:center;padding:55px 20px 70px}
.variant-b .b-footer-cta h2{margin:21px auto 24px;max-width:700px}
.variant-b .b-footer-cta>p{color:#777;font-size:13px;margin-top:-8px;margin-bottom:23px}
.variant-b .b-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;padding-bottom:27px;border-top:1px solid #d0d0d0;color:#737373;font-size:10px;line-height:1.5}
.variant-b .b-footer img{width:65px;height:20px}
.variant-b .b-footer-links{display:flex;flex-wrap:wrap;gap:24px}
.variant-b .b-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.variant-b .b-page-shell{--b-header-h:90px}
.variant-b .b-case-main{padding-top:48px}
.variant-b .b-case-back{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#666;margin-bottom:25px;min-height:30px}
.variant-b .b-case-back .b-arrow{width:15px;transform:rotate(180deg)}
.variant-b .b-case-cover{aspect-ratio:1.92;background:#d5d5d5;overflow:hidden;border-radius:16px}
.variant-b .b-case-cover img{width:100%;height:100%;object-fit:cover}
.variant-b .b-case-title-row{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:39px 28px 35px}
.variant-b .b-case-title-row h1{font-size:clamp(38px,4.8vw,65px);font-weight:500;letter-spacing:-2.6px;line-height:1.08;max-width:730px;text-wrap:balance}
.variant-b .b-case-title-row p{font-size:15px;line-height:1.65;color:#666;margin-top:17px;max-width:650px}
.variant-b .b-case-title-row>.b-pill-button{flex:none;margin-bottom:5px}
.variant-b .b-case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f3f3f3;padding:22px 0;border-radius:12px;margin:0}
.variant-b .b-case-meta>div{padding:0 24px;border-right:1px solid #d4d4d4}
.variant-b .b-case-meta>div:last-child{border:0}
.variant-b .b-case-meta dt{font-size:11px;line-height:1.5;color:#777;margin-bottom:9px}
.variant-b .b-case-meta dd{font-size:13px;line-height:1.5;margin:0}
.variant-b .b-case-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:75px 0 65px}
.variant-b .b-case-story h2,.variant-b .b-case-outcome h2{font-size:11px;color:#777;line-height:1.6;font-weight:400;margin-bottom:19px}
.variant-b .b-case-story h2:before,.variant-b .b-case-outcome h2:before{content:'— ';color:#aaa}
.variant-b .b-case-story p{font-size:21px;letter-spacing:-.4px;line-height:1.65;color:#333}
.variant-b .b-case-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 50px}
.variant-b .b-case-results>div{background:#f4f4f4;padding:27px 24px;border-radius:11px}
.variant-b .b-case-results dt{font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1.2}
.variant-b .b-case-results dd{font-size:12px;line-height:1.6;color:#666;margin:9px 0 0}
.variant-b .b-case-detail{border-radius:14px;overflow:hidden;background:#dedede;margin:0}
.variant-b .b-case-detail img{width:100%;height:auto}
.variant-b .b-case-detail figcaption{font-size:10px;line-height:1.6;color:#666;padding:17px 23px;background:#f1f1f1}
.variant-b .b-case-outcome{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;padding:65px 0 50px}
.variant-b .b-case-outcome p{font-size:16px;line-height:1.85;color:#555}
.variant-b .b-case-note{font-size:10px;line-height:1.8;color:#777;max-width:750px;margin-bottom:55px}
.variant-b .b-next-case{border-top:2px solid #d1d1d1;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0 50px}
.variant-b .b-next-case p{font-size:11px;color:#777;margin-bottom:10px}
.variant-b .b-next-case h2{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px}
.variant-b .b-next-case>a{display:grid;place-items:center;width:49px;height:49px;flex:none;border:2px solid #111;border-radius:50%;transition:background .2s,color .2s}
.variant-b .b-next-case>a:hover{background:#111;color:#fff}
.variant-b .b-error-main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:570px;padding:65px 22px 90px}
.variant-b .b-error-main .b-tag{margin-bottom:24px}
.variant-b .b-error-main h1{font-size:clamp(85px,12vw,150px);font-weight:600;letter-spacing:-8px;line-height:.95;margin:0 0 24px}
.variant-b .b-error-main h2{font-size:26px;letter-spacing:-.8px;font-weight:500;line-height:1.3}
.variant-b .b-error-main>p{font-size:14px;color:#666;line-height:1.8;max-width:420px;margin:15px auto 25px}
.variant-b .b-error-main+.b-footer-cta{padding-top:40px}
@media(min-width:1650px){.variant-b .b-container{width:min(1200px,calc(100% - 150px))}.variant-b .b-section{padding-block:115px}.variant-b .b-work{padding-top:100px}.variant-b .b-services,.variant-b .b-evidence,.variant-b .b-faq{padding-top:30px}}
@media(max-width:1000px){.variant-b .b-container{width:calc(100% - 76px)}.variant-b .b-section{padding-block:75px}.variant-b .b-work-intro{padding:42px 25px 35px;margin-bottom:42px}.variant-b .b-projects{gap:38px 23px}.variant-b .b-project-text h3{font-size:20px}.variant-b .b-project-text{padding-inline:7px}.variant-b .b-project-text>p{font-size:12px}.variant-b .b-split-heading{gap:35px}.variant-b .b-service-grid{gap:18px 14px}.variant-b .b-service{padding:27px 17px 20px}.variant-b .b-service h3{font-size:14px}.variant-b .b-method-art{padding:25px}.variant-b .b-about{gap:45px}.variant-b .b-about-copy>p:not(.b-tag){font-size:13px}.variant-b .b-contact-layout{gap:22px}.variant-b .b-contact-portrait img{width:380px}.variant-b .b-contact-form{padding:20px}.variant-b .b-form-bottom{align-items:start;flex-direction:column;gap:10px}.variant-b .b-form-bottom>p{max-width:none}.variant-b .b-faq{padding-top:20px}.variant-b .b-evidence{padding-top:25px}.variant-b .b-services{padding-top:25px}.variant-b .b-case-title-row{padding:30px 8px;gap:22px}.variant-b .b-case-title-row h1{font-size:44px}.variant-b .b-case-title-row p{font-size:13px}.variant-b .b-case-story{gap:35px}.variant-b .b-case-story p{font-size:18px}.variant-b .b-case-meta>div{padding:0 17px}.variant-b .b-case-meta dd{font-size:11px}.variant-b .b-case-results dt{font-size:34px}}
@media(max-width:700px){.variant-b .b-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-b .b-split-heading{display:block}.variant-b .b-split-heading>.b-section-lead{max-width:500px;margin-top:20px}.variant-b .b-about{gap:30px}.variant-b .b-evidence-list li{grid-template-columns:19px 1fr auto;gap:10px;padding:12px}.variant-b .b-evidence-list span{display:none}.variant-b .b-evidence-list strong{font-size:12px}.variant-b .b-case-title-row{display:block}.variant-b .b-case-title-row>.b-pill-button{margin-top:23px}.variant-b .b-case-meta{grid-template-columns:1fr 1fr;gap:22px 0}.variant-b .b-case-meta>div:nth-child(2){border:0}}
@media(max-width:640px){.variant-b .b-site-frame{margin:8px;border-width:5px;border-radius:16px}.variant-b .b-site-frame>.b-intro{height:calc(100svh - 26px)}.variant-b .b-container{width:calc(100% - 36px)}.variant-b .b-section{padding-block:55px}.variant-b .b-section-title{font-size:34px;letter-spacing:-1.35px}.variant-b .b-section-title em{letter-spacing:-1px}.variant-b .b-section-lead{font-size:12px;margin-top:17px}.variant-b .b-tag{font-size:9px;margin-bottom:17px}.variant-b .b-section-heading{margin-bottom:30px}.variant-b .b-work{padding-top:55px}.variant-b .b-work-intro{padding:34px 17px 26px;margin-bottom:31px}.variant-b .b-company-line{gap:18px;margin-top:24px}.variant-b .b-company-line>span{width:100%;font-size:9px}.variant-b .b-company-line b{font-size:16px}.variant-b .b-projects{grid-template-columns:1fr;gap:34px}.variant-b .b-project-image{aspect-ratio:1.28;border-radius:12px}.variant-b .b-project-text{padding:11px 7px 0}.variant-b .b-project-text h3{font-size:22px}.variant-b .b-project-text>p{font-size:12px}.variant-b .b-project-label{top:12px;left:12px;font-size:9px}.variant-b .b-project-facts{font-size:9px;gap:12px}.variant-b .b-project-facts strong{font-size:12px}.variant-b .b-work-note{font-size:9px;margin:26px 7px 0}.variant-b .b-med-word{font-size:42px;letter-spacing:-2px}.variant-b .b-services{padding-top:10px}.variant-b .b-split-heading{margin-bottom:32px}.variant-b .b-service-grid{gap:24px 12px}.variant-b .b-service{padding:27px 15px 19px;min-height:166px}.variant-b .b-service h3{font-size:14px}.variant-b .b-service p{font-size:10px;line-height:1.75;margin-top:8px}.variant-b .b-service-icon{right:10px}.variant-b .b-method-layout{grid-template-columns:1fr;gap:18px}.variant-b .b-process{padding-left:29px}.variant-b .b-process li{min-height:83px;padding:16px 35px 16px 18px}.variant-b .b-process h3{font-size:16px}.variant-b .b-process p{font-size:11px}.variant-b .b-process li:before{left:-24px;top:25px}.variant-b .b-method-art{min-height:340px;padding:26px}.variant-b .b-method-art>svg{width:105%;height:110%;left:23%;top:-22%}.variant-b .b-design-note p{font-size:22px;max-width:245px}.variant-b .b-about{grid-template-columns:1fr;gap:30px}.variant-b .b-about-photo{aspect-ratio:1.05;max-width:420px;width:100%}.variant-b .b-about-copy>p:not(.b-tag){font-size:13px}.variant-b .b-evidence{padding-top:10px}.variant-b .b-evidence-list li{padding:11px 12px}.variant-b .b-evidence-list strong{font-size:11px}.variant-b .b-evidence-list b{font-size:12px;padding:8px 10px;min-width:58px}.variant-b .b-contact-layout{grid-template-columns:1fr;gap:28px}.variant-b .b-contact-person{padding-top:0}.variant-b .b-contact-portrait{height:245px}.variant-b .b-contact-portrait img{width:340px;bottom:-45px}.variant-b .b-direct-contact{margin-top:14px}.variant-b .b-contact-person>.availability{margin-top:9px}.variant-b .b-contact-form{padding:20px 17px}.variant-b .b-form-bottom{gap:13px}.variant-b .b-form-bottom>p{font-size:10px}.variant-b .b-form-field>span{font-size:11px}.variant-b .b-form-field input,.variant-b .b-form-field select,.variant-b .b-form-field textarea{font-size:16px;padding:11px 12px}.variant-b .b-faq{padding-top:15px}.variant-b .b-faq-list details{padding:0 16px}.variant-b .b-faq-list summary{font-size:13px;padding-block:18px}.variant-b .b-faq-list summary:before,.variant-b .b-faq-list summary:after{top:26px}.variant-b .b-faq-list details p{font-size:12px;padding-right:0}.variant-b .b-footer-cta{padding:35px 17px 50px}.variant-b .b-footer-cta h2{font-size:33px}.variant-b .b-footer{flex-wrap:wrap;gap:20px;padding-block:22px;font-size:9px}.variant-b .b-footer-links{gap:17px;width:100%;justify-content:space-between}.variant-b .b-page-shell{--b-header-h:74px}.variant-b .b-case-main{padding-top:23px}.variant-b .b-case-back{font-size:10px;margin-bottom:15px}.variant-b .b-case-cover{aspect-ratio:1.25;border-radius:12px}.variant-b .b-case-title-row{padding:25px 3px}.variant-b .b-case-title-row h1{font-size:38px;letter-spacing:-1.6px}.variant-b .b-case-title-row p{font-size:13px;margin-top:16px}.variant-b .b-case-meta{padding-block:20px;gap:22px 0}.variant-b .b-case-meta>div{padding:0 15px}.variant-b .b-case-meta dt{font-size:10px;margin-bottom:6px}.variant-b .b-case-meta dd{font-size:11px}.variant-b .b-case-story{grid-template-columns:1fr;gap:30px;padding:42px 2px 35px}.variant-b .b-case-story h2{margin-bottom:11px}.variant-b .b-case-story p{font-size:17px;line-height:1.75}.variant-b .b-case-results{gap:9px;margin-bottom:30px}.variant-b .b-case-results>div{padding:20px 10px}.variant-b .b-case-results dt{font-size:26px;letter-spacing:-1px}.variant-b .b-case-results dd{font-size:9px}.variant-b .b-case-detail figcaption{font-size:9px;padding:12px 15px}.variant-b .b-case-outcome{grid-template-columns:1fr;gap:0;padding:35px 2px 28px}.variant-b .b-case-outcome h2{margin-bottom:11px}.variant-b .b-case-outcome p{font-size:14px;line-height:1.8}.variant-b .b-case-note{font-size:9px;margin-bottom:32px}.variant-b .b-next-case{padding:28px 0 35px;gap:15px}.variant-b .b-next-case h2{font-size:24px}.variant-b .b-next-case>a{width:40px;height:40px}.variant-b .b-error-main{min-height:500px;padding-block:75px}.variant-b .b-error-main h1{font-size:102px;letter-spacing:-6px}.variant-b .b-error-main h2{font-size:23px}.variant-b .b-error-main>p{font-size:13px}.variant-b .b-error-main+.b-footer-cta{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.variant-b *{scroll-behavior:auto!important;transition:none!important}}

/* Digital ink: paper, true black and deliberate, readable contrast. */
.variant-b{--b-bg:#f7f7f2;--b-card:#fff;--b-ink:#0b0b0b;--b-copy:#40403d;--navy:#0b0b0b;--muted:#444440;--mist:#f7f7f2;background:#f7f7f2;color:#0b0b0b}
.variant-b .b-site-frame{background:#f7f7f2;border-color:#0b0b0b}
.variant-b .b-site-frame>.b-intro{background:#f7f7f2}
.variant-b .b-logo img{width:81px;height:25px}
.variant-b .b-contact{padding:8px 19px;font-size:12px;border-color:#0b0b0b;background:#0b0b0b}
.variant-b .b-role{color:#484845}
.variant-b .b-background-word{color:#dadad4;font-weight:650}
.variant-b .b-portrait{bottom:clamp(27px,4.3svh,45px)}
.variant-b .b-portrait img{filter:grayscale(1) contrast(1.24);mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
.variant-b .b-pill{background:#e7e7df;color:#242422}
.variant-b .b-greeting,.variant-b .b-invitation{background:#fff;color:#111;border:1px solid #d9d9d1}
.variant-b .b-name:before{background:linear-gradient(180deg,#f7f7f200 0%,#f7f7f2d1 38%,#f7f7f2 76%)}
.variant-b .b-name-text{background:linear-gradient(180deg,#050505 10%,#050505 80%,#454541 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.variant-b .b-scroll{background:#f7f7f2;border-color:#777770}
.variant-b .b-section-title em{font-weight:400;color:inherit}
.variant-b .b-tag{background:#e7e7df;color:#444440}
.variant-b .b-work-intro{background:linear-gradient(180deg,#fff 0%,#fff 75%,#f7f7f2 100%)}
.variant-b .b-company-line,.variant-b .b-company-line>span{color:#4b4b47}
.variant-b .b-project-image{background:#e1e1d9}
.variant-b .b-project-image>img{filter:grayscale(1) contrast(1.16)}
.variant-b .b-project-image:after{inset:66% 0 0;background:linear-gradient(transparent,#f7f7f2)}
.variant-b .b-project-label{background:#fff;color:#161616}
.variant-b .b-project-text>p,.variant-b .b-project-facts{color:#454541}
.variant-b .b-project-text h3{color:#0b0b0b}
.variant-b .b-project-arrow{border-color:#151515;background:#fff}
.variant-b .b-project-facts strong{color:#111}
.variant-b .b-work-note{color:#575752}
.variant-b .b-medespanol{background:linear-gradient(135deg,#0a0a0a 0%,#242424 58%,#90908a 100%)}
.variant-b .b-med-word{color:#fff}
.variant-b .b-med-cross{opacity:.6}
.variant-b .b-med-cross:before,.variant-b .b-med-cross:after{background:#fff}
.variant-b .b-service{background:#fff;border:1.5px solid #242422}
.variant-b .b-service p{color:#484844}
.variant-b .b-service-icon{border-color:#f7f7f2;background:#0b0b0b}
.variant-b .b-method{background:#111110;color:#fff}
.variant-b .b-method .b-section-lead{color:#d1d1c9}
.variant-b .b-method .b-tag{background:#30302c;color:#f0f0e9}
.variant-b .b-process li{background:#f7f7f2;color:#111}
.variant-b .b-process:before{background:linear-gradient(#f7f7f2,#77776e)}
.variant-b .b-process li:before{background:#fff;border-color:#111110}
.variant-b .b-process li:nth-child(n+4):before{background:#97978d}
.variant-b .b-process p{color:#4a4a45}
.variant-b .b-method-art{background:linear-gradient(145deg,#aeaea5,#e2e2d9 65%)}
.variant-b .b-design-note p{color:#111}
.variant-b .b-design-note small{color:#3a3a35}
.variant-b .b-about-copy>p:not(.b-tag){color:#444440}
.variant-b .b-about-photo>img{filter:grayscale(1) contrast(1.12)}
.variant-b .b-about-pills span{background:#e5e5dc;color:#33332f}
.variant-b .b-evidence-list li{background:#fff;border-bottom:1.5px solid #272725}
.variant-b .b-evidence-list span{color:#4c4c46}
.variant-b .b-contact-form{border:2px solid #20201d;background:#fff}
.variant-b .b-form-field>span{color:#383834}
.variant-b .b-form-field input,.variant-b .b-form-field select,.variant-b .b-form-field textarea{background:#edede7;color:#111}
.variant-b .b-form-field input::placeholder,.variant-b .b-form-field textarea::placeholder{color:#62625c}
.variant-b .b-form-field input:focus,.variant-b .b-form-field select:focus,.variant-b .b-form-field textarea:focus{background:#f7f7f2;border-color:#111}
.variant-b .b-contact-portrait img{filter:grayscale(1) contrast(1.25)}
.variant-b .b-direct-contact a{border-color:#55554f}
.variant-b .b-form-bottom>p,.variant-b #form-status{color:#51514a}
.variant-b .b-pill-button{min-height:35px;padding:7px 17px;font-size:11px;background:#0b0b0b;border-color:#0b0b0b}
.variant-b .b-pill-button.b-outline{background:transparent}
.variant-b .b-faq-list details{background:#fff;border:1.5px solid #33332f}
.variant-b .b-faq-list details p{color:#44443e}
.variant-b .b-footer-cta{background:#111110;color:#fff}
.variant-b .b-footer-cta .availability,.variant-b .b-footer-cta>p{color:#d6d6cc}
.variant-b .b-footer-cta .status-dot{background:#fff;border-color:#fff}
.variant-b .b-footer-cta .status-dot:after{border-color:#ffffff55}
.variant-b .b-footer-cta .b-pill-button{background:#f7f7f2;color:#111;border-color:#f7f7f2}
.variant-b .b-footer-cta .b-pill-button:hover{background:transparent;color:#fff}
.variant-b .b-footer{color:#454540;border-color:#a4a49a}
.variant-b .b-case-cover img,.variant-b .b-case-detail img{filter:grayscale(1) contrast(1.12)}
.variant-b .b-case-meta,.variant-b .b-case-results>div{background:#fff;border:1.5px solid #20201d}
.variant-b .b-case-meta dt{color:#51514b}
.variant-b .b-case-meta>div{border-color:#a9a99e}
.variant-b .b-case-results dd{color:#44443f}
.variant-b .b-case-story h2,.variant-b .b-case-outcome h2{color:#494943}
.variant-b .b-case-detail figcaption{background:#e9e9e1;color:#484842}
.variant-b .b-case-outcome p,.variant-b .b-case-note,.variant-b .b-error-main>p{color:#44443f}
.variant-b .b-next-case{border-color:#171715}
.variant-b .b-next-case p{color:#4c4c46}
.variant-b .b-email-draft{border-color:#aaa99f}
.variant-b #email-preview{background:#f0f0e9;color:#33332e}
@media(max-width:640px){.variant-b .b-logo img{width:65px;height:20px}.variant-b .b-contact{padding:7px 13px;font-size:10px}.variant-b .b-portrait{bottom:45px}.variant-b .b-name{font-size:clamp(82px,26vw,132px)}.variant-b .b-contact-portrait img{bottom:-56px}.variant-b .b-pill-button{min-height:35px;padding:7px 16px}}

/* A responsive halftone surface replaces the static illustration. */
.variant-b .b-pixel-mesh{background:#101010;border:1.5px solid #777770;isolation:isolate}
.variant-b .b-pixel-mesh canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}
.variant-b .b-pixel-mesh .b-design-note{pointer-events:none}
.variant-b .b-pixel-mesh .b-design-note>span{color:#c8c8c0}
.variant-b .b-pixel-mesh .b-design-note p{color:#f7f7f2}
.variant-b .b-pixel-mesh .b-design-note small{color:#bdbdb4}
.variant-b .b-signature{position:absolute;left:0;right:0;bottom:4%;text-align:center;z-index:4;pointer-events:none}
.variant-b .b-signature .b-greeting{display:inline-block;position:relative;left:auto;right:auto;bottom:auto;transform:translate(clamp(-140px,-8vw,-28px),12px) rotate(-5deg);padding:7px 12px;margin-bottom:13px;font-size:11px;z-index:2}
.variant-b .b-signature .b-name{position:relative;left:auto;right:auto;bottom:auto}
.variant-b .b-background-word{bottom:12%}
.variant-b .b-case-cover img,.variant-b .b-case-detail img{filter:none}
@media(max-width:1100px){.variant-b .b-signature{bottom:5%}}
@media(max-width:640px){.variant-b .b-signature{bottom:6%}.variant-b .b-signature .b-greeting{font-size:10px;padding:6px 10px;margin-bottom:9px}.variant-b .b-background-word{bottom:14%}.variant-b .b-invitation{bottom:22%}}
@media(max-height:690px) and (min-width:641px){.variant-b .b-signature{bottom:4%}}

.variant-b .b-build-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 26px;background:#fff;border:1.5px solid #252522;border-radius:12px;margin-top:40px}
.variant-b .b-build-note>div>span{font-size:9px;letter-spacing:1px;color:#65655e;display:block;margin-bottom:10px}
.variant-b .b-build-note h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;font-weight:500}
.variant-b .b-build-note p{font-size:12px;line-height:1.75;color:#55554e;max-width:600px;margin-top:9px}
.variant-b .b-build-note>a{flex:none}
@media(max-width:640px){.variant-b .b-build-note{align-items:start;flex-direction:column;gap:18px;padding:23px 20px;margin-top:32px}.variant-b .b-build-note p{font-size:12px}}

/* Full bleed layout, without the outer frame. */
.variant-b .b-site-frame{margin:0;border:0;border-radius:0}
.variant-b .b-site-frame>.b-intro{height:100svh}