/*
Theme Name: Kanish Homes
Theme URI: https://kanishhomes.com/
Author: Kanish Homes
Description: Custom WordPress theme converted from the supplied Kanish Homes HTML website.
Version: 2.0.5
Requires at least: 6.0
Tested up to: 6.8
Text Domain: kanish-homes
*/
*{margin:0;padding:0;box-sizing:border-box;}
:root{--gold:#C9A84C;--gl:#e0bc5a;--dark:#0d0d0d;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--nh:64px;}
html{scroll-behavior:smooth;}
body{background:var(--dark);color:#e8e4dc;font-family:var(--sans);line-height:1.7;overflow-x:hidden;}
img{max-width:100%;display:block;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
nav.main-nav{position:sticky;top:0;z-index:500;background:rgba(10,10,10,.97);border-bottom:2px solid var(--gold);backdrop-filter:blur(10px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nh);max-width:1280px;margin:0 auto;padding:0 5%;}
.nav-logo{display:flex;align-items:center;gap:10px;}
.nav-logo img{height:38px;width:auto;}
.nav-logo-t{font-family:var(--serif);font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap;line-height:1;}
.nav-logo-t span{color:var(--gold);}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links li{position:relative;}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);padding:8px 11px;border-radius:3px;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:4px;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-links a.active{position:relative;}
.nav-links a.active::after{content:'';position:absolute;bottom:-2px;left:11px;right:11px;height:2px;background:var(--gold);border-radius:2px;}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:170px;padding:12px 6px 6px;box-shadow:0 8px 32px rgba(0,0,0,.5);margin-top:0;}
.nav-dd:hover .nav-dd-menu{display:block;}.nav-dd>a{padding-bottom:12px;}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:4px;font-size:13px;color:rgba(255,255,255,.7);}
.nav-dd-menu a:hover{background:rgba(201,168,76,.1);color:#fff;}
.cdot{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-phone{font-size:12px;color:rgba(255,255,255,.6);padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:3px;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .2s,border-color .2s;}
.nav-phone:hover{color:var(--gold);border-color:rgba(201,168,76,.4);}
.nav-pdot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.nav-cta{background:var(--gold);color:#0d0d0d;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:3px;cursor:pointer;border:none;white-space:nowrap;transition:background .2s;}
.nav-cta:hover{background:var(--gl);}
.hbg{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.hbg span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;}
.mm{display:none;position:fixed;top:var(--nh);left:0;right:0;background:#0f0f0f;border-top:1px solid rgba(201,168,76,.2);padding:12px 5% 20px;z-index:499;max-height:calc(100vh - var(--nh));overflow-y:auto;}
.mm.open{display:block;}
.mm a{display:block;padding:11px 0;font-size:15px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06);}
.mm a:hover{color:var(--gold);}
.mm-cta{color:var(--gold)!important;font-weight:700!important;border-bottom:none!important;margin-top:10px!important;}
.btn{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 28px;border-radius:4px;cursor:pointer;border:none;text-decoration:none;transition:background .2s,transform .15s;}
.btn-g{background:var(--gold);color:#0d0d0d;}.btn-g:hover{background:var(--gl);transform:translateY(-1px);}
.btn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);}.btn-o:hover{border-color:var(--gold);color:var(--gold);}
.sec{padding:80px 5%;}.si{max-width:1200px;margin:0 auto;}
.lbl{font-size:11px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;display:block;text-shadow:0 1px 6px rgba(0,0,0,.6);}
.h1{font-family:var(--serif);font-size:clamp(32px,5vw,68px);font-weight:700;line-height:1.1;color:#fff;margin-bottom:18px;text-shadow:0 2px 20px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.75);}
.h2{font-family:var(--serif);font-size:clamp(26px,3.5vw,44px);font-weight:700;line-height:1.2;color:#fff;margin-bottom:16px;}
.h3{font-family:var(--serif);font-size:clamp(20px,2.5vw,28px);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.25;}
.sub{font-size:15px;color:rgba(255,255,255,.75);line-height:1.75;max-width:580px;text-shadow:0 1px 8px rgba(0,0,0,.6);}
.dvdr{width:48px;height:3px;background:var(--gold);margin:14px 0 26px;border-radius:2px;}
.g3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.g2{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:border-color .25s,transform .25s;}
.card:hover{border-color:rgba(201,168,76,.4);transform:translateY(-3px);}
.ci{width:100%;height:220px;object-fit:cover;}
.cb{padding:22px;}
.ct{font-size:10px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-weight:600;}
.cn{font-family:var(--serif);font-size:19px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3;}
.cd{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;}
.stats{background:rgba(201,168,76,.07);border-top:1px solid rgba(201,168,76,.2);border-bottom:1px solid rgba(201,168,76,.2);padding:24px 5%;}
.stats-i{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;}
.stat{text-align:center;}.sn{font-family:var(--serif);font-size:36px;font-weight:700;color:var(--gold);}
.sl{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:2px;margin-top:3px;}
.cta-band{background:linear-gradient(135deg,#0a1628,#162340);padding:72px 5%;text-align:center;}
.cta-band h2{font-family:var(--serif);font-size:clamp(26px,3vw,42px);color:#fff;margin-bottom:12px;}
.cta-band p{font-size:15px;color:rgba(255,255,255,.55);margin-bottom:30px;line-height:1.7;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
footer{background:#070707;border-top:2px solid rgba(201,168,76,.2);padding:56px 5% 28px;}
.fi{max-width:1200px;margin:0 auto;}
.fg{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:28px;}
.fb img{height:36px;margin-bottom:14px;}
.fb p{font-size:13px;color:rgba(255,255,255,.35);line-height:1.8;max-width:260px;margin-bottom:16px;}
.fbadge{display:inline-block;font-size:11px;color:var(--gold);border:1px solid rgba(201,168,76,.3);padding:5px 12px;border-radius:20px;letter-spacing:.05em;}
.fc-t{font-size:11px;color:rgba(255,255,255,.3);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-weight:600;}
.fc a,.fc span{display:block;font-size:13px;color:rgba(255,255,255,.45);margin-bottom:10px;transition:color .2s;}
.fc a:hover{color:var(--gold);}
.fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.fbot span{font-size:12px;color:rgba(255,255,255,.2);}
.modal-ov{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px;}
.modal-ov.open{display:flex;}
.modal{background:#111;border:1px solid rgba(201,168,76,.25);border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:su .3s ease;}
@keyframes su{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.mh{padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;}
.mh h3{font-family:var(--serif);font-size:24px;color:#fff;}
.mcl{background:none;border:none;color:rgba(255,255,255,.4);font-size:28px;cursor:pointer;line-height:1;padding:0 4px;}
.mcl:hover{color:#fff;}
.mb{padding:22px 24px 28px;}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg2{margin-bottom:14px;}
.fg2 label{display:block;font-size:11px;color:rgba(255,255,255,.4);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em;}
.fi2,.fsel{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:11px 13px;color:#fff;font-size:14px;font-family:var(--sans);transition:border-color .2s;}
.fi2:focus,.fsel:focus{outline:none;border-color:var(--gold);}
.fsel option{background:#1a1a1a;}
.msub{width:100%;background:var(--gold);color:#0d0d0d;border:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px;border-radius:4px;cursor:pointer;margin-top:8px;transition:background .2s;}
.msub:hover{background:var(--gl);}
.msuc{display:none;text-align:center;padding:20px 0;}
.msuc-ico{font-size:48px;margin-bottom:14px;}
.msuc h3{font-family:var(--serif);font-size:26px;color:#fff;margin-bottom:8px;}
.msuc p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;}
@media(max-width:1024px){.fg{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){:root{--nh:56px;}.nav-links,.nav-phone{display:none!important;}.hbg{display:flex!important;}.sec{padding:56px 5%;}.fg{grid-template-columns:1fr 1fr;}.stats-i{display:grid;grid-template-columns:1fr 1fr;gap:20px;}}
@media(max-width:480px){.g2,.g3{grid-template-columns:1fr;}.fr2{grid-template-columns:1fr;}.fg{grid-template-columns:1fr;}.cta-row{flex-direction:column;align-items:center;}}
/* ── COMPREHENSIVE MOBILE FIXES ── */
@media(max-width:768px){
  /* Hero */
  section[style*="min-height:92vh"],section[style*="min-height:60vh"],section[style*="min-height:55vh"],section[style*="min-height:50vh"]{min-height:70vh!important;}
  /* Hero content padding */
  div[style*="padding:80px 5%"]{padding:48px 5% 40px!important;}
  div[style*="padding:60px 5%"]{padding:40px 5% 32px!important;}
  /* All inline 2-col grids → single col */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  /* Image grids in why-choose section */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  /* Location city cards min-height */
  div[style*="min-height:300px"],div[style*="min-height:320px"]{min-height:240px!important;}
  /* Process steps row → 2 col */
  div[style*="grid-template-columns:repeat(auto-fill,minmax(220px"]{
    grid-template-columns:1fr 1fr!important;
  }
  /* Services flex pairs */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:56px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:60px"]{
    grid-template-columns:1fr!important;
  }
  /* CTA band padding */
  .cta-band{padding:48px 5%!important;}
  /* Section padding already handled by .sec */
  /* Footer grid handled by existing rule */
  /* Stats */
  .sn{font-size:28px!important;}
  /* Card images smaller on mobile */
  .ci{height:180px!important;}
  /* Modal padding */
  .mb{padding:16px 16px 20px!important;}
  .mh{padding:16px 16px 14px!important;}
  /* Buttons full width in hero */
  div[style*="display:flex;gap:14px;flex-wrap:wrap"] .btn{width:100%;text-align:center;justify-content:center;}
}
@media(max-width:480px){
  /* Image pair grids → single col on very small */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:8px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }
  /* Process steps */
  div[style*="grid-template-columns:1fr 1fr"][style*="border"]{
    grid-template-columns:1fr!important;
  }
  /* Area list grid in coimbatore/chennai pages */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px"]{
    grid-template-columns:1fr!important;
  }
  /* Stat numbers */
  .sn{font-size:32px!important;}
  /* Logo text size */
  .nav-logo-t{font-size:17px!important;}
  /* Hero title */
  .h1{font-size:28px!important;}
  .h2{font-size:22px!important;}
}


/* BLOG INDEX SOURCE CSS */

    *{margin:0;padding:0;box-sizing:border-box;} :root{--gold:#C9A84C;--dark:#0d0d0d;--blue:#1A5BA6;}
    body{background:#f4f4f4;color:#1a1a1a;font-family:'DM Sans',sans-serif;}
    nav{background:#0d0d0d;padding:0 5%;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100;}
    .ni{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;}
    .logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:#fff;text-decoration:none;}
    .logo span{color:var(--gold);}
    .nl{display:flex;align-items:center;gap:24px;}
    .nl a{font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;transition:color .2s;}
    .nl a:hover{color:var(--gold);}
    .ncta{background:var(--gold)!important;color:#0d0d0d!important;padding:9px 20px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
    .hero{background:linear-gradient(135deg,#0a1628,#0d0d0d);padding:64px 5% 56px;border-bottom:1px solid rgba(201,168,76,0.2);}
    .hi{max-width:1200px;margin:0 auto;}
    .tag{font-size:11px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;}
    h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,54px);font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px;}
    .hero p{font-size:16px;color:rgba(255,255,255,0.55);max-width:640px;line-height:1.75;}
    .stats{display:flex;gap:32px;margin-top:32px;flex-wrap:wrap;}
    .stat{text-align:left;}
    .stat-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--gold);}
    .stat-l{font-size:12px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;}
    .main{max-width:1200px;margin:0 auto;padding:56px 5%;}
    .section-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:#0d0d0d;margin-bottom:28px;}
    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}
    .card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform .25s,box-shadow .25s;text-decoration:none;display:flex;flex-direction:column;}
    .card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.12);}
    .card-body{padding:24px;flex:1;display:flex;flex-direction:column;}
    .card-cat{font-size:10px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-weight:600;}
    .card h2{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:#0d0d0d;line-height:1.35;margin-bottom:10px;}
    .card p{font-size:13px;color:#666;line-height:1.7;flex:1;margin-bottom:16px;}
    .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;border-top:1px solid #f0f0f0;padding-top:14px;margin-top:auto;}
    .read-more{font-size:12px;color:var(--blue);font-weight:600;}
    .filter-btn{background:#fff;border:1px solid #e0e0e0;color:#555;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s;font-family:'DM Sans',sans-serif;}
    .filter-btn.active,.filter-btn:hover{background:var(--gold);color:#0d0d0d;border-color:var(--gold);font-weight:600;}
    .card[data-future]{display:none!important;}
    .cta-section{background:linear-gradient(135deg,#0a1628,#1a2a4a);padding:72px 5%;text-align:center;margin-top:72px;}
    .cta-section h2{font-family:'Cormorant Garamond',serif;font-size:38px;color:#fff;margin-bottom:14px;}
    .cta-section p{font-size:15px;color:rgba(255,255,255,0.6);margin-bottom:28px;}
    .cta-btn{background:var(--gold);color:#0d0d0d;padding:14px 36px;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;letter-spacing:.06em;text-transform:uppercase;}
    footer{background:#0d0d0d;padding:28px 5%;border-top:3px solid var(--gold);}
    .fi{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
    .fl{font-size:13px;color:rgba(255,255,255,0.35);}
    .flinks{display:flex;gap:20px;} .flinks a{font-size:13px;color:rgba(255,255,255,0.35);text-decoration:none;}
    .flinks a:hover{color:var(--gold);}
    @media(max-width:640px){.nl{display:none;}.grid{grid-template-columns:1fr;}.stats{gap:16px;}}
  
/* NAV OVERRIDE */

nav.main-nav{position:sticky;top:0;z-index:500;background:rgba(10,10,10,.97);border-bottom:2px solid #C9A84C;backdrop-filter:blur(10px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1280px;margin:0 auto;padding:0 5%;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:36px;width:auto;}
.nav-logo-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap;line-height:1;}
.nav-logo-t span{color:#C9A84C;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.nav-links li{position:relative;}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);padding:8px 11px;border-radius:3px;transition:color .2s;white-space:nowrap;display:flex;align-items:center;text-decoration:none;}
.nav-links a:hover{color:#fff;}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:170px;padding:12px 6px 6px;box-shadow:0 8px 32px rgba(0,0,0,.5);margin-top:0;}
.nav-dd:hover .nav-dd-menu{display:block;}.nav-dd>a{padding-bottom:12px;}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:4px;font-size:13px;color:rgba(255,255,255,.7);}
.nav-dd-menu a:hover{background:rgba(201,168,76,.1);color:#fff;}
.cdot{width:7px;height:7px;border-radius:50%;background:#C9A84C;display:inline-block;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-phone{font-size:12px;color:rgba(255,255,255,.6);padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:3px;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;transition:color .2s,border-color .2s;}
.nav-phone:hover{color:#C9A84C;border-color:rgba(201,168,76,.4);}
.nav-pdot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.nav-cta{background:#C9A84C;color:#0d0d0d;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:3px;cursor:pointer;border:none;white-space:nowrap;transition:background .2s;text-decoration:none;}
.nav-cta:hover{background:#e0bc5a;}
.hbg{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.hbg span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;}
.mm{display:none;position:fixed;top:64px;left:0;right:0;background:#0f0f0f;border-top:1px solid rgba(201,168,76,.2);padding:12px 5% 20px;z-index:499;max-height:calc(100vh - 64px);overflow-y:auto;}
.mm.open{display:block;}
.mm a{display:block;padding:11px 0;font-size:15px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;}
.mm a:hover{color:#C9A84C;}
.mm-cta{color:#C9A84C!important;font-weight:700!important;border-bottom:none!important;margin-top:10px!important;}
@media(max-width:768px){.nav-links,.nav-phone{display:none!important;}.hbg{display:flex!important;}}

/* ── COMPREHENSIVE MOBILE FIXES ── */
@media(max-width:768px){
  /* Hero */
  section[style*="min-height:92vh"],section[style*="min-height:60vh"],section[style*="min-height:55vh"],section[style*="min-height:50vh"]{min-height:70vh!important;}
  /* Hero content padding */
  div[style*="padding:80px 5%"]{padding:48px 5% 40px!important;}
  div[style*="padding:60px 5%"]{padding:40px 5% 32px!important;}
  /* All inline 2-col grids → single col */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  /* Image grids in why-choose section */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  /* Location city cards min-height */
  div[style*="min-height:300px"],div[style*="min-height:320px"]{min-height:240px!important;}
  /* Process steps row → 2 col */
  div[style*="grid-template-columns:repeat(auto-fill,minmax(220px"]{
    grid-template-columns:1fr 1fr!important;
  }
  /* Services flex pairs */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:56px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:60px"]{
    grid-template-columns:1fr!important;
  }
  /* CTA band padding */
  .cta-band{padding:48px 5%!important;}
  /* Section padding already handled by .sec */
  /* Footer grid handled by existing rule */
  /* Stats */
  .sn{font-size:28px!important;}
  /* Card images smaller on mobile */
  .ci{height:180px!important;}
  /* Modal padding */
  .mb{padding:16px 16px 20px!important;}
  .mh{padding:16px 16px 14px!important;}
  /* Buttons full width in hero */
  div[style*="display:flex;gap:14px;flex-wrap:wrap"] .btn{width:100%;text-align:center;justify-content:center;}
}
@media(max-width:480px){
  /* Image pair grids → single col on very small */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:8px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }
  /* Process steps */
  div[style*="grid-template-columns:1fr 1fr"][style*="border"]{
    grid-template-columns:1fr!important;
  }
  /* Area list grid in coimbatore/chennai pages */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px"]{
    grid-template-columns:1fr!important;
  }
  /* Stat numbers */
  .sn{font-size:32px!important;}
  /* Logo text size */
  .nav-logo-t{font-size:17px!important;}
  /* Hero title */
  .h1{font-size:28px!important;}
  .h2{font-size:22px!important;}
}


/* BLOG ARTICLE SOURCE CSS */

    *{margin:0;padding:0;box-sizing:border-box;}
    :root{--gold:#C9A84C;--dark:#0d0d0d;--blue:#1A5BA6;}
    body{background:#fff;color:#1a1a1a;font-family:'DM Sans',sans-serif;line-height:1.7;}
    nav{background:#0d0d0d;padding:0 5%;border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:100;}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
    .nav-logo{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;text-decoration:none;}
    .nav-logo span{color:var(--gold);}
    .nav-back{font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;}
    .nav-back:hover{color:var(--gold);}
    .nav-cta{background:var(--gold);color:#0d0d0d;padding:9px 20px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;}
    .blog-hero{background:linear-gradient(135deg,#0a1628,#1a2a4a);padding:56px 5% 48px;}
    .blog-category{font-size:11px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;}
    .blog-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,50px);font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px;max-width:800px;}
    .blog-meta{display:flex;align-items:center;gap:20px;font-size:13px;color:rgba(255,255,255,0.45);flex-wrap:wrap;}
    .blog-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;max-width:1100px;margin:0 auto;padding:56px 5%;}
    .blog-content h2{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:#111;margin:36px 0 14px;border-left:3px solid var(--gold);padding-left:14px;}
    .blog-content h3{font-size:17px;font-weight:600;color:#111;margin:22px 0 10px;}
    .blog-content p{font-size:15px;color:#333;margin-bottom:18px;line-height:1.85;}
    .blog-content ul,.blog-content ol{margin:0 0 18px 22px;}
    .blog-content li{font-size:15px;color:#333;margin-bottom:8px;line-height:1.7;}
    .blog-content strong{color:#111;font-weight:600;}
    .callout{background:#f8f4ec;border-left:4px solid var(--gold);padding:20px 24px;margin:28px 0;border-radius:0 4px 4px 0;}
    .callout p{margin:0;font-size:15px;color:#555;}
    table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
    th{background:#0a1628;color:#fff;padding:12px 16px;text-align:left;font-weight:600;}
    td{padding:11px 16px;border-bottom:1px solid #eee;}
    tr:nth-child(even) td{background:#f9f9f9;}
    .cta-box{background:linear-gradient(135deg,#0a1628,#1a2a4a);border-radius:8px;padding:36px;margin:40px 0;text-align:center;}
    .cta-box h3{font-family:'Cormorant Garamond',serif;font-size:26px;color:#fff;margin-bottom:10px;}
    .cta-box p{font-size:14px;color:rgba(255,255,255,0.6);margin-bottom:24px;}
    .cta-box a{background:var(--gold);color:#0d0d0d;padding:13px 28px;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:0.06em;text-transform:uppercase;display:inline-block;}
    .sidebar{position:sticky;top:80px;height:fit-content;}
    .sidebar-cta{background:linear-gradient(135deg,#0a1628,#1a2a4a);border-radius:6px;padding:24px;text-align:center;}
    .sidebar-cta h4{font-family:'Cormorant Garamond',serif;font-size:20px;color:#fff;margin-bottom:8px;}
    .sidebar-cta p{font-size:13px;color:rgba(255,255,255,0.55);margin-bottom:16px;line-height:1.6;}
    .sidebar-cta a{background:var(--gold);color:#0d0d0d;padding:11px 20px;border-radius:3px;font-size:12px;font-weight:700;text-decoration:none;display:block;letter-spacing:0.06em;text-transform:uppercase;}
    .sidebar-card{background:#f8f8f8;border-radius:6px;padding:20px;margin-top:20px;}
    .sidebar-card h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#888;margin-bottom:12px;}
    .sidebar-card ul{list-style:none;}
    .sidebar-card li{border-bottom:1px solid #eee;padding:8px 0;}
    .sidebar-card li a{font-size:13px;color:#333;text-decoration:none;}
    .sidebar-card li a:hover{color:var(--blue);}
    footer{background:#0d0d0d;padding:28px 5%;margin-top:64px;border-top:2px solid var(--gold);}
    .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
    .footer-left{font-size:13px;color:rgba(255,255,255,0.4);}
    .footer-links{display:flex;gap:20px;}
    .footer-links a{font-size:13px;color:rgba(255,255,255,0.4);text-decoration:none;}
    .footer-links a:hover{color:var(--gold);}
    @media(max-width:768px){.blog-layout{grid-template-columns:1fr;}.sidebar{position:static;}}
  
/* NAV OVERRIDE */

nav.main-nav{position:sticky;top:0;z-index:500;background:rgba(10,10,10,.97);border-bottom:2px solid #C9A84C;backdrop-filter:blur(10px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1280px;margin:0 auto;padding:0 5%;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:36px;width:auto;}
.nav-logo-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap;line-height:1;}
.nav-logo-t span{color:#C9A84C;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.nav-links li{position:relative;}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);padding:8px 11px;border-radius:3px;transition:color .2s;white-space:nowrap;display:flex;align-items:center;text-decoration:none;}
.nav-links a:hover{color:#fff;}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:170px;padding:12px 6px 6px;box-shadow:0 8px 32px rgba(0,0,0,.5);margin-top:0;}
.nav-dd:hover .nav-dd-menu{display:block;}.nav-dd>a{padding-bottom:12px;}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:4px;font-size:13px;color:rgba(255,255,255,.7);}
.nav-dd-menu a:hover{background:rgba(201,168,76,.1);color:#fff;}
.cdot{width:7px;height:7px;border-radius:50%;background:#C9A84C;display:inline-block;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-phone{font-size:12px;color:rgba(255,255,255,.6);padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:3px;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;transition:color .2s,border-color .2s;}
.nav-phone:hover{color:#C9A84C;border-color:rgba(201,168,76,.4);}
.nav-pdot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.nav-cta{background:#C9A84C;color:#0d0d0d;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:3px;cursor:pointer;border:none;white-space:nowrap;transition:background .2s;text-decoration:none;}
.nav-cta:hover{background:#e0bc5a;}
.hbg{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.hbg span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;}
.mm{display:none;position:fixed;top:64px;left:0;right:0;background:#0f0f0f;border-top:1px solid rgba(201,168,76,.2);padding:12px 5% 20px;z-index:499;max-height:calc(100vh - 64px);overflow-y:auto;}
.mm.open{display:block;}
.mm a{display:block;padding:11px 0;font-size:15px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;}
.mm a:hover{color:#C9A84C;}
.mm-cta{color:#C9A84C!important;font-weight:700!important;border-bottom:none!important;margin-top:10px!important;}
@media(max-width:768px){.nav-links,.nav-phone{display:none!important;}.hbg{display:flex!important;}}

/* ── COMPREHENSIVE MOBILE FIXES ── */
@media(max-width:768px){
  /* Hero */
  section[style*="min-height:92vh"],section[style*="min-height:60vh"],section[style*="min-height:55vh"],section[style*="min-height:50vh"]{min-height:70vh!important;}
  /* Hero content padding */
  div[style*="padding:80px 5%"]{padding:48px 5% 40px!important;}
  div[style*="padding:60px 5%"]{padding:40px 5% 32px!important;}
  /* All inline 2-col grids → single col */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  /* Image grids in why-choose section */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  /* Location city cards min-height */
  div[style*="min-height:300px"],div[style*="min-height:320px"]{min-height:240px!important;}
  /* Process steps row → 2 col */
  div[style*="grid-template-columns:repeat(auto-fill,minmax(220px"]{
    grid-template-columns:1fr 1fr!important;
  }
  /* Services flex pairs */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:56px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:60px"]{
    grid-template-columns:1fr!important;
  }
  /* CTA band padding */
  .cta-band{padding:48px 5%!important;}
  /* Section padding already handled by .sec */
  /* Footer grid handled by existing rule */
  /* Stats */
  .sn{font-size:28px!important;}
  /* Card images smaller on mobile */
  .ci{height:180px!important;}
  /* Modal padding */
  .mb{padding:16px 16px 20px!important;}
  .mh{padding:16px 16px 14px!important;}
  /* Buttons full width in hero */
  div[style*="display:flex;gap:14px;flex-wrap:wrap"] .btn{width:100%;text-align:center;justify-content:center;}
}
@media(max-width:480px){
  /* Image pair grids → single col on very small */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:8px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }
  /* Process steps */
  div[style*="grid-template-columns:1fr 1fr"][style*="border"]{
    grid-template-columns:1fr!important;
  }
  /* Area list grid in coimbatore/chennai pages */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px"]{
    grid-template-columns:1fr!important;
  }
  /* Stat numbers */
  .sn{font-size:32px!important;}
  /* Logo text size */
  .nav-logo-t{font-size:17px!important;}
  /* Hero title */
  .h1{font-size:28px!important;}
  .h2{font-size:22px!important;}
}


/* WordPress compatibility */
.wp-content{margin:0;padding:0;} .wp-content>*:first-child{margin-top:0;}

/* v2.0.1 hardening: WordPress content must inherit the original site canvas. */
html,body{background:#0d0d0d!important;color:#e8e4dc!important;}
main.wp-content{background:#0d0d0d;color:#e8e4dc;}
main.wp-content img{max-width:100%;height:auto;}

/* v2.0.2 — City-page area-list isolation.
 * The supplied city HTML intentionally uses 13px spans. WordPress themes,
 * typography plugins, and inherited span rules must never enlarge them. */
main.wp-content.kh-city-content .kh-area-grid,
main.wp-content.kh-city-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"] {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-auto-flow:row !important;
  gap:6px 20px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:rgba(255,255,255,.5) !important;
  margin-bottom:18px !important;
}
main.wp-content.kh-city-content .kh-area-grid > span,
main.wp-content.kh-city-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"] > span {
  display:block !important;
  position:static !important;
  box-sizing:border-box !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.7 !important;
  font-weight:400 !important;
  color:rgba(255,255,255,.5) !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  white-space:normal !important;
}
@media (max-width:480px){
  main.wp-content.kh-city-content .kh-area-grid,
  main.wp-content.kh-city-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"] {
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
}


/* v2.0.3 — PROJECT CARDS MUST NOT INHERIT BLOG CARD STYLES.
 * The updated source site uses .card for both sections, while the blog
 * stylesheet is also loaded globally. Scope the project-card presentation
 * back to the original dark project design. */
main.wp-content .g3 .card{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  text-decoration:none!important;
  display:block!important;
  flex-direction:initial!important;
  color:#e8e4dc!important;
}
main.wp-content .g3 .card:hover{
  border-color:rgba(201,168,76,.4)!important;
  transform:translateY(-3px)!important;
  box-shadow:none!important;
}
main.wp-content .g3 .card img,
main.wp-content .g3 .card .ci{
  display:block!important;
  width:100%!important;
  height:220px!important;
  max-height:220px!important;
  object-fit:cover!important;
  margin:0!important;
  border:0!important;
}
main.wp-content .g3 .card .cb{
  padding:22px!important;
  background:transparent!important;
  color:#e8e4dc!important;
}
main.wp-content .g3 .card .ct{
  font-size:10px!important;
  color:var(--gold)!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
  font-weight:600!important;
}
main.wp-content .g3 .card .cn{
  font-family:var(--serif)!important;
  font-size:19px!important;
  font-weight:700!important;
  color:#fff!important;
  line-height:1.3!important;
  margin:0 0 8px!important;
}
main.wp-content .g3 .card .cd{
  font-size:14px!important;
  color:rgba(255,255,255,.5)!important;
  line-height:1.7!important;
  margin:0!important;
}

/* v2.0.4 — CITY HTML MUST RENDER AS-SUPPLIED.
 * The city pages contain complete, hand-authored HTML. WordPress's wpautop
 * must not insert paragraphs/line breaks into the area grids. These rules
 * are deliberately scoped to the city pages only. */
main.wp-content.kh-city-content .kh-area-grid,
main.wp-content.kh-city-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"] {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-auto-rows:max-content !important;
  grid-auto-flow:row !important;
  align-items:start !important;
  justify-items:stretch !important;
  column-gap:20px !important;
  row-gap:6px !important;
  font-size:13px !important;
  line-height:1.7 !important;
}
main.wp-content.kh-city-content .kh-area-grid > span,
main.wp-content.kh-city-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px 20px"] > span {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  line-height:1.7 !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:rgba(255,255,255,.5) !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  white-space:normal !important;
}

/* v2.0.4 — MOBILE HEADER: preserve the original layout without logo/CTA overlap. */
@media (max-width:768px) {
  nav.main-nav .nav-inner {
    height:56px !important;
    padding:0 16px !important;
    gap:8px !important;
    min-width:0 !important;
  }
  nav.main-nav .nav-logo {
    min-width:0 !important;
    flex:1 1 auto !important;
    gap:6px !important;
    overflow:hidden !important;
  }
  nav.main-nav .nav-logo img {
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
  }
  nav.main-nav .nav-logo-t {
    font-size:16px !important;
    letter-spacing:.5px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  nav.main-nav .nav-right {
    flex:0 0 auto !important;
    gap:6px !important;
    min-width:0 !important;
  }
  nav.main-nav .nav-cta {
    padding:8px 11px !important;
    font-size:10px !important;
    letter-spacing:.06em !important;
    line-height:1 !important;
    flex:0 0 auto !important;
  }
  nav.main-nav .hbg {
    width:34px !important;
    height:34px !important;
    padding:6px !important;
    flex:0 0 34px !important;
    justify-content:center !important;
    align-items:center !important;
  }
  nav.main-nav .hbg span {
    width:21px !important;
    height:2px !important;
  }
  .mm {
    top:56px !important;
    max-height:calc(100vh - 56px) !important;
  }
}
@media (max-width:380px) {
  nav.main-nav .nav-logo-t { font-size:15px !important; }
  nav.main-nav .nav-cta { padding:8px 9px !important; font-size:9px !important; }
  nav.main-nav .nav-inner { padding-left:12px !important; padding-right:12px !important; }
}


/* v2.0.5 — COMPLETE WORDPRESS ISOLATION / VALIDATION FIXES
 * The supplied HTML contains page-specific CSS using generic selectors such as
 * body, .card, .grid and .stat. Those selectors must not leak between templates.
 */

/* BLOG INDEX: keep the supplied blog design isolated from project/service pages. */
main.kh-blog-index { background:#f4f4f4; color:#1a1a1a; min-height:40vh; }
main.kh-blog-index .kh-blog-hero { background:linear-gradient(135deg,#0a1628,#1a2a4a); padding:64px 5% 56px; border-bottom:1px solid rgba(201,168,76,.2); }
main.kh-blog-index .kh-blog-inner { max-width:1200px; margin:0 auto; }
main.kh-blog-index .kh-blog-tag { font-size:11px; color:var(--gold); letter-spacing:4px; text-transform:uppercase; margin-bottom:14px; }
main.kh-blog-index .kh-blog-hero h1 { font-family:var(--serif); font-size:clamp(32px,4vw,54px); font-weight:700; color:#fff; line-height:1.2; margin:0 0 16px; }
main.kh-blog-index .kh-blog-hero p { font-size:16px; color:rgba(255,255,255,.55); max-width:760px; line-height:1.75; margin:0; }
main.kh-blog-index .kh-blog-stats { display:flex; gap:32px; margin-top:32px; flex-wrap:wrap; }
main.kh-blog-index .kh-blog-stat { text-align:left; }
main.kh-blog-index .kh-blog-stat-n { font-family:var(--serif); font-size:28px; font-weight:700; color:var(--gold); }
main.kh-blog-index .kh-blog-stat-l { font-size:12px; color:rgba(255,255,255,.4); text-transform:uppercase; letter-spacing:1px; }
main.kh-blog-index .kh-blog-main { max-width:1200px; margin:0 auto; padding:56px 5%; background:#f4f4f4; }
main.kh-blog-index .kh-blog-filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:32px; }
main.kh-blog-index .kh-blog-filter-btn { background:#fff; border:1px solid #e0e0e0; color:#555; padding:8px 16px; border-radius:20px; cursor:pointer; font-size:13px; font-family:var(--sans); transition:all .2s; }
main.kh-blog-index .kh-blog-filter-btn.active, main.kh-blog-index .kh-blog-filter-btn:hover { background:var(--gold); color:#0d0d0d; border-color:var(--gold); font-weight:600; }
main.kh-blog-index .kh-blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:20px; }
main.kh-blog-index .kh-blog-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:transform .25s,box-shadow .25s; text-decoration:none; display:flex; flex-direction:column; color:#1a1a1a; }
main.kh-blog-index .kh-blog-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.12); }
main.kh-blog-index .kh-blog-card-body { padding:24px; flex:1; display:flex; flex-direction:column; }
main.kh-blog-index .kh-blog-card-cat { font-size:10px; color:var(--gold); letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; font-weight:600; }
main.kh-blog-index .kh-blog-card h2 { font-family:var(--serif); font-size:19px; font-weight:700; color:#0d0d0d; line-height:1.35; margin:0 0 10px; }
main.kh-blog-index .kh-blog-card p { font-size:13px; color:#666; line-height:1.7; flex:1; margin:0 0 16px; }
main.kh-blog-index .kh-blog-card-meta { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#aaa; border-top:1px solid #f0f0f0; padding-top:14px; margin-top:auto; }
main.kh-blog-index .kh-blog-read-more { font-size:12px; color:#1A5BA6; font-weight:600; }
main.kh-blog-index .kh-blog-count { font-size:13px; color:#999; margin-bottom:22px; }
main.kh-blog-index .kh-blog-cta { background:linear-gradient(135deg,#0a1628,#1a2a4a); padding:72px 5%; text-align:center; margin-top:72px; }
main.kh-blog-index .kh-blog-cta h2 { font-family:var(--serif); font-size:38px; color:#fff; margin:0 0 14px; }
main.kh-blog-index .kh-blog-cta p { font-size:15px; color:rgba(255,255,255,.6); margin:0 0 28px; }
main.kh-blog-index .kh-blog-cta a { background:var(--gold); color:#0d0d0d; padding:14px 36px; border-radius:4px; font-size:13px; font-weight:700; text-decoration:none; display:inline-block; letter-spacing:.06em; text-transform:uppercase; }

/* CITY AREA GRIDS: normalize the exact source markup server-side and prevent
 * inherited typography/margins from changing the layout. */
main.wp-content.kh-city-content .kh-area-grid {
  display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-auto-flow:row !important; grid-auto-rows:auto !important;
  gap:6px 20px !important; align-items:start !important; justify-items:stretch !important;
  width:100% !important; margin:0 0 18px !important; padding:0 !important;
  font-family:var(--sans) !important; font-size:13px !important; line-height:1.7 !important;
  color:rgba(255,255,255,.5) !important;
}
main.wp-content.kh-city-content .kh-area-grid > span {
  display:block !important; width:auto !important; margin:0 !important; padding:0 !important;
  font-family:var(--sans) !important; font-size:13px !important; line-height:1.7 !important;
  font-weight:400 !important; color:rgba(255,255,255,.5) !important;
  letter-spacing:normal !important; text-transform:none !important; position:static !important;
}
@media(max-width:480px){
  main.wp-content.kh-city-content .kh-area-grid { grid-template-columns:1fr !important; gap:6px !important; }
}

/* MOBILE HEADER: use a constrained three-part layout so the logo, quote CTA
 * and hamburger can never overlap. */
@media(max-width:768px){
  nav.main-nav .nav-inner { display:flex !important; align-items:center !important; height:56px !important; padding:0 12px !important; gap:6px !important; }
  nav.main-nav .nav-logo { flex:1 1 auto !important; min-width:0 !important; overflow:hidden !important; gap:6px !important; }
  nav.main-nav .nav-logo img { width:30px !important; height:30px !important; flex:0 0 30px !important; }
  nav.main-nav .nav-logo-t { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; font-size:16px !important; letter-spacing:.3px !important; }
  nav.main-nav .nav-right { flex:0 0 auto !important; display:flex !important; align-items:center !important; gap:5px !important; }
  nav.main-nav .nav-cta { flex:0 0 auto !important; padding:8px 10px !important; font-size:10px !important; line-height:1 !important; }
  nav.main-nav .hbg { flex:0 0 34px !important; width:34px !important; height:34px !important; padding:6px !important; display:flex !important; justify-content:center !important; align-items:center !important; }
}
@media(max-width:360px){
  nav.main-nav .nav-inner { padding:0 8px !important; }
  nav.main-nav .nav-logo-t { font-size:14px !important; }
  nav.main-nav .nav-cta { padding:8px 8px !important; font-size:9px !important; }
  nav.main-nav .hbg { width:32px !important; flex-basis:32px !important; }
}