/* Launch landing page. Self-contained; does not depend on main.css. */

:root {
	/* Qatari Diar brand: deep indigo and the bronze gradient from the mark */
	--aar-indigo: #0A5C78;
	--aar-indigo-deep: #04303F;
	--aar-navy: #0A5C78;
	--aar-deep: #04303F;
	--aar-gold-a: #BF7E4D;
	--aar-gold-b: #E8B078;
	--aar-gold-c: #C9884F;
	--aar-gold: linear-gradient(118deg, #BF7E4D 0%, #E8B078 52%, #C9884F 100%);
	--aar-brass: #C9884F;
	--aar-sand: #F0DCC2;
	--aar-ink: #0B2A33;
	--aar-sea: #0078A2;
	--aar-paper: #FAF4EC;
	--aar-line: rgba(11, 42, 51, 0.14);
	--aar-wrap: 1180px;
	--aar-pad: clamp(20px, 5vw, 56px);
	--aar-ar: "Alexandria", system-ui, sans-serif;
	--aar-en: "Jost", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 100px; -webkit-text-size-adjust: 100%; }

body.aar {
	margin: 0;
	font-variant-numeric: lining-nums;
	font-feature-settings: "lnum" 1;
	background: var(--aar-paper);
	color: var(--aar-ink);
	font-family: var(--aar-ar);
	font-size: 17px;
	line-height: 1.85;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body.aar.aar-lang-en { font-family: var(--aar-en); line-height: 1.6; font-weight: 400; }

img, video, iframe { display: block; max-width: 100%; height: auto; }
a { color: inherit; }

.aar-wrap { width: min(var(--aar-wrap), 100%); margin-inline: auto; padding-inline: var(--aar-pad); }

.rk-skip { position: absolute; inset-inline-start: -9999px; }
.rk-skip:focus { inset-inline-start: 0; top: 0; z-index: 200; background: var(--aar-navy); color: #fff; padding: 12px 20px; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Type ------------------------------------------------------------------- */

.aar-h2 {
	margin: 0 0 20px;
	font-size: clamp(27px, 4vw, 44px);
	font-weight: 400;
	line-height: 1.22;
	letter-spacing: -0.01em;
}

.aar-h2--wide { max-width: 20ch; }

.aar-body { margin: 0 0 20px; max-width: 58ch; color: rgba(10, 28, 38, 0.72); }
.aar-body--lead { font-size: clamp(17px, 2vw, 20px); }

.aar-eyebrow {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 26px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(10, 28, 38, 0.5);
}

.aar-eyebrow__n { color: var(--aar-brass); font-variant-numeric: tabular-nums; }
.aar-eyebrow__r { flex: none; width: 46px; height: 1px; background: var(--aar-line); }

/* Buttons ---------------------------------------------------------------- */

.aar-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 17px 34px;
	border: 1px solid transparent;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease;
}

.aar-btn--sm { padding: 12px 20px; font-size: 13.5px; }

/* Primary carries the bronze gradient, with a solid indigo state on hover */
.aar-btn--solid {
	background-image: var(--aar-gold);
	color: #06323F;
	font-weight: 700;
	overflow: hidden;
}

.aar-btn--solid::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--aar-indigo);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 0;
}

