/* BUILD menu cards — 2026-10-08 */
html[lang="uk"] body.build-redesign .bg-site-nav :is(a,summary){box-sizing:border-box;transition:background-color .22s ease,color .22s ease,border-color .22s ease!important;text-decoration:none!important}
html[lang="uk"] body.build-redesign .desktop-nav>:is(a,.bg-nav-group)>summary,html[lang="uk"] body.build-redesign .desktop-nav>a{border-radius:8px;padding:9px 7px}
html[lang="uk"] body.build-redesign .bg-nav-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border:1px solid #ccd4c6;border-radius:10px;background:#f1f6e9;color:#142b20;padding:14px 17px;font-weight:700;line-height:1.4;margin-block:8px}
html[lang="uk"] body.build-redesign .bg-nav-service{border-top:0;padding-top:0}
html[lang="uk"] body.build-redesign .bg-nav-panel a:not(:has(span)):not(.bg-nav-overview):not(.bg-nav-map)::after,html[lang="uk"] body.build-redesign .bg-site-nav>a::after{content:"↗";flex-shrink:0;font-size:1em}
html[lang="uk"] body.build-redesign .desktop-nav>a::after{display:none}
html[lang="uk"] body.build-redesign .bg-nav-cities>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 14px;border:1px solid #ccd4c6;border-radius:10px;background:#f1f6e9;margin:8px 0;color:#142b20;font-size:.875rem}
html[lang="uk"] body.build-redesign .bg-site-nav :is(a,summary):is(:hover,:focus-visible,:active),html[lang="uk"] body.build-redesign .bg-site-nav a[aria-current="page"]{background:#ccff00!important;color:#142b20!important;border-color:#ccff00!important}
html[lang="uk"] body.build-redesign .bg-site-nav :is(a,summary):focus-visible{outline:2px solid #142b20;outline-offset:3px}
@media(max-width:1199px){
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav a,html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav>.bg-nav-group>summary,html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-nav-cities>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;padding:16px 17px!important;margin:12px 0!important;border:1px solid #48604e!important;border-radius:10px!important;background:#203a2b!important;color:#f2f3ed!important;font-weight:700;line-height:1.4}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-nav-core{gap:0}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-nav-service{border:0!important;padding:0}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-nav-grid{gap:0}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav :is(a,summary):is(:hover,:focus-visible,:active),html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav a[aria-current="page"]{background:#ccff00!important;color:#142b20!important;border-color:#ccff00!important}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav :is(a,summary):focus-visible{outline-color:#ccff00}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-site-nav>a::after{display:block}
html[lang="uk"] body.build-redesign .complete-dialog.build-circle-menu .bg-nav-cities>summary{min-height:44px;padding:10px 14px!important;font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){html[lang="uk"] body.build-redesign .bg-site-nav :is(a,summary){transition:none!important}}
@font-face{font-family:BuildUrbanist;src:url("/build-motion-urbanist-20261007/build-urbanist-hr.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* BUILD: Urbanist typography and progressive motion. Existing content remains the baseline. */
html[lang="uk"] body.build-redesign{font-family:BuildUrbanist,BuildInter,Arial,sans-serif}
html[lang="uk"] .build-redesign :is(h1,h2,h3,h4,p,a,span,li,summary,label,legend,th,td,blockquote,output,small,strong,em){font-family:BuildUrbanist,BuildInter,Arial,sans-serif!important}
html[lang="uk"] .build-redesign :is(button,input,textarea,select){font-family:BuildUrbanist,BuildInter,Arial,sans-serif!important}
html[lang="uk"] .build-redesign .build-circle-menu :is(a,summary,button){font-family:BuildUrbanist,BuildInter,Arial,sans-serif!important}
html[lang="uk"] .build-redesign :is(h1,h2,h3){font-family:BuildUrbanist,BuildInter,Arial,sans-serif;letter-spacing:-.045em}
.build-home-v2 h2{font-weight:600;line-height:1.08}
.build-home-v2 .build-rotating-title,.build-home-v2 .build-hero-message strong{font-weight:700;letter-spacing:-.045em}
.build-home-v2 .hero{background:#f1f6e9;padding-top:56px}
.build-home-v2 .hero .pill{background:#ffffffa8}
.build-home-v2 .hero-visual{height:470px;overflow:visible;margin-top:48px;margin-bottom:45px}
.build-home-v2 .hero-photo{inset:0;width:100%;height:100%;border-radius:32px;box-shadow:0 24px 50px #18251a1c;object-position:50% 48%}
.build-home-v2 .hero-visual:before,.build-home-v2 .hero-visual:after,.build-home-v2 .visual-seam{display:none}
.build-home-v2 .visual-discover{top:15px;left:auto;right:28px;transform:none;width:100px;height:100px;box-shadow:0 8px 30px #16221a2b;transition:transform .3s}
.build-home-v2 .visual-discover:hover{transform:rotate(-8deg) scale(1.05)}
.build-home-v2 .photo-note{bottom:28px;left:30px;padding:10px 16px;border-radius:99px;background:#102218b5;backdrop-filter:blur(8px);letter-spacing:.04em}
.motion-project-float{position:absolute;display:block;z-index:4;width:200px;padding:8px;background:white;border-radius:20px;box-shadow:0 16px 40px #10221830;transition:transform .35s;will-change:transform}
.motion-project-float img{width:100%;height:130px;object-fit:cover;border-radius:14px}
.motion-project-float span{display:block;padding:9px 5px 4px;font-size:12px;font-weight:600;line-height:1.3}
.motion-project-float--one{bottom:-26px;right:105px;transform:translateY(var(--float-shift,0px)) rotate(6deg)}
.motion-project-float--two{top:-28px;left:25px;transform:translateY(calc(var(--float-shift,0px)*-1)) rotate(-7deg);width:175px}
.motion-project-float--two img{height:104px}
.motion-project-float:hover{transform:rotate(0deg) translateY(-8px)}
.motion-word{display:inline-block}
.motion-heading.is-entered .motion-word{animation:build-word-in .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--word-delay,0ms)}
@keyframes build-word-in{from{opacity:0;transform:translateY(.7em) rotate(2deg)}to{opacity:1;transform:none}}
.build-home-v2 .core-card{border-radius:28px;transition:transform .45s,box-shadow .45s}
.build-home-v2 .core-card:hover{transform:translateY(-9px);box-shadow:0 20px 35px #10221818}
.build-home-v2 .founder-photo img{border-radius:28px}
.motion-gallery{position:relative;margin-block:0;padding-bottom:36px}
.motion-gallery .project-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 3px 30px;scrollbar-width:thin;scrollbar-color:#9fbc58 transparent}
.motion-gallery .project-card,.motion-gallery .project-card.large{flex:0 0 62%;grid-row:auto;scroll-snap-align:start;opacity:1;transform:none;min-width:0}
.motion-gallery .project-card .project-image img,.motion-gallery .project-card.large .project-image img{width:100%;height:380px;object-fit:cover;border-radius:26px}
.motion-gallery .project-caption{padding-top:20px}
.motion-gallery-tools{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:20px}
.motion-gallery-tools p{font-size:14px}
.motion-gallery-info{flex:1;min-width:0;max-width:340px}
.motion-gallery-info p{margin:0 0 10px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.motion-gallery-position{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.motion-gallery-progress{height:3px;border-radius:10px;background:#10221816;overflow:hidden}
.motion-gallery-progress span{display:block;height:100%;background:#719600;border-radius:10px;transition:width .3s}
.motion-gallery-buttons{display:flex;gap:8px}
.motion-gallery-buttons button{height:46px;width:46px;border:1px solid var(--line);background:white;border-radius:50%;font-size:23px}
.motion-gallery-buttons button:hover:not(:disabled){background:var(--lime)}
.motion-gallery-buttons button:disabled{opacity:.35;cursor:default}
.motion-gallery :is(.project-grid,.project-card,.motion-gallery-buttons button):focus-visible{outline:3px solid #719600;outline-offset:4px}
.motion-process{background:#ecf0e2;transition:background-color .7s}
.motion-process .process-grid{align-items:start}
.motion-process .process-copy{position:sticky;top:125px}
.motion-process .step{padding:32px 24px;margin-bottom:12px;border:1px solid #10221816;border-radius:24px;transition:background .45s,box-shadow .45s,opacity .45s;min-height:170px;opacity:.65}
.motion-process .step.is-current{background:#fff;box-shadow:0 12px 30px #1022180a;opacity:1}
.motion-process .step summary{align-items:center}
.motion-process .step p{padding-top:18px;line-height:1.7}
.motion-process .step-number{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#1022180c;font-size:14px}
.motion-process .step.is-current .step-number{background:var(--lime)}
.motion-process .step summary>span:last-child{display:none}
.motion-process .step p{padding-left:60px}
.motion-process-progress{height:4px;width:100%;max-width:300px;background:#10221812;border-radius:10px;overflow:hidden;margin-top:32px}
.motion-process-progress span{display:block;height:100%;width:20%;background:#719600;border-radius:10px;transition:width .4s}
.motion-process-position{display:block;font-size:13px;margin-top:12px;color:var(--muted)}
.build-home-v2 .reviews-section{background:#f6f5ed}
.build-home-v2 .review-card{border-radius:26px}
.build-home-v2 .faq-item[open] p{animation:build-faq-in .35s ease both}
@keyframes build-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.build-home-v2 .site-header{transition:transform .35s}
.build-home-v2 .site-header.motion-header-away{transform:translateY(-105%)}
.build-home-v2 .footer-wordmark{font-weight:600;letter-spacing:-.07em}
@media(max-width:640px){html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav[aria-label="Usluge u podnožju"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important}html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav[aria-label="Usluge u podnožju"] h2{grid-column:1/-1!important;grid-row:auto!important}html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-company{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important}html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-company h2{grid-column:1/-1!important;grid-row:auto!important}}
@media(min-width:1050px){.motion-gallery.has-scroll-gallery{height:165vh;padding-bottom:0}.has-scroll-gallery .motion-gallery-stage{position:sticky;top:115px;overflow:hidden;padding-bottom:24px}.has-scroll-gallery .project-grid{overflow:visible;scroll-snap-type:none;transform:translateX(var(--gallery-x,0px));width:100%;will-change:transform}.has-scroll-gallery .project-card,.has-scroll-gallery .project-card.large{flex-basis:52%}.has-scroll-gallery .motion-gallery-tools{display:none}}
@media(max-width:800px){.build-home-v2 .hero{padding-top:34px}.build-home-v2 .hero-visual{height:320px;margin-top:38px;margin-bottom:34px}.build-home-v2 .hero-photo{border-radius:23px}.build-home-v2 .visual-discover{width:76px;height:76px;right:15px;top:14px}.motion-project-float{width:145px;border-radius:15px;padding:6px}.motion-project-float img{height:90px;border-radius:10px}.motion-project-float span{font-size:11px;padding:7px 3px 3px}.motion-project-float--one{right:45px;bottom:-20px}.motion-project-float--two{width:130px;left:12px;top:-18px}.motion-project-float--two img{height:70px}.motion-gallery .project-card,.motion-gallery .project-card.large{flex-basis:82%}.motion-gallery .project-card .project-image img,.motion-gallery .project-card.large .project-image img{height:290px}.motion-gallery .project-grid{gap:18px}.motion-process .process-copy{position:static}.motion-process .step{min-height:0;padding:23px 18px;opacity:.85}.motion-process .step p{padding-left:0}.motion-process .step summary{gap:14px}.motion-process .step h3{font-size:22px}.motion-process-progress{max-width:none}.build-home-v2 .photo-note{left:16px;bottom:18px;font-size:9px}}
@media(max-width:480px){.build-home-v2 .hero-visual{height:275px;margin-top:32px}.motion-project-float--two{display:none}.motion-project-float--one{width:132px;right:18px;bottom:-20px}.motion-project-float img{height:82px}.build-home-v2 .visual-discover{width:67px;height:67px;right:14px;top:14px;font-size:8px}.build-home-v2 .hero-photo{object-position:44% 50%}.motion-gallery .project-card,.motion-gallery .project-card.large{flex-basis:90%}.motion-gallery .project-card .project-image img,.motion-gallery .project-card.large .project-image img{height:260px}.motion-gallery .project-caption h3{font-size:21px}.motion-gallery-tools p{font-size:13px}.motion-process .step h3{font-size:21px}.motion-process .step-number{flex-basis:36px;width:36px;height:36px}.build-home-v2 .site-header.motion-header-away{transform:none}}
@media(max-width:480px){.motion-gallery-info p{display:block}.motion-gallery-position{display:block;margin-top:5px}.motion-gallery-tools{gap:16px}.motion-gallery-buttons{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html:not(.build-motion-opt-in){scroll-behavior:auto!important}html:not(.build-motion-opt-in) .motion-heading.is-entered .motion-word,html:not(.build-motion-opt-in) .build-home-v2 .faq-item[open] p{animation:none!important}html:not(.build-motion-opt-in) .motion-project-float{will-change:auto;transform:none!important}html:not(.build-motion-opt-in) .build-home-v2 .site-header{transform:none!important}html:not(.build-motion-opt-in) .motion-process,html:not(.build-motion-opt-in) .motion-process .step,html:not(.build-motion-opt-in) .motion-process-progress span,html:not(.build-motion-opt-in) .motion-gallery-progress span{transition:none}html:not(.build-motion-opt-in) .motion-gallery.has-scroll-gallery{height:auto}html:not(.build-motion-opt-in) .has-scroll-gallery .motion-gallery-stage{position:static;overflow:visible}html:not(.build-motion-opt-in) .has-scroll-gallery .project-grid{overflow-x:auto;transform:none;will-change:auto}html:not(.build-motion-opt-in) .has-scroll-gallery .motion-gallery-tools{display:flex}}
/* Mobile motion and corrections reported on 7 October. */
.build-home-v2 .build-rotating-title{overflow:visible;line-height:1.12;padding-block:.08em}
.build-home-v2 .build-hero-message.is-leaving{visibility:hidden!important}
.build-home-v2 .reviews-section{color:#102218}
.build-home-v2 .reviews-section .tag.light{color:#526257}
.build-home-v2 .reviews-section h2{color:#102218}
.build-home-v2 .reviews-section h2 em{color:#55730a}
.build-home-v2 .reviews-section .review-controls :is(output,button){color:#102218}
.build-home-v2 .reviews-section .review-summary{color:#526257}
.build-home-v2 .reviews-section .review-summary :is(strong,a){color:#102218}
.build-home-v2 .reviews-section .review-summary strong span{color:#55730a}
.motion-hero-window{position:absolute;inset:0;overflow:hidden;border-radius:32px;box-shadow:0 24px 50px #18251a1c;transform:scale(var(--hero-frame-scale,1));transform-origin:50% 50%;will-change:transform}
.build-home-v2 .motion-hero-window .hero-photo{border-radius:0;box-shadow:none;transform:translate3d(0,var(--hero-photo-shift,0px),0) scale(1.08)!important}
.motion-project-float{animation:build-card-orbit 4.8s ease-in-out infinite;transform:translateY(calc(var(--float-shift,0px) + var(--card-bob,0px))) rotate(var(--card-angle,6deg))}
.motion-project-float--two{animation-delay:-3s;--card-angle:-7deg}
@keyframes build-card-orbit{
0%,100%{transform:translate3d(0,var(--float-shift,0px),0) rotate(var(--card-angle,6deg))}
35%{transform:translate3d(-10px,calc(var(--float-shift,0px) - 17px),0) rotate(calc(var(--card-angle,6deg) - 8deg))}
70%{transform:translate3d(7px,calc(var(--float-shift,0px) - 7px),0) rotate(calc(var(--card-angle,6deg) + 3deg))}
}
.build-home-v2 .visual-discover svg{animation:build-down-cue 2s ease-in-out infinite}
.build-home-v2 .hero-actions .button-lime .button-arrow{animation:build-arrow-cue 2.6s ease-in-out infinite}
@keyframes build-down-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@keyframes build-arrow-cue{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px) rotate(10deg)}}
.motion-gallery-deck{min-width:0}
.motion-gallery .project-grid{scrollbar-width:none}
.motion-gallery .project-grid::-webkit-scrollbar{display:none}
@media(max-width:800px){
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-flow:row!important;gap:34px!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-grid> :is(.bg-footer-brand,.bg-footer-nav){grid-area:auto!important;grid-column:1/-1!important;grid-row:auto!important;position:static!important;min-width:0!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;gap:8px 20px!important;align-content:start!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav>*{grid-area:auto!important;position:static!important;min-width:0!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav h2{grid-column:1/-1!important;grid-row:auto!important;margin:0 0 5px!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav .build-footer-finish{margin-top:20px!important}
html[lang="uk"] .build-redesign .bg-site-footer .bg-footer-nav a{display:block!important;min-height:44px!important;line-height:1.5!important;overflow-wrap:anywhere!important;margin:0!important}
.build-home-v2 .motion-hero-window{border-radius:24px}
.build-home-v2 .visual-discover{width:84px;height:84px;right:12px;top:12px;gap:4px;font-size:10px!important;padding:10px;box-sizing:border-box}
.build-home-v2 .visual-discover span{font-size:10px!important;line-height:1.15;white-space:normal;max-width:65px;text-align:center}
.build-home-v2 .visual-discover svg{width:24px;height:24px;flex-shrink:0}
.motion-gallery .project-card .project-image img,.motion-gallery .project-card.large .project-image img{height:var(--mobile-project-image,clamp(160px,35svh,260px))}
.motion-gallery .project-grid{padding-top:8px;padding-bottom:12px}
.motion-gallery .project-caption{padding-top:14px}
.motion-gallery .project-caption h3{font-size:21px;line-height:1.2}
.motion-gallery.has-mobile-scroll .motion-gallery-stage{position:relative;height:var(--mobile-gallery-stage);padding-bottom:0}
.motion-gallery.has-mobile-scroll .motion-gallery-deck{position:sticky;top:var(--motion-sticky-top,88px);overflow:hidden;background:#fff;padding-bottom:12px}
.motion-gallery.has-mobile-scroll .project-grid{overflow:visible;scroll-snap-type:none;transform:translate3d(var(--gallery-x,0px),0,0);width:100%;will-change:transform}
.motion-gallery.has-mobile-scroll .project-footnote{position:static;margin:24px 0 0}
.motion-gallery.has-mobile-scroll .motion-gallery-info p{display:flex;font-size:12px;gap:8px}
.motion-gallery.has-mobile-scroll .motion-gallery-position{display:inline;margin:0}
.motion-gallery.has-mobile-scroll .motion-gallery-tools{gap:14px;margin-top:7px}
.motion-gallery.has-mobile-scroll .motion-gallery-progress span{transition:none}
.motion-process .process-grid{transform:none!important;opacity:1}
.motion-process.has-mobile-stack .motion-step-stack{position:relative;padding-bottom:100px}
.motion-process.has-mobile-stack .step{position:sticky;top:calc(var(--motion-sticky-top,88px) + var(--stack-index,0)*12px);z-index:calc(2 + var(--stack-index,0));margin-bottom:clamp(105px,20svh,180px);background:#f9faf5;opacity:1;min-height:200px;transform:scale(var(--stack-scale,1));transform-origin:50% 0;box-shadow:0 12px 32px #10221813;will-change:transform}
.motion-process.has-mobile-stack .step.is-current{background:#fff;border-color:#92ab48}
.motion-process.has-mobile-stack .step:last-child{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){
html:not(.build-motion-opt-in) .motion-project-float{animation:none!important;translate:none!important}
html:not(.build-motion-opt-in) .motion-hero-window{transform:none!important;will-change:auto}
html:not(.build-motion-opt-in) .build-home-v2 .motion-hero-window .hero-photo{transform:none!important}
html:not(.build-motion-opt-in) .motion-process.has-mobile-stack .step{position:static;transform:none!important;margin-bottom:12px;will-change:auto}
}
@media(prefers-reduced-motion:reduce){html:not(.build-motion-opt-in) .build-home-v2 .visual-discover svg,html:not(.build-motion-opt-in) .build-home-v2 .hero-actions .button-lime .button-arrow{animation:none!important;transform:none!important}}
@media(max-width:360px) and (max-height:550px){.motion-gallery.has-mobile-scroll .project-caption{padding-top:9px;gap:10px}.motion-gallery.has-mobile-scroll .project-caption h3{font-size:18px!important;line-height:1.2!important}.motion-gallery.has-mobile-scroll .project-caption p{font-size:12px!important;line-height:1.35!important}.motion-gallery.has-mobile-scroll .project-grid{padding-bottom:8px}.motion-gallery.has-mobile-scroll .motion-gallery-tools{gap:8px}.motion-gallery.has-mobile-scroll .motion-gallery-info p{font-size:11px;gap:5px}}
.build-motion-toggle{display:block;margin:26px 0 12px;padding:12px 18px;min-height:46px;border:1px solid #64776b;border-radius:99px;background:transparent;color:#f2f3ed;font:600 14px/1.4 BuildUrbanist,Arial,sans-serif;cursor:pointer}
.build-motion-toggle:focus-visible{outline:3px solid #cf0;outline-offset:4px}
@media(max-width:800px){
html.build-mobile-text-motion .motion-scroll-heading .motion-word{animation:none!important;opacity:var(--scroll-word-opacity,1);transform:translate3d(0,var(--scroll-word-y,0px),0) rotate(var(--scroll-word-turn,0deg)) scale(var(--scroll-word-scale,1));transform-origin:0 100%;transition:none!important}
html.build-mobile-text-motion .motion-scroll-card{opacity:var(--scroll-card-opacity,1)!important;transform:translate3d(0,var(--scroll-card-y,0px),0) scale(var(--scroll-card-scale,1))!important;transform-origin:50% 100%;transition:none!important}
html.build-mobile-text-motion .build-hero-message.is-active .motion-heading .motion-word,html.build-mobile-text-motion .motion-mobile-title .motion-word{animation:build-mobile-title-in 1.15s cubic-bezier(.18,.7,.24,1) both!important;animation-delay:var(--word-delay,0ms)!important;transform-origin:50% 100%}
}
@keyframes build-mobile-title-in{from{opacity:.15;transform:perspective(450px) translate3d(0,.8em,0) rotateX(-35deg) scale(.94)}to{opacity:1;transform:perspective(450px) translate3d(0,0,0) rotateX(0deg) scale(1)}}
html.build-motion-reduced :is(.motion-word,.motion-project-float,.visual-discover svg,.hero-actions .button-arrow){animation:none!important;transform:none!important;opacity:1!important}
html.build-motion-reduced .motion-hero-window,html.build-motion-reduced .motion-hero-window .hero-photo,html.build-motion-reduced .motion-scroll-card{transform:none!important;opacity:1!important}
html.build-motion-reduced :is(.motion-process,.motion-process .step,.motion-process-progress span,.motion-gallery-progress span,.build-hero-message){transition:none!important}
html.build-motion-reduced .reveal{transform:none!important;opacity:1!important;transition:none!important}
html.build-motion-reduced .build-menu-surface{-webkit-clip-path:none!important;clip-path:none!important}
/* Shared Croatian page choreography v9. Styles activate only after JS. */
html.build-rich-motion .rich-heading .motion-word{animation:none!important;opacity:var(--scroll-word-opacity,1)!important;transform:translate3d(0,var(--scroll-word-y,0px),0) rotate(var(--scroll-word-turn,0deg)) scale(var(--scroll-word-scale,1))!important;transform-origin:0 100%;transition:none!important}
html.build-rich-motion .rich-title .motion-word{animation:build-mobile-title-in 1.15s cubic-bezier(.18,.7,.24,1) both;animation-delay:var(--word-delay,0ms);transform-origin:50% 100%}
html.build-rich-motion .rich-card{opacity:var(--rich-opacity,1)!important;transform:translate3d(0,var(--rich-y,0px),0) rotate(var(--rich-turn,0deg)) scale(var(--rich-scale,1))!important;transform-origin:50% 100%;transition:box-shadow .3s!important}
html.build-rich-motion .rich-photo{opacity:var(--rich-photo-opacity,1);transform:translate3d(0,var(--rich-photo-y,0px),0) scale(var(--rich-photo-scale,1));clip-path:inset(var(--rich-photo-inset,0%) var(--rich-photo-inset,0%) 0 round 14px);transform-origin:50% 50%;transition:none}
html.build-rich-motion .rich-label{opacity:var(--rich-opacity,1);transform:translate3d(var(--rich-label-x,0px),0,0);transition:none}
.rich-steps-progress{display:none}
html.build-rich-motion .rich-steps-progress{display:block;width:100%;height:3px;margin:16px 0 24px;background:#81938430;overflow:hidden;border-radius:3px}
.rich-steps-progress span{display:block;width:100%;height:100%;background:#8ba74a;transform:scaleX(var(--rich-progress,0));transform-origin:0 50%}
html.build-rich-motion .rich-faq summary{transition:background-color .25s,color .25s}
html.build-rich-motion .rich-faq summary:hover{background-color:#91b85b12}
html.build-rich-motion .rich-faq[open] summary{color:#66872f}
@media(hover:hover){html.build-rich-motion .rich-card:hover{box-shadow:0 18px 40px #18342120}html.build-rich-motion main :is(.button,.text-link,.sv-btn,.investor-actions a){transition:box-shadow .25s,background-color .25s}html.build-rich-motion main :is(.button,.sv-btn):hover{box-shadow:0 8px 22px #18342128}}
html.build-motion-reduced :is(.rich-heading .motion-word,.rich-title .motion-word,.rich-card,.rich-photo,.rich-label){animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important}
html.build-motion-reduced .rich-steps-progress{display:none!important}
/* BUILD mobile home label 20261008 */
@media(max-width:767px){html[lang="uk"] body.build-home-v2 #main .hero .hero-content>.pill{display:inline-flex!important;align-items:center;box-sizing:border-box;width:auto!important;max-width:100%;min-height:0!important;padding:6px 10px!important;font-size:.75rem!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;white-space:normal;text-align:left;border-color:rgba(16,29,23,.12)!important;background:rgba(255,255,255,.55)!important;margin-bottom:16px!important;}}
/* html:lang(hr) body.build-redesign.build-details-v10UILD: selected reference details in the existing brand palette. */
html:lang(hr) body.build-redesign.build-details-v10{--design-panel:28px;--design-gap:24px;background:var(--white);color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 :is(a,button,summary):focus-visible{outline-color:var(--lime)}
/* Split editorial introduction; the existing rotating text and photo motion stay intact. */
html:lang(hr) body.build-redesign.build-details-v10 .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding:62px max(44px,calc((100% - 1240px)/2)) 76px;margin:0 12px;background:#f1f6e9;border-radius:0 0 36px 36px;overflow:hidden}
html:lang(hr) body.build-redesign.build-details-v10 .hero-content{width:100%;max-width:none;margin:0;text-align:left;padding:0;min-width:0}
html:lang(hr) body.build-redesign.build-details-v10 .hero .pill{background:white;margin-bottom:24px;border-color:var(--line);padding:10px 15px}
html:lang(hr) body.build-redesign.build-details-v10 .build-rotating-title{font-size:clamp(40px,4.2vw,60px);line-height:1.06;letter-spacing:-.045em;font-weight:750}
html:lang(hr) body.build-redesign.build-details-v10 .hero-description{margin:24px 0 0;max-width:550px;line-height:1.7}
html:lang(hr) body.build-redesign.build-details-v10 .hero-bottom{align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}
html:lang(hr) body.build-redesign.build-details-v10 .hero-actions{justify-content:flex-start;flex-wrap:wrap}
html:lang(hr) body.build-redesign.build-details-v10 .hero-visual{height:540px;width:100%;margin:0;min-width:0}
html:lang(hr) body.build-redesign.build-details-v10 .hero-google-rating{padding:16px 18px;background:white;border:1px solid var(--line);border-radius:18px}
html:lang(hr) body.build-redesign.build-details-v10 .build-review-total{padding-top:0}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float{border:1px solid var(--line);box-shadow:0 18px 35px #10221820}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float--one{right:18px;bottom:20px;width:170px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float--two{left:8px;top:22px;width:148px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float--two img{height:90px}
html:lang(hr) body.build-redesign.build-details-v10 .visual-discover{right:20px;top:28px;width:86px;height:86px}
html:lang(hr) body.build-redesign.build-details-v10 .photo-note{bottom:35px;left:20px;max-width:calc(100% - 210px);white-space:normal}
html:lang(hr) body.build-redesign.build-details-v10 .trust-rail{margin:20px 12px 0;border-radius:18px;background:var(--dark);padding:22px 0}
html:lang(hr) body.build-redesign.build-details-v10 .trust-rail .wrap{flex-wrap:wrap;justify-content:center;gap:20px 32px}
/* A quieter portrait panel, a framed note, and three different service cards. */
html:lang(hr) body.build-redesign.build-details-v10 .founder{gap:64px;padding-block:100px}
html:lang(hr) body.build-redesign.build-details-v10 .founder-photo{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:32px 32px 90px 32px}
html:lang(hr) body.build-redesign.build-details-v10 .founder-photo img{border-radius:22px!important}
html:lang(hr) body.build-redesign.build-details-v10 .founder-photo figcaption{padding:18px 6px 12px;border-bottom:0;flex-wrap:wrap}
html:lang(hr) body.build-redesign.build-details-v10 .founder-copy .promise-list{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
html:lang(hr) body.build-redesign.build-details-v10 .core-section{margin:0 16px;border-radius:32px;padding:75px 0 88px;background:var(--paper);color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .core-section::before{display:none}
html:lang(hr) body.build-redesign.build-details-v10 .core-section .tag.light{color:var(--muted)}
html:lang(hr) body.build-redesign.build-details-v10 .core-section .section-head h2 em{color:#728b12}
html:lang(hr) body.build-redesign.build-details-v10 .core-section .section-head>p.light{color:var(--muted)}
html:lang(hr) body.build-redesign.build-details-v10 .core-grid{align-items:stretch;gap:24px}
html:lang(hr) body.build-redesign.build-details-v10 .core-card{border:1px solid var(--line);border-radius:22px;min-height:385px;padding:28px;background:white}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(2){margin-top:0;background:var(--dark);color:white}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(2) p{color:#cbd6ca}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(2) .core-card-icon{color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(2) .core-card-bottom i{background:var(--lime);color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(3){margin-top:0;background:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card{border:0;padding:0;background:white;color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card>img{height:240px;border-radius:22px 22px 70px 0}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card p{color:var(--muted)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card .core-card-body{padding:25px}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card .core-card-bottom i{background:var(--ink);color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .core-card-top{margin-bottom:22px}
html:lang(hr) body.build-redesign.build-details-v10 .core-card-icon{width:58px;height:58px;padding:10px;background:#ffffff12;border-radius:50%}
html:lang(hr) body.build-redesign.build-details-v10 .core-card-bottom{padding-top:20px;border-top:1px solid #65716830}
html:lang(hr) body.build-redesign.build-details-v10 .finish-section{padding:85px 0;background:white}
html:lang(hr) body.build-redesign.build-details-v10 .finish-inner{grid-template-columns:.8fr 1.2fr;gap:65px}
html:lang(hr) body.build-redesign.build-details-v10 .finish-grid{gap:12px;align-content:start}
html:lang(hr) body.build-redesign.build-details-v10 .finish-link{padding:18px 17px;border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:background .25s,border-color .25s}
html:lang(hr) body.build-redesign.build-details-v10 .finish-link:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
/* Photo cards on a dark stage; horizontal scroll and pinning are unchanged. */
html:lang(hr) body.build-redesign.build-details-v10 .project-section{width:calc(100% - 32px);max-width:none;margin:0 16px;padding:70px max(28px,calc((100% - 1240px)/2)) 35px;border-radius:32px;background:var(--dark);color:white}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .tag{color:#dce6d9}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .button-outline{color:white;border-color:#657168}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-caption{padding:20px;background:white;color:var(--ink);border-radius:0 0 22px 22px;min-height:122px}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-image{border-radius:22px 22px 0 0}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-image img{border-radius:22px 22px 0 0!important}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-footnote{color:#b9c7bb;padding-bottom:22px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery-deck{background:var(--dark)!important}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery-info p{color:#dce6d9}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery-progress{background:#ffffff24}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery-progress span{background:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery-buttons button{background:white;color:var(--ink);border-color:white}
/* Structured process, shaped review cards, and a soft FAQ panel. */
html:lang(hr) body.build-redesign.build-details-v10 .process-section{background:white;padding-block:96px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-process .step{background:var(--paper);border-radius:24px 24px 24px 6px;border-color:var(--line)}
html:lang(hr) body.build-redesign.build-details-v10 .motion-process .step.is-current{background:white;border-color:#92ab48;box-shadow:0 12px 32px #10221813}
html:lang(hr) body.build-redesign.build-details-v10 .motion-process-progress span{background:#719600}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section{background:radial-gradient(ellipse at 0 0,#ccff000c 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#ccff000c 0,transparent 48%),var(--dark);border-radius:32px;margin:0 16px;padding-block:82px}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section h2{color:white}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section :is(h2 em,.review-summary strong span){color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section .tag.light{color:#cbd6ca}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section .review-controls :is(output,button){color:white}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section .review-controls button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .review-card{background:#203a2b;border:1px solid #48604e;border-radius:26px 60px 26px 26px;padding:26px;color:white;box-shadow:none}
html:lang(hr) body.build-redesign.build-details-v10 .review-card :is(blockquote,blockquote p,.review-full p,.review-person strong){color:#f2f3ed}
html:lang(hr) body.build-redesign.build-details-v10 .review-card :is(.review-full summary,.review-person small,.review-original){color:#cbd6ca}
html:lang(hr) body.build-redesign.build-details-v10 .review-card-stars{color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .review-person{border-top:1px solid #48604e;padding-top:18px}
html:lang(hr) body.build-redesign.build-details-v10 .review-person img{border:3px solid var(--lime);border-radius:50%}
html:lang(hr) body.build-redesign.build-details-v10 .review-summary{color:#cbd6ca}
html:lang(hr) body.build-redesign.build-details-v10 .faq-section{background:white;padding:90px 16px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-grid{width:min(1240px,100%);padding:48px;background:var(--paper);border:1px solid var(--line);border-radius:32px;gap:50px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-item{border:1px solid var(--line);border-radius:20px;background:white;margin:0 0 14px;padding:18px 22px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-item summary{padding:0;min-height:36px;gap:18px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-item p{padding-top:15px}
/* Contact and footer keep html:lang(hr) body.build-redesign.build-details-v10UILD imagery, links and the interactive map. */
html:lang(hr) body.build-redesign.build-details-v10 .contact-section{background:var(--dark);color:white;margin:0 16px;border-radius:32px;padding:78px 0}
html:lang(hr) body.build-redesign.build-details-v10 .contact-copy>.tag{color:#dce6d9}
html:lang(hr) body.build-redesign.build-details-v10 .contact-copy>p{color:#cbd6ca}
html:lang(hr) body.build-redesign.build-details-v10 .contact-copy h2{color:white}
html:lang(hr) body.build-redesign.build-details-v10 .contact-phone{color:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .contact-form{padding:32px;background:white;border:1px solid var(--line);border-radius:26px;color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .contact-form :is(h3,label){color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .build-home-map{margin-top:34px;background:white;border-radius:24px;padding:24px;color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .build-home-map h3{color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 .build-home-map .home-map-intro{color:var(--muted)}
html:lang(hr) body.build-redesign.build-details-v10 .build-home-map .home-map-panel{border-color:var(--line);background:var(--paper)}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer{margin:24px 16px 16px;background:var(--dark);border-radius:32px;padding:45px 30px 20px}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-wrap{width:min(1240px,100%);padding:36px;background:white;border-radius:24px}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-logo img{filter:none}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-brand :is(p,a),html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-nav a{color:var(--muted)}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-nav h2{color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-nav a:hover{color:#6e8d00}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer :is(.bg-footer-bottom,.bg-footer-legal){color:var(--muted);border-color:var(--line)}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .footer-wordmark{color:transparent;-webkit-text-stroke:1px #65716870;margin:40px 0 20px}
/* The selected composition is carried through the Croatian templates. */
html:lang(hr) body.build-redesign.build-details-v10 .inner-hero.construct-hero-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:54px;padding:64px max(44px,calc((100% - 1240px)/2)) 74px;margin:0 12px;background:var(--paper);border-radius:0 0 32px 32px}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-copy{width:100%;max-width:none;margin:0;text-align:left;min-width:0}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-breadcrumb{justify-content:flex-start}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-visual{height:490px;width:100%;margin:0;border-radius:28px;min-width:0}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero h1{font-size:clamp(38px,4vw,58px)}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split h1{font-size:clamp(38px,4vw,58px)}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-lead{margin:24px 0 0}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-actions{justify-content:flex-start}
html:lang(hr) body.build-redesign.build-details-v10 .inner-hero:not(.construct-hero-split){background:var(--paper);border-radius:0 0 32px 32px;margin:0 12px;padding-bottom:65px}
html:lang(hr) body.build-redesign.build-details-v10 .inner-dark-section{margin-inline:16px;border-radius:28px;width:calc(100% - 32px)}
html:lang(hr) body.build-redesign.build-details-v10 .sv-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;align-items:start;padding:24px;gap:18px;margin-bottom:0;border-radius:22px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service>img{width:110px;height:150px;border-radius:16px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service h3{font-size:25px;line-height:1.2}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service p{margin-top:12px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service>a{align-self:center}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service .sv-icon{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--lime);color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 :is(.build-info-grid,.complete-grid,.investor-cards){gap:24px}
html:lang(hr) body.build-redesign.build-details-v10 :is(.build-info-grid,.complete-grid,.investor-cards)>article{border:1px solid var(--line);border-radius:22px;background:white;padding:28px;position:relative}
html:lang(hr) body.build-redesign.build-details-v10 :is(.build-info-grid,.complete-grid,.investor-cards)>article:nth-child(3n+2){background:var(--paper);border-radius:22px 22px 64px 22px}
html:lang(hr) body.build-redesign.build-details-v10 .inner-dark-section :is(.build-info-grid,.complete-grid,.investor-cards)>article{background:var(--paper)}
html:lang(hr) body.build-redesign.build-details-v10 .complete-index{color:#739113}
html:lang(hr) body.build-redesign.build-details-v10 .sv-process-grid{gap:24px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-process-grid>li{border:1px solid var(--line);background:white;padding:24px;border-radius:22px 22px 22px 6px}
html:lang(hr) body.build-redesign.build-details-v10 :is(.sv-faq,.investor-faq,.build-page-faq,.blog-faq) details{border:1px solid var(--line);border-radius:18px;background:white;padding:20px 23px;margin-bottom:12px}
html:lang(hr) body.build-redesign.build-details-v10 :is(.adapt-enquiry,.sv-enquiry,.build-page-contact,.pm-enquiry,.coop-form-section){background:var(--paper)!important;color:var(--ink)}
html:lang(hr) body.build-redesign.build-details-v10 :is(.sv-form,.adapt-form,.pm-form,.coop-form,.aq-form){border:1px solid var(--line);border-radius:26px;background:white;box-shadow:0 16px 40px #10221808}
html:lang(hr) body.build-redesign.build-details-v10 .complete-contact-grid>a{border:1px solid var(--line);border-radius:22px;background:var(--paper)}
html:lang(hr) body.build-redesign.build-details-v10 .complete-contact-grid>a:nth-child(2){background:var(--dark);color:white}
html:lang(hr) body.build-redesign.build-details-v10 .complete-contact-grid>a:nth-child(2) :is(span,strong){color:white}
html:lang(hr) body.build-redesign.build-details-v10 .complete-contact-grid>a:nth-child(3){background:var(--lime)}
html:lang(hr) body.build-redesign.build-details-v10 .blog-card{border:0;background:var(--paper);border-radius:22px}
html:lang(hr) body.build-redesign.build-details-v10 .blog-card>img{border-radius:22px 22px 64px 0}
html:lang(hr) body.build-redesign.build-details-v10 .blog-card-content{padding:26px}
html:lang(hr) body.build-redesign.build-details-v10 .bg-br-card{border-radius:22px;background:white}
html:lang(hr) body.build-redesign.build-details-v10 .bg-br-photo{border-radius:22px 22px 50px 0;overflow:hidden}
html:lang(hr) body.build-redesign.build-details-v10 .blog-figure{padding:12px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
html:lang(hr) body.build-redesign.build-details-v10 .blog-figure img{border-radius:16px}
html:lang(hr) body.build-redesign.build-details-v10 .bg-certificate-section{border-block:1px solid var(--line)}
html:lang(hr) body.build-redesign.build-details-v10 .bg-certificate-figure{padding:16px;background:white;border:1px solid var(--line);border-radius:22px}
html:lang(hr) body.build-redesign.build-details-v10 .coop-steps ol{gap:22px}
html:lang(hr) body.build-redesign.build-details-v10 .coop-steps li{border:1px solid var(--line);background:var(--paper);padding:24px;border-radius:22px}
/* All section, text and image animation is opt-in through the existing switch. */
html:lang(hr) body.build-redesign.build-details-v10 .construct-section{position:relative}
html:lang(hr) body.build-redesign.build-details-v10 .construct-section-cue{position:absolute;top:0;left:24px;width:78px;height:3px;background:var(--lime);pointer-events:none;transform:scaleX(var(--design-section-in,0));transform-origin:0 50%;opacity:var(--design-section-in,0);z-index:1}
html:lang(hr) body.build-redesign.build-details-v10 .construct-text{opacity:var(--design-text-opacity,1);translate:0 var(--design-text-y,0px);transition:none}
html:lang(hr) body.build-redesign.build-details-v10 .construct-image{opacity:var(--design-image-opacity,1);scale:var(--design-image-scale,1);transition:none}
html:lang(hr) body.build-redesign.build-details-v10 .construct-image-flat{scale:1!important}
html:lang(hr) body.build-redesign.build-details-v10 .construct-form-enter{opacity:var(--design-form-opacity,1);translate:0 var(--design-form-y,0px)}
html:lang(hr) body.build-redesign.build-details-v10 .construct-form-enter:focus-within{opacity:1;translate:none}
html:lang(hr) body.build-redesign.build-details-v10 .construct-ruler{position:relative}
html:lang(hr) body.build-redesign.build-details-v10 .construct-ruler::after{content:'';position:absolute;left:24px;right:24px;top:0;height:12px;background:repeating-linear-gradient(90deg,#65716828 0 1px,transparent 1px 7px);pointer-events:none}
html:lang(hr).build-motion-reduced body.build-redesign.build-details-v10 :is(.construct-text,.construct-image,.construct-form-enter){opacity:1!important;translate:none!important;scale:1!important}
html:lang(hr).build-motion-reduced body.build-redesign.build-details-v10 .construct-section-cue{transform:none;opacity:1}
@media(min-width:1050px){html:lang(hr) body.build-redesign.build-details-v10 .has-scroll-gallery .motion-gallery-stage{padding-top:20px}html:lang(hr) body.build-redesign.build-details-v10 .project-section .section-head{margin-bottom:26px}}
@media(max-width:1100px){html:lang(hr) body.build-redesign.build-details-v10 .hero{gap:30px;padding-inline:32px}html:lang(hr) body.build-redesign.build-details-v10 .build-rotating-title{font-size:48px}html:lang(hr) body.build-redesign.build-details-v10 .hero-visual{height:500px}html:lang(hr) body.build-redesign.build-details-v10 .inner-hero.construct-hero-split{gap:30px;padding-inline:32px}html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-visual{height:430px}html:lang(hr) body.build-redesign.build-details-v10 .sv-services{grid-template-columns:1fr}html:lang(hr) body.build-redesign.build-details-v10 .sv-service{grid-template-columns:150px minmax(0,1fr) 24px}html:lang(hr) body.build-redesign.build-details-v10 .sv-service>img{width:150px}}
@media(max-width:800px){
html:lang(hr) body.build-redesign.build-details-v10 .hero{display:block;padding:34px 22px 44px;margin:0 8px;border-radius:0 0 28px 28px}
html:lang(hr) body.build-redesign.build-details-v10 .hero-content{padding:0;text-align:left}
html:lang(hr) body.build-redesign.build-details-v10 .build-rotating-title{font-size:clamp(2rem,8.6vw,2.5rem);line-height:1.1}
html:lang(hr) body.build-redesign.build-details-v10 .hero .pill{font-size:.75rem;margin-bottom:22px}
html:lang(hr) body.build-redesign.build-details-v10 .hero-description{margin-top:18px}
html:lang(hr) body.build-redesign.build-details-v10 .hero-bottom{gap:18px;margin-top:23px;align-items:stretch}
html:lang(hr) body.build-redesign.build-details-v10 .hero-actions{justify-content:flex-start}
html:lang(hr) body.build-redesign.build-details-v10 .hero-visual{height:300px;width:100%;margin:38px 0 20px}
html:lang(hr) body.build-redesign.build-details-v10 .hero-google-rating{align-self:flex-start;padding:12px 15px}
html:lang(hr) body.build-redesign.build-details-v10 .visual-discover{right:12px;top:14px;width:67px;height:67px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float--one{width:132px;bottom:-20px;right:12px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-project-float--two{left:0;top:0}
html:lang(hr) body.build-redesign.build-details-v10 .photo-note{left:14px;bottom:25px;max-width:calc(100% - 160px);font-size:.625rem}
html:lang(hr) body.build-redesign.build-details-v10 .trust-rail{margin:18px 8px 0;padding:18px 0}
html:lang(hr) body.build-redesign.build-details-v10 .trust-rail .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;justify-content:start}
html:lang(hr) body.build-redesign.build-details-v10 .founder{padding-block:65px;gap:32px}
html:lang(hr) body.build-redesign.build-details-v10 .founder-photo{border-radius:24px 24px 64px 24px;padding:12px}
html:lang(hr) body.build-redesign.build-details-v10 .founder-copy .promise-list{padding:18px}
html:lang(hr) body.build-redesign.build-details-v10 .core-section{margin:0 8px;border-radius:26px;padding:55px 0 62px}
html:lang(hr) body.build-redesign.build-details-v10 .core-grid{gap:18px}
html:lang(hr) body.build-redesign.build-details-v10 .core-card{padding:24px;min-height:340px}
html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(2),html:lang(hr) body.build-redesign.build-details-v10 .core-card:nth-child(3){margin-top:0}
html:lang(hr) body.build-redesign.build-details-v10 .core-card.photo-card>img{height:225px}
html:lang(hr) body.build-redesign.build-details-v10 .finish-section{padding-block:60px}
html:lang(hr) body.build-redesign.build-details-v10 .finish-inner{grid-template-columns:1fr;gap:28px}
html:lang(hr) body.build-redesign.build-details-v10 .finish-grid{gap:10px}
html:lang(hr) body.build-redesign.build-details-v10 .finish-link{font-size:.9375rem;padding:16px 13px}
html:lang(hr) body.build-redesign.build-details-v10 .project-section{margin:0 8px;width:calc(100% - 16px);padding:48px 20px 26px;border-radius:26px}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-caption{padding:17px;min-height:0}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .project-caption h3{font-size:21px;line-height:1.25}
html:lang(hr) body.build-redesign.build-details-v10 .project-section .section-head{gap:24px}
html:lang(hr) body.build-redesign.build-details-v10 .motion-gallery.has-mobile-scroll .motion-gallery-deck{padding-bottom:12px;background:var(--dark)}
html:lang(hr) body.build-redesign.build-details-v10 .process-section{padding-block:64px}
html:lang(hr) body.build-redesign.build-details-v10 .reviews-section{margin:0 8px;border-radius:26px;padding:58px 0}
html:lang(hr) body.build-redesign.build-details-v10 .review-card{padding:24px;border-radius:24px 50px 24px 24px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-section{padding:60px 8px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-grid{padding:28px 22px;border-radius:26px;gap:30px}
html:lang(hr) body.build-redesign.build-details-v10 .faq-item{padding:17px 18px;border-radius:18px}
html:lang(hr) body.build-redesign.build-details-v10 .contact-section{margin:0 8px;border-radius:26px;padding-block:56px}
html:lang(hr) body.build-redesign.build-details-v10 .contact-form{padding:24px;border-radius:24px}
html:lang(hr) body.build-redesign.build-details-v10 .build-home-map{padding:19px;border-radius:22px}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer{margin:18px 8px 12px;padding:24px 15px 100px;border-radius:26px}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-wrap{padding:26px 22px;border-radius:22px}
html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-grid{gap:30px 22px}
html:lang(hr) body.build-redesign.build-details-v10 .inner-hero.construct-hero-split{display:block;margin:0 8px;padding:34px 22px 44px;border-radius:0 0 28px 28px}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-copy{padding:0}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split h1{font-size:clamp(2rem,8.6vw,2.5rem);line-height:1.12}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split.inner-hero--long h1{font-size:clamp(1.875rem,8vw,2.25rem)}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-visual{height:270px;margin-top:30px}
html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-lead{margin-top:19px}
html:lang(hr) body.build-redesign.build-details-v10 .inner-hero:not(.construct-hero-split){margin:0 8px;border-radius:0 0 26px 26px}
html:lang(hr) body.build-redesign.build-details-v10 .inner-dark-section{margin-inline:8px;width:calc(100% - 16px);border-radius:26px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service{grid-template-columns:92px minmax(0,1fr) 18px;padding:20px;gap:17px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service>img{width:92px;height:130px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-service h3{font-size:1.25rem}
html:lang(hr) body.build-redesign.build-details-v10 :is(.build-info-grid,.complete-grid,.investor-cards)>article{padding:24px}
html:lang(hr) body.build-redesign.build-details-v10 .sv-process-grid>li{padding:22px}
html:lang(hr) body.build-redesign.build-details-v10 :is(.sv-faq,.investor-faq,.build-page-faq,.blog-faq) details{padding:18px 20px}
html:lang(hr) body.build-redesign.build-details-v10 .blog-card-content{padding:23px}
html:lang(hr) body.build-redesign.build-details-v10 .construct-section-cue{left:22px;width:60px}
}
@media(max-width:380px){html:lang(hr) body.build-redesign.build-details-v10 .hero{padding-inline:18px}html:lang(hr) body.build-redesign.build-details-v10 .hero-visual{height:260px}html:lang(hr) body.build-redesign.build-details-v10 .inner-hero.construct-hero-split{padding-inline:18px}html:lang(hr) body.build-redesign.build-details-v10 .construct-hero-split .inner-hero-visual{height:240px}html:lang(hr) body.build-redesign.build-details-v10 .finish-grid{grid-template-columns:1fr}html:lang(hr) body.build-redesign.build-details-v10 .sv-service{padding:17px;gap:12px;grid-template-columns:78px minmax(0,1fr) 16px}html:lang(hr) body.build-redesign.build-details-v10 .sv-service>img{width:78px;height:115px}html:lang(hr) body.build-redesign.build-details-v10 .faq-grid{padding:26px 18px}html:lang(hr) body.build-redesign.build-details-v10 #site-footer .bg-footer-wrap{padding:24px 18px}html:lang(hr) body.build-redesign.build-details-v10 .hero .pill{font-size:.6875rem}}
/* BUILD HR Archivo Black headings 20261008 */
@font-face{font-family:BuildArchivoBlack;src:url("/build-design-details-20261008/build-archivo-black-20261008.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}
html[lang="uk"] body :is(main,#main,#sadrzaj) :is(h1,h2,h3){font-family:BuildArchivoBlack,BuildInter,Arial,sans-serif!important;font-weight:400!important;letter-spacing:-.045em!important;font-synthesis:none;}
html[lang="uk"] body :is(main,#main,#sadrzaj) h3{letter-spacing:-.025em!important;}
html[lang="uk"] body :is(main,#main,#sadrzaj) :is(h1,h2,h3) :is(span,strong,em,a){font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;}
@media(max-width:767px){html[lang="uk"] body :is(main,#main,#sadrzaj) h1{font-size:clamp(2rem,9.2vw,2.5rem)!important;line-height:1.04!important;}html[lang="uk"] body :is(main,#main,#sadrzaj) h2{font-size:clamp(1.75rem,8.3vw,2.25rem)!important;line-height:1.08!important;}}
/* BUILD HR navigation: remove city submenus 20261008 */
html[lang="uk"] nav .bg-nav-cities,html[lang="uk"] nav a[href="/usluge/#gradovi"]{display:none!important;}