.business-detail-hero{min-height:560px!important;background-color:#11245f!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:right center!important}.business-detail-hero .container{position:relative;z-index:1}.business-detail-hero h1{max-width:620px}.business-detail-panel{padding:28px;background:#fff;border:1px solid #dbe2f1;box-shadow:0 16px 32px rgba(17,36,95,.08)}.business-detail-panel dl{display:grid;grid-template-columns:150px 1fr;gap:14px 20px;margin:22px 0 0}.business-detail-panel dt{color:#e31e2f;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.business-detail-panel dd{margin:0;color:#536485}.business-detail-image{display:flex;align-items:center;justify-content:center;min-height:360px;padding:26px;background:linear-gradient(145deg,#edf2f8,#fff);border:1px solid #dbe2f1}.business-detail-image img{display:block;width:100%;height:100%;max-height:450px;object-fit:contain;animation:business-image-in .8s ease both}.business-detail-panel,.business-detail-image{transition:transform .35s ease,box-shadow .35s ease}.business-detail-panel:hover,.business-detail-image:hover{transform:translateY(-5px);box-shadow:0 18px 30px rgba(17,36,95,.12)}.business-list-media img{object-fit:contain!important;padding:18px}.business-logo-media img{padding:0}.business-list-media{background:linear-gradient(145deg,#edf2f8,#fff)!important}.business-list-card{animation:business-card-in .55s ease both}.business-list-card:nth-child(2){animation-delay:.1s}.business-list-card:nth-child(3){animation-delay:.2s}.business-list-card:nth-child(4){animation-delay:.3s}@keyframes business-image-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes business-card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:767.98px){.business-detail-hero{min-height:460px!important;background-size:100% auto!important;background-position:center bottom!important}.business-detail-hero .container{padding-bottom:220px}.business-detail-panel dl{grid-template-columns:1fr;gap:4px 0}.business-detail-panel dd{margin-bottom:12px}.business-detail-image{min-height:260px}}
@media(prefers-reduced-motion:reduce){.business-detail-panel,.business-detail-image,.business-detail-image img,.business-list-card{animation:none;transition:none}}

.business-detail-hero h1 {
	max-width: 760px;
	font-size: clamp(2.25rem, 5vw, 3.75rem) !important;
	line-height: 1.08;
	overflow-wrap: anywhere;
}
.business-detail-overview h2,
.business-detail-hero + .section .row > .col-lg-7 h2 {
	max-width: 680px;
	font-size: clamp(1.75rem, 3.2vw, 2.8rem);
	line-height: 1.12;
	overflow-wrap: anywhere;
}
.business-detail-overview .intro p,
.business-detail-hero + .section .row > .col-lg-7 .intro p {
	margin-bottom: 1rem;
}
@media(max-width:767.98px){
	.business-detail-hero h1{font-size:clamp(2rem,9vw,3rem)!important}
	.business-detail-overview h2,
	.business-detail-hero + .section .row > .col-lg-7 h2{font-size:clamp(1.6rem,7vw,2.25rem)}
}
.business-detail-hero{min-height:0!important;padding:92px 0 82px!important;background-image:linear-gradient(90deg,rgba(17,36,95,.98) 0%,rgba(17,36,95,.82) 42%,rgba(17,36,95,.12) 100%),var(--detail-image,url('/images/zambala construction.jpeg'))!important;background-size:cover,contain!important;background-position:center,right center!important;background-repeat:no-repeat!important}
@media(max-width:767.98px){.business-detail-hero{padding:64px 0 58px!important}.business-detail-hero .container{padding-bottom:0!important}}

/* Business detail page: quiet heading and image-led project cards. */
.business-detail-hero {
	min-height: 0 !important;
	padding: 72px 0 58px !important;
	background: #ffffff !important;
	color: var(--brand-navy, #001f99);
	border-bottom: 1px solid #e2e8f0;
}
.business-detail-hero.page-hero {
	background: #ffffff !important;
	background-image: none !important;
}
.business-detail-hero .eyebrow {
	color: var(--brand-red, #e31e2f) !important;
}
.business-detail-hero h1 {
	color: var(--brand-navy, #001f99) !important;
}
.business-detail-hero p {
	color: #536485 !important;
}
.business-projects .media-card.project-card {
	display: flex !important;
	flex-direction: column;
	padding: 0 !important;
	overflow: hidden;
	background: #ffffff !important;
}
.business-projects .media-card.project-card::before {
	content: '';
	display: block;
	width: 100%;
	height: 140px;
	flex-shrink: 0;
	background: var(--card-image) center / cover no-repeat;
}
.business-projects .media-card.project-card .media-card-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 16px 18px 18px !important;
}
.business-projects .media-card.project-card .media-card-content p,
.business-projects .media-card.project-card .media-card-content::after {
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 0 !important;
	margin: 0 0 14px;
	color: #536485 !important;
	font-size: 13px;
	line-height: 1.45;
}
.business-projects .media-card.project-card .media-card-content::after {
	content: none !important;
}
.business-projects .media-card.project-card .media-card-content h3 {
	margin: 6px 0 12px;
	font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
}
.business-projects .media-card.project-card .media-card-content span {
	margin-top: auto;
}
.business-projects > .container > .row > [class*="col-"] {
	flex: 0 0 25%;
	max-width: 25%;
}
.business-projects h2 {
	max-width: 100%;
	font-size: clamp(1.9rem, 3.5vw, 3rem) !important;
	line-height: 1.12;
	overflow-wrap: anywhere;
}
.business-detail-hero + .section .row > .col-lg-7 .intro.is-collapsed {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.business-read-more {
	display: inline-flex;
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--brand-blue, #0033ff);
	font-weight: 700;
	cursor: pointer;
}
@media(max-width:767.98px){
	.business-detail-hero{padding:52px 0 42px!important}
	.business-projects .media-card.project-card::before{height:130px}
	.business-projects > .container > .row > [class*="col-"]{flex-basis:50%;max-width:50%}
}
@media(max-width:575.98px){
	.business-projects > .container > .row > [class*="col-"]{flex-basis:100%;max-width:100%}
}