.aar-btn--solid > * { position: relative; z-index: 1; }
.aar-btn--solid:hover::after, .aar-btn--solid:focus-visible::after { transform: scaleY(1); }
.aar-btn--solid:hover, .aar-btn--solid:focus-visible { color: #fff; }

.aar-btn--line { border-color: rgba(255, 255, 255, 0.42); color: #fff; }
.aar-btn--line:hover, .aar-btn--line:focus-visible { background: rgba(255, 255, 255, 0.12); border-color: #fff; }

.aar-place .aar-btn--line { border-color: var(--aar-indigo); color: var(--aar-indigo); }
.aar-place .aar-btn--line:hover { background: var(--aar-indigo); color: #fff; }

.aar-btn:focus-visible { outline: 2px solid var(--aar-gold-b); outline-offset: 3px; }

/* Masthead ---------------------------------------------------------------- */

.aar-bar {
	position: fixed;
	inset-inline: 0;
	top: 0;
	z-index: 60;
	transition: background-color 0.4s ease, border-color 0.4s ease;
	border-bottom: 1px solid transparent;
	background: linear-gradient(180deg, rgba(4, 48, 63, 0.62) 0%, rgba(4, 48, 63, 0) 100%);
}

.aar-bar.is-stuck {
	background: rgba(4, 48, 63, 0.94);
	backdrop-filter: blur(12px);
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.aar-bar__inner {
	width: min(var(--aar-wrap), 100%);
	margin-inline: auto;
	padding: 0 var(--aar-pad);
	min-height: 92px;
	display: flex;
	align-items: center;
	gap: 24px;
	color: #fff;
}

.aar-bar__brand { display: flex; align-items: center; text-decoration: none; }
.aar-bar__logo { max-height: 58px; width: auto; }
.aar-bar__word { font-size: 15px; letter-spacing: 0.2em; text-transform: uppercase; }

.aar-bar__nav { margin-inline-start: auto; display: flex; gap: 26px; }

.aar-bar__nav a {
	font-size: 14px;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.78);
	padding-block: 6px;
	border-bottom: 1px solid transparent;
	transition: color 0.25s ease, border-color 0.25s ease;
}

.aar-bar__nav a:hover { color: #fff; border-bottom-color: var(--aar-brass); }

.aar-bar__end { display: flex; align-items: center; gap: 12px; }

.aar-bar__lang {
	font-size: 13px;
	letter-spacing: 0.08em;
	text-decoration: none;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	transition: background-color 0.25s ease;
}
.aar-bar__lang:hover { background: rgba(255, 255, 255, 0.14); }

@media (max-width: 900px) {
	.aar-bar__nav { display: none; }
	.aar-bar__end { margin-inline-start: auto; }
}

/* Hero -------------------------------------------------------------------- */

.aar-hero {
	position: relative;
	min-height: 100svh;
	display: grid;
	align-items: center;
	color: #fff;
	background: var(--aar-deep);
	overflow: hidden;
}

.aar-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 42%;
	z-index: 0;
}

/* Two scrims: a light vertical one for the masthead and footline, and a
   directional one behind the headline so the render stays readable. */
.aar-hero__veil {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(4, 48, 63, 0.52) 0%, rgba(4, 48, 63, 0.06) 26%, rgba(4, 48, 63, 0.1) 58%, rgba(4, 48, 63, 0.72) 100%);
}

.aar-hero__veil::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to left, rgba(4, 48, 63, 0.66) 0%, rgba(4, 48, 63, 0.34) 34%, rgba(4, 48, 63, 0) 68%);
}

body.aar-lang-en .aar-hero__veil::after {
	background: linear-gradient(to right, rgba(4, 48, 63, 0.66) 0%, rgba(4, 48, 63, 0.34) 34%, rgba(4, 48, 63, 0) 68%);
}

.aar-hero__title,
.aar-hero__line { text-shadow: 0 2px 30px rgba(4, 18, 26, 0.45); }

.aar-hero__inner {
	position: relative;
	z-index: 2;
	width: min(var(--aar-wrap), 100%);
	margin-inline: auto;
	padding: 120px var(--aar-pad) 140px;
}

.aar-hero__dev {
	margin: 0 0 22px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--aar-sand);
}

.aar-hero__title {
	margin: 0 0 18px;
	font-size: clamp(44px, 9vw, 104px);
	font-weight: 300;
	line-height: 1.02;
	letter-spacing: -0.02em;
}

.aar-hero__line {
	margin: 0 0 10px;
	max-width: 26ch;
	font-size: clamp(18px, 2.6vw, 26px);
	font-weight: 300;
	color: rgba(255, 255, 255, 0.88);
}

.aar-hero__place {
	margin: 0 0 40px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.82);
}

.aar-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; }

.aar-hero__foot {
	position: absolute;
	z-index: 2;
	inset-inline-start: var(--aar-pad);
	bottom: 34px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}

.aar-pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--aar-brass);
	box-shadow: 0 0 0 0 rgba(194, 164, 115, 0.7);
	animation: aar-ping 2.4s infinite;
}

@keyframes aar-ping {
	70% { box-shadow: 0 0 0 12px rgba(194, 164, 115, 0); }
	100% { box-shadow: 0 0 0 0 rgba(194, 164, 115, 0); }
}

/* Scale bar --------------------------------------------------------------- */

.aar-scale { background: var(--aar-navy); color: #fff; }

.aar-scale__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 1px;
	background: rgba(255, 255, 255, 0.13);
	padding: 0;
}

.aar-scale__item { background: var(--aar-navy); padding: 44px 26px; }

.aar-scale__value {
	margin: 0 0 8px;
	font-size: clamp(30px, 4.4vw, 46px);
	font-weight: 300;
	line-height: 1.05;
	color: var(--aar-sand);
	font-variant-numeric: tabular-nums;
}

.aar-scale__value em { font-style: normal; font-size: 0.42em; letter-spacing: 0.06em; opacity: 0.8; }

.aar-scale__label {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.6);
}

/* Statement --------------------------------------------------------------- */

.aar-statement { padding-block: clamp(72px, 11vw, 132px); }

.aar-statement__text {
	margin: 0;
	max-width: 26ch;
	font-size: clamp(24px, 4vw, 42px);
	font-weight: 300;
	line-height: 1.42;
	letter-spacing: -0.01em;
}

/* Developer --------------------------------------------------------------- */

.aar-dev { background: var(--aar-deep); color: #fff; padding-block: clamp(64px, 9vw, 108px); }
.aar-dev .aar-eyebrow { color: rgba(255, 255, 255, 0.5); }
.aar-dev .aar-eyebrow__r { background: rgba(255, 255, 255, 0.2); }
.aar-dev .aar-body { color: rgba(255, 255, 255, 0.72); }

.aar-dev__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
	gap: clamp(32px, 5vw, 64px);
	align-items: center;
}

