/*
 * Alam Al Roum — Ultimate destination homepage, v2.0.4.
 * A cinematic editorial layer loaded only on the bilingual homepage pair.
 */

@font-face {
  font-family: "Noto Sans Arabic Display";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/NotoSansArabic-Variable-Arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root {
  --rd-ultimate-ink: #071e28;
  --rd-ultimate-harbor: #0f4a57;
  --rd-ultimate-sea: #86c8cc;
  --rd-ultimate-copper: #965b3f;
  --rd-ultimate-travertine: #dfd4c5;
  --rd-ultimate-pearl: #f7f5ef;
  --rd-ultimate-white: #fffdfa;
  --rd-ultimate-muted: #52666c;
  --rd-ultimate-line: rgb(7 30 40 / 15%);
  --rd-ultimate-line-light: rgb(247 245 239 / 20%);
  --rd-ultimate-shadow: 0 30px 90px rgb(7 30 40 / 15%);
  --rd-ultimate-shadow-soft: 0 18px 56px rgb(7 30 40 / 9%);
  --rd-ultimate-shell: min(100% - (2 * clamp(24px, 5vw, 80px)), 1440px);
  --rd-ultimate-copy: 68ch;
  --rd-ultimate-section: clamp(96px, 10vw, 176px);
  --rd-ultimate-radius: 2px;
  --rd-ultimate-ease: cubic-bezier(.2, .7, .2, 1);
  --rd-brand-primary: var(--rd-ultimate-harbor);
  --rd-brand-secondary: var(--rd-ultimate-ink);
  --rd-accent: var(--rd-ultimate-copper);
  --rd-deep-surface: var(--rd-ultimate-ink);
  --rd-light-surface: var(--rd-ultimate-pearl);
  --rd-subtle-surface: #ece8df;
  --rd-text-primary: var(--rd-ultimate-ink);
  --rd-text-secondary: var(--rd-ultimate-muted);
  --rd-border-subtle: var(--rd-ultimate-line);
  --rd-focus: #167486;
}

body {
  background: var(--rd-ultimate-pearl);
  color: var(--rd-ultimate-ink);
}

body.rd-locale-ar,
html[lang^="ar"] body {
  font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic Display", Tahoma, Arial, sans-serif;
}

body.rd-locale-en,
html[lang^="en"] body {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.rd-home-main {
  margin-block-start: 0 !important;
}

.rd-home-main,
.rd-home-content {
  overflow: clip;
  background: var(--rd-ultimate-pearl);
}

.rd-home-content > * {
  margin-block: 0;
}

.rd-home-content :where(h2, h3) {
  color: inherit;
}

.rd-home-content :where(h2, h3, p) {
  text-wrap: pretty;
}

.rd-locale-ar .rd-home-content :where(h1, h2, h3),
html[lang^="ar"] .rd-home-content :where(h1, h2, h3),
.rd-locale-ar .rd-home-hero__title,
html[lang^="ar"] .rd-home-hero__title {
  font-family: "Noto Sans Arabic Display", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
}

/* Transparent over-image navigation becomes Pearl glass once the hero moves. */
.rd-site-header {
  position: fixed;
  z-index: 1000;
  inset-block-start: 0;
  inset-inline: 0;
  width: 100%;
  border-block-end: 1px solid transparent;
  background: linear-gradient(180deg, rgb(7 30 40 / 48%), transparent);
  box-shadow: none;
  color: var(--rd-ultimate-pearl);
  transition:
    min-height 320ms var(--rd-ultimate-ease),
    border-color 320ms var(--rd-ultimate-ease),
    background-color 320ms var(--rd-ultimate-ease),
    box-shadow 320ms var(--rd-ultimate-ease),
    color 320ms var(--rd-ultimate-ease),
    -webkit-backdrop-filter 320ms var(--rd-ultimate-ease),
    backdrop-filter 320ms var(--rd-ultimate-ease);
}

.admin-bar .rd-site-header {
  inset-block-start: 32px;
}

.rd-site-header.is-scrolled {
  border-block-end-color: rgb(7 30 40 / 10%);
  background: rgb(247 245 239 / 90%);
  box-shadow: 0 12px 44px rgb(7 30 40 / 8%);
  color: var(--rd-ultimate-ink);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
  backdrop-filter: blur(20px) saturate(135%);
}

.rd-header-shell {
  width: var(--rd-ultimate-shell);
  min-height: 96px;
  gap: clamp(20px, 3vw, 52px);
  transition: min-height 320ms var(--rd-ultimate-ease);
}

.rd-site-header.is-scrolled .rd-header-shell {
  min-height: 76px;
}

.rd-brand-lockup {
  gap: 12px;
}

.rd-brand-lockup .wp-block-site-logo img {
  max-height: 54px;
  filter: brightness(0) invert(1);
  transition: filter 260ms ease, max-height 320ms var(--rd-ultimate-ease);
}

.rd-site-header.is-scrolled .rd-brand-lockup .wp-block-site-logo img {
  max-height: 46px;
  filter: none;
}

.rd-brand-lockup .wp-block-site-title {
  font-size: clamp(17px, 1vw, 20px);
  font-weight: 600;
  letter-spacing: .015em;
}

.rd-brand-lockup .wp-block-site-title a,
.rd-primary-navigation,
.rd-primary-navigation a {
  color: inherit;
}

.rd-site-header:not(.is-scrolled) .rd-brand-lockup .wp-block-site-title a {
  color: var(--rd-ultimate-pearl);
  text-shadow: 0 2px 18px rgb(7 30 40 / 36%);
}

.rd-site-header.is-scrolled .rd-brand-lockup .wp-block-site-title a {
  color: var(--rd-ultimate-ink);
  text-shadow: none;
}

.rd-primary-navigation .wp-block-navigation__container {
  gap: clamp(16px, 1.8vw, 30px);
}

.rd-primary-navigation .wp-block-navigation-item__content {
  position: relative;
  min-height: 48px;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
}

.rd-primary-navigation .wp-block-navigation-item__content::after {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 6px;
  height: 1px;
  transform: scaleX(0);
  transform-origin: center;
  background: currentColor;
  content: "";
  opacity: .72;
  transition: transform 220ms var(--rd-ultimate-ease);
}

.rd-primary-navigation .wp-block-navigation-item__content:hover::after,
.rd-primary-navigation .current-menu-item > .wp-block-navigation-item__content::after,
.rd-primary-navigation .current-menu-ancestor > .wp-block-navigation-item__content::after {
  transform: scaleX(1);
}

.rd-primary-navigation .current-menu-item > .wp-block-navigation-item__content,
.rd-primary-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
  box-shadow: none;
}

.rd-primary-navigation .raheem-language-switcher > a {
  min-width: 72px;
  padding-inline: 16px;
  border-color: currentColor;
  border-radius: 999px;
  background: rgb(255 255 255 / 7%);
}

.rd-site-header.is-scrolled .rd-primary-navigation .raheem-language-switcher > a {
  background: transparent;
}

.rd-primary-navigation .wp-block-navigation__responsive-container-open {
  color: inherit;
  border-color: currentColor;
  background: rgb(255 255 255 / 8%);
}

.wp-block-navigation__responsive-container.is-menu-open {
  color: var(--rd-ultimate-ink);
  background: var(--rd-ultimate-pearl);
}

/* H01: one full viewport image, editorial type and no card/panel. */
.rd-home-hero {
  position: relative;
  display: flex;
  width: 100%;
  height: max(760px, 100svh);
  min-height: 100svh;
  align-items: stretch;
  overflow: hidden;
  background-color: var(--rd-ultimate-ink);
  background-position: center;
  background-size: cover;
  isolation: isolate;
}

.rd-home-hero::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, rgb(7 30 40 / 32%) 0%, transparent 29%, transparent 53%, rgb(7 30 40 / 62%) 100%),
    linear-gradient(90deg, rgb(7 30 40 / 58%) 0%, rgb(7 30 40 / 20%) 44%, transparent 72%);
  content: "";
  pointer-events: none;
}

.rd-locale-ar .rd-home-hero::before,
html[lang^="ar"] .rd-home-hero::before {
  background:
    linear-gradient(180deg, rgb(7 30 40 / 32%) 0%, transparent 29%, transparent 53%, rgb(7 30 40 / 62%) 100%),
    linear-gradient(270deg, rgb(7 30 40 / 58%) 0%, rgb(7 30 40 / 20%) 44%, transparent 72%);
}

.rd-home-hero::after {
  position: absolute;
  z-index: 2;
  display: block;
  inset-inline-end: clamp(24px, 5vw, 80px);
  inset-block-end: clamp(24px, 4vw, 56px);
  width: 1px;
  height: clamp(60px, 7vw, 104px);
  background: linear-gradient(180deg, transparent, rgb(247 245 239 / 74%));
  content: "";
  pointer-events: none;
}

.rd-home-hero > .rd-home-hero__media,
.rd-home-hero > .wp-block-post-featured-image,
.rd-home-hero__picture,
.rd-home-hero > .wp-block-post-featured-image picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-home-hero > .rd-home-hero__media img,
.rd-home-hero > .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  transform: scale(1.015);
  border-radius: 0;
  object-fit: cover;
  object-position: var(--rd-focal-x, 50%) var(--rd-focal-y, 50%);
  animation: rd-ultimate-hero-settle 1.8s var(--rd-ultimate-ease) both;
}

.rd-home-hero__content {
  position: relative;
  z-index: 3;
  display: flex;
  width: var(--rd-ultimate-shell);
  height: 100%;
  align-items: flex-end;
  justify-content: flex-start;
  margin-inline: auto;
  padding: clamp(160px, 21vh, 240px) 0 clamp(72px, 10vh, 112px);
}

.rd-home-hero__content > .wp-block-shortcode {
  display: contents;
}

.rd-home-hero__panel {
  position: relative;
  display: flex;
  width: min(800px, 69vw);
  max-width: 100%;
  flex-direction: column;
  gap: 18px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--rd-ultimate-pearl);
  box-shadow: none;
  text-align: start;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  animation: rd-ultimate-copy-in 900ms 180ms var(--rd-ultimate-ease) both;
}

.rd-home-hero__panel::before {
  display: none;
}

.rd-home-hero__panel :where(p, h1) {
  width: 100%;
  margin: 0;
  color: inherit;
}

.rd-home-hero__eyebrow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--rd-ultimate-sea) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.rd-home-hero__eyebrow::before {
  width: 42px;
  height: 1px;
  background: currentColor;
  content: "";
}

.rd-locale-ar .rd-home-hero__eyebrow,
html[lang^="ar"] .rd-home-hero__eyebrow {
  text-transform: none;
  letter-spacing: 0;
}

.rd-home-hero .rd-home-hero__title,
.rd-locale-ar .rd-home-hero .rd-home-hero__title,
html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
  max-width: 14ch;
  margin: 0;
  color: var(--rd-ultimate-pearl);
  font-size: clamp(58px, 7vw, 112px);
  font-weight: 520;
  line-height: .98;
  letter-spacing: -.045em;
  text-shadow: 0 2px 26px rgb(7 30 40 / 26%);
}

.rd-locale-ar .rd-home-hero .rd-home-hero__title,
html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
  max-width: 13ch;
  font-size: clamp(56px, 6.2vw, 98px);
  font-weight: 560;
  line-height: 1.14;
  letter-spacing: 0;
}

