/* Croma – pagine profilo v2 */
.croma-profile-page,
.croma-profile-page * { box-sizing:border-box; }

.croma-profile-page {
	--ink:#24211f;
	--muted:#68615b;
	--warm:#faf8f4;
	--soft:#ece7df;
	--line:rgba(36,33,31,.16);
	--accent:#767b7d;
	--max:1180px;
	background:var(--warm);
	color:var(--ink);
	overflow:hidden;
}

.croma-profile-page--margherita {
	--soft:#eee3d5;
	--accent:#9b7b5a;
}

.croma-profile-wrap { width:min(calc(100% - 40px),var(--max)); margin:0 auto; }
.croma-profile-section { padding:92px 0; }
.croma-profile-rule { height:1px; background:var(--line); }

.croma-profile-page h1,
.croma-profile-page h2,
.croma-profile-page h3 {
	color:var(--ink);
	font-weight:500;
}

.croma-profile-page h1 {
	position:relative;
	z-index:2;
	margin:0;
	font-size:clamp(58px,9vw,124px);
	line-height:.88;
	letter-spacing:-.06em;
}

.croma-profile-page h2 {
	margin:0 0 28px;
	max-width:800px;
	font-size:clamp(34px,5vw,66px);
	line-height:1;
	letter-spacing:-.04em;
}

.croma-profile-page h3 {
	margin:0 0 16px;
	font-size:clamp(25px,3vw,38px);
	line-height:1.08;
	letter-spacing:-.025em;
}

.croma-profile-eyebrow {
	margin:0 0 18px;
	font-size:12px;
	line-height:1;
	letter-spacing:.18em;
	text-transform:uppercase;
	font-weight:600;
}

.croma-profile-hero { padding:92px 0 76px; }
.croma-profile-hero-grid {
	display:grid;
	grid-template-columns:1.08fr .92fr;
	gap:72px;
	align-items:end;
}
.croma-profile-title-block {
	position:relative;
	min-height:410px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.croma-profile-initial {
	position:absolute;
	left:-10px;
	top:-40px;
	font-size:clamp(230px,31vw,460px);
	line-height:.8;
	font-weight:500;
	color:rgba(36,33,31,.045);
	pointer-events:none;
	user-select:none;
}
.croma-profile-hero-side { padding-bottom:12px; }
.croma-profile-lead {
	max-width:650px;
	margin:0 0 28px;
	font-size:clamp(22px,2.6vw,34px);
	line-height:1.4;
	color:var(--ink);
}
.croma-profile-note {
	max-width:500px;
	margin:0;
	padding-top:22px;
	border-top:1px solid var(--line);
	font-size:17px;
	line-height:1.75;
	color:var(--muted);
}

.croma-profile-two-cols {
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	gap:76px;
	align-items:start;
}
.croma-profile-copy {
	font-size:18px;
	line-height:1.78;
	color:var(--muted);
}
.croma-profile-copy p { margin:0 0 22px; }
.croma-profile-copy p:last-child { margin-bottom:0; }

.croma-profile-quote {
	padding:74px 0;
	background:var(--ink);
	color:#fff;
}
.croma-profile-quote p {
	margin:0;
	max-width:1080px;
	font-size:clamp(36px,5.5vw,76px);
	line-height:1.06;
	letter-spacing:-.04em;
}

.croma-profile-section-head {
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:70px;
	align-items:start;
	margin-bottom:58px;
}
.croma-profile-section-head > p {
	max-width:580px;
	margin:0 0 0 auto;
	font-size:18px;
	line-height:1.75;
	color:var(--muted);
}

.croma-profile-card-grid {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	border-top:1px solid var(--line);
	border-left:1px solid var(--line);
}
.croma-profile-card-grid article {
	min-height:250px;
	padding:38px;
	border-right:1px solid var(--line);
	border-bottom:1px solid var(--line);
}
.croma-profile-card-grid p {
	margin:0;
	font-size:16px;
	line-height:1.7;
	color:var(--muted);
}

.croma-profile-soft { background:var(--soft); }

.croma-profile-footer-nav {
	padding:34px 0;
	background:var(--ink);
}
.croma-profile-footer-grid {
	display:flex;
	justify-content:space-between;
	gap:28px;
}
.croma-profile-footer-grid a {
	color:rgba(255,255,255,.8) !important;
	text-decoration:none !important;
	font-size:14px;
	font-weight:600;
	letter-spacing:.04em;
}
.croma-profile-footer-grid a:hover { color:#fff !important; }

@media (max-width:920px) {
	.croma-profile-section { padding:72px 0; }
	.croma-profile-hero-grid,
	.croma-profile-two-cols,
	.croma-profile-section-head {
		grid-template-columns:1fr;
		gap:38px;
	}
	.croma-profile-section-head > p { margin-left:0; }
	.croma-profile-title-block { min-height:330px; }
}

@media (max-width:700px) {
	.croma-profile-card-grid { grid-template-columns:1fr; }
}

@media (max-width:600px) {
	.croma-profile-wrap { width:min(calc(100% - 28px),var(--max)); }
	.croma-profile-hero { padding:64px 0 48px; }
	.croma-profile-section { padding:56px 0; }
	.croma-profile-quote { padding:52px 0; }
	.croma-profile-card-grid article { min-height:0; padding:28px 22px; }
	.croma-profile-footer-grid { flex-direction:column; }
	.croma-profile-title-block { min-height:270px; }
}