/**
 * Southern Imprint Monthly
 * Communities Page
 */

.sim-communities-page{
	--sim-radius:26px;
	--sim-shadow-sm:0 14px 34px rgba(15,23,42,.06);
	--sim-shadow-md:0 28px 68px rgba(15,23,42,.11);
	overflow:hidden;
}

.sim-communities-page section{
	padding:110px 0;
}

.sim-communities-page .sim-eyebrow{
	margin:0 0 18px;
	color:var(--sim-orange);
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.sim-communities-page .sim-section-heading{
	max-width:760px;
	margin:0 auto 58px;
	text-align:center;
}

.sim-communities-page .sim-section-heading--left{
	margin-left:0;
	text-align:left;
}

.sim-communities-page .sim-section-heading h2{
	margin:0;
	color:var(--sim-heading);
	font-size:clamp(2.45rem,4vw,3.7rem);
	line-height:1.08;
	letter-spacing:-.03em;
}

.sim-communities-page .sim-section-heading > p:last-child{
	max-width:650px;
	margin:22px auto 0;
	color:var(--sim-body);
	font-size:1.04rem;
	line-height:1.8;
}

.sim-communities-page .sim-section-heading--left > p:last-child{
	margin-left:0;
}

/* Hero */

.sim-communities-hero{
	position:relative;
	overflow:hidden;
	padding:132px 0!important;
	background:
		radial-gradient(circle at 12% 14%,rgba(245,130,32,.11),transparent 28%),
		radial-gradient(circle at 90% 72%,rgba(13,52,69,.09),transparent 34%),
		linear-gradient(180deg,#fffdf9,#fff);
}

.sim-communities-hero-inner{
	max-width:900px;
}

.sim-communities-hero h1{
	margin:0;
	color:var(--sim-heading);
	font-size:clamp(4.3rem,8vw,7rem);
	line-height:.9;
	letter-spacing:-.06em;
}

.sim-communities-hero p:last-child{
	max-width:760px;
	margin:30px 0 0;
	color:var(--sim-body);
	font-size:1.15rem;
	line-height:1.88;
}

/* Current communities */

.sim-community-list{
	background:#fff;
}

.sim-community-card-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:34px;
}

.sim-community-card{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid #e1e7ec;
	border-radius:var(--sim-radius);
	background:#fff;
	box-shadow:var(--sim-shadow-sm);
	transition:
		transform .22s ease,
		box-shadow .22s ease,
		border-color .22s ease;
}

.sim-community-card:hover{
	transform:translateY(-7px);
	border-color:#d4dce3;
	box-shadow:var(--sim-shadow-md);
}

.sim-community-card-media{
	position:relative;
	display:block;
	overflow:hidden;
	aspect-ratio:16/10;
	background:#eef2f5;
}

.sim-community-card-media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .3s ease;
}

.sim-community-card:hover .sim-community-card-media img{
	transform:scale(1.025);
}

.sim-community-card-placeholder{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	padding:38px;
	background:
		linear-gradient(145deg,rgba(13,52,69,.07),rgba(245,130,32,.08)),
		#f3f5f7;
	text-align:center;
}

.sim-community-card-placeholder span{
	color:var(--sim-navy);
	font-size:clamp(2rem,4vw,3.4rem);
	font-weight:800;
	line-height:1;
}

.sim-community-card-placeholder small{
	margin-top:14px;
	color:#6f7b87;
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.sim-community-status{
	position:absolute;
	top:18px;
	left:18px;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.94);
	color:var(--sim-orange);
	font-size:.68rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	box-shadow:0 8px 22px rgba(15,23,42,.09);
}

.sim-community-card-content{
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:space-between;
	gap:28px;
	padding:32px;
}

.sim-community-card-edition{
	margin:0 0 12px;
	color:var(--sim-orange)!important;
	font-size:.72rem!important;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.sim-community-card-content h2{
	margin:0 0 16px;
	color:var(--sim-heading);
	font-size:2rem;
	line-height:1.1;
}

.sim-community-card-content p{
	margin:0;
	color:var(--sim-body);
	line-height:1.78;
}

.sim-community-card-link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	align-self:flex-start;
	color:var(--sim-navy);
	font-weight:800;
	text-decoration:none;
}

.sim-community-card-link:hover{
	color:var(--sim-orange);
}

/* Coming soon */

.sim-coming-soon{
	background:#f5f8fa;
}

.sim-coming-soon-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:28px;
}

.sim-coming-soon-card{
	padding:36px;
	border:1px solid #dfe6eb;
	border-radius:22px;
	background:rgba(255,255,255,.8);
}

.sim-coming-soon-card > span{
	display:inline-flex;
	padding:7px 11px;
	border-radius:999px;
	background:#eef2f5;
	color:#71808c;
	font-size:.66rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.sim-coming-soon-card h3{
	margin:22px 0 14px;
	color:var(--sim-heading);
	font-size:1.7rem;
}

.sim-coming-soon-card p{
	margin:0;
	color:var(--sim-body);
	line-height:1.75;
}

/* CTA */

.sim-communities-cta{
	background:#fff;
}

.sim-communities-cta-card{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:42px;
	align-items:center;
	padding:52px 56px;
	border-radius:28px;
	background:#0d3445;
	color:#fff;
	box-shadow:var(--sim-shadow-md);
}

.sim-communities-cta-card h2{
	margin:0;
	color:#fff;
	font-size:clamp(2.2rem,4vw,3.3rem);
	line-height:1.08;
}

.sim-communities-cta-card p:last-child{
	max-width:690px;
	margin:18px 0 0;
	color:rgba(255,255,255,.76);
	line-height:1.78;
}

@media (max-width:900px){
	.sim-community-card-grid,
	.sim-coming-soon-grid{
		grid-template-columns:1fr;
	}

	.sim-communities-cta-card{
		grid-template-columns:1fr;
	}
}

@media (max-width:560px){
	.sim-communities-page section{
		padding:76px 0;
	}

	.sim-communities-hero{
		padding:90px 0!important;
	}

	.sim-community-card-content{
		padding:26px;
	}

	.sim-communities-cta-card{
		padding:36px 28px;
	}

	.sim-communities-cta-card .sim-button{
		width:100%;
	}
}