/*
Theme Name: Bagri Social
Theme URI: https://bagrisocial.co.uk
Description: Bagri Social theme. Lives in this site's repository and ships with every deploy.
Template: twentytwentyfive
Version: 0.1.0
Text Domain: bagrisocial
*/

.bagrisocial-home { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }

.bagrisocial-hero {
	padding: clamp(56px, 12vw, 132px) 24px clamp(40px, 8vw, 88px);
	text-align: center;
	background: radial-gradient(900px 380px at 50% -8%, #eef6ff 0%, transparent 70%), #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}
.bagrisocial-hero h1 { margin: 0 0 14px; font-size: clamp(34px, 6.4vw, 62px); line-height: 1.05; letter-spacing: -0.02em; }
.bagrisocial-hero p { margin: 0 auto; max-width: 34rem; font-size: clamp(16px, 2.1vw, 20px); line-height: 1.6; color: #64748b; }

.bagrisocial-badge {
	display: inline-block; margin-bottom: 22px; padding: 6px 14px; border-radius: 999px;
	background: #dbeafe; color: #1e40af; font-size: 13px; font-weight: 600;
}

.bagrisocial-grid {
	max-width: 1040px; margin: 0 auto; padding: clamp(40px, 7vw, 80px) 24px;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px;
}
.bagrisocial-card { padding: 26px 24px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.bagrisocial-card h2 { margin: 0 0 8px; font-size: 18px; }
.bagrisocial-card p { margin: 0; color: #64748b; line-height: 1.6; font-size: 15px; }