.rd-home-hero__summary,
.rd-locale-ar .rd-home-hero .rd-home-hero__summary,
html[lang^="ar"] .rd-home-hero .rd-home-hero__summary {
  max-width: 59ch;
  color: rgb(247 245 239 / 88%) !important;
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 400;
  line-height: 1.7;
  text-shadow: 0 2px 18px rgb(7 30 40 / 38%);
}

.rd-home-hero__actions {
  display: flex;
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block-start: 6px;
}

.rd-home-hero__cta {
  display: inline-flex;
  width: auto !important;
  min-height: 54px;
  height: auto;
  align-items: center;
  justify-content: center;
  padding: 15px 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  transition: transform 220ms var(--rd-ultimate-ease), background-color 220ms ease, border-color 220ms ease, color 220ms ease;
}

.rd-home-hero__cta:hover,
.rd-home-hero__cta:focus-visible {
  transform: translateY(-2px);
}

.rd-home-hero__cta--primary {
  border-color: var(--rd-ultimate-pearl);
  background: var(--rd-ultimate-pearl);
  color: var(--rd-ultimate-ink);
}

.rd-home-hero__cta--primary:hover,
.rd-home-hero__cta--primary:focus-visible {
  border-color: var(--rd-ultimate-sea);
  background: var(--rd-ultimate-sea);
  color: var(--rd-ultimate-ink);
}

.rd-home-hero__cta--secondary {
  border-color: rgb(247 245 239 / 56%);
  background: rgb(247 245 239 / 6%);
  color: var(--rd-ultimate-pearl);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.rd-home-hero__cta--secondary:hover,
.rd-home-hero__cta--secondary:focus-visible {
  border-color: var(--rd-ultimate-pearl);
  background: rgb(247 245 239 / 14%);
  color: var(--rd-ultimate-pearl);
}

.rd-home-hero__panel-disclosure {
  max-width: 60ch;
  color: rgb(247 245 239 / 68%) !important;
  font-size: 11px;
  line-height: 1.65;
}

.rd-home-hero__disclosure {
  z-index: 4;
  inset-block-start: auto;
  inset-block-end: clamp(20px, 3vw, 40px);
  inset-inline-end: clamp(24px, 5vw, 80px);
  max-width: 44ch;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgb(247 245 239 / 68%);
  font-size: 11px;
  text-align: end;
}

/* Shared 12-column editorial system. */
.rd-ultimate-band {
  position: relative;
  width: 100%;
  padding-block: var(--rd-ultimate-section);
  color: var(--rd-ultimate-ink);
  background: var(--rd-ultimate-pearl);
}

.rd-ultimate-band[id] {
  scroll-margin-top: 112px;
}

.rd-ultimate-band--pearl,
.rd-ultimate-band--light {
  background: var(--rd-ultimate-pearl);
}

.rd-ultimate-band--travertine,
.rd-ultimate-band--sand {
  background: var(--rd-ultimate-travertine);
}

.rd-ultimate-band--mist {
  background: #e9efed;
}

.rd-ultimate-band--ink,
.rd-ultimate-band--deep {
  color: var(--rd-ultimate-pearl);
  background: var(--rd-ultimate-ink);
}

.rd-ultimate-band--harbor {
  color: var(--rd-ultimate-pearl);
  background: var(--rd-ultimate-harbor);
}

.rd-ultimate-shell {
  position: relative;
  display: grid;
  width: var(--rd-ultimate-shell);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 32px);
  margin-inline: auto;
}

.rd-ultimate-shell > * {
  min-width: 0;
}

.rd-ultimate-section-head {
  grid-column: 1 / span 8;
  margin-block-end: clamp(44px, 6vw, 86px);
}

.rd-locale-ar .rd-ultimate-section-head,
html[lang^="ar"] .rd-ultimate-section-head {
  grid-column: 5 / -1;
}

.rd-ultimate-kicker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  color: var(--rd-ultimate-copper);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.65;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.rd-ultimate-kicker::before {
  width: 34px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  content: "";
}

.rd-locale-ar .rd-ultimate-kicker,
html[lang^="ar"] .rd-ultimate-kicker {
  text-transform: none;
  letter-spacing: 0;
}

.rd-ultimate-band--ink .rd-ultimate-kicker,
.rd-ultimate-band--deep .rd-ultimate-kicker,
.rd-ultimate-band--harbor .rd-ultimate-kicker {
  color: var(--rd-ultimate-sea);
}

.rd-ultimate-title {
  max-width: 18ch;
  margin: 0;
  color: inherit;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.035em;
}

.rd-locale-ar .rd-ultimate-title,
html[lang^="ar"] .rd-ultimate-title {
  max-width: 17ch;
  font-weight: 560;
  line-height: 1.22;
  letter-spacing: 0;
}

.rd-ultimate-lead {
  max-width: var(--rd-ultimate-copy);
  margin: 24px 0 0;
  color: var(--rd-ultimate-muted);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.75;
}

.rd-ultimate-band--ink .rd-ultimate-lead,
.rd-ultimate-band--deep .rd-ultimate-lead,
.rd-ultimate-band--harbor .rd-ultimate-lead {
  color: rgb(247 245 239 / 74%);
}

.rd-ultimate-band .wp-block-buttons {
  gap: 12px;
  margin-block-start: 32px;
}

.rd-ultimate-band .wp-block-button__link,
.rd-ultimate-band .wp-element-button {
  min-height: 52px;
  padding: 14px 24px;
  border: 1px solid var(--rd-ultimate-harbor);
  border-radius: 999px;
  background: var(--rd-ultimate-harbor);
  color: var(--rd-ultimate-pearl);
  font-size: 15px;
  font-weight: 600;
}

.rd-ultimate-band .wp-block-button__link:hover,
.rd-ultimate-band .wp-element-button:hover {
  border-color: var(--rd-ultimate-ink);
  background: var(--rd-ultimate-ink);
  color: var(--rd-ultimate-pearl);
  transform: translateY(-2px);
}

.rd-ultimate-band .wp-block-button.is-style-secondary .wp-block-button__link {
  border-color: currentColor;
  background: transparent;
  color: var(--rd-ultimate-harbor);
}

.rd-ultimate-band--ink .wp-block-button.is-style-secondary .wp-block-button__link,
.rd-ultimate-band--deep .wp-block-button.is-style-secondary .wp-block-button__link,
.rd-ultimate-band--harbor .wp-block-button.is-style-secondary .wp-block-button__link,
.rd-ultimate-band--partners .wp-block-button.is-style-secondary .wp-block-button__link {
  color: var(--rd-ultimate-pearl);
}

.rd-ultimate-band .wp-block-button.is-style-secondary .wp-block-button__link:hover {
  border-color: var(--rd-ultimate-harbor);
  background: var(--rd-ultimate-harbor);
  color: var(--rd-ultimate-pearl);
}

.rd-ultimate-band--ink .wp-block-button.is-style-secondary .wp-block-button__link:hover,
.rd-ultimate-band--deep .wp-block-button.is-style-secondary .wp-block-button__link:hover,
.rd-ultimate-band--harbor .wp-block-button.is-style-secondary .wp-block-button__link:hover,
.rd-ultimate-band--partners .wp-block-button.is-style-secondary .wp-block-button__link:hover {
  border-color: var(--rd-ultimate-pearl);
  background: var(--rd-ultimate-pearl);
  color: var(--rd-ultimate-ink);
}

@keyframes rd-ultimate-hero-settle {
  from { opacity: .72; transform: scale(1.065); }
  to { opacity: 1; transform: scale(1.015); }
}

