/* Brok Home Slides — split slider and synchronized desktop progress scrollbar. */
.forma-slider{--brok-copy-padding:23%;--brok-copy-padding-hd:16.3%;--brok-slide-gap:9px;height:var(--brok-slider-height,100dvh);min-height:320px;width:100%;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;overflow:hidden;background:#fff}
.forma-slider-half{height:100%;overflow:hidden;position:relative;min-width:0;min-height:0}
.forma-image-track,.forma-copy-track{height:var(--brok-track-height);display:flex;flex-direction:column;transition:transform 1450ms cubic-bezier(.65,0,.35,1);will-change:transform}
.forma-image-track{gap:0;background:#fff}
.forma-slide-gap{flex:0 0 var(--brok-slide-gap);height:var(--brok-slide-gap);background:#fff;pointer-events:none}
.forma-slide-image,.forma-slide-copy{flex:0 0 var(--brok-slide-height);height:var(--brok-slide-height);min-height:0}
.forma-slide-image{overflow:hidden}
.forma-slide-image img{display:block;width:100%;height:100%;object-fit:cover}
.forma-slide-copy-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 var(--brok-copy-padding);background:#fff}
.forma-slide-copy h2,.forma-mobile-project h2{font-family:var(--e-global-typography-brokh2-font-family,Montserrat),Arial,sans-serif;font-size:var(--e-global-typography-brokh2-font-size,46px);font-weight:var(--e-global-typography-brokh2-font-weight,700);line-height:var(--e-global-typography-brokh2-line-height,1em);text-transform:var(--e-global-typography-brokh2-text-transform,uppercase);margin:0 0 24px;color:#000;overflow-wrap:anywhere}
.forma-slide-copy p,.forma-mobile-project p{font-family:var(--e-global-typography-brokbody-font-family,Montserrat),Arial,sans-serif;font-size:var(--e-global-typography-brokbody-font-size,15px);line-height:var(--e-global-typography-brokbody-line-height,1.6em);max-width:390px;color:#4c4c4c;margin:0 0 27px}
.forma-slide-copy-inner > p:last-child{margin-bottom:0}
.forma-slider-button{display:inline-flex;align-items:center;gap:10px;position:relative;isolation:isolate;padding:15px 23px 17px;text-decoration:none;color:#111;text-transform:uppercase;font-family:var(--e-global-typography-brokbutton-font-family,Montserrat),Arial,sans-serif;font-weight:var(--e-global-typography-brokbutton-font-weight,700);font-size:var(--e-global-typography-brokbutton-font-size,15px);line-height:var(--e-global-typography-brokbutton-line-height,1.6em)}
.forma-slider-button:before{content:"";position:absolute;inset:0 50% 0 0;background:#efefef;z-index:-1;transition:right .45s ease-in-out}
.forma-slider-button:hover:before,.forma-slider-button:focus-visible:before{right:0}.forma-slider-button span{font-size:19px;font-weight:400;line-height:.6}
.forma-slider-dots{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:0;z-index:5;max-height:85%;overflow-y:auto;scrollbar-width:thin}
.forma-slider-dots button{display:grid;align-items:center;justify-items:end;flex:none;width:24px;height:calc(9px + var(--brok-slide-gap));background:transparent;padding:0;border:0;box-shadow:none;cursor:pointer}
.forma-slider-dots button:after{content:"";width:9px;height:9px;border-radius:0;background:#969696;box-shadow:none;transition:background .25s}
.forma-slider-dots button.active:after{background:var(--brok-slide-active-color,#111)}
.forma-mobile-projects{display:none}.forma-empty{padding:40px 0;text-align:center}
@media(min-width:1025px){html.forma-has-slider,body.forma-has-slider{overflow:hidden}}
@media(min-width:1025px){html:has(body.home:not(.elementor-editor-active) .forma-slider){overflow-y:hidden;scrollbar-gutter:stable}}
/* A native root gutter is outside Chromium's paintable viewport. Reserve the
   same measured width in the layout instead, so the custom rail stays visible. */
@media(min-width:1025px){
html.brok-home-progress:has(body.home:not(.elementor-editor-active) .forma-slider){scrollbar-gutter:auto!important;width:calc(100% - var(--brok-home-scrollbar-space,0px))!important;box-sizing:border-box}
html.brok-home-progress .elementor-location-header>.elementor-sticky--active:not(.elementor-sticky__spacer){width:calc(100vw - var(--brok-home-scrollbar-space,0px))!important}
html.brok-home-progress .e-off-canvas{width:calc(100vw - var(--brok-home-scrollbar-space,0px))!important;right:var(--brok-home-scrollbar-space,0px)!important}
}
.brok-home-scrollbar{position:fixed;top:0;right:auto;bottom:auto;z-index:100002;margin:0;padding:0;border:0;border-radius:0;min-width:0;min-height:0;max-width:none;max-height:none;overflow:visible;box-sizing:border-box;background:var(--brok-scrollbar-track,#f1f1f1);color:var(--brok-scrollbar-thumb,#8b8b8b);touch-action:none;user-select:none;cursor:auto!important;writing-mode:horizontal-tb;direction:ltr}
.brok-home-scrollbar::backdrop{background:transparent;pointer-events:none}
body.forma-cursor-ready .brok-home-scrollbar,body.forma-cursor-ready .brok-home-scrollbar *{cursor:auto!important}
.brok-home-scrollbar[hidden]{display:none!important}
.brok-home-scrollbar__track{position:absolute;inset:var(--brok-scroll-button-size,16px) 0;pointer-events:none}
.brok-home-scrollbar__thumb{position:absolute;display:block;top:var(--brok-scroll-thumb-top,0px);height:var(--brok-scroll-thumb-height,20%);left:3px;right:3px;min-width:2px;border-radius:999px;background:currentColor;pointer-events:none;cursor:auto!important;transition:top 1450ms cubic-bezier(.65,0,.35,1)}
.brok-home-scrollbar .brok-home-scrollbar__button{appearance:none;position:absolute;left:0;right:0;display:grid;place-items:center;width:100%;height:var(--brok-scroll-button-size,16px);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--brok-scrollbar-hover,#6e6e6e);font-size:0;line-height:1;cursor:auto!important}
.brok-home-scrollbar__button--previous{top:0}
.brok-home-scrollbar__button--next{bottom:0}
.brok-home-scrollbar__button:before{content:"";display:block;width:calc(100% - 6px);height:auto;aspect-ratio:2;border:0;background:currentColor;transform:none;forced-color-adjust:none;-webkit-mask:var(--brok-arrow-image) center/contain no-repeat;mask:var(--brok-arrow-image) center/contain no-repeat}
.brok-home-scrollbar__button--previous{--brok-arrow-image:url("scrollbar-up.svg")}
.brok-home-scrollbar__button--next{--brok-arrow-image:url("scrollbar-down.svg")}
.brok-home-scrollbar .brok-home-scrollbar__button:hover:not(:disabled){background:#e0e0e0;color:#333}
.brok-home-scrollbar .brok-home-scrollbar__button:disabled{color:#b8b8b8;opacity:1}
.brok-home-scrollbar .brok-home-scrollbar__button:focus-visible{outline:2px solid #1a3546;outline-offset:-2px}
body:has(.brok-home-scrollbar:hover) #forma-cursor{opacity:0!important}
@media(max-width:1024px){.brok-home-scrollbar{display:none!important}}
@media(prefers-reduced-motion:reduce){.brok-home-scrollbar__thumb{transition:none}}
@media(forced-colors:active){.brok-home-scrollbar{background:Canvas;color:ButtonText}.brok-home-scrollbar__thumb{background:ButtonText;forced-color-adjust:none}}
@media(min-width:1025px) and (max-width:1440px){.forma-slide-copy-inner{padding-inline:var(--brok-copy-padding-hd)}}
@media(max-width:1024px){.forma-slider{display:none}.forma-mobile-projects{display:block;width:100%;margin:0;padding:0}.forma-mobile-project img{width:100%;height:55vw;min-height:240px;object-fit:cover}.forma-mobile-project>div{padding:32px 0 52px}.forma-mobile-project h2{font-size:var(--e-global-typography-brokh2-font-size,39px)}}
@media(prefers-reduced-motion:reduce){.forma-image-track,.forma-copy-track,.forma-slider-button:before{transition:none}}