/* ==========================================================================
   IvyPanda — hero.css
   Homepage hero banner + the generic page-hero banner used on About/Services/Portfolio/Blog.
   ========================================================================== */

/* ---------- Hero ---------- */
.hero { padding: 50px 0; background:  var(--color-secondary); color: #fff; }
.hero-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
.hero-text h1 { font-size: 2.8rem; color: #fff; }
.hero-text p { font-size: 1.1rem; opacity: 0.85; margin-bottom: 24px; }
.hero-image img { border-radius: var(--radius); }

.hero-animation {
	max-width: 460px;
	margin: 0 auto;
}
.hero-network {
	width: 100%;
	height: auto;
	display: block;
}

/* ---------- Generic page hero (About/Services/Portfolio/Blog headers) ---------- */
.page-hero {
	padding: 60px 0 40px;
	background: var(--color-secondary);
	color: #fff;
	text-align: center;
}
.page-hero h1 { color: #fff; margin-bottom: 8px; }
.page-hero .entry-content { max-width: 700px; margin: 16px auto 0; opacity: 0.9; }