@keyframes rd-ultimate-copy-in {
  from { opacity: 0; transform: translateY(26px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Evidence rail: numbers are treated as editorial facts, not dashboard tiles. */
.rd-ultimate-evidence {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-band--ink .rd-ultimate-evidence,
.rd-ultimate-band--deep .rd-ultimate-evidence,
.rd-ultimate-band--harbor .rd-ultimate-evidence {
  border-color: var(--rd-ultimate-line-light);
}

.rd-ultimate-evidence__item,
.rd-ultimate-evidence-item {
  position: relative;
  min-height: 190px;
  padding: clamp(28px, 3vw, 48px) clamp(18px, 2.4vw, 36px);
}

.rd-ultimate-evidence__item + .rd-ultimate-evidence__item,
.rd-ultimate-evidence-item + .rd-ultimate-evidence-item {
  border-inline-start: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-band--ink .rd-ultimate-evidence__item + .rd-ultimate-evidence__item,
.rd-ultimate-band--deep .rd-ultimate-evidence__item + .rd-ultimate-evidence__item,
.rd-ultimate-band--harbor .rd-ultimate-evidence__item + .rd-ultimate-evidence__item,
.rd-ultimate-band--ink .rd-ultimate-evidence-item + .rd-ultimate-evidence-item,
.rd-ultimate-band--deep .rd-ultimate-evidence-item + .rd-ultimate-evidence-item,
.rd-ultimate-band--harbor .rd-ultimate-evidence-item + .rd-ultimate-evidence-item {
  border-color: var(--rd-ultimate-line-light);
}

.rd-ultimate-evidence__value,
.rd-ultimate-evidence-value {
  margin: 0;
  color: var(--rd-ultimate-harbor);
  font-family: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  font-size: clamp(38px, 4.4vw, 70px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.rd-ultimate-band--ink .rd-ultimate-evidence__value,
.rd-ultimate-band--deep .rd-ultimate-evidence__value,
.rd-ultimate-band--harbor .rd-ultimate-evidence__value,
.rd-ultimate-band--ink .rd-ultimate-evidence-value,
.rd-ultimate-band--deep .rd-ultimate-evidence-value,
.rd-ultimate-band--harbor .rd-ultimate-evidence-value {
  color: var(--rd-ultimate-sea);
}

.rd-ultimate-evidence__label,
.rd-ultimate-evidence-label {
  max-width: 26ch;
  margin: 16px 0 0;
  color: var(--rd-ultimate-muted);
  font-size: 14px;
  line-height: 1.7;
}

.rd-ultimate-band--ink .rd-ultimate-evidence__label,
.rd-ultimate-band--deep .rd-ultimate-evidence__label,
.rd-ultimate-band--harbor .rd-ultimate-evidence__label,
.rd-ultimate-band--ink .rd-ultimate-evidence-label,
.rd-ultimate-band--deep .rd-ultimate-evidence-label,
.rd-ultimate-band--harbor .rd-ultimate-evidence-label {
  color: rgb(247 245 239 / 70%);
}

/* Alternating image/copy compositions. */
.rd-ultimate-split {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}

.rd-ultimate-split__media,
.rd-ultimate-split-media {
  position: relative;
  grid-column: 1 / span 7;
  margin: 0;
}

.rd-ultimate-split__content,
.rd-ultimate-split-content {
  grid-column: 9 / -1;
}

.rd-ultimate-split--reverse .rd-ultimate-split__media,
.rd-ultimate-split--reverse .rd-ultimate-split-media {
  grid-column: 6 / -1;
  order: 2;
}

.rd-ultimate-split--reverse .rd-ultimate-split__content,
.rd-ultimate-split--reverse .rd-ultimate-split-content {
  grid-column: 1 / span 4;
}

.rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
.rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media {
  grid-column: 6 / -1;
}

.rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
.rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content {
  grid-column: 1 / span 4;
}

.rd-ultimate-split__media::after,
.rd-ultimate-split-media::after {
  position: absolute;
  inset-inline-start: clamp(-18px, -1.5vw, -8px);
  inset-block-end: clamp(-18px, -1.5vw, -8px);
  width: clamp(96px, 11vw, 170px);
  aspect-ratio: 1;
  border: 1px solid rgb(150 91 63 / 52%);
  content: "";
  pointer-events: none;
}

.rd-ultimate-split__media :where(figure, picture),
.rd-ultimate-split-media :where(figure, picture),
.rd-ultimate-split__media .rd-conceptual-media,
.rd-ultimate-split-media .rd-conceptual-media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-split__media img,
.rd-ultimate-split-media img {
  width: 100%;
  height: min(62vw, 790px);
  min-height: 540px;
  border-radius: 0;
  object-fit: cover;
}

.rd-ultimate-split__content > :first-child,
.rd-ultimate-split-content > :first-child {
  margin-block-start: 0;
}

.rd-ultimate-split__content > :last-child,
.rd-ultimate-split-content > :last-child {
  margin-block-end: 0;
}

.rd-ultimate-split__content h2,
.rd-ultimate-split-content h2,
.rd-ultimate-residences h2,
.rd-ultimate-enquiry h2,
.rd-ultimate-faq h2,
.rd-ultimate-closing h2,
.rd-ultimate-location h2 {
  max-width: 16ch;
  margin-block: 0 24px;
  font-size: clamp(38px, 4vw, 64px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.rd-locale-ar :where(.rd-ultimate-split__content, .rd-ultimate-split-content, .rd-ultimate-residences, .rd-ultimate-enquiry, .rd-ultimate-faq, .rd-ultimate-closing, .rd-ultimate-location) h2,
html[lang^="ar"] :where(.rd-ultimate-split__content, .rd-ultimate-split-content, .rd-ultimate-residences, .rd-ultimate-enquiry, .rd-ultimate-faq, .rd-ultimate-closing, .rd-ultimate-location) h2 {
  font-weight: 560;
  line-height: 1.25;
  letter-spacing: 0;
}

.rd-ultimate-split__content :where(p, li),
.rd-ultimate-split-content :where(p, li),
.rd-ultimate-residences :where(p, li),
.rd-ultimate-location :where(p, li) {
  color: var(--rd-ultimate-muted);
  line-height: 1.78;
}

/* Destination bento: one cinematic lead card and supporting chapters. */
.rd-ultimate-destination-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: clamp(260px, 25vw, 390px);
  gap: clamp(14px, 1.6vw, 24px);
}

.rd-ultimate-card {
  position: relative;
  display: grid;
  grid-column: span 5;
  min-height: 0;
  overflow: hidden;
  background: var(--rd-ultimate-ink);
  color: var(--rd-ultimate-pearl);
  isolation: isolate;
}

.rd-ultimate-card--feature {
  grid-column: span 7;
  grid-row: span 2;
}

.rd-ultimate-card__media,
.rd-ultimate-card-media,
.rd-ultimate-card__media :where(figure, picture),
.rd-ultimate-card-media :where(figure, picture) {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-card__media img,
.rd-ultimate-card-media img {
  width: 100%;
  height: 100%;
  transform: scale(1.002);
  border-radius: 0;
  object-fit: cover;
  transition: transform 900ms var(--rd-ultimate-ease), filter 600ms ease;
}

.rd-ultimate-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgb(7 30 40 / 87%) 100%);
  content: "";
  pointer-events: none;
}

.rd-ultimate-card__overlay,
.rd-ultimate-card-overlay {
  align-self: end;
  padding: clamp(24px, 3vw, 46px);
}

.rd-ultimate-card__overlay > :first-child,
.rd-ultimate-card-overlay > :first-child {
  margin-block-start: 0;
}

.rd-ultimate-card__overlay > :last-child,
.rd-ultimate-card-overlay > :last-child {
  margin-block-end: 0;
}

.rd-ultimate-card h3 {
  max-width: 18ch;
  margin-block: 0 10px;
  color: inherit;
  font-size: clamp(25px, 2.4vw, 40px);
  font-weight: 520;
  line-height: 1.14;
}

.rd-ultimate-card--feature h3 {
  font-size: clamp(34px, 3.8vw, 62px);
}

.rd-ultimate-card p {
  max-width: 48ch;
  margin-block: 0;
  color: rgb(247 245 239 / 76%);
  font-size: 15px;
  line-height: 1.72;
}

.rd-ultimate-card a {
  color: inherit;
  text-decoration-color: rgb(247 245 239 / 44%);
}

.rd-ultimate-card:hover .rd-ultimate-card__media img,
.rd-ultimate-card:hover .rd-ultimate-card-media img {
  transform: scale(1.045);
  filter: saturate(1.06);
}

/* Lifestyle mosaic deliberately avoids a repetitive card-grid rhythm. */
.rd-ultimate-lifestyle-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, clamp(260px, 27vw, 420px));
  gap: clamp(14px, 1.6vw, 24px);
}

.rd-ultimate-lifestyle__tile,
.rd-ultimate-lifestyle-tile {
  position: relative;
  grid-column: span 4;
  overflow: hidden;
  background: var(--rd-ultimate-harbor);
  color: var(--rd-ultimate-pearl);
  isolation: isolate;
}

.rd-ultimate-lifestyle__tile:first-child,
.rd-ultimate-lifestyle-tile:first-child {
  grid-column: span 7;
  grid-row: span 2;
}

.rd-ultimate-lifestyle__tile:nth-child(2),
.rd-ultimate-lifestyle-tile:nth-child(2) {
  grid-column: span 5;
}

.rd-ultimate-lifestyle__tile:nth-child(3),
.rd-ultimate-lifestyle-tile:nth-child(3) {
  grid-column: span 5;
}

.rd-ultimate-lifestyle__tile :where(figure, picture),
.rd-ultimate-lifestyle-tile :where(figure, picture),
.rd-ultimate-lifestyle__tile .rd-conceptual-media,
.rd-ultimate-lifestyle-tile .rd-conceptual-media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-lifestyle__tile img,
.rd-ultimate-lifestyle-tile img {
  width: 100%;
  height: 100%;
  transform: scale(1.002);
  border-radius: 0;
  object-fit: cover;
  transition: transform 900ms var(--rd-ultimate-ease);
}

.rd-ultimate-lifestyle__tile:hover img,
.rd-ultimate-lifestyle-tile:hover img {
  transform: scale(1.04);
}

.rd-ultimate-lifestyle__tile > :not(figure),
.rd-ultimate-lifestyle-tile > :not(figure) {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  inset-block-end: 0;
  margin: 0;
  padding: clamp(22px, 3vw, 42px);
  background: linear-gradient(180deg, transparent, rgb(7 30 40 / 80%));
  color: inherit;
}

.rd-ultimate-lifestyle__tile h3,
.rd-ultimate-lifestyle-tile h3 {
  margin: 0;
  color: inherit;
  font-size: clamp(24px, 2.4vw, 38px);
  font-weight: 520;
}

/* Published project roles, with calm typographic hierarchy. */
.rd-ultimate-partners {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--rd-ultimate-line-light);
}

.rd-ultimate-partner {
  min-height: 210px;
  align-content: end;
  padding: clamp(28px, 3.2vw, 48px);
  border-inline-start: 1px solid var(--rd-ultimate-line-light);
}

.rd-ultimate-partner:first-child {
  border-inline-start: 0;
}

.rd-ultimate-partner :where(p, h3) {
  margin: 0;
}

.rd-ultimate-partner strong,
.rd-ultimate-partner h3 {
  display: block;
  color: var(--rd-ultimate-pearl);
  font-size: clamp(25px, 2.4vw, 38px);
  font-weight: 520;
  line-height: 1.25;
}

.rd-ultimate-partner span,
.rd-ultimate-partner p {
  display: block;
  margin-block-start: 10px;
  color: rgb(247 245 239 / 62%);
  font-size: 14px;
  line-height: 1.65;
}

/* Location and map: designed to survive a diagram, image, or styled placeholder. */
.rd-ultimate-location {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: stretch;
  gap: clamp(36px, 6vw, 96px);
}

.rd-ultimate-location__content,
.rd-ultimate-location-content {
  align-self: center;
}

.rd-ultimate-location__map,
.rd-ultimate-location-map {
  position: relative;
  min-height: clamp(480px, 52vw, 720px);
  overflow: hidden;
  background:
    radial-gradient(circle at 64% 38%, rgb(134 200 204 / 56%) 0 2px, transparent 3px),
    linear-gradient(145deg, #dbe7e4, #b8d3d1);
}

.rd-ultimate-location__map :where(figure, picture),
.rd-ultimate-location-map :where(figure, picture),
.rd-ultimate-location__map .rd-conceptual-media,
.rd-ultimate-location-map .rd-conceptual-media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-location__map img,
.rd-ultimate-location-map img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  border-radius: 0;
  object-fit: cover;
}

.rd-ultimate-location__coordinates,
.rd-ultimate-location-coordinates {
  display: inline-flex;
  margin-block-start: 24px;
  padding-block: 10px;
  border-block: 1px solid var(--rd-ultimate-line);
  color: var(--rd-ultimate-copper);
  font-family: "IBM Plex Sans", monospace;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .06em;
}

/* Residences: broad editorial composition with supporting information cards. */
.rd-ultimate-residences {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
}

.rd-ultimate-residences > :first-child {
  grid-column: 1 / span 5;
}

.rd-ultimate-residences > :last-child {
  grid-column: 7 / -1;
}

.rd-locale-ar .rd-ultimate-residences > :first-child,
html[lang^="ar"] .rd-ultimate-residences > :first-child {
  grid-column: 8 / -1;
}

.rd-locale-ar .rd-ultimate-residences > :last-child,
html[lang^="ar"] .rd-ultimate-residences > :last-child {
  grid-column: 1 / span 6;
}

.rd-ultimate-residences :where(figure, picture) {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-residences img {
  width: 100%;
  min-height: 620px;
  border-radius: 0;
  object-fit: cover;
}

.rd-ultimate-residences .wp-block-columns,
.rd-ultimate-residences .wp-block-group:has(> .wp-block-group) {
  gap: 1px;
}

/* Enquiry is a hospitality-like transition, not a generic form card. */
.rd-ultimate-enquiry {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 5fr) minmax(420px, 5fr);
  min-height: 760px;
  align-items: stretch;
  background: var(--rd-ultimate-white);
  box-shadow: var(--rd-ultimate-shadow);
}

.rd-ultimate-enquiry__media,
.rd-ultimate-enquiry-media {
  position: relative;
  min-height: 100%;
  background-color: var(--rd-ultimate-ink);
}

.rd-ultimate-enquiry__media :where(figure, picture),
.rd-ultimate-enquiry-media :where(figure, picture),
.rd-ultimate-enquiry__media .rd-conceptual-media,
.rd-ultimate-enquiry-media .rd-conceptual-media {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-enquiry__media img,
.rd-ultimate-enquiry-media img {
  width: 100%;
  height: 100%;
  min-height: 760px;
  border-radius: 0;
  object-fit: cover;
}

.rd-ultimate-enquiry__form,
.rd-ultimate-enquiry-form,
.rd-ultimate-enquiry > .rd-callback-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(40px, 6vw, 96px);
}

.rd-ultimate-enquiry .rd-callback-form,
.rd-ultimate-enquiry .rd-lead-form-shell {
  margin-block-start: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.rd-ultimate-enquiry :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 54px;
  border-width: 0 0 1px;
  border-radius: 0;
  border-color: rgb(7 30 40 / 34%);
  background: transparent;
}

.rd-ultimate-enquiry :where(input, select, textarea):focus {
  border-color: var(--rd-ultimate-harbor);
  box-shadow: 0 2px 0 var(--rd-ultimate-harbor);
}

.rd-ultimate-enquiry .ff-btn-submit,
.rd-ultimate-enquiry button[type="submit"] {
  min-height: 54px;
  padding-inline: 28px;
  border: 1px solid var(--rd-ultimate-harbor);
  border-radius: 999px;
  background: var(--rd-ultimate-harbor);
  color: var(--rd-ultimate-pearl);
}

/* FAQ + closing image form the final editorial chapter. */
.rd-ultimate-faq {
  grid-column: 1 / span 7;
}

.rd-locale-ar .rd-ultimate-faq,
html[lang^="ar"] .rd-ultimate-faq {
  grid-column: 6 / -1;
}

.rd-ultimate-faq__item,
.rd-ultimate-faq-item,
.rd-ultimate-faq details,
.rd-ultimate-faq .wp-block-details.is-style-faq {
  margin: 0;
  border-block-end: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-faq__item:first-of-type,
.rd-ultimate-faq-item:first-of-type,
.rd-ultimate-faq details:first-of-type {
  border-block-start: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-faq summary {
  min-height: 82px;
  padding-block: 26px;
  color: var(--rd-ultimate-ink);
  font-size: clamp(18px, 1.4vw, 22px);
  font-weight: 550;
}

.rd-ultimate-faq details > :not(summary) {
  max-width: 62ch;
  color: var(--rd-ultimate-muted);
  line-height: 1.8;
}

.rd-ultimate-closing {
  position: relative;
  display: grid;
  grid-column: 9 / -1;
  min-height: 610px;
  align-content: end;
  overflow: hidden;
  padding: clamp(30px, 4vw, 56px);
  background-color: var(--rd-ultimate-ink);
  color: var(--rd-ultimate-pearl);
  isolation: isolate;
}

.rd-locale-ar .rd-ultimate-closing,
html[lang^="ar"] .rd-ultimate-closing {
  grid-column: 1 / span 4;
}

.rd-ultimate-closing :where(figure, picture),
.rd-ultimate-closing .rd-conceptual-media {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-closing img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
}

.rd-ultimate-closing::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, transparent 22%, rgb(7 30 40 / 90%) 100%);
  content: "";
}

.rd-ultimate-closing h2 {
  color: inherit;
  font-size: clamp(30px, 3vw, 48px);
}

.rd-ultimate-closing p {
  color: rgb(247 245 239 / 76%);
  line-height: 1.75;
}

.rd-ultimate-closing .rd-channel-actions {
  flex-wrap: wrap;
  margin-block-start: 24px;
}

.rd-ultimate-closing .rd-channel-action {
  border-color: rgb(247 245 239 / 52%);
  background: rgb(247 245 239 / 8%);
  color: var(--rd-ultimate-pearl);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.rd-ultimate-source,
.rd-premium-source {
  margin: 0;
  padding: 18px clamp(24px, 5vw, 80px) 20px;
  border-block-start: 1px solid var(--rd-ultimate-line);
  background: var(--rd-ultimate-pearl);
  color: var(--rd-ultimate-muted);
  font-size: 11px;
  line-height: 1.7;
}

/* Contact controls and footer share the new quiet luxury vocabulary. */
.rd-channel-actions--dock {
  inset-inline-end: clamp(18px, 2vw, 32px);
  inset-block-end: 28px;
  padding: 7px;
  border: 1px solid rgb(247 245 239 / 20%);
  border-radius: 999px;
  background: rgb(7 30 40 / 82%);
  box-shadow: 0 18px 54px rgb(7 30 40 / 24%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
}

.rd-channel-actions--dock .rd-channel-action {
  border-radius: 999px;
}

.rd-site-footer {
  margin: 0;
  padding-block: clamp(74px, 8vw, 124px) 32px;
  background: var(--rd-ultimate-ink);
  color: var(--rd-ultimate-pearl);
}

.rd-footer-shell {
  width: var(--rd-ultimate-shell);
}

.rd-footer-main {
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: clamp(48px, 8vw, 128px);
}

.rd-site-footer .wp-block-site-title {
  max-width: 14ch;
  font-size: clamp(34px, 4.5vw, 68px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.03em;
}

.rd-locale-ar .rd-site-footer .wp-block-site-title,
html[lang^="ar"] .rd-site-footer .wp-block-site-title {
  font-family: "Noto Sans Arabic Display", "IBM Plex Sans Arabic", Tahoma, sans-serif;
  line-height: 1.24;
  letter-spacing: 0;
}

.rd-site-footer .wp-block-site-tagline {
  max-width: 50ch;
  color: rgb(247 245 239 / 62%);
  line-height: 1.75;
}

.rd-footer-navigation .wp-block-navigation__container {
  gap: 2px;
}

.rd-footer-navigation .wp-block-navigation-item__content {
  color: rgb(247 245 239 / 78%);
}

.rd-footer-navigation .wp-block-navigation-item__content:hover {
  color: var(--rd-ultimate-sea);
}

.rd-footer-legal {
  border-color: var(--rd-ultimate-line-light);
  color: rgb(247 245 239 / 52%);
}

/* Scroll reveal: visible by default; JS enables the pre-reveal state. */
.rd-reveal-ready .rd-reveal {
  transform: translateY(34px);
  opacity: 0;
  transition: opacity 760ms var(--rd-ultimate-ease), transform 760ms var(--rd-ultimate-ease);
}

.rd-reveal-ready .rd-reveal.is-visible {
  transform: translateY(0);
  opacity: 1;
}

.rd-reveal-ready .rd-ultimate-destination-grid .rd-reveal:nth-child(2),
.rd-reveal-ready .rd-ultimate-lifestyle-grid .rd-reveal:nth-child(2),
.rd-reveal-ready .rd-ultimate-evidence .rd-reveal:nth-child(2) {
  transition-delay: 90ms;
}

.rd-reveal-ready .rd-ultimate-destination-grid .rd-reveal:nth-child(3),
.rd-reveal-ready .rd-ultimate-lifestyle-grid .rd-reveal:nth-child(3),
.rd-reveal-ready .rd-ultimate-evidence .rd-reveal:nth-child(3) {
  transition-delay: 160ms;
}

.rd-reveal-ready .rd-ultimate-evidence .rd-reveal:nth-child(4) {
  transition-delay: 230ms;
}

@media (max-width: 1279px) {
  :root {
    --rd-ultimate-section: clamp(88px, 9vw, 136px);
  }

  .rd-header-shell {
    min-height: 88px;
  }

  .rd-primary-navigation .wp-block-navigation__container {
    gap: 14px;
  }

  .rd-home-hero {
    height: max(720px, 100svh);
  }

  .rd-home-hero__content {
    padding-block-end: 72px;
  }

  .rd-home-hero__panel {
    width: min(740px, 72vw);
  }

  .rd-ultimate-section-head,
  .rd-locale-ar .rd-ultimate-section-head,
  html[lang^="ar"] .rd-ultimate-section-head {
    grid-column: 1 / span 9;
  }

  .rd-locale-ar .rd-ultimate-section-head,
  html[lang^="ar"] .rd-ultimate-section-head {
    grid-column: 4 / -1;
  }

  .rd-ultimate-split__media,
  .rd-ultimate-split-media {
    grid-column: 1 / span 7;
  }

  .rd-ultimate-split__content,
  .rd-ultimate-split-content {
    grid-column: 8 / -1;
  }

  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media {
    grid-column: 6 / -1;
  }

  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content {
    grid-column: 1 / span 5;
  }

  .rd-ultimate-destination-grid {
    grid-auto-rows: clamp(270px, 29vw, 360px);
  }

  .rd-ultimate-enquiry {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 1fr);
  }
}

@media (max-width: 959px) {
  :root {
    --rd-ultimate-shell: min(100% - 64px, 900px);
  }

  .rd-header-shell {
    min-height: 80px;
  }

  .rd-site-header.is-scrolled .rd-header-shell {
    min-height: 72px;
  }

  .rd-brand-lockup .wp-block-site-logo img,
  .rd-site-header.is-scrolled .rd-brand-lockup .wp-block-site-logo img {
    max-height: 44px;
  }

  .rd-home-hero__panel {
    width: min(700px, 88vw);
  }

  .rd-home-hero .rd-home-hero__title,
  .rd-locale-ar .rd-home-hero .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
    font-size: clamp(54px, 9vw, 84px);
  }

  .rd-ultimate-shell {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .rd-ultimate-section-head,
  .rd-locale-ar .rd-ultimate-section-head,
  html[lang^="ar"] .rd-ultimate-section-head {
    grid-column: 1 / span 7;
  }

  .rd-locale-ar .rd-ultimate-section-head,
  html[lang^="ar"] .rd-ultimate-section-head {
    grid-column: 2 / -1;
  }

  .rd-ultimate-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-ultimate-evidence__item:nth-child(odd),
  .rd-ultimate-evidence-item:nth-child(odd) {
    border-inline-start: 0;
  }

  .rd-ultimate-evidence__item:nth-child(n + 3),
  .rd-ultimate-evidence-item:nth-child(n + 3) {
    border-block-start: 1px solid var(--rd-ultimate-line);
  }

  .rd-ultimate-split {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 40px 24px;
  }

  .rd-ultimate-split__media,
  .rd-ultimate-split-media,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
  .rd-ultimate-split--reverse .rd-ultimate-split__media,
  .rd-ultimate-split--reverse .rd-ultimate-split-media {
    grid-column: 1 / -1;
    order: 0;
  }

  .rd-ultimate-split__content,
  .rd-ultimate-split-content,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
  .rd-ultimate-split--reverse .rd-ultimate-split__content,
  .rd-ultimate-split--reverse .rd-ultimate-split-content {
    grid-column: 2 / span 6;
  }

  .rd-ultimate-split__media img,
  .rd-ultimate-split-media img {
    height: min(76vw, 690px);
    min-height: 480px;
  }

  .rd-ultimate-destination-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-auto-rows: 340px;
  }

  .rd-ultimate-card,
  .rd-ultimate-card--feature {
    grid-column: span 4;
    grid-row: span 1;
  }

  .rd-ultimate-card--feature {
    grid-column: 1 / -1;
    min-height: 560px;
  }

  .rd-ultimate-lifestyle-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: 520px 320px;
  }

  .rd-ultimate-lifestyle__tile:first-child,
  .rd-ultimate-lifestyle-tile:first-child {
    grid-column: 1 / -1;
    grid-row: span 1;
  }

  .rd-ultimate-lifestyle__tile:nth-child(2),
  .rd-ultimate-lifestyle-tile:nth-child(2),
  .rd-ultimate-lifestyle__tile:nth-child(3),
  .rd-ultimate-lifestyle-tile:nth-child(3) {
    grid-column: span 4;
  }

  .rd-ultimate-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-ultimate-partner:nth-child(odd) {
    border-inline-start: 0;
  }

  .rd-ultimate-partner:nth-child(n + 3) {
    border-block-start: 1px solid var(--rd-ultimate-line-light);
  }

  .rd-ultimate-location {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-location__content,
  .rd-ultimate-location-content {
    width: min(100%, 640px);
  }

  .rd-ultimate-residences {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .rd-ultimate-residences > :first-child,
  .rd-locale-ar .rd-ultimate-residences > :first-child,
  html[lang^="ar"] .rd-ultimate-residences > :first-child {
    grid-column: 1 / span 4;
  }

  .rd-ultimate-residences > :last-child,
  .rd-locale-ar .rd-ultimate-residences > :last-child,
  html[lang^="ar"] .rd-ultimate-residences > :last-child {
    grid-column: 5 / -1;
  }

  .rd-ultimate-residences img {
    min-height: 540px;
  }

  .rd-ultimate-enquiry {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-enquiry__media,
  .rd-ultimate-enquiry-media,
  .rd-ultimate-enquiry__media img,
  .rd-ultimate-enquiry-media img {
    min-height: 520px;
  }

  .rd-ultimate-faq,
  .rd-locale-ar .rd-ultimate-faq,
  html[lang^="ar"] .rd-ultimate-faq {
    grid-column: 1 / -1;
  }

  .rd-ultimate-closing,
  .rd-locale-ar .rd-ultimate-closing,
  html[lang^="ar"] .rd-ultimate-closing {
    grid-column: 1 / -1;
    min-height: 520px;
    margin-block-start: 36px;
  }
}

@media (max-width: 782px) {
  .admin-bar .rd-site-header {
    inset-block-start: 46px;
  }
}

@media (max-width: 767px) {
  :root {
    --rd-ultimate-shell: calc(100% - 40px);
    --rd-ultimate-section: clamp(72px, 22vw, 104px);
  }

  .wp-site-blocks {
    padding-block-end: calc(var(--rd-mobile-bar-height) + env(safe-area-inset-bottom));
  }

  .rd-site-header {
    background: linear-gradient(180deg, rgb(7 30 40 / 58%), transparent);
  }

  .rd-header-shell,
  .rd-site-header.is-scrolled .rd-header-shell {
    min-height: 72px;
  }

  .rd-brand-lockup .wp-block-site-title {
    max-width: none;
    font-size: 16px;
    white-space: nowrap;
  }

  .rd-home-hero {
    height: max(680px, 100svh);
    min-height: 100svh;
    background-position: 58% center;
  }

  .rd-locale-ar .rd-home-hero,
  html[lang^="ar"] .rd-home-hero {
    background-position: 42% center;
  }

  .rd-home-hero::before,
  .rd-locale-ar .rd-home-hero::before,
  html[lang^="ar"] .rd-home-hero::before {
    background: linear-gradient(180deg, rgb(7 30 40 / 30%) 0%, transparent 26%, rgb(7 30 40 / 8%) 42%, rgb(7 30 40 / 84%) 100%);
  }

  .rd-home-hero::after {
    display: none;
  }

  .rd-home-hero > .rd-home-hero__media img,
  .rd-home-hero > .wp-block-post-featured-image img {
    object-position: 42% center;
  }

  .rd-locale-ar .rd-home-hero > .rd-home-hero__media img,
  html[lang^="ar"] .rd-home-hero > .rd-home-hero__media img,
  .rd-locale-ar .rd-home-hero > .wp-block-post-featured-image img,
  html[lang^="ar"] .rd-home-hero > .wp-block-post-featured-image img {
    object-position: 42% center;
  }

  .rd-home-hero__content {
    width: var(--rd-ultimate-shell);
    padding: 130px 0 48px;
  }

  .rd-home-hero__panel {
    width: 100%;
    gap: 13px;
  }

  .rd-home-hero .rd-home-hero__title,
  .rd-locale-ar .rd-home-hero .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
    max-width: 13ch;
    font-size: clamp(43px, 12.8vw, 62px);
    line-height: 1.03;
  }

  .rd-locale-ar .rd-home-hero .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
    max-width: 12ch;
    line-height: 1.18;
  }

  .rd-home-hero__summary,
  .rd-locale-ar .rd-home-hero .rd-home-hero__summary,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__summary {
    max-width: 42ch;
    font-size: 16px;
    line-height: 1.65;
  }

  .rd-home-hero__actions {
    height: auto;
    flex-direction: row;
    gap: 10px;
  }

  .rd-home-hero__cta {
    min-height: 50px;
    padding: 13px 18px;
    font-size: 14px;
  }

  .rd-home-hero__disclosure {
    display: none;
  }

  .rd-ultimate-shell,
  .rd-ultimate-split,
  .rd-ultimate-destination-grid,
  .rd-ultimate-lifestyle-grid,
  .rd-ultimate-residences {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rd-ultimate-section-head,
  .rd-locale-ar .rd-ultimate-section-head,
  html[lang^="ar"] .rd-ultimate-section-head {
    grid-column: 1 / -1;
    margin-block-end: 40px;
  }

  .rd-ultimate-title {
    font-size: clamp(37px, 11vw, 52px);
    line-height: 1.08;
  }

  .rd-locale-ar .rd-ultimate-title,
  html[lang^="ar"] .rd-ultimate-title {
    line-height: 1.24;
  }

  .rd-ultimate-lead {
    margin-block-start: 18px;
    font-size: 17px;
  }

  .rd-ultimate-evidence {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-evidence__item,
  .rd-ultimate-evidence-item {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(112px, 1fr) minmax(0, 1.3fr);
    align-items: center;
    gap: 20px;
    padding: 26px 0;
    border-inline-start: 0 !important;
    border-block-start: 1px solid var(--rd-ultimate-line);
  }

  .rd-ultimate-evidence__item:first-child,
  .rd-ultimate-evidence-item:first-child {
    border-block-start: 0;
  }

  .rd-ultimate-evidence__value,
  .rd-ultimate-evidence-value {
    font-size: clamp(36px, 10vw, 48px);
  }

  .rd-ultimate-evidence__label,
  .rd-ultimate-evidence-label {
    margin: 0;
  }

  .rd-ultimate-split {
    gap: 36px;
  }

  .rd-ultimate-split__media,
  .rd-ultimate-split-media,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__media,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-media,
  .rd-ultimate-split--reverse .rd-ultimate-split__media,
  .rd-ultimate-split--reverse .rd-ultimate-split-media,
  .rd-ultimate-split__content,
  .rd-ultimate-split-content,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split__content,
  .rd-locale-ar .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
  html[lang^="ar"] .rd-ultimate-split:not(.rd-ultimate-split--reverse) .rd-ultimate-split-content,
  .rd-ultimate-split--reverse .rd-ultimate-split__content,
  .rd-ultimate-split--reverse .rd-ultimate-split-content {
    grid-column: 1 / -1;
  }

  .rd-ultimate-split__media img,
  .rd-ultimate-split-media img {
    height: 124vw;
    min-height: 440px;
    max-height: 650px;
  }

  .rd-ultimate-split__media::after,
  .rd-ultimate-split-media::after {
    inset-inline-start: -10px;
    inset-block-end: -10px;
    width: 88px;
  }

  .rd-ultimate-split__content h2,
  .rd-ultimate-split-content h2,
  .rd-ultimate-residences h2,
  .rd-ultimate-enquiry h2,
  .rd-ultimate-faq h2,
  .rd-ultimate-closing h2,
  .rd-ultimate-location h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .rd-ultimate-destination-grid {
    grid-auto-rows: auto;
  }

  .rd-ultimate-card,
  .rd-ultimate-card--feature {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 480px;
  }

  .rd-ultimate-card:not(.rd-ultimate-card--feature) {
    min-height: 380px;
  }

  .rd-ultimate-card h3,
  .rd-ultimate-card--feature h3 {
    font-size: clamp(28px, 8vw, 40px);
  }

  .rd-ultimate-lifestyle-grid {
    grid-template-rows: none;
  }

  .rd-ultimate-lifestyle__tile,
  .rd-ultimate-lifestyle-tile,
  .rd-ultimate-lifestyle__tile:first-child,
  .rd-ultimate-lifestyle-tile:first-child,
  .rd-ultimate-lifestyle__tile:nth-child(2),
  .rd-ultimate-lifestyle-tile:nth-child(2),
  .rd-ultimate-lifestyle__tile:nth-child(3),
  .rd-ultimate-lifestyle-tile:nth-child(3) {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 440px;
  }

  .rd-ultimate-lifestyle__tile:first-child,
  .rd-ultimate-lifestyle-tile:first-child {
    min-height: 560px;
    background-position: center 28%;
  }

  .rd-ultimate-partners {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-partner,
  .rd-ultimate-partner:nth-child(odd) {
    min-height: 150px;
    border-inline-start: 0;
    border-block-start: 1px solid var(--rd-ultimate-line-light);
  }

  .rd-ultimate-partner:first-child {
    border-block-start: 0;
  }

  .rd-ultimate-location {
    gap: 32px;
  }

  .rd-ultimate-location__map,
  .rd-ultimate-location-map {
    min-height: 470px;
  }

  .rd-ultimate-residences > :first-child,
  .rd-locale-ar .rd-ultimate-residences > :first-child,
  html[lang^="ar"] .rd-ultimate-residences > :first-child,
  .rd-ultimate-residences > :last-child,
  .rd-locale-ar .rd-ultimate-residences > :last-child,
  html[lang^="ar"] .rd-ultimate-residences > :last-child {
    grid-column: 1 / -1;
  }

  .rd-ultimate-residences img {
    min-height: 520px;
  }

  .rd-ultimate-enquiry {
    min-height: 0;
    box-shadow: var(--rd-ultimate-shadow-soft);
  }

  .rd-ultimate-enquiry__media,
  .rd-ultimate-enquiry-media,
  .rd-ultimate-enquiry__media img,
  .rd-ultimate-enquiry-media img {
    min-height: 440px;
  }

  .rd-ultimate-enquiry__media,
  .rd-ultimate-enquiry-media {
    background-position: 60% center;
  }

  .rd-ultimate-enquiry__form,
  .rd-ultimate-enquiry-form,
  .rd-ultimate-enquiry > .rd-callback-section {
    padding: 38px 24px 46px;
  }

  .rd-ultimate-faq summary {
    min-height: 74px;
    padding-block: 22px;
  }

  .rd-ultimate-closing,
  .rd-locale-ar .rd-ultimate-closing,
  html[lang^="ar"] .rd-ultimate-closing {
    min-height: 540px;
    margin-block-start: 20px;
    background-position: 60% center;
  }

  .rd-channel-actions--dock {
    display: none;
  }

  body.rd-premium-bar-managed:not(.rd-home-hero-past) .rd-channel-actions--mobile-bar {
    transform: translateY(120%);
    visibility: hidden;
    pointer-events: none;
  }

  .rd-channel-actions--mobile-bar {
    border-color: rgb(7 30 40 / 11%);
    background: rgb(247 245 239 / 94%);
    box-shadow: 0 -12px 42px rgb(7 30 40 / 12%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }

  .rd-footer-main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 479px) {
  :root {
    --rd-ultimate-shell: calc(100% - 32px);
  }

  .rd-home-hero {
    min-height: max(680px, 100svh);
  }

  .rd-home-hero__actions {
    align-items: stretch;
  }

  .rd-home-hero__cta {
    flex: 1 1 100%;
    width: 100% !important;
  }

  .rd-home-hero__panel-disclosure {
    max-width: 42ch;
    font-size: 12px;
  }

  .rd-ultimate-evidence__item,
  .rd-ultimate-evidence-item {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .rd-ultimate-card,
  .rd-ultimate-card--feature {
    min-height: 420px;
  }

  .rd-ultimate-card:not(.rd-ultimate-card--feature) {
    min-height: 350px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rd-home-hero > .rd-home-hero__media img,
  .rd-home-hero > .wp-block-post-featured-image img,
  .rd-home-hero__panel {
    animation: none;
  }

  .rd-reveal-ready .rd-reveal,
  .rd-reveal-ready .rd-reveal.is-visible {
    transform: none;
    opacity: 1;
    transition: none;
  }

  .rd-ultimate-card:hover .rd-ultimate-card__media img,
  .rd-ultimate-card:hover .rd-ultimate-card-media img,
  .rd-ultimate-lifestyle__tile:hover img,
  .rd-ultimate-lifestyle-tile:hover img {
    transform: none;
  }
}

@media (forced-colors: active) {
  .rd-home-hero__panel,
  .rd-ultimate-card__overlay,
  .rd-ultimate-card-overlay,
  .rd-ultimate-closing,
  .rd-site-header {
    background: Canvas;
    color: CanvasText;
  }

  .rd-ultimate-evidence,
  .rd-ultimate-partners,
  .rd-ultimate-enquiry {
    border: 1px solid CanvasText;
  }
}

@media print {
  .rd-home-hero {
    height: auto;
    min-height: 0;
    padding-block: 80px;
    background: #fff;
  }

  .rd-home-hero > .rd-home-hero__media,
  .rd-home-hero > .wp-block-post-featured-image,
  .rd-home-hero::before,
  .rd-home-hero::after {
    display: none;
  }

  .rd-home-hero__content,
  .rd-home-hero__panel {
    height: auto;
    color: #000;
  }

  .rd-home-hero .rd-home-hero__title,
  .rd-home-hero__summary,
  .rd-home-hero__panel-disclosure {
    color: #000 !important;
    text-shadow: none;
  }
}

/* Exact bindings for the v2.0.0 Gutenberg composition. */
.rd-ultimate-band--evidence,
.rd-ultimate-band--faq,
.rd-ultimate-band--vision {
  background: var(--rd-ultimate-pearl);
}

.rd-ultimate-band--evidence::before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  width: min(28vw, 420px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgb(150 91 63 / 55%));
  content: "";
}

.rd-ultimate-band--destination,
.rd-ultimate-band--partners,
.rd-ultimate-band--closing {
  color: var(--rd-ultimate-pearl);
  background: var(--rd-ultimate-ink);
}

.rd-ultimate-band--lifestyle {
  background: var(--rd-ultimate-travertine);
}

.rd-ultimate-band--location {
  background:
    radial-gradient(circle at 82% 22%, rgb(134 200 204 / 12%), transparent 24%),
    var(--rd-ultimate-pearl);
}

.rd-ultimate-band--residences {
  background: #e9efed;
}

.rd-ultimate-band--enquiry {
  background: var(--rd-ultimate-travertine);
}

.rd-ultimate-band--destination :where(.rd-ultimate-title, .rd-ultimate-section-head),
.rd-ultimate-band--partners :where(.rd-ultimate-title, .rd-ultimate-section-head),
.rd-ultimate-band--closing :where(.rd-ultimate-title, .rd-ultimate-section-head) {
  color: inherit;
}

.rd-ultimate-band--destination .rd-ultimate-kicker,
.rd-ultimate-band--partners .rd-ultimate-kicker,
.rd-ultimate-band--closing .rd-ultimate-kicker {
  color: var(--rd-ultimate-sea);
}

.rd-ultimate-band--destination .rd-ultimate-lead,
.rd-ultimate-band--partners .rd-ultimate-lead,
.rd-ultimate-band--closing .rd-ultimate-lead {
  color: rgb(247 245 239 / 70%);
}

.rd-ultimate-section-head--compact {
  grid-column: 1 / span 7;
}

.rd-locale-ar .rd-ultimate-section-head--compact,
html[lang^="ar"] .rd-ultimate-section-head--compact {
  grid-column: 6 / -1;
}

.rd-ultimate-section-head--split {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: clamp(24px, 4vw, 64px);
}

.rd-ultimate-section-head--split > :first-child {
  grid-column: 1 / span 7;
}

.rd-ultimate-section-head--split > .rd-ultimate-lead {
  grid-column: 9 / -1;
  margin: 0;
}

.rd-locale-ar .rd-ultimate-section-head--split > :first-child,
html[lang^="ar"] .rd-ultimate-section-head--split > :first-child {
  grid-column: 6 / -1;
}

.rd-locale-ar .rd-ultimate-section-head--split > .rd-ultimate-lead,
html[lang^="ar"] .rd-ultimate-section-head--split > .rd-ultimate-lead {
  grid-column: 1 / span 4;
}

.rd-ultimate-evidence {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  border: 0;
}

.rd-ultimate-evidence__rail {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.rd-ultimate-chip-list li {
  margin: 0;
  padding: 9px 14px;
  border: 1px solid rgb(15 74 87 / 24%);
  border-radius: 999px;
  color: var(--rd-ultimate-harbor);
  font-size: 13px;
  line-height: 1.5;
}

.rd-ultimate-actions--center {
  grid-column: 1 / -1;
  justify-content: center;
}

.rd-ultimate-split--vision .rd-ultimate-split__media img,
.rd-ultimate-media--vision img {
  object-position: center;
}

.rd-ultimate-media--detail img {
  object-position: center 58%;
}

.rd-ultimate-media--portrait img {
  object-position: center 38%;
}

/* Destination bento bindings. */
.rd-ultimate-destination-card {
  position: relative;
  display: grid;
  grid-column: span 5;
  min-height: 0;
  overflow: hidden;
  background: var(--rd-ultimate-harbor);
  color: var(--rd-ultimate-pearl);
  isolation: isolate;
}

.rd-ultimate-destination-card--feature {
  grid-column: span 7;
  grid-row: span 2;
}

.rd-ultimate-destination-card--wide {
  grid-column: span 7;
}

.rd-ultimate-destination-card--tall {
  grid-column: span 5;
}

.rd-ultimate-destination-card__media,
.rd-ultimate-destination-card__media :where(picture, figure) {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-destination-card__media img {
  width: 100%;
  height: 100%;
  transform: scale(1.002);
  border-radius: 0;
  object-fit: cover;
  transition: transform 900ms var(--rd-ultimate-ease), filter 600ms ease;
}

.rd-ultimate-destination-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, transparent 24%, rgb(7 30 40 / 90%) 100%);
  content: "";
  pointer-events: none;
}

.rd-ultimate-destination-card__overlay {
  align-self: end;
  padding: clamp(24px, 3vw, 46px);
}

.rd-ultimate-destination-card__overlay > :first-child {
  margin-block-start: 0;
}

.rd-ultimate-destination-card__overlay > :last-child {
  margin-block-end: 0;
}

.rd-ultimate-destination-card__index {
  margin-block: 0 14px;
  color: var(--rd-ultimate-sea) !important;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: .12em;
}

.rd-ultimate-destination-card h3 {
  max-width: 18ch;
  margin-block: 0 10px;
  color: inherit;
  font-size: clamp(25px, 2.4vw, 40px);
  font-weight: 520;
  line-height: 1.14;
}

.rd-ultimate-destination-card--feature h3 {
  font-size: clamp(34px, 3.8vw, 62px);
}

.rd-ultimate-destination-card p {
  max-width: 48ch;
  margin-block: 0;
  color: rgb(247 245 239 / 76%);
  font-size: 15px;
  line-height: 1.72;
}

.rd-ultimate-destination-card a {
  color: inherit;
  text-decoration-color: rgb(247 245 239 / 44%);
}

.rd-ultimate-destination-card:hover .rd-ultimate-destination-card__media img {
  transform: scale(1.045);
  filter: saturate(1.06);
}

.rd-ultimate-lifestyle-tile__body {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  inset-block-end: 0;
  margin: 0;
  padding: clamp(22px, 3vw, 42px);
  background: linear-gradient(180deg, transparent, rgb(7 30 40 / 84%));
  color: inherit;
}

.rd-ultimate-lifestyle-tile__body p {
  max-width: 42ch;
  margin: 9px 0 0;
  color: rgb(247 245 239 / 72%);
  font-size: 14px;
  line-height: 1.7;
}

.rd-ultimate-lifestyle-tile--night img {
  object-position: center 64%;
}

/* Partner chapter reverses the generic split and contains a compact role grid. */
.rd-ultimate-split--partners .rd-ultimate-split__content {
  grid-column: 1 / span 6;
}

.rd-ultimate-split--partners .rd-ultimate-split__media {
  grid-column: 8 / -1;
}

.rd-locale-ar .rd-ultimate-split--partners .rd-ultimate-split__content,
html[lang^="ar"] .rd-ultimate-split--partners .rd-ultimate-split__content {
  grid-column: 7 / -1;
}

.rd-locale-ar .rd-ultimate-split--partners .rd-ultimate-split__media,
html[lang^="ar"] .rd-ultimate-split--partners .rd-ultimate-split__media {
  grid-column: 1 / span 5;
}

.rd-ultimate-split--partners .rd-ultimate-partners {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-block-start: 36px;
}

.rd-ultimate-split--partners .rd-ultimate-partner {
  min-height: 150px;
  padding: 24px;
}

.rd-ultimate-split--partners .rd-ultimate-partner:nth-child(odd) {
  border-inline-start: 0;
}

.rd-ultimate-split--partners .rd-ultimate-partner:nth-child(n + 3) {
  border-block-start: 1px solid var(--rd-ultimate-line-light);
}

.rd-ultimate-split--partners .rd-ultimate-partner strong {
  font-size: clamp(22px, 2vw, 30px);
}

.rd-ultimate-legal-note {
  margin-block-start: clamp(54px, 7vw, 100px);
  padding-block-start: 22px;
  border-block-start: 1px solid var(--rd-ultimate-line-light);
}

.rd-ultimate-legal-note p {
  grid-column: 1 / span 9;
  margin: 0;
  color: rgb(247 245 239 / 52%);
  font-size: 11px;
  line-height: 1.75;
}

.rd-locale-ar .rd-ultimate-legal-note p,
html[lang^="ar"] .rd-ultimate-legal-note p {
  grid-column: 4 / -1;
}

/* Stylized, non-coordinate map panel. */
.rd-ultimate-location__copy {
  align-self: center;
}

.rd-ultimate-location__map {
  isolation: isolate;
}

.rd-ultimate-location__map::before {
  position: absolute;
  z-index: 0;
  inset-inline-end: -8%;
  inset-block-end: -11%;
  width: 76%;
  height: 76%;
  transform: rotate(-8deg);
  border-radius: 54% 0 0;
  background:
    radial-gradient(circle at 44% 36%, rgb(150 91 63 / 22%) 0 2px, transparent 3px),
    linear-gradient(145deg, #e8dfd2, #d1c1ab);
  box-shadow: -18px -18px 0 rgb(247 245 239 / 18%);
  content: "";
}

.rd-ultimate-location__sea {
  position: absolute;
  z-index: 1;
  inset-inline-start: clamp(24px, 4vw, 56px);
  inset-block-start: clamp(24px, 4vw, 56px);
  margin: 0;
  color: rgb(7 30 40 / 52%);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.rd-ultimate-location__marker {
  position: absolute;
  z-index: 2;
  inset-inline-end: 22%;
  inset-block-end: 31%;
  padding: 18px 20px;
  border-inline-start: 2px solid var(--rd-ultimate-copper);
  background: rgb(247 245 239 / 88%);
  box-shadow: 0 14px 42px rgb(7 30 40 / 12%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.rd-ultimate-location__marker :where(h3, p) {
  margin: 0;
}

.rd-ultimate-location__marker h3 {
  color: var(--rd-ultimate-ink);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 550;
}

.rd-ultimate-location__marker p {
  color: var(--rd-ultimate-muted);
  font-size: 12px;
}

.rd-ultimate-location__pin {
  color: var(--rd-ultimate-copper) !important;
  font-size: 20px !important;
}

.rd-ultimate-location__compass {
  position: absolute;
  z-index: 2;
  inset-inline-end: 26px;
  inset-block-start: 26px;
  display: grid;
  width: 66px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgb(7 30 40 / 22%);
  border-radius: 50%;
}

.rd-ultimate-location__compass::before {
  position: absolute;
  width: 1px;
  height: 86px;
  background: rgb(7 30 40 / 22%);
  content: "";
}

.rd-ultimate-location__compass p {
  margin: 0;
  transform: translateY(-17px);
  color: var(--rd-ultimate-ink);
  font-size: 9px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: .12em;
}

/* Residential benefits sit inside the split copy, not as a second page grid. */
.rd-ultimate-split--residences .rd-ultimate-residences {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-block-start: 32px;
}

.rd-ultimate-residences__item {
  padding-block: 22px;
  border-block-start: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-residences__item:last-child {
  border-block-end: 1px solid var(--rd-ultimate-line);
}

.rd-ultimate-residences__item :where(h3, p) {
  margin: 0;
}

.rd-ultimate-residences__item h3 {
  color: var(--rd-ultimate-harbor);
  font-size: clamp(21px, 1.8vw, 28px);
  font-weight: 550;
}

.rd-ultimate-residences__item p {
  margin-block-start: 7px;
  color: var(--rd-ultimate-muted);
  font-size: 14px;
  line-height: 1.7;
}

.rd-ultimate-enquiry__quote {
  position: absolute;
  z-index: 2;
  inset-inline: clamp(24px, 4vw, 56px);
  inset-block-end: clamp(24px, 4vw, 56px);
  max-width: 25ch;
  margin: 0;
  color: var(--rd-ultimate-pearl);
  font-size: clamp(24px, 2.8vw, 42px);
  font-weight: 500;
  line-height: 1.25;
  text-shadow: 0 2px 20px rgb(7 30 40 / 42%);
}

.rd-ultimate-enquiry__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgb(7 30 40 / 72%) 100%);
  content: "";
}

/* FAQ is a 12-column shell: heading and accordion occupy matching measures. */
.rd-ultimate-faq {
  grid-column: auto;
}

.rd-ultimate-faq__list {
  grid-column: 1 / span 8;
  border-block-start: 1px solid var(--rd-ultimate-line);
}

.rd-locale-ar .rd-ultimate-faq__list,
html[lang^="ar"] .rd-ultimate-faq__list {
  grid-column: 5 / -1;
}

.rd-ultimate-faq__item:first-of-type {
  border-block-start: 0;
}

/* Closing panel remains within the site shell while the image fills it. */
.rd-ultimate-band--closing {
  padding-block: clamp(40px, 5vw, 72px);
}

.rd-ultimate-closing {
  display: grid;
  grid-column: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  min-height: min(78vw, 800px);
  padding: 0;
}

.rd-ultimate-closing__body {
  z-index: 2;
  grid-column: 1 / span 7;
  align-self: end;
  padding: clamp(34px, 6vw, 88px);
}

.rd-locale-ar .rd-ultimate-closing__body,
html[lang^="ar"] .rd-ultimate-closing__body {
  grid-column: 6 / -1;
}

.rd-ultimate-closing__body .rd-ultimate-title {
  max-width: 14ch;
}

.rd-ultimate-closing__media {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.rd-ultimate-closing__media img {
  width: 100%;
  height: 100%;
}

.rd-ultimate-lifestyle-tile .rd-conceptual-disclosure,
.rd-ultimate-enquiry__media .rd-conceptual-disclosure,
.rd-ultimate-closing .rd-conceptual-disclosure {
  position: absolute;
  z-index: 4;
  inset-block-start: 12px;
  inset-inline-end: 14px;
  max-width: min(72%, 360px);
  margin: 0;
  padding: 6px 9px;
  background: rgb(7 30 40 / 88%);
  color: var(--rd-ultimate-pearl);
  font-size: 12px;
  line-height: 1.45;
}

.rd-reveal-ready .rd-ultimate-reveal {
  transform: translateY(34px);
  opacity: 0;
  transition: opacity 760ms var(--rd-ultimate-ease), transform 760ms var(--rd-ultimate-ease);
}

.rd-reveal-ready .rd-ultimate-reveal.is-visible {
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 959px) {
  /* Mobile must fail open: content and media stay visible even if an
     IntersectionObserver or decoder finishes later than expected. */
  .rd-home-hero > .rd-home-hero__media img,
  .rd-home-hero > .wp-block-post-featured-image img {
    animation: none;
    opacity: 1;
    transform: scale(1.015);
  }

  .rd-home-hero__panel {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .rd-reveal-ready .rd-reveal,
  .rd-reveal-ready .rd-reveal.is-visible,
  .rd-reveal-ready .rd-ultimate-reveal,
  .rd-reveal-ready .rd-ultimate-reveal.is-visible {
    transform: none;
    opacity: 1;
    transition: none;
    transition-delay: 0ms;
  }

  .rd-ultimate-section-head--split {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .rd-ultimate-section-head--split > :first-child,
  .rd-locale-ar .rd-ultimate-section-head--split > :first-child,
  html[lang^="ar"] .rd-ultimate-section-head--split > :first-child {
    grid-column: 1 / span 6;
  }

  .rd-ultimate-section-head--split > .rd-ultimate-lead,
  .rd-locale-ar .rd-ultimate-section-head--split > .rd-ultimate-lead,
  html[lang^="ar"] .rd-ultimate-section-head--split > .rd-ultimate-lead {
    grid-column: 1 / span 6;
    margin-block-start: 20px;
  }

  .rd-ultimate-evidence__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rd-ultimate-destination-card,
  .rd-ultimate-destination-card--feature,
  .rd-ultimate-destination-card--wide,
  .rd-ultimate-destination-card--tall {
    grid-column: span 4;
    grid-row: span 1;
  }

  .rd-ultimate-destination-card--feature {
    grid-column: 1 / -1;
    min-height: 560px;
  }

  .rd-ultimate-split--partners .rd-ultimate-split__content,
  .rd-locale-ar .rd-ultimate-split--partners .rd-ultimate-split__content,
  html[lang^="ar"] .rd-ultimate-split--partners .rd-ultimate-split__content,
  .rd-ultimate-split--partners .rd-ultimate-split__media,
  .rd-locale-ar .rd-ultimate-split--partners .rd-ultimate-split__media,
  html[lang^="ar"] .rd-ultimate-split--partners .rd-ultimate-split__media {
    grid-column: 1 / -1;
  }

  .rd-ultimate-split--partners .rd-ultimate-split__media {
    order: -1;
  }

  .rd-ultimate-faq__list,
  .rd-locale-ar .rd-ultimate-faq__list,
  html[lang^="ar"] .rd-ultimate-faq__list {
    grid-column: 1 / -1;
  }

  .rd-ultimate-closing__body,
  .rd-locale-ar .rd-ultimate-closing__body,
  html[lang^="ar"] .rd-ultimate-closing__body {
    grid-column: 1 / span 7;
  }
}

@media (max-width: 767px) {
  .rd-ultimate-section-head--compact,
  .rd-locale-ar .rd-ultimate-section-head--compact,
  html[lang^="ar"] .rd-ultimate-section-head--compact,
  .rd-ultimate-section-head--split > :first-child,
  .rd-locale-ar .rd-ultimate-section-head--split > :first-child,
  html[lang^="ar"] .rd-ultimate-section-head--split > :first-child,
  .rd-ultimate-section-head--split > .rd-ultimate-lead,
  .rd-locale-ar .rd-ultimate-section-head--split > .rd-ultimate-lead,
  html[lang^="ar"] .rd-ultimate-section-head--split > .rd-ultimate-lead {
    grid-column: 1 / -1;
  }

  .rd-ultimate-section-head--split {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rd-ultimate-evidence__rail {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-destination-card,
  .rd-ultimate-destination-card--feature,
  .rd-ultimate-destination-card--wide,
  .rd-ultimate-destination-card--tall {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 420px;
  }

  .rd-ultimate-destination-card:not(.rd-ultimate-destination-card--feature) {
    min-height: 350px;
  }

  .rd-ultimate-destination-card h3,
  .rd-ultimate-destination-card--feature h3 {
    font-size: clamp(28px, 8vw, 40px);
  }

  .rd-ultimate-split--partners .rd-ultimate-partners {
    grid-template-columns: 1fr;
  }

  .rd-ultimate-split--partners .rd-ultimate-partner {
    border-inline-start: 0;
    border-block-start: 1px solid var(--rd-ultimate-line-light);
  }

  .rd-ultimate-split--partners .rd-ultimate-partner:first-child {
    border-block-start: 0;
  }

  .rd-ultimate-legal-note p,
  .rd-locale-ar .rd-ultimate-legal-note p,
  html[lang^="ar"] .rd-ultimate-legal-note p {
    grid-column: 1 / -1;
  }

  .rd-ultimate-location__marker {
    inset-inline-end: 12%;
    inset-block-end: 22%;
  }

  .rd-ultimate-enquiry__quote {
    font-size: clamp(24px, 8vw, 36px);
  }

  .rd-ultimate-enquiry {
    grid-template-columns: minmax(0, 1fr);
  }

  .rd-ultimate-enquiry__media,
  .rd-ultimate-enquiry > .rd-callback-section {
    grid-column: 1 / -1;
    width: 100%;
  }

  .rd-ultimate-enquiry__media img,
  .rd-ultimate-enquiry-media img,
  .rd-ultimate-closing__media img {
    object-position: 24% center;
  }

  .rd-ultimate-closing {
    min-height: 620px;
  }

  .rd-ultimate-closing__body,
  .rd-locale-ar .rd-ultimate-closing__body,
  html[lang^="ar"] .rd-ultimate-closing__body {
    grid-column: 1 / -1;
    padding: 32px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rd-reveal-ready .rd-ultimate-reveal,
  .rd-reveal-ready .rd-ultimate-reveal.is-visible {
    transform: none;
    opacity: 1;
    transition: none;
  }

  .rd-ultimate-destination-card:hover .rd-ultimate-destination-card__media img {
    transform: none;
  }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 1079px) {
  .rd-home-hero {
    height: auto;
    min-height: 100svh;
  }

  .rd-home-hero__content {
    height: auto;
    min-height: 100svh;
    align-items: flex-end;
    padding: 76px 0 18px;
  }

  .rd-home-hero__panel {
    width: 100%;
    gap: 7px;
    margin-block-end: 64px;
  }

  .rd-home-hero .rd-home-hero__title,
  .rd-locale-ar .rd-home-hero .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
    max-width: none;
    font-size: clamp(42px, 6.2vw, 52px);
    line-height: 1;
  }

  .rd-locale-ar .rd-home-hero .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__title {
    line-height: 1.1;
  }

  .rd-home-hero__summary,
  .rd-locale-ar .rd-home-hero .rd-home-hero__summary,
  html[lang^="ar"] .rd-home-hero .rd-home-hero__summary {
    max-width: 66ch;
    font-size: 14px;
    line-height: 1.45;
  }

  .rd-home-hero__actions {
    gap: 8px;
    margin-block-start: 0;
  }

  .rd-home-hero__cta {
    min-height: 44px;
    padding: 10px 16px;
    font-size: 13px;
  }

  .rd-home-hero__panel-disclosure {
    font-size: 12px;
    line-height: 1.35;
  }
}

/* 2.0.8 — desktop composition and fail-open reliability corrections. */
@media (min-width: 960px) {
  /* RTL column mirroring can move the auto-placement cursor backwards and
     create a second row. Pin paired editorial elements to the same row. */
  .rd-ultimate-split > .rd-ultimate-split__media,
  .rd-ultimate-split > .rd-ultimate-split-media,
  .rd-ultimate-split > .rd-ultimate-split__content,
  .rd-ultimate-split > .rd-ultimate-split-content,
  .rd-ultimate-section-head--split > :first-child,
  .rd-ultimate-section-head--split > .rd-ultimate-lead {
    grid-row: 1;
  }

  /* Keep compact headings and FAQ accordions visually balanced in both
     reading directions instead of anchoring them to one half of the shell. */
  .rd-ultimate-section-head--compact,
  .rd-locale-ar .rd-ultimate-section-head--compact,
  html[lang^="ar"] .rd-ultimate-section-head--compact,
  .rd-ultimate-faq__list,
  .rd-locale-ar .rd-ultimate-faq__list,
  html[lang^="ar"] .rd-ultimate-faq__list {
    grid-column: 3 / span 8;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .rd-ultimate-section-head--compact,
  .rd-locale-ar .rd-ultimate-section-head--compact,
  html[lang^="ar"] .rd-ultimate-section-head--compact {
    grid-column: 1 / -1;
  }
}

/* 2.0.15 — cinematic cover treatment for the client-supplied master plan. */
.rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"]) {
  height: max(720px, 100svh);
  min-height: 100svh;
  background: var(--rd-ultimate-ink);
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"] {
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  aspect-ratio: auto;
  border: 0;
  background: var(--rd-ultimate-ink);
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"]::before {
  display: none;
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"] .rd-home-hero__picture {
  z-index: 0;
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
  width: 100%;
  height: 100%;
  transform: scale(1.015);
  background: transparent;
  object-fit: cover;
  object-position: 53% 50%;
  animation: none;
}

.rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 14%) 48%, transparent 78%),
    linear-gradient(180deg, rgb(0 0 0 / 20%) 0%, transparent 42%, rgb(0 0 0 / 38%) 100%),
    linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%));
}

.rd-locale-ar .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before,
html[lang^="ar"] .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 14%) 48%, transparent 78%),
    linear-gradient(180deg, rgb(0 0 0 / 20%) 0%, transparent 42%, rgb(0 0 0 / 38%) 100%),
    linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%));
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content {
  height: 100%;
  min-height: inherit;
}

.rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__panel {
  width: min(680px, 54vw);
  max-width: 100%;
  text-shadow: 0 2px 24px rgb(0 0 0 / 42%);
}

@media (min-width: 960px) {
  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 53% 50%;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title {
    max-width: 13ch;
    font-size: clamp(56px, 5.8vw, 86px);
  }

  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title {
    max-width: 12ch;
    font-size: clamp(52px, 5.3vw, 80px);
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 55% 50%;
  }
}

@media (min-width: 768px) {
  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content {
    justify-content: flex-end;
  }
}

@media (orientation: portrait) and (max-width: 959px) {
  .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"]) {
    height: max(720px, 100svh);
    min-height: 100svh;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] {
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
    border: 0;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60% 50%;
  }

  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 60% 50%;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content {
    height: 100%;
    min-height: inherit;
    align-items: flex-end;
    padding-block-start: 112px;
    padding-block-end: calc(clamp(42px, 8vw, 72px) + env(safe-area-inset-bottom));
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__panel {
    width: 100%;
    max-width: 620px;
    gap: 12px;
    margin-block-end: 0;
  }

  .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before,
  .rd-locale-ar .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before,
  html[lang^="ar"] .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"])::before {
    background:
      linear-gradient(180deg, rgb(0 0 0 / 18%) 0%, rgb(0 0 0 / 8%) 34%, rgb(0 0 0 / 64%) 100%),
      linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%));
  }
}

@media (orientation: portrait) and (max-width: 767px) {
  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img,
  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 59% 50%;
  }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 1079px) {
  .rd-home-hero:has(> [data-rdc-asset-id="M00-master-plan"]) {
    height: auto;
    min-height: 100svh;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 52% 50%;
  }

  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] img {
    object-position: 52% 50%;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content {
    height: auto;
    min-height: 100svh;
    padding-block: 76px 16px;
  }

  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content {
    justify-content: flex-end;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__panel {
    width: min(66%, 500px);
    max-width: 500px;
    gap: 6px;
    margin-block-end: 0;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title,
  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__title {
    max-width: none;
    font-size: clamp(32px, 4.7vw, 40px);
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__summary,
  .rd-locale-ar .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__summary,
  html[lang^="ar"] .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__summary {
    max-width: 62ch;
    font-size: 12px;
    line-height: 1.35;
  }

  .rd-home-hero > [data-rdc-asset-id="M00-master-plan"] ~ .rd-home-hero__content .rd-home-hero__panel-disclosure {
    font-size: 10px;
    line-height: 1.25;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .rd-ultimate-evidence__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599px) {
  .rd-ultimate-evidence__item,
  .rd-ultimate-evidence-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
}

/* The benefits list is a nested one-column component. Reset legacy generic
   residence placements so they cannot generate implicit tracks. */
.rd-ultimate-split--residences .rd-ultimate-residences {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}

.rd-ultimate-split--residences .rd-ultimate-residences > .rd-ultimate-residences__item {
  width: 100%;
  min-width: 0;
  grid-column: 1 / -1 !important;
}

/* Values stay editorially prominent while fitting their own rail cells at
   desktop and zoomed-out Retina viewports. */
.rd-ultimate-evidence__value,
.rd-ultimate-evidence-value {
  max-width: 100%;
  font-size: clamp(30px, 2.3vw, 42px);
  letter-spacing: -.025em;
}

.rd-locale-ar .rd-ultimate-evidence__value,
.rd-locale-ar .rd-ultimate-evidence-value,
html[lang^="ar"] .rd-ultimate-evidence__value,
html[lang^="ar"] .rd-ultimate-evidence-value {
  font-size: clamp(30px, 2vw, 36px);
}

/* Content must never depend on an observer callback to become visible. */
.rd-reveal-ready .rd-reveal,
.rd-reveal-ready .rd-reveal.is-visible,
.rd-reveal-ready .rd-ultimate-reveal,
.rd-reveal-ready .rd-ultimate-reveal.is-visible {
  transform: none;
  opacity: 1;
  transition: none;
  transition-delay: 0ms;
}

/* 2.0.9 — mobile grid integrity, WordPress flow reset and balanced density. */
@media (max-width: 959px) {
  .rd-home-content .rd-ultimate-evidence__rail > *,
  .rd-home-content .rd-ultimate-split > *,
  .rd-home-content .rd-ultimate-destination-grid > *,
  .rd-home-content .rd-ultimate-lifestyle-grid > *,
  .rd-home-content .rd-ultimate-partners > *,
  .rd-home-content .rd-ultimate-location > *,
  .rd-home-content .rd-ultimate-residences > *,
  .rd-home-content .rd-ultimate-enquiry > *,
  .rd-home-content .rd-ultimate-faq > *,
  .rd-home-content .rd-ultimate-closing > * {
    margin-block-start: 0 !important;
  }
}

@media (max-width: 767px) {
  .rd-home-content {
    --rd-ultimate-section: clamp(56px, 15vw, 72px);
  }

  .rd-ultimate-shell.rd-ultimate-location {
    grid-template-columns: minmax(0, 1fr);
  }

  .rd-ultimate-location > .rd-ultimate-location__copy,
  .rd-ultimate-location > .rd-ultimate-location__map {
    width: 100%;
    min-width: 0;
    grid-column: 1 / -1 !important;
    margin-block-start: 0 !important;
  }

  .rd-ultimate-split__media img,
  .rd-ultimate-split-media img {
    height: clamp(340px, 96vw, 420px);
    min-height: 0;
  }

  .rd-ultimate-destination-card,
  .rd-ultimate-destination-card--feature,
  .rd-ultimate-destination-card--wide,
  .rd-ultimate-destination-card--tall {
    min-height: 320px;
  }

  .rd-ultimate-destination-card--feature {
    min-height: 400px;
  }

  .rd-ultimate-destination-card:not(.rd-ultimate-destination-card--feature) {
    min-height: 320px;
  }

  .rd-ultimate-lifestyle__tile,
  .rd-ultimate-lifestyle-tile,
  .rd-ultimate-lifestyle__tile:nth-child(2),
  .rd-ultimate-lifestyle-tile:nth-child(2),
  .rd-ultimate-lifestyle__tile:nth-child(3),
  .rd-ultimate-lifestyle-tile:nth-child(3) {
    min-height: 360px;
  }

  .rd-ultimate-lifestyle__tile:first-child,
  .rd-ultimate-lifestyle-tile:first-child {
    min-height: 440px;
  }

  .rd-ultimate-partner,
  .rd-ultimate-split--partners .rd-ultimate-partner {
    min-height: 128px;
  }

  .rd-ultimate-location__map,
  .rd-ultimate-location-map {
    min-height: 380px;
  }

  .rd-ultimate-residences img {
    min-height: 400px;
  }

  .rd-ultimate-enquiry__media,
  .rd-ultimate-enquiry-media,
  .rd-ultimate-enquiry__media img,
  .rd-ultimate-enquiry-media img {
    min-height: 360px;
  }

  .rd-ultimate-closing,
  .rd-locale-ar .rd-ultimate-closing,
  html[lang^="ar"] .rd-ultimate-closing {
    min-height: 500px;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .rd-ultimate-destination-grid {
    grid-template-rows: none;
    grid-auto-rows: auto;
  }

  .rd-ultimate-destination-card,
  .rd-ultimate-destination-card--wide,
  .rd-ultimate-destination-card--tall {
    min-height: 340px;
  }

  .rd-ultimate-destination-card--feature {
    min-height: 560px;
  }
}