/* Canonical Home "Why Gloskin" feature-list presentation.
 * Markup lives in templates/pages/home.php; this owner is intentionally scoped
 * to the seven client-approved reason rows and does not alter the surrounding section. */
.gloskin-home-why__features{
	display:flex;
	flex-direction:column;
	gap:clamp(18px,1.8vw,22px);
	margin:0;
	padding:0;
}

.gloskin-home-why__feature{
	display:flex;
	min-width:0;
	align-items:flex-start;
	gap:clamp(16px,1.8vw,20px);
	color:var(--gloskin-home-muted);
	transition:transform .3s cubic-bezier(.22,1,.36,1);
}

.gloskin-home-why__feature-icon{
	display:grid;
	flex:0 0 46px;
	width:46px;
	height:46px;
	border:1px solid color-mix(in srgb,var(--gloskin-home-red) 18%,transparent);
	border-radius:14px;
	background:color-mix(in srgb,var(--gloskin-home-red) 5%,var(--gloskin-home-white));
	color:var(--gloskin-home-red);
	place-items:center;
	transition:background-color .3s ease,border-color .3s ease,color .3s ease;
}

.gloskin-home-why__feature-icon svg{
	display:block;
	width:22px;
	height:22px;
}

.gloskin-home-why__feature-text{
	min-width:0;
	padding-top:2px;
	font-family:var(--gloskin-font-body);
	font-size:clamp(.92rem,1.05vw,.98rem);
	font-weight:400;
	line-height:1.55;
}

@media (hover:hover) and (pointer:fine){
	.gloskin-home-why__feature:hover{transform:translateX(5px)}
	.gloskin-home-why__feature:hover .gloskin-home-why__feature-icon{
		border-color:var(--gloskin-home-red);
		background:var(--gloskin-home-red);
		color:#fff;
	}
}

@media (max-width:480px){
	.gloskin-home-why__features{gap:16px}
	.gloskin-home-why__feature{gap:14px}
	.gloskin-home-why__feature-icon{flex-basis:42px;width:42px;height:42px;border-radius:13px}
	.gloskin-home-why__feature-icon svg{width:20px;height:20px}
}

@media (prefers-reduced-motion:reduce){
	.gloskin-home-why__feature,.gloskin-home-why__feature-icon{transition:none}
	.gloskin-home-why__feature:hover{transform:none}
}