/* =========================================================
   circle around Home 2026 — v3.9 Things We Make Test
   Additive only: existing v3.8.0 CSS remains the visual base.
   ========================================================= */

/* Four nav items need a touch less space on desktop. */
.ca-home-2026-v39 .ca-desktop-nav{
	gap:24px !important;
}

/* THINGS WE MAKE */
.ca-projects{
	padding:108px 0 116px;
	background:#f3eee6;
	border-top:1px solid rgba(24,23,21,.08);
	border-bottom:1px solid rgba(24,23,21,.10);
}

.ca-projects-layout{
	display:grid;
	grid-template-columns:.72fr 1.28fr;
	gap:74px;
	align-items:start;
}

.ca-projects-intro{
	max-width:430px;
	padding-top:4px;
}

.ca-projects-note{
	margin:28px 0 0;
	max-width:360px;
	font-size:11px;
	line-height:1.9;
	letter-spacing:.035em;
	color:var(--ca-muted);
}

.ca-project-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	border-top:1px solid rgba(24,23,21,.20);
	border-left:1px solid rgba(24,23,21,.20);
}

.ca-project-card{
	position:relative;
	min-height:248px;
	padding:26px 28px 28px;
	border-right:1px solid rgba(24,23,21,.20);
	border-bottom:1px solid rgba(24,23,21,.20);
	background:rgba(255,255,255,.13);
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	color:var(--ca-ink) !important;
	transition:background-color .22s ease,transform .22s ease;
}

.ca-project-card[href]:hover{
	background:rgba(255,255,255,.46);
	transform:translateY(-2px);
}

.ca-project-status{
	font-size:8.5px;
	line-height:1.4;
	letter-spacing:.17em;
	text-transform:uppercase;
	color:#6d675f;
	margin-bottom:22px;
}

.ca-project-name{
	font-size:clamp(34px,3.2vw,48px);
	font-weight:700;
	line-height:.94;
	letter-spacing:-.045em;
}

.ca-project-sub{
	margin-top:10px;
	font-family:Georgia,"Times New Roman",serif;
	font-size:17px;
	line-height:1.25;
	color:#5d574f;
}

.ca-project-card p{
	margin:auto 40px 0 0 !important;
	padding-top:32px;
	font-size:11px !important;
	line-height:1.7 !important;
	letter-spacing:.025em;
	color:#6d675f !important;
}

.ca-project-arrow{
	position:absolute;
	right:22px;
	bottom:19px;
	font-size:24px;
	font-weight:300;
	line-height:1;
	transition:transform .22s ease;
}

.ca-project-card[href]:hover .ca-project-arrow{
	transform:translate(3px,-3px);
}

.ca-project-card-coming{
	background:rgba(238,233,225,.35);
}

.ca-project-card-coming .ca-project-status,
.ca-project-card-coming .ca-project-sub,
.ca-project-card-coming p,
.ca-project-arrow-muted{
	color:#8b847a !important;
}

/* Let the broader brand statement feel deliberate, not like an app-company insert. */
.ca-home-2026-v39 .ca-intro{
	border-bottom:0;
}

@media(max-width:1020px) and (min-width:821px){
	.ca-home-2026-v39 .ca-desktop-nav{
		gap:18px !important;
	}
	.ca-home-2026-v39 .ca-desktop-nav a{
		letter-spacing:.12em;
	}
	.ca-projects-layout{
		gap:48px;
		grid-template-columns:.62fr 1.38fr;
	}
	.ca-project-card{
		padding-left:22px;
		padding-right:22px;
	}
}

@media(max-width:820px){
	.ca-projects{
		padding:60px 0 68px;
	}
	.ca-projects-layout{
		grid-template-columns:1fr;
		gap:34px;
	}
	.ca-projects-intro{
		max-width:none;
	}
	.ca-projects-note{
		margin-top:20px;
	}
	.ca-project-grid{
		grid-template-columns:1fr 1fr;
	}
	.ca-project-card{
		min-height:220px;
		padding:22px 20px 22px;
	}
	.ca-project-card p{
		padding-top:26px;
	}
}

@media(max-width:560px){
	.ca-projects{
		padding:54px 0 58px;
	}
	.ca-projects-layout{
		gap:28px;
	}
	.ca-project-grid{
		grid-template-columns:1fr;
	}
	.ca-project-card{
		min-height:190px;
		padding:21px 19px 22px;
	}
	.ca-project-status{
		margin-bottom:17px;
		font-size:8px;
	}
	.ca-project-name{
		font-size:38px;
	}
	.ca-project-sub{
		font-size:16px;
	}
	.ca-project-card p{
		padding-top:24px;
		max-width:82%;
	}
}