body.page-id-31{--ca-u:calc(100vw / 938);--ca-red:#c90009;background:#faf7f1;color:#171717}
.page-id-31 .cm-header-inner{padding:10px 5.5%;max-width:none}
.page-id-31 .cm-header-logo img{width:210px;height:54px;object-fit:contain}
.page-id-31 .ca-section{padding:0;background:#faf7f1}
.page-id-31 .ca-section>.elementor-container{max-width:none}
.page-id-31 .ca-section .elementor-widget-wrap{padding:0;align-content:center}
.page-id-31 .ca-section .elementor-widget{margin:0}
.page-id-31 .ca-section p{margin:0}
.page-id-31 .ca-section h1,.page-id-31 .ca-section h2,.page-id-31 .ca-section h3{font-family:Georgia,serif;color:#171717;letter-spacing:-.045em;line-height:1.02;margin:0;font-weight:700}
.page-id-31 .ca-section h1{font-size:calc(var(--ca-u)*55)}
.page-id-31 .ca-section h2{font-size:calc(var(--ca-u)*53)}
.page-id-31 .ca-section h3{font-size:calc(var(--ca-u)*23)}
.page-id-31 .ca-section h1 span,.page-id-31 .ca-section h2 span{color:var(--ca-red)}
.page-id-31 .ca-eyebrow p{font:600 calc(var(--ca-u)*10)/1.5 Arial,sans-serif;letter-spacing:.25em;color:#657080;margin-bottom:calc(var(--ca-u)*12)}
.page-id-31 .ca-lead p{font:calc(var(--ca-u)*18)/1.4 Arial,sans-serif;margin-top:calc(var(--ca-u)*12);color:#42464c}
.page-id-31 .ca-body p{font:calc(var(--ca-u)*15)/1.55 Arial,sans-serif;margin-top:calc(var(--ca-u)*22);color:#42464c}
.page-id-31 .ca-hero>.elementor-container{min-height:calc(var(--ca-u)*305);flex-wrap:nowrap;align-items:stretch}
.page-id-31 .ca-hero-copy>.elementor-widget-wrap{padding:calc(var(--ca-u)*26) calc(var(--ca-u)*18) calc(var(--ca-u)*22) calc(var(--ca-u)*53)}
.page-id-31 .ca-hero-art{overflow:hidden}
.page-id-31 .ca-hero-image,.page-id-31 .ca-hero-image .elementor-widget-container{height:100%}
.page-id-31 .ca-hero-image img{height:100%;width:100%;object-fit:cover;object-position:right center}
.page-id-31 .ca-values{border-block:1px solid #e5ded6}
.page-id-31 .ca-values>.elementor-container{padding:calc(var(--ca-u)*22) 5.5%;align-items:center}
.page-id-31 .ca-values .elementor-column:not(:last-child){border-right:1px solid #d9d5d0}
.page-id-31 .ca-value .elementor-icon-box-wrapper{display:flex;align-items:center;justify-content:center;gap:calc(var(--ca-u)*22)}
.page-id-31 .ca-value .elementor-icon-box-icon{margin:0!important}
.page-id-31 .ca-value h3{font:calc(var(--ca-u)*15)/1.3 Arial,sans-serif;letter-spacing:0}
.page-id-31 .ca-icon .elementor-icon{color:#202832;font-size:calc(var(--ca-u)*37)}
.page-id-31 .ca-intro>.elementor-container{padding:calc(var(--ca-u)*18) calc(var(--ca-u)*24) calc(var(--ca-u)*10) calc(var(--ca-u)*50);align-items:stretch;flex-wrap:nowrap}
.page-id-31 .ca-intro-copy>.elementor-widget-wrap{padding:calc(var(--ca-u)*18) calc(var(--ca-u)*24) calc(var(--ca-u)*18) 0;align-content:flex-start}
.page-id-31 .ca-device-image img{width:100%;aspect-ratio:1.58;object-fit:cover;border-radius:5px}
.page-id-31 .ca-image{overflow:hidden}
.page-id-31 .ca-device-image img,.page-id-31 .ca-brand-image img{transition:transform .7s}
.page-id-31 .ca-device-image:hover img,.page-id-31 .ca-brand-image:hover img{transform:scale(1.025)}
.page-id-31 .ca-principles>.elementor-container{padding:0 calc(var(--ca-u)*30) calc(var(--ca-u)*14);gap:12px;align-items:stretch;flex-wrap:nowrap}
.page-id-31 .ca-card{border:1px solid #e2dcd4;border-radius:5px;transition:transform .25s,border-color .25s}
.page-id-31 .ca-card>.elementor-widget-wrap{padding:calc(var(--ca-u)*18) calc(var(--ca-u)*20);position:relative;align-content:flex-start}
.page-id-31 .ca-card-number p{font:12px Arial,sans-serif;color:#26313e}
.page-id-31 .ca-card .elementor-icon-box-wrapper{text-align:center}
.page-id-31 .ca-card .elementor-icon-box-icon{margin-bottom:calc(var(--ca-u)*16)}
.page-id-31 .ca-card .elementor-icon-box-title{margin-bottom:calc(var(--ca-u)*14)}
.page-id-31 .ca-card .elementor-icon-box-description{font:calc(var(--ca-u)*15)/1.4 Arial,sans-serif;color:#42464c}
.page-id-31 .ca-card:hover{transform:translateY(-4px);border-color:#c90009}
.page-id-31 .ca-process>.elementor-container{align-items:stretch;flex-wrap:nowrap}
.page-id-31 .ca-brand-image,.page-id-31 .ca-brand-image .elementor-widget-container{height:100%}
.page-id-31 .ca-brand-image img{width:100%;height:100%;object-fit:cover}
.page-id-31 .ca-process-copy>.elementor-widget-wrap{padding:calc(var(--ca-u)*20) calc(var(--ca-u)*24) calc(var(--ca-u)*20) calc(var(--ca-u)*34);align-content:center}
.page-id-31 .ca-process h2{font-size:calc(var(--ca-u)*47);margin-bottom:calc(var(--ca-u)*18)}
.page-id-31 .ca-step{margin-bottom:calc(var(--ca-u)*18)}
.page-id-31 .ca-step:last-child{margin-bottom:0}
.page-id-31 .ca-step>.elementor-container{flex-wrap:nowrap;gap:calc(var(--ca-u)*8);align-items:flex-start}
.page-id-31 .ca-step-num p{border:1px solid #b5bcc4;border-radius:50%;width:calc(var(--ca-u)*42);height:calc(var(--ca-u)*42);display:flex;align-items:center;justify-content:center;font:calc(var(--ca-u)*14) Arial,sans-serif}
.page-id-31 .ca-step h3{font-size:calc(var(--ca-u)*18);letter-spacing:-.02em;line-height:1.2}
.page-id-31 .ca-step-copy p{font:calc(var(--ca-u)*14)/1.35 Arial,sans-serif;color:#656a72;margin-top:4px}
.page-id-31 .ca-cta{margin-top:14px;background:#222 url('/wp-content/uploads/2026/10/consai-services/cta.webp') right center/auto 100% no-repeat}
.page-id-31 .ca-cta>.elementor-container{padding:calc(var(--ca-u)*30) 5.5%;min-height:calc(var(--ca-u)*154)}
.page-id-31 .ca-cta .ca-eyebrow p{color:#eee}
.page-id-31 .ca-cta h2{color:#fff;font-size:calc(var(--ca-u)*40);margin-bottom:12px}
.page-id-31 .ca-button .elementor-button{background:#c90009;border-radius:5px;color:#fff;padding:14px 20px;font:14px Arial,sans-serif;transition:transform .25s,background .25s}
.page-id-31 .ca-button .elementor-button-content-wrapper{gap:12px}
.page-id-31 .ca-button .elementor-button:hover{background:#a90008;transform:translateY(-2px)}
.page-id-31 .cs-footer [aria-current]{color:inherit}
.page-id-31 .cs-footer a[href="/about/"]{color:#c90009}
.page-id-31 .ca-visible{animation:ca-arrive .65s ease-out both}
@keyframes ca-arrive{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){
.page-id-31 .cm-header-logo img{width:135px;height:auto}
}
@media(max-width:700px){
body.page-id-31{--ca-u:1px}
.page-id-31 .cm-header-inner{padding:14px 20px;gap:9px}
.page-id-31 .cm-header-logo img{width:115px}
.page-id-31 .ca-hero>.elementor-container,.page-id-31 .ca-intro>.elementor-container,.page-id-31 .ca-process>.elementor-container,.page-id-31 .ca-principles>.elementor-container{flex-wrap:wrap}
.page-id-31 .ca-hero .elementor-column,.page-id-31 .ca-intro .elementor-column,.page-id-31 .ca-principles>.elementor-container>.elementor-column,.page-id-31 .ca-process>.elementor-container>.elementor-column{width:100%}
.page-id-31 .ca-hero-copy>.elementor-widget-wrap{padding:30px 24px 20px}
.page-id-31 .ca-section h1{font-size:clamp(38px,10vw,52px)}
.page-id-31 .ca-section h2{font-size:38px}
.page-id-31 .ca-hero-image img{height:260px;object-position:right center}
.page-id-31 .ca-values>.elementor-container{padding:18px 12px;flex-wrap:nowrap}
.page-id-31 .ca-values .elementor-column{width:33.33%}
.page-id-31 .ca-value .elementor-icon-box-wrapper{display:block;text-align:center}
.page-id-31 .ca-value .elementor-icon-box-icon{margin-bottom:10px!important}
.page-id-31 .ca-value h3{font-size:12px}
.page-id-31 .ca-icon .elementor-icon{font-size:30px}
.page-id-31 .ca-intro>.elementor-container{padding:28px 24px 18px}
.page-id-31 .ca-intro-copy>.elementor-widget-wrap{padding:0 0 24px}
.page-id-31 .ca-body p{font-size:16px}
.page-id-31 .ca-principles>.elementor-container{padding:0 24px 24px;gap:14px}
.page-id-31 .ca-card>.elementor-widget-wrap{padding:22px}
.page-id-31 .ca-card .elementor-icon-box-description{font-size:16px}
.page-id-31 .ca-brand-image img{height:auto;aspect-ratio:1.2}
.page-id-31 .ca-process-copy>.elementor-widget-wrap{padding:28px 24px}
.page-id-31 .ca-step-copy p{font-size:15px}
.page-id-31 .ca-step h3{font-size:20px}
.page-id-31 .ca-step-num p{width:38px;height:38px}
.page-id-31 .ca-cta{background-size:auto 65%;background-position:right bottom}
.page-id-31 .ca-cta>.elementor-container{padding:30px 24px 150px}
.page-id-31 .ca-cta h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.page-id-31 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.page-id-31 .ca-card:hover,.page-id-31 .ca-image:hover img,.page-id-31 .elementor-button:hover{transform:none!important}}
/* Explicit fractional columns: Elementor's stock column classes only cover standard sizes. */
@media(min-width:701px){
.page-id-31 .ca-hero-copy{width:52%!important;flex-shrink:0}
.page-id-31 .ca-hero-art{width:48%!important;flex-shrink:0}
.page-id-31 .ca-values>.elementor-container>.elementor-column{width:33.333%!important;flex-shrink:0}
.page-id-31 .ca-value .elementor-icon-box-wrapper{display:flex!important;text-align:left!important;align-items:center!important;gap:20px!important}
.page-id-31 .ca-value .elementor-icon-box-content{flex-grow:0!important}
.page-id-31 .ca-intro>.elementor-container>.elementor-column:first-child{width:42%!important;flex-shrink:0}
.page-id-31 .ca-intro>.elementor-container>.elementor-column:last-child{width:58%!important;flex-shrink:0}
.page-id-31 .ca-principles>.elementor-container>.elementor-column{width:calc((100% - 24px) / 3)!important;flex-shrink:0}
.page-id-31 .ca-process>.elementor-container>.elementor-column:first-child{width:50.5%!important;flex-shrink:0}
.page-id-31 .ca-process-copy{width:49.5%!important;flex-shrink:0}
}
.page-id-31 .ca-step>.elementor-container>.elementor-column:first-child{width:12%!important;flex-shrink:0}
.page-id-31 .ca-step>.elementor-container>.elementor-column:last-child{width:calc(88% - 8px)!important;flex-shrink:0}
.page-id-31 .ca-hero h1{font-size:calc(var(--ca-u)*52)}
.page-id-31 .ca-process h2{font-size:calc(var(--ca-u)*43)}
@media(max-width:700px){.page-id-31 .ca-hero h1{font-size:clamp(36px,9.8vw,50px)}.page-id-31 .ca-process h2{font-size:36px}}
@media(min-width:701px){
.page-id-31 .ca-value .elementor-icon-box-wrapper{flex-direction:row!important;justify-content:center!important}
.page-id-31 .ca-value .elementor-icon-box-icon{flex-shrink:0}
.page-id-31 .ca-hero-art{height:calc(var(--ca-u)*305)}
.page-id-31 .ca-hero-image img{height:calc(var(--ca-u)*305)}
.page-id-31 .ca-intro h2{font-size:calc(var(--ca-u)*47)}
}
@media(min-width:701px){
.page-id-31 .ca-process h2{font-size:calc(var(--ca-u)*39);letter-spacing:-.05em}
.page-id-31 .ca-card>.elementor-widget-wrap{padding-top:calc(var(--ca-u)*14);padding-bottom:calc(var(--ca-u)*14)}
.page-id-31 .ca-card .elementor-icon-box-icon{margin-bottom:calc(var(--ca-u)*12)}
}
/* About reference refinement: shared theme remains unchanged. */
.page-id-31 .ca-values>.elementor-container>.elementor-column:not(:last-child){border-right:1px solid #d9d5d0!important}
.page-id-31 .ca-step{position:relative}
.page-id-31 .ca-step:not(:last-child) .ca-step-num:after{content:"";position:absolute;left:calc(var(--ca-u)*21);top:calc(var(--ca-u)*48);height:calc(var(--ca-u)*23);border-left:1px solid #b5bcc4}
.page-id-31 a:focus-visible,.page-id-31 button:focus-visible{outline:3px solid #c90009;outline-offset:5px}
.page-id-31 .tpoffcanvas li:nth-child(1) .fa-star:before{content:"\f095"}
.page-id-31 .tpoffcanvas li:nth-child(2) .fa-star:before{content:"\f0e0"}
@media(min-width:901px){
.page-id-31 .cm-header-logo img{width:250px;height:60px}
.page-id-31 .cm-header-inner{padding-top:7px;padding-bottom:7px;padding-left:3%}
}
@media(min-width:701px){
.page-id-31 .ca-process>.elementor-container>.elementor-column:first-child{height:calc(var(--ca-u)*388)}
.page-id-31 .ca-brand-image img{height:calc(var(--ca-u)*388);object-position:center}
.page-id-31 .ca-process-copy>.elementor-widget-wrap{padding-top:calc(var(--ca-u)*20);padding-bottom:calc(var(--ca-u)*15);align-content:flex-start}
.page-id-31 .ca-values>.elementor-container{padding-left:8%;padding-right:3%}
.page-id-31 .ca-cta>.elementor-container{padding-top:calc(var(--ca-u)*26);padding-bottom:calc(var(--ca-u)*20)}
}
@media(max-width:700px){
.page-id-31 .ca-step:not(:last-child) .ca-step-num:after{left:19px;top:44px;height:20px}
}
/* Match the reference sculpture's prominence; retain responsive image box. */
@media(min-width:701px){
.page-id-31 .ca-hero-image img{transform:scale(1.12);transform-origin:right center}
}
@media(prefers-reduced-motion:no-preference){
.page-id-31 .ca-hero-art.ca-visible{animation-delay:.08s}
.page-id-31 .ca-principles .ca-card:nth-child(2).ca-visible{animation-delay:.09s}
.page-id-31 .ca-principles .ca-card:nth-child(3).ca-visible{animation-delay:.18s}
}
/* Tablet readability: avoid shrinking body copy with the desktop artwork. */
@media(min-width:701px) and (max-width:900px){
.page-id-31 .ca-body p{font-size:15px;line-height:1.5}
.page-id-31 .ca-lead p{font-size:16px}
.page-id-31 .ca-card .elementor-icon-box-description{font-size:14px;line-height:1.45}
.page-id-31 .ca-step-copy p{font-size:14px;line-height:1.4}
.page-id-31 .ca-step h3{font-size:17px}
.page-id-31 .ca-eyebrow p{font-size:10px}
.page-id-31 .ca-value h3{font-size:13px}
.page-id-31 .ca-process>.elementor-container>.elementor-column:first-child{height:auto;min-height:390px}
.page-id-31 .ca-brand-image img{height:100%;min-height:390px;object-fit:cover}
.page-id-31 .ca-step{margin-bottom:18px}
}
/* Release transforms after entrance so hover can animate normally. */
.page-id-31 .ca-visible{animation-fill-mode:backwards}
/* Preserve black AI lettering on the dark Collax mobile panel. */
.page-id-31 .tpoffcanvas__logo a{display:inline-block;background:#faf7f1;padding:8px 10px;border-radius:4px}
/* Keep the small-phone hero and header readable without wrapping CTA arrows. */
@media(max-width:360px){
.page-id-31 .cm-header-inner{padding-left:12px;padding-right:12px;gap:7px}
.page-id-31 .cm-header-logo img{width:100px}
.page-id-31 .cm-header-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:11px 9px}
.page-id-31 .cm-mobile-menu{flex-shrink:0}
.page-id-31 .ca-hero h1{font-size:clamp(29px,9.8vw,35px)}
}

/* Approved BOLD About campaign. Original art with accessible, working links. */
.ab-hero{background:#f8f6f1}
.ab-hero>.elementor-container{max-width:none!important}
.ab-hero .elementor-widget-wrap{padding:0!important}
.ab-hero .elementor-widget{margin:0!important}
.ab-scene{position:relative;aspect-ratio:1536/934}
.ab-art{position:absolute;inset:0;overflow:hidden}
.ab-art img{position:absolute;top:-9.6359743%;left:0;width:100%!important;max-width:none!important;height:auto!important}
.ab-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ab-topics{position:absolute;left:65.625%;top:51.17773%;width:31.11979%;height:24.08994%;display:flex;flex-direction:column}
.ab-topics a{display:flex;flex:1;min-height:0;color:transparent!important}
.ab-topics a>*,.ab-meet>*{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ab-meet{position:absolute;left:65.625%;top:79.22912%;width:15.625%;height:6.42398%;border-radius:999px}
.ab-topics a:hover,.ab-topics a:focus-visible,.ab-meet:hover,.ab-meet:focus-visible{outline:3px solid #d92a1d!important;outline-offset:3px!important}
#meet-consai,#clear-thinking,#thoughtful-design,#personal-collaboration{scroll-margin-top:135px}
@media(max-width:900px){
.ab-scene{display:flex;flex-direction:column;aspect-ratio:auto}
.ab-art{position:relative;aspect-ratio:955/934;inset:auto;order:0}
.ab-art img{width:160.8376963%!important;top:-9.6359743%}
.ab-copy{position:static;order:1;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;padding:36px 24px 0}
.ab-eyebrow{font:500 12px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#d62114;margin:0 0 18px}
.ab-copy h1{font:400 clamp(46px,8vw,76px)/.98 Georgia,serif!important;letter-spacing:-.05em!important;color:#090909!important;margin:0 0 24px!important}
.ab-lead{font:400 18px/1.5 Arial,sans-serif;color:#171717;margin:0 0 28px}
.ab-topics{position:static;order:2;width:auto;height:auto;margin:0 24px;display:flex;border-top:1px solid #aaa}
.ab-topics a{min-height:64px;display:flex;align-items:center;gap:18px;color:#111!important;border-bottom:1px solid #aaa}
.ab-topics a>*,.ab-meet>*{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
.ab-topics a span{font:400 clamp(20px,4vw,28px)/1.2 Georgia,serif}
.ab-topics a .ab-num{font:12px/1 Arial,sans-serif;letter-spacing:.1em;color:#888}
.ab-topics i{margin-left:auto;transform:rotate(45deg);font-size:18px}
.ab-meet{position:static;order:3;display:flex;gap:20px;align-items:center;justify-content:center;width:fit-content;height:auto;min-height:52px;margin:30px 24px 40px;padding:16px 24px;background:#111;color:#fff!important;font:12px/1.4 Arial,sans-serif;letter-spacing:.2em}
.ab-meet i{transform:rotate(45deg)}
}