/* ==========================================================================
   KBAC UI/UX layer – loaded after theme + Elementor styles
   ========================================================================== */
:root{
  --kb-primary:#FF5200; --kb-primary-dark:#D94500; --kb-ink:#111111; --kb-text:#4B4B4B;
  --kb-muted:#7A7A7A; --kb-surface:#F7F7F7; --kb-line:rgba(0,0,0,.08); --kb-radius:18px;
  --kb-shadow:0 18px 40px -22px rgba(0,0,0,.35);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{overflow-x:hidden}
img{height:auto}
::selection{background:var(--kb-primary);color:#fff}

/* Accessibility ---------------------------------------------------------- */
.kbac-skip{position:absolute;left:-999px;top:8px;z-index:100000;background:var(--kb-ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600}
.kbac-skip:focus{left:8px;outline:3px solid var(--kb-primary)}
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--kb-primary)!important;outline-offset:3px;border-radius:6px}

/* Header ------------------------------------------------------------------ */
.lqd-head-col .btn,.lqd-head-col .btn .btn-txt{border-radius:8px}
.main-nav>li>a{letter-spacing:.01em}
.lqd-mobile-sec .navbar-brand img{max-height:44px;width:auto}

/* Buttons ----------------------------------------------------------------- */
.btn,.elementor-button,.wpcf7-submit,.btn-solid{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.btn:hover,.elementor-button:hover,.wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(255,82,0,.6)}
.elementor-button{border-radius:8px}

/* Home hero --------------------------------------------------------------- */
.elementor-element-13758575{overflow:hidden}
.elementor-element-13758575 h1{font-size:clamp(2.1rem,4.6vw,4.1rem);line-height:1.08;letter-spacing:-.02em}
.elementor-element-302ccc46{opacity:1!important;transform:none!important;border-radius:28px;overflow:hidden;box-shadow:var(--kb-shadow)}
.elementor-element-302ccc46 .carousel-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
@media (max-width:1199px){.elementor-element-302ccc46{margin-top:24px}}

/* Services – dark feature section (Ashoka render as backdrop) --------------- */
.elementor-element-31d8e42{background-size:cover!important;background-position:center!important}
.elementor-element-31d8e42 h2,.elementor-element-31d8e42 h3,.elementor-element-31d8e42 h4,.elementor-element-31d8e42 h5,.elementor-element-31d8e42 .elementor-heading-title,.elementor-element-31d8e42 .ld-fh-txt,.elementor-element-31d8e42 span{color:#fff}
.elementor-element-31d8e42 .elementor-element-0470a7c .ld-fh-txt,.elementor-element-31d8e42 .elementor-element-0470a7c span{color:#FF9A66}
.elementor-element-31d8e42 .elementor-element-b42e0eb .ld-fh-txt,.elementor-element-31d8e42 .elementor-element-b42e0eb span{color:#FFB48C}
.elementor-element-31d8e42 .elementor-widget-heading .elementor-heading-title{font-size:1.15rem;margin-bottom:.35em;padding-bottom:.35em;border-bottom:1px solid rgba(255,255,255,.15)}
/* About – story + values sections */
.elementor-element-4f966d3{background-image:none!important}
.elementor-element-330da34>.elementor-background-overlay{opacity:.06!important}

/* Projects archive cards ---------------------------------------------------- */
.lqd-pf-item .lqd-pf-img,.lqd-pf-item figure{border-radius:16px;overflow:hidden}
.lqd-pf-item img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lqd-pf-item:hover img{transform:scale(1.04)}
.lqd-pf-item .lqd-pf-details{padding-top:14px}
.lqd-pf-item h2,.lqd-pf-item h3,.lqd-pf-item .h5{font-size:1.05rem;line-height:1.35}

/* Project (single portfolio) layout ----------------------------------------- */
.kbac-project-hero{padding-top:150px}
.kbac-project-hero h1.elementor-heading-title{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.02em;color:var(--kb-ink)}
.kbac-project-label .elementor-heading-title{color:var(--kb-primary);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.kbac-project-location .elementor-heading-title{font-weight:300;color:var(--kb-muted);font-size:1.25rem}
.kbac-project-info{background:var(--kb-surface);border:1px solid var(--kb-line);border-radius:var(--kb-radius);padding:32px}
.kbac-project-info .elementor-heading-title{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kb-muted);margin-bottom:12px}
.kbac-project-info .elementor-icon-list-item{padding:10px 0;border-bottom:1px solid var(--kb-line);font-size:.95rem;color:var(--kb-ink)}
.kbac-project-info .elementor-icon-list-item:last-child{border-bottom:0}
.kbac-project-info .elementor-icon-list-item span{white-space:normal}
.kbac-project-info .elementor-icon-list-icon{color:var(--kb-primary)}
.kbac-project-info .elementor-button{background:var(--kb-primary);border-radius:8px;padding:14px 22px;font-weight:600}
.kbac-project-info .elementor-button:hover{background:var(--kb-primary-dark)}
.kbac-project-feature img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--kb-radius);box-shadow:var(--kb-shadow)}
.kbac-project-text h2.elementor-heading-title,.kbac-project-text h3.elementor-heading-title{font-size:1.45rem;color:var(--kb-ink);margin-bottom:.5em}
.kbac-project-text .elementor-widget-text-editor{font-size:1rem;line-height:1.8;color:var(--kb-text)}
.kbac-project-text .elementor-widget-text-editor p{margin-bottom:1em}
.kbac-cso .kbac-cso-item{background:#fff;border:1px solid var(--kb-line);border-radius:var(--kb-radius);padding:28px;height:100%}
.kbac-cso .kbac-cso-item .elementor-heading-title{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kb-primary);margin-bottom:10px}
.kbac-cso .kbac-cso-item .elementor-widget-text-editor{font-size:.95rem;line-height:1.7}
.kbac-project-gallery h2.elementor-heading-title{font-size:1.9rem;color:var(--kb-ink);letter-spacing:-.01em}
.kbac-project-gallery .elementor-image-gallery .gallery{margin:0 -8px}
.kbac-project-gallery .elementor-image-gallery .gallery-item{padding:8px!important;margin:0!important}
.kbac-project-gallery .elementor-image-gallery .gallery-item img{border-radius:12px;width:100%;aspect-ratio:4/3;object-fit:cover;border:0!important;transition:transform .5s ease,box-shadow .5s ease}
.kbac-project-gallery .elementor-image-gallery .gallery-item a:hover img{transform:translateY(-3px);box-shadow:var(--kb-shadow)}
.kbac-project-nav{border-top:1px solid var(--kb-line);padding-top:32px}
.kbac-project-nav .elementor-button{background:transparent;color:var(--kb-ink);border:1.5px solid var(--kb-ink);border-radius:8px;font-weight:600}
.kbac-project-nav .elementor-button:hover{background:var(--kb-ink);color:#fff}
.kbac-next{display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:var(--kb-ink);text-decoration:none}
.kbac-next span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kb-muted)}
.kbac-next strong{font-size:1.15rem;line-height:1.3;transition:color .2s}
.kbac-next:hover strong{color:var(--kb-primary)}

/* Blog & misc --------------------------------------------------------------- */
.lqd-lp-img img,.wp-post-image{border-radius:14px}
.wpcf7-form input:not([type=submit]),.wpcf7-form textarea{border-radius:8px;border:1px solid var(--kb-line);padding:12px 14px}

/* Responsive ---------------------------------------------------------------- */
@media (max-width:1199px){
  .kbac-project-hero{padding-top:120px}
  .kbac-project-info{margin-top:24px}
}
@media (max-width:767px){
  .kbac-project-hero{padding-top:100px}
  .kbac-project-info{padding:22px}
  .kbac-project-feature img{aspect-ratio:4/3}
  .kbac-project-gallery .elementor-image-gallery .gallery-item{width:50%!important}
  .kbac-next{align-items:flex-start;text-align:left;margin-top:18px}
  .elementor-section .elementor-container{padding-left:0;padding-right:0}
  h1,.h1{font-size:clamp(1.9rem,8.5vw,2.6rem)!important;line-height:1.12}
  .elementor-widget-hub_fancy_heading h1,.elementor-widget-hub_fancy_heading h2{overflow-wrap:anywhere}
  .lqd-pf-item{margin-bottom:26px}
}

/* Services dark section – list items + label contrast */
.elementor-element-31d8e42 p,.elementor-element-31d8e42 li{color:rgba(255,255,255,.78)}
.elementor-element-31d8e42 .elementor-widget-heading .elementor-heading-title{color:#fff}
/* About – values/stats: keep the render as a faint backdrop only */
.elementor-element-330da34 .elementor-background-overlay,.elementor-element-330da34>.elementor-background-overlay{opacity:.06!important}
.elementor-element-330da34 .elementor-column .elementor-background-overlay{opacity:.06!important}

/* Mobile: tighter top spacing on project pages and page heroes */
@media (max-width:767px){
  .kbac-project-hero{padding-top:36px!important}
  .kbac-project-hero .elementor-widget-heading{margin-bottom:4px}
  .elementor-element-13758575{padding-top:40px!important;padding-bottom:50px!important}
}

/* Mobile: the theme's big display headings carry desktop px letter-spacing – normalise */
@media (max-width:767px){
  .elementor-widget-hub_fancy_heading h1.ld-fh-element,.elementor-widget-hub_fancy_heading h2.ld-fh-element,.elementor-widget-hub_fancy_heading .ld-fh-element.h1,.elementor-widget-hub_fancy_heading .ld-fh-element.h2{letter-spacing:-.02em!important;font-size:clamp(2.2rem,11vw,3.2rem)!important;line-height:1.05!important}
  .elementor-widget-hub_fancy_heading .ld-fh-element{word-break:normal;overflow-wrap:anywhere}
}

/* ==========================================================================
   Typography – Bricolage Grotesque everywhere (self-hosted variable font)
   Reference: tight display headings, calm body copy, pill labels.
   ========================================================================== */
:root{--kb-font:'Bricolage Grotesque',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html,body,button,input,select,textarea,.btn,.elementor-button,.main-nav,.main-nav a,.navbar-brand,.ld-fh-element,.elementor-heading-title,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,li,blockquote,.lqd-pf-item,.lqd-lp,.wpcf7,.accordion-title,.accordion-content,.elementor-widget-text-editor,.elementor-icon-list-text,.carousel-item,.lqd-fancy-heading,.ld-fancy-heading *,.elementor-widget *:not(i):not(.fa):not([class*="lqd-icn"]):not([class*="fa-"]):not(svg){font-family:var(--kb-font)!important;font-optical-sizing:auto}
body{font-size:17px;line-height:1.65;color:var(--kb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.elementor-heading-title{color:var(--kb-ink);font-weight:600;letter-spacing:-.025em;line-height:1.08}
h1,.h1{font-size:clamp(2.6rem,5.4vw,5rem)}
.elementor-widget-hub_fancy_heading .ld-fh-element{font-weight:500!important;letter-spacing:-.03em!important;line-height:1.05!important}
h2,.h2{font-size:clamp(2rem,3.8vw,3.4rem)}
h3,.h3{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600}
h4,.h4{font-size:1.2rem;font-weight:600}
h5,.h5{font-size:1rem;font-weight:600}
h6,.h6,.ld-fh-element.h6{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.elementor-widget-hub_fancy_heading em,.ld-fh-element em{font-style:italic;font-weight:400}
p{font-weight:400}
strong,b{font-weight:600}
.main-nav>li>a{font-weight:500;font-size:.95rem;letter-spacing:0}
.btn,.elementor-button,.btn .btn-txt{font-weight:600;letter-spacing:0}

/* Pill labels (e.g. “Building Excellence”) */
.elementor-widget-ld_icon_box.iconbox-inline .iconbox,.lqd-iconbox-inline{border-radius:100px}
.elementor-element-48e5b119 .iconbox{background:#fff;border:1px solid var(--kb-line);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.elementor-element-48e5b119 .iconbox p,.elementor-element-48e5b119 .iconbox-title{font-size:.85rem;font-weight:500;color:var(--kb-ink)}

/* ==========================================================================
   Motion – scroll reveals driven by kbac-motion.js
   ========================================================================== */
html.kb-js .kb-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s cubic-bezier(.2,.65,.2,1),transform .9s cubic-bezier(.2,.65,.2,1)}
html.kb-js .kb-reveal.kb-in{opacity:1;transform:none}
html.kb-js .elementor-widget-image.kb-reveal img,html.kb-js .kbac-project-feature.kb-reveal img{clip-path:inset(0 0 12% 0 round var(--kb-radius));transition:clip-path 1.1s cubic-bezier(.2,.65,.2,1)}
html.kb-js .elementor-widget-image.kb-in img,html.kb-js .kbac-project-feature.kb-in img{clip-path:inset(0 0 0 0 round var(--kb-radius))}
html.kb-js .kbac-project-gallery .gallery-item.kb-reveal{transform:translate3d(0,18px,0) scale(.98)}
/* Header gains a soft backdrop once scrolled */
html.kb-scrolled .lqd-sticky-header .lqd-head-sec-wrap,html.kb-scrolled .is-stuck .lqd-head-sec-wrap{backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);background:rgba(255,255,255,.82)}
/* Links: animated underline like the reference sites */
.elementor-widget-text-editor a:not(.elementor-button){background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s}
.elementor-widget-text-editor a:not(.elementor-button):hover{background-size:0 1px}
/* Image hover treatment (portfolio cards, blog cards, galleries) */
.lqd-pf-item .lqd-pf-img,.lqd-lp-img,.kbac-project-gallery .gallery-item a{display:block;overflow:hidden;border-radius:14px}
.lqd-pf-item .lqd-pf-img img,.lqd-lp-img img{transform:scale(1.001);transition:transform .8s cubic-bezier(.2,.65,.2,1)}
.lqd-pf-item:hover .lqd-pf-img img,.lqd-lp:hover .lqd-lp-img img{transform:scale(1.05)}
/* Section rhythm – generous but consistent whitespace */
@media (min-width:1200px){.elementor-top-section>.elementor-container,.e-con-boxed>.e-con-inner{max-width:1240px}}

/* ==========================================================================
   Reference-inspired layer (Tsuraven / Griho / Grid Architects)
   ========================================================================== */
:root{--kb-navy:#0B1220;--kb-navy-2:#101a2e}
/* Full-bleed photographic hero */
.kbac-hero{overflow:hidden}
.kbac-hero h1,.kbac-hero h1 *{color:#fff!important}
.kbac-hero p,.kbac-hero .ld-fh-element.p,.kbac-hero .elementor-widget-hub_fancy_heading p{color:rgba(255,255,255,.82)!important;font-size:1.05rem;max-width:560px}
.kbac-hero .elementor-element-48e5b119 .iconbox{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
.kbac-hero .elementor-element-48e5b119 .iconbox p,.kbac-hero .elementor-element-48e5b119 .iconbox-title,.kbac-hero .elementor-element-48e5b119 .iconbox *{color:#fff!important}
.kbac-hero .btn{border-radius:100px}
.kbac-hero .btn .btn-txt{font-weight:600}
@media (min-width:1200px){.kbac-hero h1{font-size:clamp(3rem,5.6vw,5.4rem)!important;max-width:14ch}}
/* Pill buttons everywhere (reference: rounded pills with circular icon) */
.btn,.btn .btn-txt,.elementor-button,.wpcf7-submit,.lqd-head-col .btn{border-radius:100px!important}
.elementor-button{padding:14px 26px}
.lqd-head-col .btn .btn-txt{padding:12px 22px}
/* Section labels – small, orange, tracked (reference “[OUR IMPACT]”) */
.ld-fh-element.h6,h6.ld-fh-element,.elementor-widget-hub_fancy_heading .ld-fh-element.h6{color:var(--kb-primary)!important;font-size:.76rem!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:600!important}
/* About – values + stats as a dark navy band with bordered cells */
.elementor-element-330da34{background:var(--kb-navy)!important;padding:80px 0 70px!important;margin-top:20px}
.elementor-element-330da34 .elementor-element-a15bdbf>.elementor-container{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
.elementor-element-330da34 .elementor-element-a15bdbf .elementor-column{border-right:1px solid rgba(255,255,255,.12)}
.elementor-element-330da34 .elementor-element-a15bdbf .elementor-column:last-child{border-right:0}
.elementor-element-330da34 .elementor-element-a15bdbf .elementor-widget-wrap{padding:28px 26px!important}
.elementor-element-330da34 .iconbox-icon-container{display:none!important}
.elementor-element-330da34 .iconbox-title,.elementor-element-330da34 .iconbox h3,.elementor-element-330da34 .iconbox h4{color:#fff!important;font-size:1.05rem;margin-bottom:8px}
.elementor-element-330da34 .iconbox p,.elementor-element-330da34 .iconbox-contents{color:rgba(255,255,255,.7)!important;font-size:.95rem}
.elementor-element-330da34 .lqd-counter-element,.elementor-element-330da34 .lqd-counter-element *{color:#fff!important;font-weight:500!important;letter-spacing:-.03em}
.elementor-element-330da34 .lqd-counter-element{font-size:clamp(2.4rem,4vw,3.6rem)!important}
.elementor-element-330da34 .lqd-counter-text,.elementor-element-330da34 .lqd-counter-text *{color:rgba(255,255,255,.65)!important;font-size:.85rem!important;letter-spacing:.04em}
.elementor-element-330da34 .ld-fh-element,.elementor-element-330da34 .ld-fh-element *{color:#fff!important}
.elementor-element-330da34 .ld-fh-element.h6,.elementor-element-330da34 .ld-fh-element.h6 *{color:var(--kb-primary)!important}
@media (max-width:1024px){.elementor-element-330da34 .elementor-element-a15bdbf .elementor-column{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
/* Services dark section: navy like the reference */
.elementor-element-31d8e42 .elementor-widget-heading .elementor-heading-title{border-bottom-color:rgba(255,255,255,.12)}
/* Footer CTA card feel */
.lqd-footer .btn{border-radius:100px}

/* About: stats row joins the navy band */
.elementor-element-0fc0ef4{background:var(--kb-navy)!important;padding:0 0 80px!important}
.elementor-element-330da34{padding-bottom:30px!important}
.elementor-element-0fc0ef4 .lqd-counter-element,.elementor-element-0fc0ef4 .lqd-counter-element *{color:#fff!important;font-weight:500!important;letter-spacing:-.03em;font-size:clamp(2.4rem,4vw,3.6rem)}
.elementor-element-0fc0ef4 .lqd-counter-text,.elementor-element-0fc0ef4 .lqd-counter-text *{color:rgba(255,255,255,.65)!important;font-size:.85rem!important;letter-spacing:.04em}
.elementor-element-0fc0ef4 .elementor-column{border-left:1px solid rgba(255,255,255,.12);padding:10px 0}
.elementor-element-0fc0ef4 .elementor-column:first-child{border-left:0}
/* Services intro paragraph in the dark band – lighter, larger */
.elementor-element-31d8e42 .elementor-element-b42e0eb .ld-fh-element{font-size:clamp(1.05rem,1.5vw,1.35rem)!important;line-height:1.5!important;font-weight:400!important;max-width:60ch}

/* Round 2 --------------------------------------------------------------- */
/* “Building Excellence” pill – proper glass pill */
.elementor-element-48e5b119>.elementor-widget-container{border-radius:100px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.35)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px!important;display:inline-block}
.elementor-element-48e5b119 .iconbox{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.elementor-element-48e5b119 .iconbox p,.elementor-element-48e5b119 .iconbox-title,.elementor-element-48e5b119 .iconbox *{color:#fff!important;font-size:.85rem!important;font-weight:500!important;margin:0!important;line-height:1.3!important}
/* Testimonials band (Services) */
.kbac-testimonials .ld-fh-element,.kbac-testimonials .ld-fh-element *,.kbac-testimonials .carousel-item,.kbac-testimonials .carousel-item *,.kbac-testimonials .elementor-heading-title{color:#fff!important}
.kbac-testimonials .ld-fh-element.h6,.kbac-testimonials .ld-fh-element.h6 *{color:var(--kb-primary)!important}
.kbac-testimonials .carousel-item p{font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1.45;font-weight:400;color:rgba(255,255,255,.9)!important}
.kbac-testimonials .carousel-nav,.kbac-testimonials .flickity-button,.kbac-testimonials .carousel-nav *{color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.kbac-testimonials .carousel-dots .dot,.kbac-testimonials .flickity-page-dots .dot{background:rgba(255,255,255,.4)!important}
.kbac-testimonials .carousel-dots .dot.is-selected,.kbac-testimonials .flickity-page-dots .dot.is-selected{background:var(--kb-primary)!important}
/* Generic content pages (Process, Sustainability, Careers, FAQ) */
.kbac-page-hero h1.elementor-heading-title{max-width:16ch}
.kbac-page-intro{color:var(--kb-text);font-size:1.05rem;line-height:1.7}
.kbac-cards .kbac-cso-item{min-width:calc(33.33% - 16px)}
.kbac-cards .kbac-cso-item .elementor-heading-title{font-size:1.05rem;letter-spacing:0;text-transform:none;color:var(--kb-ink)}
.kbac-cards .kbac-cso-item .elementor-heading-title::before{content:"";display:block;width:36px;height:3px;background:var(--kb-primary);margin-bottom:14px;border-radius:3px}
.kbac-cta .elementor-heading-title,.kbac-cta .elementor-widget-text-editor{color:#fff}
.kbac-cta .elementor-widget-text-editor{max-width:60ch;color:rgba(255,255,255,.78);font-size:1.05rem}
.kbac-cta .elementor-button{background:var(--kb-primary);border-radius:100px}
.kbac-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--kb-line);background:transparent}
.kbac-faq .elementor-accordion .elementor-tab-title{padding:22px 0;font-size:1.15rem;font-weight:600;color:var(--kb-ink)}
.kbac-faq .elementor-accordion .elementor-tab-title.elementor-active{color:var(--kb-primary)}
.kbac-faq .elementor-accordion .elementor-tab-content{padding:0 0 22px;border:0;font-size:1rem;line-height:1.75;color:var(--kb-text)}
.kbac-faq .elementor-accordion-icon{color:var(--kb-primary)}
/* Pill: only the outer widget container is the pill; inner iconbox is plain */
.kbac-hero .elementor-element-48e5b119 .iconbox,.elementor-element-48e5b119 .iconbox{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.kbac-hero .elementor-element-48e5b119>.elementor-widget-container{padding:7px 16px!important;line-height:1}

/* ==========================================================================
   Floating glass header (desktop + mobile)
   ========================================================================== */
header.site-header.main-header{position:fixed;top:14px;left:0;right:0;z-index:1200;background:transparent!important;box-shadow:none!important;pointer-events:none;transition:top .3s}
html.kb-scrolled header.site-header.main-header{top:8px}
header.site-header.main-header .elementor-1728>.elementor-section,header.site-header.main-header .elementor-1728>.e-con{pointer-events:auto;width:min(1240px,calc(100% - 32px));margin:0 auto;border-radius:100px;background:rgba(255,255,255,.66);backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 36px -18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.8);transition:background .3s,box-shadow .3s}
html.kb-scrolled header.site-header.main-header .elementor-1728>.elementor-section,html.kb-scrolled header.site-header.main-header .elementor-1728>.e-con{background:rgba(255,255,255,.86)}
header.site-header.main-header .elementor-1728>.elementor-section>.elementor-container{padding:4px 10px 4px 26px;min-height:64px;align-items:center}
header.site-header.main-header .navbar-brand img{max-height:40px;width:auto}
header.site-header.main-header .main-nav>li>a{padding:10px 12px;color:var(--kb-ink)!important;font-weight:500}
header.site-header.main-header .main-nav>li>a:hover,header.site-header.main-header .main-nav>li.current-menu-item>a{color:var(--kb-primary)!important}
header.site-header.main-header .btn.btn-solid{background:var(--kb-primary)!important;color:#fff!important}
header.site-header.main-header .lqd-mobile-sec{pointer-events:auto;width:calc(100% - 24px);margin:0 auto;border-radius:100px;background:rgba(255,255,255,.8);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px -18px rgba(0,0,0,.35);padding:4px 8px 4px 16px}
header.site-header.main-header .lqd-mobile-sec .navbar-brand img{max-height:36px}
header.site-header.main-header .lqd-mobile-sec-nav{top:calc(100% + 10px);left:0;right:0}
header.site-header.main-header .mobile-navbar-collapse{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);padding:14px 10px;border:1px solid rgba(0,0,0,.06)}
header.site-header.main-header .lqd-mobile-main-nav>li>a{padding:12px 16px;font-size:1.05rem;color:var(--kb-ink)!important}
/* Content starts under the fixed header: page heroes already carry top padding; give plain templates room */
body:not(.home) #lqd-site-content,body:not(.home) .lqd-contents-wrap{padding-top:0}
.kbac-hero{padding-top:160px!important}
@media (max-width:767px){.kbac-hero{padding-top:130px!important} header.site-header.main-header{top:10px} .kbac-project-hero{padding-top:90px!important}}
/* Services – Why Kala */
.kbac-why .elementor-element-bac6b1f{box-shadow:var(--kb-shadow);overflow:hidden}
.kbac-why .elementor-element-1e71da7 .ld-fh-element{max-width:44ch}

/* Header pill: slimmer + more transparent */
header.site-header.main-header .elementor-1728>.elementor-section,header.site-header.main-header .elementor-1728>.e-con{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.55);padding:0!important}
html.kb-scrolled header.site-header.main-header .elementor-1728>.elementor-section,html.kb-scrolled header.site-header.main-header .elementor-1728>.e-con{background:rgba(255,255,255,.72)}
header.site-header.main-header .elementor-1728>.elementor-section>.elementor-container{min-height:0!important;padding:0 8px 0 22px!important;height:62px}
header.site-header.main-header .elementor-1728 .elementor-column,header.site-header.main-header .elementor-1728 .elementor-widget-wrap{padding:0!important;min-height:0!important}
header.site-header.main-header .elementor-1728 .elementor-widget-wrap{align-items:center;height:62px}
header.site-header.main-header .elementor-1728 .elementor-widget{margin-bottom:0!important}
header.site-header.main-header .navbar-brand{padding:0!important;min-height:0!important}
header.site-header.main-header .navbar-brand img{max-height:34px!important;height:34px;width:auto}
header.site-header.main-header .main-nav>li>a{padding:8px 11px!important;font-size:.93rem;line-height:1}
header.site-header.main-header .btn.btn-solid .btn-txt,header.site-header.main-header .btn.btn-solid{padding:0!important}
header.site-header.main-header .btn.btn-solid .btn-txt{padding:11px 20px!important;font-size:.9rem}
header.site-header.main-header .lqd-mobile-sec{padding:2px 6px 2px 14px;background:rgba(255,255,255,.55)}
header.site-header.main-header .lqd-mobile-sec .navbar-brand img{max-height:30px!important;height:30px}
header.site-header.main-header .lqd-mobile-sec-inner{min-height:54px}
/* Projects page “Have a project in mind?” band */
.kbac-cta-band{overflow:hidden}
.kbac-cta-band .ld-fh-element,.kbac-cta-band .ld-fh-element *,.kbac-cta-band .elementor-heading-title{color:#fff!important}
.kbac-cta-band .ld-fh-element em{color:#FF9A66!important}
.kbac-cta-band .btn{background:var(--kb-primary)!important;color:#fff!important;border-radius:100px}
.kbac-cta-band .btn .btn-txt{color:#fff!important}
.kbac-cta-band>.elementor-background-overlay{border-radius:28px}
/* Project sheet cover + download buttons */
.kbac-sheet img{width:132px!important;border-radius:10px;box-shadow:0 10px 24px -14px rgba(0,0,0,.45);border:1px solid var(--kb-line);transition:transform .3s}
.kbac-sheet a:hover img{transform:translateY(-3px)}
.kbac-btn-dark .elementor-button{background:var(--kb-ink);border-radius:100px;padding:14px 22px}
.kbac-btn-dark .elementor-button:hover{background:var(--kb-primary)}
.kbac-btn-ghost .elementor-button{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff;border-radius:100px;padding:14px 22px}
.kbac-btn-ghost .elementor-button:hover{background:#fff;color:var(--kb-ink)}
.kbac-cta-band .elementor-widget-button{margin-top:6px}
/* Walkthrough videos */
.kbac-video-card .elementor-widget-video{border-radius:16px;overflow:hidden;box-shadow:var(--kb-shadow);background:#000}
.kbac-video-card .elementor-widget-video video{aspect-ratio:9/16;object-fit:cover;width:100%}
.kbac-video-card .elementor-heading-title{font-size:1rem;margin-top:12px;color:var(--kb-ink)}