/**
 * Statement band.
 *
 * Measured from the design (Home, 390 → 1920): the statement is 30px at 768 and below and grows
 * with the screen (3.2vw) to 52px; it sits 56px below the top of the band's content, and the
 * links / contact row 64px under it. The content is at most 1400px wide. The links are on the
 * start side (the right in Hebrew), the address and email on the other — the address and email
 * are English, so that block is laid out left to right (address, then email).
 */

.acini-statement {
	inline-size: 100%;
	max-inline-size: 140rem;
	margin-inline: auto;
	margin-block-start: 5.6rem;
}

.acini-statement__text {
	margin: 0;
	font-family: var(--acini-font-heading);
	font-size: clamp(3rem, 3.2vw, 5.2rem);
	font-weight: var(--acini-weight-bold);
	line-height: 1.25;
	color: var(--acini-text-soft);
	text-align: start;
}

.acini-statement__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 2.8rem;
	margin-block-start: var(--acini-space-2xl);
	color: var(--acini-bg-inverse);
}

.acini-statement__links {
	display: flex;
	align-items: center;
	gap: 2.8rem;
}

.acini-statement__link {
	font-size: var(--acini-text-sm);
	font-weight: var(--acini-weight-semibold);
	line-height: var(--acini-leading-normal);
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.acini-statement__contact {
	display: flex;
	align-items: center;
	gap: 2.2rem;
	margin: 0;
	font-size: var(--acini-text-sm);
	line-height: 1.43;
}

.acini-statement__contact a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

@media (hover: hover) {
	.acini-statement__link:hover,
	.acini-statement__contact a:hover {
		color: var(--acini-accent-hover);
	}
}