/* Industry Hubs (template: TEB — Industry Hubs). Moved from the old template's inline <style>. */
/* ===== Industry Hubs — self-contained, scoped with .ih- ===== */
.ih-page{padding-bottom:70px;}

/* ---- Full hero image (shows the WHOLE image, never cropped) ---- */
.ih-hero{width:100%;background:var(--bg-alt,#eef2fb);}
.ih-hero img{display:block;width:100%;height:auto;}

/* ---- Heading ---- */
.ih-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.ih-head{text-align:center;padding:46px 0 30px;}
.ih-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue,#2f4bd6);}
.ih-title{font-size:38px;font-weight:800;color:var(--text,#141b2e);margin:12px 0 0;line-height:1.15;}
.ih-sub{color:var(--text-mut,#6b7691);font-size:15px;margin:12px auto 0;max-width:620px;line-height:1.6;}

/* ---- Region grid ---- */
.ih-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ih-card{background:var(--surface,#fff);border:1px solid var(--line,#e6eaf3);border-radius:16px;overflow:hidden;
	box-shadow:var(--shadow-sm,0 1px 3px rgba(20,30,60,.06));text-align:center;text-decoration:none;
	transition:transform .28s ease,box-shadow .28s ease;}
.ih-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg,0 18px 40px rgba(20,30,60,.16));}

/* skyline fallback (jab image na ho) */
.ih-img{background:linear-gradient(180deg,#eaf0fb,#dae3f6);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;}
.ih-img svg{width:82%;height:auto;max-height:80%;display:block;opacity:.92;transition:transform .28s ease;}
.ih-card:hover .ih-img svg{transform:scale(1.06);opacity:1;}

/* real photo: fixed 4:3 box — image PURI dikhegi (no crop), aur blurred fill se white gap nahi aayega */
.ih-card .ih-img.photo{
	position:relative;
	padding:0;
	width:100%;
	aspect-ratio:4/3;              /* saare card same height */
	overflow:hidden;
	background:#eef2fb;
}
.ih-card .ih-img.photo .ih-bg{     /* peeche same image ka soft blur — gap bharta hai */
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
	filter:blur(18px) brightness(.92);
	transform:scale(1.15);
	z-index:0;
}
.ih-card .ih-img.photo img{        /* asli sharp image — poori, kabhi crop nahi */
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	object-fit:cover!important;
	object-position:center;
	display:block;
	transition:transform .28s ease;
}
.ih-card:hover .ih-img.photo img{transform:scale(1.04);}

.ih-name{padding:14px 8px;font-weight:700;font-size:15px;color:var(--text,#1f2740);background:var(--surface,#fff);}

/* ---- Hidden "rest of regions" until View all ---- */
.ih-rest{display:none;}
.ih-rest.show{display:contents;}
.ih-actions{text-align:center;margin-top:26px;}
.ih-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
	border:1px solid var(--blue,#2f4bd6);color:var(--blue,#2f4bd6);background:var(--surface,#fff);
	padding:12px 26px;border-radius:999px;font-family:inherit;font-size:14.5px;font-weight:700;
	transition:background .2s ease,color .2s ease;}
.ih-btn:hover{background:var(--blue,#2f4bd6);color:#fff;}
.ih-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .25s ease;}
.ih-btn.open svg{transform:rotate(180deg);}

@media (max-width:1024px){ .ih-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:720px){ .ih-grid{grid-template-columns:repeat(2,1fr);} .ih-title{font-size:30px;} }
@media (max-width:440px){ .ih-grid{grid-template-columns:1fr;} }