.aar-film { position: relative; margin: 0; border-radius: 2px; overflow: hidden; background: #000; }
.aar-film__video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.aar-film__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 78px;
	height: 78px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	background: rgba(4, 48, 63, 0.4);
	backdrop-filter: blur(4px);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.aar-film__play:hover { background: var(--aar-brass); border-color: var(--aar-brass); color: #08202c; transform: scale(1.06); }
.aar-film.is-playing .aar-film__play { display: none; }

/* First launch ------------------------------------------------------------ */

.aar-launch { padding-block: clamp(64px, 9vw, 108px); }

.aar-launch__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 1px;
	background: var(--aar-line);
	margin-block: 44px;
}

.aar-district { background: var(--aar-paper); padding: 34px 30px; }

.aar-district__n {
	display: block;
	margin-bottom: 14px;
	font-size: 12px;
	letter-spacing: 0.16em;
	color: var(--aar-brass);
	font-variant-numeric: tabular-nums;
}

.aar-district__name { margin: 0 0 10px; font-size: 23px; font-weight: 400; }
.aar-district__desc { margin: 0; color: rgba(10, 28, 38, 0.7); font-size: 16px; }

.aar-launch__plan { margin: 0; }
.aar-launch__plan img { width: 100%; border-radius: 2px; }
.aar-launch__plan figcaption { margin-top: 14px; font-size: 13px; color: rgba(10, 28, 38, 0.55); }

/* Inventory --------------------------------------------------------------- */

.aar-rows { background: #fff; padding-block: clamp(64px, 9vw, 112px); }

.aar-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-block: 32px 52px;
	font-size: 13px;
	color: rgba(10, 28, 38, 0.62);
}

.aar-legend span { display: inline-flex; align-items: center; gap: 8px; }

.aar-dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.aar-dot--full { background: var(--aar-sea); }
.aar-dot--partial { background: #7FB6AE; }
.aar-dot--inland { background: var(--aar-brass); }

.aar-dist + .aar-dist { margin-top: clamp(52px, 7vw, 88px); }

.aar-dist__title {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin: 0 0 26px;
	font-size: clamp(21px, 2.8vw, 28px);
	font-weight: 400;
}

.aar-dist__n { font-size: 12px; letter-spacing: 0.16em; color: var(--aar-brass); font-variant-numeric: tabular-nums; }

.aar-strata__sea {
	position: relative;
	height: 74px;
	border-radius: 2px 2px 0 0;
	background: linear-gradient(180deg, #1E7F93 0%, #2E9BA6 42%, #7ECBCF 100%);
	display: grid;
	place-items: center;
}

.aar-strata__sea span {
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
}

.aar-strata__sea::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: 8px;
	background: repeating-linear-gradient(90deg, transparent 0 8px, rgba(255, 255, 255, 0.5) 8px 16px);
	mask-image: linear-gradient(180deg, transparent, #000);
}

.aar-strata__list { list-style: none; margin: 0; padding: 0; }

.aar-stratum {
	position: relative;
	margin-inline-start: var(--aar-inset, 0);
	display: grid;
	grid-template-columns: 6px 1fr auto;
	align-items: center;
	gap: 20px;
	padding: 17px 22px;
	border: 1px solid var(--aar-line);
	border-top: 0;
	background: #fff;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.aar-stratum:first-child { border-top: 0; }
.aar-stratum:hover { background: #FBF9F5; }

.aar-stratum__bar { align-self: stretch; border-radius: 2px; }
.aar-stratum--full .aar-stratum__bar { background: var(--aar-sea); }
.aar-stratum--partial .aar-stratum__bar { background: #7FB6AE; }
.aar-stratum--inland .aar-stratum__bar { background: var(--aar-brass); }

.aar-stratum__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-bottom: 8px; }
.aar-stratum__label { font-size: 18px; font-weight: 500; }
.aar-stratum__type { font-size: 14px; color: rgba(10, 28, 38, 0.6); }

.aar-stratum__specs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 28px;
	margin: 0;
	font-size: 14px;
}

.aar-stratum__specs div { display: flex; gap: 7px; }
.aar-stratum__specs dt { color: rgba(10, 28, 38, 0.5); }
.aar-stratum__specs dd { margin: 0; font-weight: 500; }

.aar-stratum__view { margin: 8px 0 0; font-size: 13px; color: rgba(10, 28, 38, 0.55); }

.aar-stratum__cta {
	flex: none;
	padding: 11px 20px;
	border: 1px solid var(--aar-line);
	border-radius: 2px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.aar-stratum__cta:hover, .aar-stratum__cta:focus-visible {
	background: var(--aar-navy);
	border-color: var(--aar-navy);
	color: #fff;
}

.aar-note { margin-top: 34px; font-size: 14px; color: rgba(10, 28, 38, 0.55); }

@media (max-width: 780px) {
	.aar-stratum {
		grid-template-columns: 6px 1fr;
		gap: 14px;
		margin-inline-start: 0;
	}
	.aar-stratum__cta { grid-column: 2; justify-self: start; }
}

/* Gallery ----------------------------------------------------------------- */

.aar-gallery { padding-block: clamp(64px, 9vw, 108px) clamp(48px, 7vw, 84px); }

.aar-gallery__rail {
	margin-top: 34px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: min(82vw, 620px);
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-inline: var(--aar-pad);
	padding-bottom: 14px;
}

.aar-gallery__item { margin: 0; scroll-snap-align: center; }
.aar-gallery__item img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 2px; }
.aar-gallery__item figcaption { margin-top: 12px; font-size: 13px; letter-spacing: 0.06em; color: rgba(10, 28, 38, 0.55); }

/* Place -------------------------------------------------------------------- */

.aar-place { padding-block: clamp(64px, 9vw, 108px); }

.aar-place__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: clamp(30px, 5vw, 60px);
	align-items: center;
}

.aar-place__map { border-radius: 2px; overflow: hidden; border: 1px solid var(--aar-line); }
.aar-place__map iframe { width: 100%; aspect-ratio: 4 / 3; border: 0; }

/* Register ----------------------------------------------------------------- */

.aar-register { background: var(--aar-navy); color: #fff; padding-block: clamp(64px, 9vw, 112px); }
.aar-register .aar-eyebrow { color: rgba(255, 255, 255, 0.5); }
.aar-register .aar-eyebrow__r { background: rgba(255, 255, 255, 0.2); }
.aar-register .aar-body { color: rgba(255, 255, 255, 0.72); }

.aar-register__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.aar-register__contact { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 10px; }
.aar-register__contact a { color: var(--aar-sand); text-decoration: none; border-bottom: 1px solid rgba(227, 213, 188, 0.4); padding-bottom: 2px; }
.aar-register__contact a:hover { color: #fff; border-color: #fff; }

.aar-form { display: grid; gap: 18px; }
.rk-form__hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }

.aar-field { display: grid; gap: 8px; font-size: 14px; }
.aar-field > span { color: rgba(255, 255, 255, 0.7); letter-spacing: 0.04em; }

.aar-field input,
.aar-field select {
	width: 100%;
	padding: 15px 0;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 17px;
	transition: border-color 0.25s ease;
}

.aar-field input:focus,
.aar-field select:focus { outline: none; border-bottom-color: var(--aar-brass); }
.aar-field select option { color: var(--aar-ink); }

.aar-form .rk-form__submit { justify-self: start; margin-top: 8px; min-width: 190px; }
.aar-form .rk-form__submit[disabled] { opacity: 0.6; cursor: progress; }

.aar-form__status { margin: 0; min-height: 1.5em; font-size: 15px; }
.aar-form__status.is-ok { color: #8FD8B4; }
.aar-form__status.is-error { color: #F3A9A9; }

/* Footer and dock ---------------------------------------------------------- */

.aar-foot { background: var(--aar-deep); color: rgba(255, 255, 255, 0.45); padding-block: 26px; font-size: 13px; }

.aar-foot__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }

.aar-dock {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 55;
	display: none;
	background: var(--aar-deep);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.aar-dock__btn {
	flex: 1;
	padding: 15px 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
}

.aar-dock__btn + .aar-dock__btn { border-inline-start: 1px solid rgba(255, 255, 255, 0.12); }
.aar-dock__btn--wa { background: #128C7E; }
.aar-dock__btn--cta { background: var(--aar-brass); color: #08202c; }

@media (max-width: 900px) {
	.aar-dock { display: flex; }
	body.aar { padding-bottom: 54px; }
	.aar-hero__foot { bottom: 24px; }
}

/* Lightbox ------------------------------------------------------------------ */

.aar-lb {
	position: fixed;
	inset: 0;
	z-index: 120;
	display: grid;
	place-items: center;
	padding: 22px;
	background: rgba(4, 48, 63, 0.94);
}

.aar-lb img { max-width: 100%; max-height: 90svh; }

.aar-lb__x {
	position: absolute;
	top: 18px;
	inset-inline-end: 18px;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background: none;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}

/* Reveal --------------------------------------------------------------------- */

.aar-in { opacity: 0; transform: translateY(22px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.aar-stratum.aar-in { transform: translateY(10px); transition-duration: 0.45s; }
.aar-in.is-in { opacity: 1; transform: none; }

/* Statement spread ---------------------------------------------------------- */

.aar-statement__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: clamp(32px, 6vw, 80px);
	align-items: start;
}

.aar-statement__claim {
	margin: 0 0 22px;
	max-width: 16ch;
	font-size: clamp(30px, 5vw, 54px);
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.aar-statement__text {
	margin: 0;
	max-width: 46ch;
	font-size: clamp(17px, 1.9vw, 20px);
	line-height: 1.85;
	color: rgba(10, 28, 38, 0.72);
}

.aar-statement__aside { border-top: 1px solid var(--aar-line); padding-top: 22px; }

.aar-statement__asideTitle {
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(10, 28, 38, 0.5);
}

.aar-contains { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }

.aar-contains li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 0;
	border-bottom: 1px solid var(--aar-line);
	font-size: 16px;
}

.aar-contains li:last-child { border-bottom: 0; }
.aar-contains svg { flex: none; color: var(--aar-brass); }

@media (max-width: 860px) {
	.aar-statement__grid { grid-template-columns: 1fr; }
}

/* Payment plans ------------------------------------------------------------- */

.aar-pay { padding-block: clamp(64px, 9vw, 108px); background: var(--aar-paper); }

.aar-pay__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
	gap: 1px;
	background: var(--aar-line);
	margin-top: 40px;
}

.aar-plan { background: #fff; padding: 30px 28px 26px; display: flex; flex-direction: column; }

.aar-plan__n {
	display: block;
	margin-bottom: 14px;
	font-size: 12px;
	letter-spacing: 0.16em;
	color: var(--aar-brass);
}

.aar-plan__name { margin: 0 0 20px; font-size: 21px; font-weight: 400; }

.aar-plan__figures { margin: 0 0 18px; display: grid; gap: 12px; }
.aar-plan__figures div { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; border-bottom: 1px dotted var(--aar-line); padding-bottom: 10px; }
.aar-plan__figures dt { font-size: 14px; color: rgba(10, 28, 38, 0.55); }
.aar-plan__figures dd { margin: 0; font-size: 22px; font-weight: 500; color: var(--aar-navy); }

.aar-plan__note { margin: 0 0 20px; font-size: 14px; color: rgba(10, 28, 38, 0.6); }

.aar-plan__cta {
	margin-top: auto;
	align-self: flex-start;
	padding: 11px 20px;
	border: 1px solid var(--aar-line);
	border-radius: 2px;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.aar-plan__cta:hover { background: var(--aar-navy); border-color: var(--aar-navy); color: #fff; }

/* Floating WhatsApp --------------------------------------------------------- */

.aar-wa {
	position: fixed;
	inset-inline-end: 22px;
	bottom: 22px;
	z-index: 58;
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	box-shadow: 0 10px 26px rgba(8, 32, 24, 0.32);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.aar-wa::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid rgba(37, 211, 102, 0.6);
	animation: aar-wa-ring 2.8s ease-out infinite;
}

@keyframes aar-wa-ring {
	0% { transform: scale(1); opacity: 0.8; }
	70% { transform: scale(1.5); opacity: 0; }
	100% { opacity: 0; }
}

.aar-wa:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(8, 32, 24, 0.4); }

@media (prefers-reduced-motion: reduce) { .aar-wa::after { animation: none; } }

@media (max-width: 900px) {
	.aar-wa { bottom: 70px; inset-inline-end: 16px; width: 52px; height: 52px; }
}

/* Phone field --------------------------------------------------------------- */

.rk-phone { position: relative; display: grid; gap: 8px; }

.rk-phone__label { font-size: 14px; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.7); }

.rk-phone__row {
	display: flex;
	align-items: stretch;
	gap: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	transition: border-color 0.25s ease;
}

.rk-phone__row:focus-within { border-bottom-color: var(--aar-brass); }

.rk-dial {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 15px 4px 15px 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 17px;
	cursor: pointer;
	white-space: nowrap;
}

.rk-dial:focus-visible { outline: 2px solid var(--aar-brass); outline-offset: 2px; }
.rk-dial__code { font-variant-numeric: lining-nums; }
.rk-dial__caret { opacity: 0.65; transition: transform 0.25s ease; }
.rk-dial[aria-expanded="true"] .rk-dial__caret { transform: rotate(180deg); }

.rk-flag { flex: none; border-radius: 1px; display: block; }

.rk-phone__input {
	flex: 1;
	min-width: 0;
	padding: 15px 0;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 17px;
}

.rk-phone__input:focus { outline: none; }
.rk-phone__input::placeholder { color: rgba(255, 255, 255, 0.34); }

.rk-dial__list {
	position: absolute;
	inset-inline-start: 0;
	top: calc(100% + 6px);
	bottom: auto;
	z-index: 5;
	width: min(320px, 100%);
	max-height: 262px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 18px 44px rgba(4, 48, 63, 0.3);
}

.rk-dial__list li {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px 12px;
	border-radius: 2px;
	color: var(--aar-ink);
	font-size: 15px;
	cursor: pointer;
}

.rk-dial__list li:hover,
.rk-dial__list li:focus,
.rk-dial__list li[aria-selected="true"] { background: var(--aar-paper); outline: none; }

.rk-dial__name { flex: 1; min-width: 0; }
.rk-dial__num { color: rgba(10, 28, 38, 0.55); font-variant-numeric: lining-nums; }

/* Modal --------------------------------------------------------------------- */

.rk-modal { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; padding: 20px; }
.rk-modal[hidden] { display: none; }

.rk-modal__backdrop { position: absolute; inset: 0; background: rgba(4, 48, 63, 0.72); backdrop-filter: blur(3px); animation: rk-fade 0.25s ease both; }

.rk-modal__panel {
	position: relative;
	width: min(460px, 100%);
	max-height: 92svh;
	overflow-y: auto;
	padding: clamp(28px, 5vw, 42px);
	background: var(--aar-navy);
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 30px 70px rgba(4, 16, 24, 0.5);
	animation: rk-pop 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes rk-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes rk-pop { from { opacity: 0; transform: translateY(16px) scale(0.98); } to { opacity: 1; transform: none; } }

.rk-modal__x {
	position: absolute;
	top: 14px;
	inset-inline-end: 14px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.rk-modal__x:hover { background: rgba(255, 255, 255, 0.2); }

.rk-modal__title { margin: 0 0 10px; font-size: clamp(21px, 3.4vw, 27px); font-weight: 400; line-height: 1.28; max-width: 18ch; }
.rk-modal__sub { margin: 0 0 20px; font-size: 15px; color: rgba(255, 255, 255, 0.68); }

.rk-modal__context {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 24px;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	font-size: 15px;
	color: var(--aar-sand);
	line-height: 1.5;
}

.rk-modal__context::before {
	content: attr(data-label);
	flex: none;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.45);
}

.rk-modal__form { gap: 20px; }
.rk-modal__form .rk-form__submit { width: 100%; }

.rk-phone--up .rk-dial__list { top: auto; bottom: calc(100% + 6px); }

body.rk-locked { overflow: hidden; }

/* Logo watermark ------------------------------------------------------------ */

[data-mark] { position: relative; overflow: hidden; }

[data-mark]::before {
	content: "";
	position: absolute;
	inset-block: 50%;
	inset-inline-end: -6%;
	translate: 0 -50%;
	width: min(560px, 52vw);
	aspect-ratio: 470 / 250;
	background-image: var(--aar-mark);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}

.aar-statement[data-mark]::before { opacity: 0.05; filter: invert(1); }
.aar-register[data-mark]::before { opacity: 0.07; }

[data-mark] > * { position: relative; z-index: 1; }

@media (max-width: 860px) {
	[data-mark]::before { width: min(420px, 78vw); inset-inline-end: -18%; }
	.aar-statement[data-mark]::before { opacity: 0.04; }
}

/* Developer credentials ----------------------------------------------------- */

.aar-dev__tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 20px;
	margin-bottom: 24px;
	background: #fff;
	border-radius: 3px;
}

.aar-dev__tile img { max-height: 72px; width: auto; }

.aar-dev__work {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aar-dev__work li {
	padding: 8px 15px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	font-size: 13.5px;
	color: rgba(255, 255, 255, 0.82);
}

/* Co-branding: developer first, project second ------------------------------ */

.aar-bar__lockup { display: flex; align-items: center; gap: 14px; min-width: 0; }

.aar-bar__dev { display: flex; align-items: center; }
.aar-bar__dev img { height: 42px; width: auto; }

.aar-bar__rule { width: 1px; height: 34px; background: rgba(255, 255, 255, 0.28); flex: none; }

.aar-hero__badge { display: block; margin-bottom: 20px; }
.aar-hero__badge img { height: 74px; width: auto; }

.aar-hero__dev {
	margin: 0 0 20px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--aar-sand);
}

.aar-foot__dev { display: inline-flex; align-items: center; gap: 12px; }
.aar-foot__logo { height: 34px; width: auto; }

/* Mobile refinements -------------------------------------------------------- */

@media (max-width: 640px) {
	.aar-bar__inner { min-height: 76px; gap: 12px; }
	.aar-bar__dev img { height: 34px; }
	.aar-bar__rule { height: 26px; }
	.aar-bar__logo { max-height: 40px; }

	/* Comfortable touch targets */
	.aar-btn--sm { padding: 13px 16px; font-size: 13px; }
	.aar-bar__lang { padding: 12px 12px; }

	.aar-hero__badge img { height: 58px; }
	.aar-eyebrow { font-size: 12.5px; letter-spacing: 0.14em; }
	.aar-hero__dev { font-size: 12.5px; letter-spacing: 0.14em; }

	/* Inventory rows: tighter, with the action full width under the specs */
	.aar-stratum { padding: 16px 16px 16px 14px; gap: 12px; }
	.aar-stratum__label { font-size: 17px; }
	.aar-stratum__specs { gap: 4px 18px; font-size: 13.5px; }
	.aar-stratum__cta { width: 100%; text-align: center; padding: 13px 16px; }

	.aar-strata__sea { height: 58px; }

	/* Give the dock and the floating button room to coexist */
	.aar-wa { bottom: 74px; }
	.aar-dock__btn { padding: 17px 8px; }

	.aar-district { padding: 26px 22px; }
	.aar-plan { padding: 26px 22px 22px; }
	.aar-scale__item { padding: 30px 18px; }
}

@media (max-width: 400px) {
	.aar-bar__dev, .aar-bar__rule { display: none; }
}

/* Inventory: on small screens show the first rows and expand on request ------ */

.aar-strata__more {
	display: none;
	width: 100%;
	margin-top: 12px;
	padding: 15px 18px;
	border: 1px solid var(--aar-line);
	border-radius: 2px;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.aar-strata__more:hover { background: var(--aar-paper); }

@media (max-width: 640px) {
	.aar-strata__more { display: block; }
	.aar-dist:not(.is-open) .aar-stratum:nth-child(n + 5) { display: none; }

	/* Comfortable tap target on the masthead action */
	.aar-bar .aar-btn--sm { min-height: 44px; }
	.aar-bar__lang { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Arabic never takes letter spacing: it breaks the joining of the script ----- */

body.aar-lang-ar,
body.aar-lang-ar * { letter-spacing: 0 !important; }

body.aar-lang-ar .aar-eyebrow,
body.aar-lang-ar .aar-hero__dev,
body.aar-lang-ar .aar-scale__label,
body.aar-lang-ar .aar-footer__title,
body.aar-lang-ar .aar-statement__asideTitle,
body.aar-lang-ar .rk-modal__context::before,
body.aar-lang-ar .aar-strata__sea span { text-transform: none; }

/* Loading screen ------------------------------------------------------------ */

.aar-loader {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 26px;
	background: var(--aar-deep);
	animation: aar-loader-out 0.5s ease 1.15s forwards;
}

.aar-loader__mark img {
	height: clamp(78px, 14vw, 104px);
	width: auto;
	animation: aar-loader-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.aar-loader__bar {
	position: relative;
	width: clamp(120px, 26vw, 180px);
	height: 1px;
	background: rgba(255, 255, 255, 0.16);
	overflow: hidden;
}

.aar-loader__bar::after {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 40%;
	background: var(--aar-brass);
	animation: aar-loader-sweep 1.1s ease-in-out infinite;
}

@keyframes aar-loader-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}

@keyframes aar-loader-sweep {
	from { transform: translateX(-100%); }
	to { transform: translateX(320%); }
}

@keyframes aar-loader-out {
	to { opacity: 0; visibility: hidden; pointer-events: none; }
}

.aar-loader.is-done { animation: aar-loader-out 0.4s ease forwards; }

@media (prefers-reduced-motion: reduce) {
	.aar-loader { animation-delay: 0.3s; }
	.aar-loader__mark img, .aar-loader__bar::after { animation: none; }
}

/* Mobile pass ---------------------------------------------------------------- */

@media (max-width: 640px) {
	:root { --aar-pad: 22px; }

	.aar-hero { min-height: 92svh; }
	.aar-hero__inner { padding-block: 104px 96px; }
	.aar-hero__title { font-size: clamp(38px, 12vw, 54px); line-height: 1.06; }
	.aar-hero__line { font-size: 17px; max-width: 22ch; margin-bottom: 14px; }
	.aar-hero__place { font-size: 14px; margin-bottom: 30px; line-height: 1.7; }
	.aar-hero__cta { flex-direction: column; align-items: stretch; gap: 10px; }
	.aar-hero__cta .aar-btn { width: 100%; padding: 16px 22px; }
	.aar-hero__foot { font-size: 12px; bottom: 18px; }

	.aar-scale__value { font-size: 30px; }
	.aar-scale__value em { font-size: 0.44em; }
	.aar-scale__label { font-size: 12.5px; line-height: 1.45; }

	.aar-statement { padding-block: 64px; }
	.aar-statement__claim { font-size: 30px; max-width: none; }
	.aar-statement__text { font-size: 16.5px; line-height: 1.8; }
	.aar-statement__aside { margin-top: 34px; }
	.aar-contains li { font-size: 15px; padding: 12px 0; }

	.aar-h2 { font-size: 26px; }
	.aar-h2--wide { max-width: none; }
	.aar-body { font-size: 16px; }

	.aar-dev { padding-block: 56px; }
	.aar-dev__tile { padding: 14px 18px; margin-bottom: 20px; }
	.aar-dev__tile img { max-height: 58px; }
	.aar-dev__work li { font-size: 13px; padding: 7px 13px; }

	.aar-launch, .aar-rows, .aar-pay, .aar-place, .aar-register { padding-block: 56px; }
	.aar-launch__grid { margin-block: 32px; }
	.aar-district__name { font-size: 20px; }
	.aar-district__desc { font-size: 15px; }

	.aar-legend { margin-block: 24px 32px; gap: 8px 18px; font-size: 12.5px; }
	.aar-dist__title { font-size: 20px; margin-bottom: 20px; }
	.aar-dist + .aar-dist { margin-top: 48px; }

	.aar-stratum__type { font-size: 13px; }
	.aar-stratum__specs dt { font-size: 13px; }
	.aar-stratum__view { font-size: 12.5px; }

	.aar-gallery__rail { grid-auto-columns: 86vw; gap: 12px; }
	.aar-place__map iframe { aspect-ratio: 4 / 3.4; }

	.aar-register__grid { gap: 34px; }
	.rk-modal__panel { padding: 26px 22px 30px; }
	.rk-modal__title { font-size: 21px; }
	.rk-dial__list { width: 100%; max-height: 220px; }

	.aar-foot__inner { justify-content: center; text-align: center; }
	.aar-foot__dev { flex-direction: column; gap: 10px; }
	.aar-foot__logo { height: 40px; }
}

/* The developer mark is a dark lockup, so it needs a light ground ------------ */

.aar-hero__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	background: #fff;
	border-radius: 2px;
}

.aar-bar__dev {
	padding: 6px 9px;
	background: #fff;
	border-radius: 2px;
}

.aar-foot__dev .aar-foot__logo {
	padding: 7px 10px;
	background: #fff;
	border-radius: 2px;
	box-sizing: content-box;
}

.aar-loader__mark {
	display: inline-flex;
	padding: 18px 22px;
	background: #fff;
	border-radius: 3px;
}

/* Row action reads as an action, not a disabled field ------------------------ */

.aar-stratum__cta {
	border-color: var(--aar-navy);
	color: var(--aar-navy);
	background: transparent;
}

.aar-stratum__cta:hover,
.aar-stratum__cta:focus-visible {
	background: var(--aar-navy);
	border-color: var(--aar-navy);
	color: #fff;
}

@media (max-width: 640px) {
	.aar-stratum__cta {
		background: var(--aar-brass);
		border-color: var(--aar-brass);
		color: #08202c;
		font-weight: 600;
	}
}

@media (max-width: 640px) {
	.aar-form .rk-form__submit { width: 100%; justify-self: stretch; min-height: 54px; }
	.aar-register__contact { margin-top: 20px; }

	/* Clear the fixed dock so the footer is never cut off */
	body.aar { padding-bottom: 66px; }
	.aar-foot { padding-block: 30px 34px; }
}

/* Brand pass: indigo ground, bronze gradient accents ------------------------- */

.aar-scale, .aar-form-block, .aar-register { background: var(--aar-indigo); }
.aar-dev, .aar-foot, .aar-dock, .aar-loader { background: var(--aar-indigo-deep); }
.aar-scale__item { background: var(--aar-indigo); }

.aar-scale__value,
.aar-district__n,
.aar-plan__n,
.aar-eyebrow__n,
.aar-hero__dev { color: var(--aar-gold-b); }

.aar-hero__dev { font-weight: 500; }

/* Masthead reads clean before it sticks */
.aar-bar { background: linear-gradient(180deg, rgba(4, 48, 63, 0.55) 0%, rgba(4, 48, 63, 0) 100%); }
.aar-bar.is-stuck { background: rgba(4, 48, 63, 0.95); }
.aar-bar__nav a:hover, .aar-bar__nav .current-menu-item > a { border-bottom-color: var(--aar-gold-b); }

/* The dock is indigo with one gradient action, not a solid tan bar */
.aar-dock__btn--cta { background-image: var(--aar-gold); color: #06323F; font-weight: 700; }
.aar-dock__btn--wa { background: #128C7E; }

/* Inventory: gradient action, indigo accents */
.aar-stratum__cta {
	border: 0;
	background-image: var(--aar-gold);
	color: #06323F;
	font-weight: 700;
}

.aar-stratum__cta:hover, .aar-stratum__cta:focus-visible {
	background-image: none;
	background-color: var(--aar-indigo);
	color: #fff;
}

.aar-stratum--inland .aar-stratum__bar { background: var(--aar-gold-a); }

/* Expand control reads as an editorial rule, not a boxed button */
.aar-strata__more {
	position: relative;
	border: 0;
	border-top: 1px solid var(--aar-line);
	background: none;
	padding: 20px 0 0;
	margin-top: 20px;
	color: var(--aar-indigo);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.aar-strata__more span { border-bottom: 1px solid var(--aar-gold-a); padding-bottom: 3px; }
.aar-strata__more:hover { background: none; color: var(--aar-gold-a); }

.aar-plan__cta { border-color: var(--aar-indigo); color: var(--aar-indigo); font-weight: 600; }
.aar-plan__cta:hover { background: var(--aar-indigo); color: #fff; }

.aar-plan__figures dd { color: var(--aar-indigo); }
.aar-register__contact a { color: var(--aar-gold-b); border-bottom-color: rgba(232, 176, 120, 0.45); }

.rk-modal__panel { background: var(--aar-indigo); }
.rk-modal__context { color: var(--aar-gold-b); }
.rk-modal__context::before { color: rgba(255, 255, 255, 0.5); }

.aar-loader__bar::after { background-image: var(--aar-gold); }
.aar-pulse { background: var(--aar-gold-b); box-shadow: 0 0 0 0 rgba(232, 176, 120, 0.7); }
@keyframes aar-ping { 70% { box-shadow: 0 0 0 12px rgba(232, 176, 120, 0); } 100% { box-shadow: 0 0 0 0 rgba(232, 176, 120, 0); } }

/* The gradient mark is made for dark grounds, so drop the white tiles */
.aar-hero__badge, .aar-bar__dev, .aar-loader__mark { background: none; padding: 0; }
.aar-foot__dev .aar-foot__logo { background: none; padding: 0; }

/* The hidden attribute must win over the layout display value */
.rk-modal__context[hidden],
.aar-strata__more[hidden],
[hidden] { display: none !important; }

/* The early register block sits on sand so it reads as a pause, not a repeat */

.aar-register--early { background: var(--aar-sand); color: var(--aar-ink); }
.aar-register--early .aar-eyebrow { color: rgba(11, 42, 51, 0.55); }
.aar-register--early .aar-eyebrow__r { background: rgba(11, 42, 51, 0.25); }
.aar-register--early .aar-h2 { color: var(--aar-ink); }
.aar-register--early .aar-body { color: rgba(11, 42, 51, 0.75); }
.aar-register--early .aar-register__contact a { color: var(--aar-navy); border-bottom-color: rgba(10, 92, 120, 0.4); }
.aar-register--early .aar-register__contact a:hover { color: var(--aar-ink); border-color: var(--aar-ink); }
.aar-register--early .aar-field > span { color: rgba(11, 42, 51, 0.6); }
.aar-register--early .aar-field input,
.aar-register--early .aar-field select { color: var(--aar-ink); border-bottom-color: rgba(11, 42, 51, 0.28); }
.aar-register--early .aar-field input:focus,
.aar-register--early .aar-field select:focus { border-bottom-color: var(--aar-sea); }
.aar-register--early .rk-phone__label { color: rgba(11, 42, 51, 0.6); }
.aar-register--early .rk-phone__row { border-bottom-color: rgba(11, 42, 51, 0.28); }
.aar-register--early .rk-phone__row:focus-within { border-bottom-color: var(--aar-sea); }
.aar-register--early .rk-dial,
.aar-register--early .rk-phone__input { color: var(--aar-ink); }
.aar-register--early .rk-phone__input::placeholder { color: rgba(11, 42, 51, 0.35); }