/* =========================================================================
   ARABIC TYPOGRAPHY
   The Arabic site is not a translated Dutch site. Arabic letterforms need
   their own rhythm: no letter-spacing, no uppercase, more line height, and a
   type scale that accounts for the taller x-height and the baseline.
   ========================================================================= */

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-Regular-latin.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-SemiBold-latin.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
	font-family: "IBM Plex Sans Arabic";
	src: url("../fonts/IBMPlexSansArabic-Bold-latin.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

.script-arabic {
	--font-display: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", sans-serif;
	--font-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", sans-serif;
	--font-mono: "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;

	/* Arabic runs slightly smaller at the same optical size, and needs air. */
	--step-4: clamp(2.5rem, 1.2rem + 6.5vw, 6.5rem);
	--step-5: clamp(3.25rem, 0.5rem + 14vw, 12rem);

	line-height: 1.75;
	font-feature-settings: "liga" 1, "calt" 1;
}

/* Never track Arabic negatively, never uppercase it. */
.script-arabic h1,
.script-arabic h2,
.script-arabic h3,
.script-arabic .mhk-h2,
.script-arabic .mhk-hero__type,
.script-arabic .mhk-work__title,
.script-arabic .mhk-caps__name,
.script-arabic .mhk-index__title,
.script-arabic .mhk-project__title,
.script-arabic .mhk-service__title,
.script-arabic .mhk-404__title,
.script-arabic .mhk-page__title,
.script-arabic .mhk-footer__claim,
.script-arabic .mhk-proof__clients,
.script-arabic .mhk-proof__figures strong {
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.25;
	font-weight: 700;
}

.script-arabic .mhk-hero__type {
	line-height: 1.12;
}

.script-arabic .mhk-eyebrow,
.script-arabic .mhk-link,
.script-arabic .mhk-button,
.script-arabic .mhk-nav ul,
.script-arabic .mhk-lang ul,
.script-arabic .mhk-caps__items,
.script-arabic .mhk-work__tags,
.script-arabic .mhk-index__views,
.script-arabic .mhk-facts dt,
.script-arabic .mhk-form label,
.script-arabic .mhk-web__specs,
.script-arabic .mhk-reel__hint,
.script-arabic .mhk-proof__figures span,
.script-arabic .mhk-footer__cta,
.script-arabic .mhk-footer__legal,
.script-arabic .mhk-index__table {
	letter-spacing: 0;
	text-transform: none;
	font-size: max(0.95rem, var(--step--1));
}

.script-arabic p,
.script-arabic .mhk-prose,
.script-arabic .mhk-lead,
.script-arabic .mhk-statement__lead,
.script-arabic .mhk-statement__sub {
	line-height: 1.8;
	text-wrap: pretty;
}

.script-arabic .mhk-statement__lead {
	max-width: 26ch;
}

/* Latin fragments inside Arabic text (e-mail, phone, KVK, brand name) keep
   their own font and direction so they never break the line. */
.script-arabic [dir="ltr"],
.script-arabic .mhk-footer__legal,
.script-arabic a[href^="mailto"],
.script-arabic a[href^="tel"] {
	font-family: "Inter", "IBM Plex Sans Arabic", sans-serif;
	unicode-bidi: isolate;
}

/* The mono-set numerals in the proof block stay Latin — Dutch clients read them. */
.script-arabic .mhk-proof__figures strong,
.script-arabic .mhk-work__index {
	font-family: "Archivo Expanded", "Inter", sans-serif;
	direction: ltr;
	unicode-bidi: isolate;
}

/* Arabic punctuation and quotes sit differently; give the footer wordmark
   the Latin face because MHKOLOR is a Latin trademark. */
.script-arabic .mhk-footer-type {
	font-family: "Archivo Expanded", "Inter", sans-serif;
	direction: ltr;
}

/* Arabic descenders (ـه ـج ـي) fall below the Latin baseline box: the hero
   lines must not clip, and the mega scale needs a taller line box. */
.script-arabic .mhk-hero__line,
.script-arabic .mhk-hero__type {
	overflow: visible;
	line-height: 1.3;
}

.script-arabic .mhk-hero__type {
	white-space: normal;
	row-gap: 0.05em;
}

.script-arabic .mhk-hero__line[data-line="2"] {
	padding-inline-start: 8%;
}

.script-arabic .mhk-footer-type {
	font-size: clamp(3rem, 11vw, 10rem);
}