/* Migration additions preserve the source site's tokens and layout. */
:root{--focus:#2e5e7d;--content-width:1200px}
html{scroll-behavior:smooth}img{height:auto}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{cursor:pointer}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}[id]{scroll-margin-top:100px}.skip-link{position:fixed;top:-100px;left:16px;z-index:99999;padding:12px 20px;background:#fff;color:#032352}.skip-link:focus{top:16px}.form-status{font-size:16px!important;line-height:1.5!important;grid-column:1/-1;max-width:65ch;color:inherit;margin-top:16px}.migration-service-summary{font-size:1.3rem;line-height:1.6}.slider-navigation{cursor:pointer}.w-background-video video{object-fit:cover}.w-dropdown-list.w--open{display:block}.w-nav-button{cursor:pointer}.w-tab-pane:not(.w--tab-active){display:none}.not-found{font:20px/1.6 Barlow,Arial,sans-serif;max-width:900px;padding:10vh 24px;margin:auto;color:#032352}.not-found h1{font-size:clamp(36px,6vw,72px);line-height:1.1}.toc a{display:block;padding:6px 0}.search-result{padding:24px 0;border-bottom:1px solid #ddd}.search-result h2{font-size:26px;line-height:1.2}.search-result p{font-size:18px;line-height:1.5}.ob-form_step{display:block!important}.ob-form_progress-steps,[if-element="button-next"],[if-element="button-back"]{display:none!important}.ob-form_step-wrap{display:block!important}.ob-form_step-content{display:block!important}.ob-form_step{margin-bottom:32px}.w-form-done,.w-form-fail{display:none}.w-checkbox-input--inputType-custom,.w-radio-input--inputType-custom{display:none!important}input[type="checkbox"],input[type="radio"]{appearance:auto!important;opacity:1!important;position:static!important;width:18px!important;height:18px!important;display:inline-block!important}.w-input,.w-select{min-height:44px}.w-nav-brand img{height:auto}.uui-logo_logomark img{max-width:100%}.w-richtext h2,.w-richtext h3{scroll-margin-top:100px}.w-richtext img{max-width:100%}.footer .uui-footer02_form{flex-wrap:wrap}.footer .form-status{color:#fff}.migration-warning{padding:16px;background:#e7e3df;color:#032352}
@media(max-width:991px){.w-nav-menu[data-open="true"]{display:flex!important;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px;max-height:80vh;overflow:auto;z-index:9999}.w-nav-menu[data-open="true"] .uui-navbar06_menu-left{flex-direction:column;align-items:stretch}.w-nav-menu[data-open="true"] .w-dropdown-list{position:static}.w-nav-menu[data-open="true"] .uui-navbar06_menu-right{display:flex}.w-nav{position:relative;z-index:9999}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.w-background-video video{display:none}}
/* Approved additions reuse the original palette, typography and rectangular surfaces. */
.building-request-action{display:grid!important;grid-template-columns:1fr 1.3fr 34px;align-items:center;column-gap:24px}
.building-request-explanation{font:500 22px/1.25 Barlow,Arial,sans-serif;color:#032352}
.building-resource-panel{background:#f7f7f7;border-top:3px solid #2e5e7d;padding:24px;color:#032352;margin-bottom:24px;font-family:Barlow,Arial,sans-serif;overflow-wrap:anywhere}
.building-resource-panel h3{font-size:26px;line-height:1.2;font-weight:600;margin:0 0 20px}
.building-resource-panel dl{margin:0}.building-resource-panel dt{font-size:16px;line-height:1.3;font-weight:500;color:#2e5e7d;margin:18px 0 4px}.building-resource-panel dd{font-size:21px;line-height:1.35;margin:0;color:#032352}
.building-resource-panel ul{padding-left:22px;margin:0}.building-resource-panel li{font-size:20px;line-height:1.4;padding-bottom:12px}.building-resource-panel li:last-child{padding-bottom:0}.building-resource-panel a{color:#032352;text-decoration:underline}
.service-toc-group{color:#2e5e7d;font-size:16px;font-weight:600;line-height:1.3;margin:20px 0 8px}
@media(max-width:767px){.building-request-action{grid-template-columns:1fr;gap:14px}.building-request-explanation{font-size:18px}.building-resource-panel{padding:20px}.building-resource-panel h3{font-size:24px}}
/* Keep shared content readable between Webflow's mobile and desktop breakpoints. */
:root{--page-gutter:clamp(20px,3vw,40px)}
@media(max-width:1249px){
 .bmb-container,.bmb-container-copy{padding-inline:var(--page-gutter)}
 .bmb-section{padding-inline:max(20px,5%)}
 .bmb-section>.bmb-container{padding-inline:0}
}
/* Feature photos are static content now, with the original crop and aspect ratio. */
.bmb-features-image{width:100%;object-fit:cover}
@media(max-width:479px){
 .bmb-case-study-heading-1,.bmb-case-study-client-name,.bmb-case-study-title{overflow-wrap:anywhere;max-width:100%}
 .case-study .main-container-left-half{min-width:0;max-width:100%}
}
@media(max-width:479px){
 .case-study .intro-wrapper-left-half{padding-inline:20px}
 .case-study .main-container-left-half{padding-inline:0}
 .bmb-case-study-heading-1,.bmb-case-study-client-name{font-size:clamp(2rem,8.5vw,3rem)}
}
/* Retain the compliance directory's image reveal without the Webflow runtime. */
.work-list-section .work-list-content-block:is(:hover,:focus-visible) .image-cover,
.work-list-section .work-list-content-block:is(:hover,:focus-visible) .icon-arrow-hover{opacity:1!important}
.work-list-section .work-list-content-block:is(:hover,:focus-visible) .work-list-overlay-background{height:100%!important}
.work-list-section .work-list-content-block:is(:hover,:focus-visible) .heading-9,
.work-list-section .work-list-content-block:is(:hover,:focus-visible) .body-l-regular{color:#fff!important}
@media(min-width:992px){
 .work-list-section .work-list-content-block{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(0,1fr) minmax(160px,220px) 32px;gap:24px;transition:background-color .2s}
 .work-list-section .work-list-content-block:is(:hover,:focus-visible){padding-left:2rem;padding-right:1rem}
 .work-list-section .work-list-content-block .text-wrapper.title-project{width:auto}
 .work-list-section .work-list-content-block .text-wrapper.summary-project{width:auto;left:auto;min-width:0}
 .work-list-section .work-list-content-block .project-hero-list{position:relative;left:auto;width:100%;max-width:220px}
}
/* The export had a desktop-only compliance list with no mobile counterpart. */
@media(max-width:991px){
 .work-list-section .work-list-content-wrapper.desktop{display:flex}
 .work-list-section .work-list-content-block,
 .work-list-section .work-list-content-block:is(:hover,:focus-visible){display:flex;flex-direction:row;align-items:center;gap:20px;padding:24px 16px;border-bottom:1px solid #d8dfe0}
 .work-list-section .title-project-wrapper{flex:1;min-width:0}
 .work-list-section .text-wrapper.title-project{width:auto}
 .work-list-section .heading-9{overflow-wrap:anywhere}
 .work-list-section .summary-project,.work-list-section .project-hero-list{display:none}
 .work-list-section .image-wrapper-2.arrow-hover{display:flex;flex:0 0 24px}
}

/* Restore the source case-study rows and their native hover/focus reveal. */
.migration-case-list .work-list-overlay-background-2,
.work-list-section .work-list-overlay-background{height:0;transition:height .25s}
.migration-case-list .image-cover-2,
.migration-case-list .icon-arrow-hover,
.work-list-section .icon-arrow-hover{opacity:0;transition:opacity .25s}
.migration-case-list .body-l-regular.black,
.migration-case-list .heading-20.black{color:#1c1c1c;transition:color .25s}
.migration-case-list .work-list-content-block:is(:hover,:focus-visible) .work-list-overlay-background-2{height:100%}
.migration-case-list .work-list-content-block:is(:hover,:focus-visible) :is(.image-cover-2,.icon-arrow-hover){opacity:1}
.migration-case-list .work-list-content-block:is(:hover,:focus-visible) :is(.body-l-regular,.heading-20){color:#fff}
@media(max-width:991px){
 .migration-case-list .work-list-content-block,
 .migration-case-list .work-list-content-block:is(:hover,:focus-visible){display:flex;flex-direction:column;align-items:stretch;padding:24px 16px;gap:20px}
 .migration-case-list .text-wrapper.title-project,
 .migration-case-list .text-wrapper.summary-project{width:100%;left:auto}
 .migration-case-list .project-hero-list{position:relative;left:auto;width:100%;max-width:360px;aspect-ratio:3/2}
 .migration-case-list .image-cover-2{opacity:1}
 .migration-case-list .image-wrapper-2.arrow-hover{display:none}
}
/* Retain the exported FAQ appearance with native, keyboard-accessible toggles. */
.faq-title-wrapper[role="button"]{cursor:pointer}
.faq-title-wrapper[aria-expanded="false"] .body-l-regular.faq{display:none}
.faq-title-wrapper[aria-expanded="true"] .body-l-regular:not(.faq){display:none}
.faq-title-wrapper[aria-expanded="true"] .body-l-regular.faq{opacity:1}
.faq-content-block .faq-answer[hidden]{display:none!important}
.faq-content-block .faq-answer:not([hidden]){height:auto!important;padding-block:16px}

@media(min-width:992px) and (max-width:1100px){
 .migration-case-list .text-wrapper.title-project{width:180px}
 .migration-case-list .project-hero-list{max-width:200px}
}

/* Approved compliance requirements flow in the main policy body, above the form. */
.compliance-policy-details{margin-top:2rem;min-width:0;overflow-wrap:anywhere}
.compliance-policy-details>.bmb-sidebar-heading-xsmall{margin-top:2rem}
.compliance-policy-details>.bmb-sidebar-text-size-medium{margin-bottom:0}
/* Keep the four policy facts concise and readable in the compliance sidebar. */
.compliance-policy-facts{margin-bottom:2rem;min-width:0;overflow-wrap:anywhere}
.compliance-policy-facts>.bmb-local-compliance-sub-heading{font-size:1.625rem;line-height:1.25;margin-top:0}
/* Reduce the approved compliance body's gap below the mission section. */
.fbl-section.compliance-content-section{padding-top:40px}
@media(max-width:479px){.fbl-section.compliance-content-section{padding-top:24px}}

/* Bounded case-study slider: the viewport stays fixed while GSAP moves its track. */
.slider-main-box{width:100%;max-width:100%;min-width:0}
[data-gsap-slider-init]{--slider-status:on;--slider-spv:3;--slider-gap:2rem;width:100%;max-width:100%;min-width:0}
[data-gsap-slider-collection]{width:100%;min-width:0;overflow:clip;padding:4px}
[data-gsap-slider-list]{display:flex;align-items:stretch;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-user-select:none;user-select:none;touch-action:pan-y;backface-visibility:hidden}
[data-gsap-slider-list]::-webkit-scrollbar{display:none}
[data-gsap-slider-status="active"] [data-gsap-slider-list]{overflow:visible;scroll-snap-type:none;will-change:transform}
[data-gsap-slider-list] [data-gsap-slider-item]{width:calc(((100% - 1px) - (var(--slider-spv) - 1)*var(--slider-gap))/var(--slider-spv));flex:none;min-width:0;height:auto;margin-right:var(--slider-gap);scroll-snap-align:start;align-items:stretch}
[data-gsap-slider-item]:last-child{margin-right:0}
[data-gsap-slider-item] .uui-testimonial18_content{height:auto;min-height:30rem;flex:1;justify-content:flex-start}
[data-gsap-slider-item] .uui-testimonial18_content-wrapper{width:100%;flex:1;display:flex;flex-direction:column;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-gsap-slider-item] .uui-button-row-2{margin-top:auto}
[data-gsap-slider-item] .uui-heading-small{overflow-wrap:anywhere}
[data-gsap-slider-item] a{touch-action:pan-y}
[data-gsap-slider-controls] button{border:0;color:var(--main-color);flex-shrink:0}
[data-gsap-slider-control-status="not-active"]{opacity:.35;cursor:default}
[data-gsap-slider-init]:not([data-gsap-slider-status="active"]) [data-gsap-slider-controls]{display:none}
.case-study-slider-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:991px){[data-gsap-slider-init]{--slider-spv:2.25;--slider-gap:1.5rem}}
@media(max-width:767px){[data-gsap-slider-init]{--slider-spv:1.15;--slider-gap:1rem}}

/* Requested case-study quote refinement: retain the source styling at a quieter scale. */
.fbl-grid-section .uui-blogpost04_content blockquote{font-size:28px}
@media(max-width:479px){.fbl-grid-section .uui-blogpost04_content blockquote{font-size:23px}}
/* Give the case-study narrative breathing room before its audit request form. */
.fbl-grid-section .uui-blogpost04_content #Start-Benchmarking{margin-top:32px}
@media(max-width:479px){.fbl-grid-section .uui-blogpost04_content #Start-Benchmarking{margin-top:24px}}
