/* Kannan Borewells V4 — clear official logo, compact inner banners, usable mobile contact */
:root{--kb-blue:#0b345b;--kb-gold:#d59a2b;--kb-text:#152f49}
.site-header{background:#ffffff}
.site-header .container.nav-wrap{min-height:94px;gap:16px;justify-content:space-between}
.site-header .brand{min-width:0;flex:0 1 330px}
.site-header .brand img.brand-logo{display:block;width:clamp(258px,24vw,330px);height:auto;max-height:86px;max-width:100%;object-fit:contain;object-position:left center;filter:contrast(1.1)}
.site-header .main-nav{gap:clamp(16px,2.15vw,34px)}
.site-header .main-nav a{font-size:1.06rem;font-weight:800;color:#183a5c;white-space:nowrap}
.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#b77713}
.site-header .header-actions>.button{font-size:.95rem;padding:14px 16px;white-space:nowrap}
.site-footer .brand{min-width:0}
.site-footer .brand img.brand-logo{width:290px;max-width:100%;height:auto;max-height:88px;padding:9px;background:#fff;border-radius:9px;object-fit:contain}
/* Make secondary banners take less space than the homepage banner */
.page-hero.vinner-hero{padding:28px 0 30px;min-height:220px;max-height:none}
.page-hero.vinner-hero .breadcrumb{margin-bottom:8px;font-size:.74rem}
.page-hero.vinner-hero .eyebrow{margin-bottom:6px;font-size:.70rem}
.page-hero.vinner-hero h1{font-size:clamp(1.86rem,3.1vw,2.7rem);line-height:1.15;max-width:680px}
.page-hero.vinner-hero p{margin-top:10px;font-size:.92rem;max-width:570px;line-height:1.52}
.page-hero.vinner-hero .button{margin-top:14px;padding:11px 16px;font-size:.81rem}
.vpage-head{padding:40px 0 43px;min-height:0}
.vpage-head h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.13;margin:8px 0}
.vpage-head p{font-size:.97rem;line-height:1.55;margin-top:10px}
.vinner-hero .inner-photo{width:40%;background:#eff5f8}
.vinner-hero .inner-photo img{height:100%;width:100%;object-fit:cover}
.vinner-hero .product-banner-image{background:#edf4f7}
.vinner-hero .product-banner-image img{object-fit:contain;padding:16px 4vw 14px 5px}
.vinner-hero:after{background:linear-gradient(90deg,#f3f8fb 0%,#f3f8fb 57%,#f3f8fbad 68%,#f3f8fb02 90%)}
/* Service cards with product equipment that must stay in frame */
.vservice-image{height:238px;background:#eff5f8}
.vservice-image img{height:100%;width:100%;object-fit:cover}
.vservice-image.product-photo img{object-fit:contain;background:#eff5f8;padding:15px}
.vservice .photo-caption{top:auto;bottom:10px;right:10px;font-size:.63rem}
/* Reduce about image: prevent tall, oddly cropped stock photo */
.company-showcase{padding:54px 0}
.company-showcase-grid{gap:38px}
.company-showcase figure img{height:365px;object-fit:cover;object-position:50% 50%;border-radius:14px}
.feature-visual{padding:10px;background:#eff5f8}
.feature-visual img{max-height:350px;width:100%;object-fit:contain;background:#eff5f8}
/* Blog cards */
.kb-guides-section{background:#f7fbfd}
.kb-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kb-guide-card{border:1px solid #e2ebf1;background:white;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #13345214;transition:transform .2s,box-shadow .2s}
.kb-guide-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #13345225}
.kb-guide-card a{color:inherit;display:block;text-decoration:none;height:100%}
.kb-guide-card img{width:100%;height:210px;object-fit:cover;background:#eff5f8}
.kb-guide-card> a>div{padding:20px 22px 22px}
.kb-guide-card span{color:#b8781e;font-size:.72rem;letter-spacing:.09em;font-weight:900}
.kb-guide-card h3{font-size:1.20rem;line-height:1.33;margin:10px 0;color:#0e385f}
.kb-guide-card p{font-size:.92rem;line-height:1.58;color:#546878;min-height:72px}
.kb-guide-card b{font-size:.91rem;color:#b67b1a}
.kb-blog-listing{background:#f7fbfd}
.kb-blog-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:25px}
.kb-blog-intro p{max-width:470px;color:#526a79;line-height:1.55}
.kb-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px;align-items:start}
.kb-article-body{min-width:0}
.kb-article-cover{margin:0 0 30px}
.kb-article-cover img{display:block;width:100%;max-height:365px;object-fit:cover;border-radius:14px}
.kb-article-cover figcaption{font-size:.73rem;color:#697b86;margin-top:7px}
.kb-prose{max-width:800px}
.kb-prose h2{font-size:1.55rem;color:#143d60;margin:27px 0 11px}
.kb-prose p{line-height:1.81;color:#425969;margin:0 0 16px}
.kb-article-aside{position:sticky;top:120px;background:#f0f5f9;border:1px solid #e1e9ef;border-radius:14px;padding:23px;display:grid;gap:13px}
.kb-article-aside h3{font-size:1.15rem;color:#10395d;margin:0 0 6px}
.kb-article-aside a{color:#1a5275;font-size:.93rem;font-weight:700}
.kb-article-cta{background:#fff7e7;border:1px solid #f0ddb3;border-radius:15px;padding:25px;margin:34px 0 0}
.kb-article-cta h3{color:#143e61;margin:0 0 8px}
.kb-article-cta p{margin:0 0 20px;color:#466073}
.kb-blog-disclaimer{font-size:.82rem;background:#f1f6fa;border-left:4px solid #dfa936;padding:12px 15px}
/* Large, persistent and safe-area-aware contact dock */
@media(max-width:1080px){.site-header .brand{flex-basis:280px}.site-header .brand img.brand-logo{width:275px}.site-header .main-nav a{font-size:.96rem}.site-header .main-nav{gap:14px}}
@media(max-width:800px){.site-header .container.nav-wrap{min-height:76px}.site-header .brand{flex-basis:auto}.site-header .brand img.brand-logo{width:255px;max-height:65px}.site-header .main-nav{gap:0}.site-header .main-nav a{font-size:1.03rem;padding:13px 16px}.page-hero.vinner-hero{padding:28px 0;min-height:0}.vinner-hero .inner-photo{opacity:.19;width:52%}.vinner-hero:after{background:linear-gradient(90deg,#f3f8fb 0%,#f3f8fbea 60%,#f3f8fb99 100%)}.kb-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-article-layout{grid-template-columns:1fr;gap:24px}.kb-article-aside{position:static}.kb-blog-intro{display:block}.company-showcase figure img{height:295px}}
@media(max-width:800px){.mobile-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:9px 12px max(9px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -5px 24px rgba(0,28,50,.17);border-top:1px solid #dce8ee}.mobile-dock a{display:flex!important;min-height:52px;justify-content:center;align-items:center;text-align:center;border-radius:9px;font-weight:900;font-size:1rem;text-decoration:none;box-shadow:0 3px 7px #071d3218}.mobile-dock a svg{flex:0 0 19px;width:19px;height:19px}.mobile-dock a:first-child{background:#f6b532!important;color:#133857!important}.mobile-dock a:last-child{background:#12964b!important;color:white!important}body{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}
@media(max-width:560px){.site-header .brand img.brand-logo{width:225px;max-height:60px}.site-header .container.nav-wrap{min-height:72px}.vpage-head{padding:32px 0 36px}.vpage-head h1{font-size:2rem}.page-hero.vinner-hero{padding:24px 0 27px}.page-hero.vinner-hero h1{font-size:2.05rem}.page-hero.vinner-hero p{font-size:.9rem}.page-hero.vinner-hero .button{margin-top:12px}.vinner-hero .inner-photo{width:63%;opacity:.13}.kb-guides-grid{grid-template-columns:1fr}.kb-guide-card img{height:200px}.kb-guide-card p{min-height:0}.kb-article-section{padding-top:35px}.kb-article-cover img{height:225px}.company-showcase figure img{height:245px}.mobile-dock a{font-size:.95rem}}

/* V5: match the supplied, transparent Thiru Kannan identity on header and footer. */
.site-header .brand img.brand-logo{filter:none;object-fit:contain;object-position:left center}
.site-footer .brand img.brand-logo{filter:none;object-fit:contain}
@media(max-width:390px){.site-header .brand img.brand-logo{width:min(215px,60vw)}.site-header .container.nav-wrap{gap:8px}}
