/* Extracted from lib.css — loaded conditionally via functions.php */

/* ── Hero ────────────────────────────────────────────────────── */

.lib-hero {
	background: var(--wp--preset--color--salmon);
	position: relative;
	overflow: hidden;
	padding: 2.5rem 1.5rem 6rem;
	text-align: center;
}

.lib-hero::before {
	content: '';
	position: absolute;
	top: -60px;
	right: -80px;
	width: 360px;
	height: 280px;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 358 273' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0,273) scale(0.1,-0.1)'%3E%3Cpath fill='rgba(255,255,255,0.08)' d='M360 2708 c-67 -26 -171 -125 -217 -208 -44 -78 -88 -211 -115 -342 -20 -99 -23 -143 -23 -353 0 -244 8 -329 46 -524 103 -516 364 -889 764 -1089 153 -76 391 -147 592 -176 143 -20 478 -21 618 -1 382 54 787 208 1055 400 284 205 409 407 477 775 14 76 18 149 18 370 0 278 -7 364 -45 587 -63 358 -207 565 -405 581 -78 6 -148 -23 -214 -89 -108 -108 -150 -203 -255 -572 -107 -372 -175 -532 -281 -654 -43 -51 -55 -53 -55 -14 0 16 -9 59 -21 96 -27 87 -88 156 -164 184 -111 42 -296 50 -423 20 -186 -45 -340 -192 -412 -396 -13 -35 -27 -63 -32 -63 -19 0 -143 135 -176 192 -82 140 -132 290 -213 647 -81 358 -120 460 -215 555 -89 91 -193 116 -304 74z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	pointer-events: none;
}

.lib-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 620px;
	margin: 0 auto;
}

/* Two-column hero layout when image is present */

.lib-hero-2col {
	display: flex;
	align-items: center;
	gap: 2rem;
	max-width: 960px;
	text-align: left;
}

.lib-hero-2col .lib-hero-content { flex: 1 1 0; }

.lib-hero-2col .lib-socials { justify-content: flex-start; }

.lib-hero-image {
	flex: 0 0 auto;
	width: 280px;
	display: none; /* hidden on mobile */
}

.lib-hero-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	object-fit: cover;
	display: block;
}

@media (min-width: 768px) {
	.lib-hero-image { display: block; }
	.lib-hero-2col .lib-hero-sub { max-width: 100%; }
}

.lib-logo-wrap { margin-bottom: 2rem; }

.lib-logo-wrap a { display: inline-block; }

.lib-logo-wrap img {
	height: 44px;
	width: auto;
	filter: brightness(0) invert(1);
}

.lib-logo-text {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--wp--preset--color--white);
	letter-spacing: -0.02em;
	display: inline-block;
}

.lib-hero h1 {
	font-family: var(--wp--preset--font-family--display) !important;
	font-size: clamp(1.9rem, 5.5vw, 3rem) !important;
	font-weight: 700 !important;
	font-style: italic !important;
	color: var(--wp--preset--color--white) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.03em !important;
	margin: 0 0 1rem !important;
}

.lib-hero-sub {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.05rem;
	color: rgba(255,255,255,0.85);
	line-height: 1.6;
	margin: 0 auto 2rem;
	max-width: 480px;
}

/* Social pills */

.lib-socials {
	display: flex;
	justify-content: center;
	gap: 0.6rem;
	flex-wrap: wrap;
}

.lib-social-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	background: rgba(255,255,255,0.18);
	border: 1px solid rgba(255,255,255,0.3);
	color: var(--wp--preset--color--white) !important;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.78rem;
	font-weight: 500;
	padding: 0.45rem 1rem;
	border-radius: 100px;
	transition: background 0.2s ease;
	backdrop-filter: blur(6px);
}

.lib-social-link:hover {
	background: rgba(255,255,255,0.3);
	color: var(--wp--preset--color--white) !important;
}

.lib-hero-wave {
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	line-height: 0;
}

.lib-hero-wave svg { display: block; width: 100%; }

.lib-hero-inner > * { animation: lib-fade-up 0.6s ease both; }

.lib-hero-inner > *:nth-child(1) { animation-delay: 0.05s; }

.lib-hero-inner > *:nth-child(2) { animation-delay: 0.15s; }

.lib-hero-inner > *:nth-child(3) { animation-delay: 0.25s; }

.lib-hero-inner > *:nth-child(4) { animation-delay: 0.35s; }