/*
 * Memaar Al Manaei — premium, Arabic-first presentation layer.
 * Uses logical properties so the same layouts adapt cleanly to LTR.
 */

:root {
  --memaar-navy: #12222f;
  --memaar-sand: #e8ae76;
  --memaar-ivory: #f7f4ef;
  --memaar-white: #fff;
  --memaar-ink: #17242d;
  --memaar-muted: #66727a;
  --memaar-line: #d9dee1;
  --memaar-section: clamp(4.75rem, 9vw, 9rem);
  --memaar-gutter: clamp(1rem, 3.5vw, 4rem);
  --memaar-wide: 1240px;
  --memaar-reading: 760px;
  --memaar-radius: 0.35rem;
  --memaar-ease: cubic-bezier(.22, 1, .36, 1);
  --memaar-duration: 720ms;
  --memaar-header: 88px;
  --memaar-heading-font: "El Messiri", serif;
  --memaar-body-font: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@font-face {
  font-family: "El Messiri";
  src: url("../fonts/ElMessiri-Variable.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}

body.memaar-site {
  margin: 0;
  overflow-x: clip;
  background: var(--memaar-white);
  color: var(--memaar-ink);
  font-family: var(--memaar-body-font);
  -webkit-font-smoothing: antialiased;
}

body.memaar-site :where(h1, h2, h3, h4, h5, h6, .memaar-title) {
  font-family: var(--memaar-heading-font);
}

body:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part {
  position: sticky;
  inset-block-start: 0;
  z-index: 1000;
}

body.admin-bar:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part {
  inset-block-start: 32px;
}

.single-memaar_campaign > .wp-site-blocks > header.wp-block-template-part {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  z-index: 1000;
}

.wp-site-blocks {
  padding: 0;
}

.wp-site-blocks > * {
  margin-block-start: 0;
}

::selection {
  background: var(--memaar-sand);
  color: var(--memaar-navy);
}

img,
svg,
video {
  max-inline-size: 100%;
}

a,
button,
input,
textarea,
select {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--memaar-sand);
  outline-offset: 3px;
}

.screen-reader-text:focus {
  background: var(--memaar-white);
  color: var(--memaar-navy);
  padding: .75rem 1rem;
  z-index: 100000;
}

/* Shared layout ---------------------------------------------------------- */

.memaar-shell {
  inline-size: min(calc(100% - (2 * var(--memaar-gutter))), var(--memaar-wide));
  margin-inline: auto;
}

.memaar-reading {
  inline-size: min(calc(100% - (2 * var(--memaar-gutter))), var(--memaar-reading));
  margin-inline: auto;
}

.memaar-section {
  padding-block: var(--memaar-section);
}

.memaar-section--compact {
  padding-block: clamp(3.5rem, 6vw, 6rem);
}

.memaar-section--navy {
  background: var(--memaar-navy);
  color: var(--memaar-white);
}

.memaar-section--navy :where(h1, h2, h3, h4, p, a) {
  color: inherit;
}

.memaar-section--ivory {
  background: var(--memaar-ivory);
}

.memaar-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 1.25rem;
  color: var(--memaar-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
}

.memaar-eyebrow::before {
  content: "";
  inline-size: 2.25rem;
  block-size: 1px;
  background: var(--memaar-sand);
}

.memaar-section--navy .memaar-eyebrow {
  color: rgba(255,255,255,.66);
}

.memaar-title {
  max-inline-size: 18ch;
  margin-block: 0 1.5rem;
  font-size: clamp(2rem, 1.35rem + 2.5vw, 3.75rem);
  line-height: 1.38;
}

.memaar-lead {
  max-inline-size: 62ch;
  margin-block: 0;
  color: var(--memaar-muted);
  font-size: clamp(1rem, .93rem + .28vw, 1.25rem);
  line-height: 2;
}

.memaar-section--navy .memaar-lead {
  color: rgba(255,255,255,.72);
}

.memaar-divider {
  border: 0;
  border-block-start: 1px solid var(--memaar-line);
  margin-block: 2.5rem;
}

.memaar-button,
.wp-element-button,
input[type="submit"] {
  display: inline-flex;
  min-block-size: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--memaar-navy);
  border-radius: 0;
  background: var(--memaar-navy);
  color: var(--memaar-white);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.4;
  padding: .75rem 1.45rem;
  text-decoration: none;
}

.memaar-button:hover,
.wp-element-button:hover,
input[type="submit"]:hover {
  border-color: var(--memaar-sand);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
  transform: translateY(-2px);
}

.memaar-button--sand {
  border-color: var(--memaar-sand);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
}

.memaar-button--sand:hover {
  border-color: var(--memaar-white);
  background: var(--memaar-white);
}

.memaar-button--ghost {
  border-color: currentColor;
  background: transparent;
  color: inherit;
}

.memaar-button--ghost:hover {
  border-color: var(--memaar-sand);
  background: transparent;
  color: var(--memaar-sand);
}

.memaar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-block-start: 2rem;
}

/* Header ----------------------------------------------------------------- */

.memaar-header {
  min-block-size: var(--memaar-header);
  border-block-end: 1px solid rgba(255,255,255,.1);
  background: var(--memaar-navy);
  background: color-mix(in srgb, var(--memaar-navy) 95%, transparent);
  color: var(--memaar-white);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.memaar-header__inner {
  display: grid;
  min-block-size: var(--memaar-header);
  grid-template-columns: minmax(150px, 230px) 1fr auto;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
}

.memaar-logo {
  display: inline-flex;
  inline-size: min(210px, 32vw);
  align-items: center;
  color: var(--memaar-navy);
  text-decoration: none;
}

.memaar-logo__image {
  display: block;
  inline-size: auto;
  max-block-size: 56px;
  object-fit: contain;
  object-position: right center;
}

.memaar-logo__fallback {
  display: grid;
  gap: .1rem;
  line-height: 1.35;
}

.memaar-logo__fallback strong {
  font-size: 1rem;
}

.memaar-logo__fallback small {
  color: var(--memaar-sand);
  font-size: .55rem;
}

.memaar-header .wp-block-navigation {
  justify-self: center;
}

.memaar-header .wp-block-navigation-item__content {
  position: relative;
  color: var(--memaar-white);
  padding-block: .8rem;
  text-decoration: none;
}

.memaar-header .wp-block-navigation-item__content::after {
  position: absolute;
  inset-inline: 0;
  inset-block-end: .35rem;
  block-size: 1px;
  background: var(--memaar-sand);
  content: "";
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 220ms ease;
}

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

.memaar-header .wp-block-navigation__responsive-container:not(.is-menu-open) .memaar-nav-book {
  display: none;
}

.memaar-header__tools {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.memaar-language {
  display: inline-flex;
  min-inline-size: 38px;
  min-block-size: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--memaar-line);
  border-radius: 999px;
  color: var(--memaar-navy);
  font-size: .7rem;
  font-weight: 700;
  text-decoration: none;
}

.memaar-header .memaar-language {
  border-color: rgba(255,255,255,.3);
  color: var(--memaar-white);
}

.memaar-header .memaar-logo__fallback strong {
  color: var(--memaar-white);
}

.memaar-header .memaar-header__cta {
  border-color: var(--memaar-sand);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
}

.memaar-header .wp-block-navigation__responsive-container-open {
  color: var(--memaar-white);
}

.memaar-language.is-disabled {
  cursor: default;
  opacity: .5;
}

/* Core Navigation modal becomes the premium fullscreen mobile menu. */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
  inset: 0 !important;
  min-block-size: 100dvh !important;
  block-size: 100dvh !important;
  max-block-size: 100dvh !important;
  overflow-y: auto;
  box-sizing: border-box;
  padding: var(--memaar-gutter);
  background: var(--memaar-navy) !important;
  color: var(--memaar-white) !important;
}

body:has(.wp-block-navigation__responsive-container.is-menu-open) {
  overflow: hidden;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: flex-start;
  justify-content: center;
  padding-block-start: 4rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  align-items: flex-start;
  gap: .5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  color: var(--memaar-white) !important;
  font-size: clamp(1.45rem, 6vw, 2.4rem);
  line-height: 1.6;
}

.wp-block-navigation__responsive-container.is-menu-open .memaar-nav-book {
  margin-block-start: 1rem;
}

.wp-block-navigation__responsive-container.is-menu-open .memaar-nav-book .wp-block-navigation-item__content {
  border: 1px solid var(--memaar-sand);
  border-radius: 999px;
  color: var(--memaar-sand) !important;
  font-size: 1rem;
  padding: .75rem 1.3rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
  color: var(--memaar-white);
}

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

.memaar-hero {
  position: relative;
  min-block-size: calc(100svh - var(--memaar-header));
  overflow: hidden;
  background: var(--memaar-navy);
  color: var(--memaar-white);
  isolation: isolate;
}

.memaar-hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(18,34,47,.1) 0%, rgba(18,34,47,.52) 46%, rgba(18,34,47,.94) 100%);
  content: "";
}

[dir="ltr"] .memaar-hero::after {
  background: linear-gradient(-90deg, rgba(18,34,47,.1) 0%, rgba(18,34,47,.52) 46%, rgba(18,34,47,.94) 100%);
}

.memaar-hero__media {
  position: absolute;
  inset: -3%;
  z-index: -2;
  transform: translate3d(0, calc(var(--memaar-parallax, 0) * 1px), 0) scale(1.04);
  transform-origin: center;
}

.memaar-hero__media img {
  inline-size: 100%;
  block-size: 100%;
  background: #f9f9f7;
  object-fit: cover;
  object-position: left center;
}

[dir="ltr"] .memaar-hero__media img {
  object-position: right center;
}

.memaar-hero__inner {
  display: grid;
  min-block-size: calc(100svh - var(--memaar-header));
  align-items: center;
  padding-block: clamp(3.5rem, 8vh, 6rem);
}

.memaar-hero__copy {
  max-inline-size: 820px;
}

.memaar-hero__brand {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-block-end: 1.25rem;
  color: var(--memaar-sand);
  font-size: .76rem;
  font-weight: 600;
}

.memaar-hero__brand::before {
  inline-size: 2rem;
  block-size: 1px;
  background: currentColor;
  content: "";
}

.memaar-hero h1 {
  max-inline-size: 10ch;
  margin: 0;
  color: var(--memaar-white);
  font-size: clamp(3rem, 2rem + 4.8vw, 7rem);
  line-height: 1.17;
  text-wrap: balance;
}

.memaar-hero__subheading {
  max-inline-size: 58ch;
  margin-block: 1.5rem 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(.95rem, .88rem + .35vw, 1.2rem);
  line-height: 2;
}

.memaar-hero__scroll {
  position: absolute;
  inset-inline-end: var(--memaar-gutter);
  inset-block-end: 2rem;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: rgba(255,255,255,.68);
  font-size: .64rem;
  writing-mode: vertical-rl;
}

.memaar-hero__scroll::after {
  inline-size: 1px;
  block-size: 3.5rem;
  background: var(--memaar-sand);
  content: "";
}

.memaar-hero--inner {
  min-block-size: clamp(420px, 68svh, 720px);
}

.memaar-hero--inner .memaar-hero__inner {
  min-block-size: inherit;
}

.memaar-hero--inner h1 {
  max-inline-size: 14ch;
  font-size: clamp(2.6rem, 1.7rem + 4vw, 6rem);
}

/* Editorial sections ---------------------------------------------------- */

.memaar-brand-statement__grid,
.memaar-split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr);
  align-items: start;
  gap: clamp(2.5rem, 8vw, 8rem);
}

.memaar-brand-statement__number {
  color: var(--memaar-sand);
  font-size: clamp(4rem, 11vw, 10rem);
  font-weight: 700;
  line-height: .9;
}

.memaar-value-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.memaar-value-list li {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  align-items: start;
  gap: 1rem;
  border-block-start: 1px solid var(--memaar-line);
  padding-block: 1.25rem;
}

.memaar-value-list li:last-child {
  border-block-end: 1px solid var(--memaar-line);
}

.memaar-value-list span {
  color: var(--memaar-sand);
  font-size: .7rem;
  font-weight: 700;
}

.memaar-value-list strong {
  display: block;
  color: var(--memaar-navy);
  font-size: 1rem;
  line-height: 1.7;
}

.memaar-philosophy {
  position: relative;
  overflow: hidden;
}

.memaar-philosophy::before {
  position: absolute;
  inset-inline-start: -12vw;
  inset-block-start: 50%;
  inline-size: 42vw;
  aspect-ratio: 1;
  border: 1px solid rgba(232,174,118,.28);
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

.memaar-philosophy__statement {
  max-inline-size: 22ch;
  margin: 0;
  font-size: clamp(2.1rem, 1.4rem + 3.4vw, 5rem);
  line-height: 1.45;
}

.memaar-location {
  display: grid;
  grid-template-columns: minmax(280px, .74fr) minmax(0, 1.26fr);
  align-items: stretch;
  gap: 0;
  background: var(--memaar-ivory);
}

.memaar-location__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.5rem, 6vw, 6rem);
}

.memaar-location__map {
  position: relative;
  min-block-size: 520px;
  overflow: hidden;
  background: #dfe3e4;
}

.memaar-location__map iframe {
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  filter: grayscale(1) contrast(.9) sepia(.12);
}

.memaar-location__map::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(247,244,239,.35), transparent 28%);
  content: "";
  pointer-events: none;
}

/* Project portfolio ------------------------------------------------------ */

.memaar-projects,
.memaar-project-grid {
  display: grid;
  gap: clamp(1rem, 2.5vw, 2rem);
}

.memaar-projects {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.memaar-project-card {
  position: relative;
  grid-column: span 6;
  min-block-size: clamp(430px, 60vw, 720px);
  overflow: hidden;
  background: var(--memaar-navy);
  color: var(--memaar-white);
  isolation: isolate;
}

.memaar-project-card:first-child {
  grid-column: 1 / -1;
  min-block-size: min(78svh, 820px);
}

.memaar-project-card__media,
.memaar-project-card > a:first-child {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.memaar-project-card img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: transform 850ms var(--memaar-ease), filter 600ms ease;
}

.memaar-project-card::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(18,34,47,.88) 0%, rgba(18,34,47,.08) 68%);
  content: "";
}

.memaar-project-card:hover img {
  filter: saturate(.88);
  transform: scale(1.035);
}

.memaar-project-card__content {
  position: absolute;
  inset-inline: clamp(1.25rem, 4vw, 3rem);
  inset-block-end: clamp(1.25rem, 4vw, 3rem);
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
}

.memaar-project-card__number,
.memaar-project-card__meta {
  color: rgba(255,255,255,.7);
  font-size: .7rem;
}

.memaar-project-card h3 {
  margin-block: .4rem 0;
  color: var(--memaar-white);
  font-size: clamp(1.4rem, 1.05rem + 1.4vw, 2.5rem);
}

.memaar-project-card__link {
  display: inline-flex;
  inline-size: 48px;
  block-size: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
  color: var(--memaar-white);
  text-decoration: none;
}

.memaar-project-card:hover .memaar-project-card__link {
  border-color: var(--memaar-sand);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
  transform: rotate(-45deg);
}

.memaar-project-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-block: 0 2.5rem;
}

.memaar-project-filters button,
.memaar-project-filters a {
  border: 1px solid var(--memaar-line);
  border-radius: 999px;
  background: transparent;
  color: var(--memaar-navy);
  cursor: pointer;
  font: inherit;
  font-size: .76rem;
  padding: .65rem 1rem;
  text-decoration: none;
}

.memaar-project-filters :is(button, a):hover,
.memaar-project-filters .is-active {
  border-color: var(--memaar-navy);
  background: var(--memaar-navy);
  color: var(--memaar-white);
}

/* Project detail --------------------------------------------------------- */

.memaar-project-hero {
  position: relative;
  display: grid;
  min-block-size: calc(100svh - var(--memaar-header));
  align-items: end;
  overflow: hidden;
  background: var(--memaar-navy);
  color: var(--memaar-white);
  isolation: isolate;
}

.memaar-project-hero .wp-block-post-featured-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  margin: 0;
}

.memaar-project-hero .wp-block-post-featured-image img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.memaar-project-hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(18,34,47,.92) 0%, rgba(18,34,47,.08) 72%);
  content: "";
}

.memaar-project-hero__copy {
  padding-block: clamp(3.5rem, 9vw, 7rem);
}

.memaar-project-hero .wp-block-post-title {
  max-inline-size: 15ch;
  margin-block: .35rem 0;
  color: var(--memaar-white);
  font-size: clamp(2.5rem, 1.6rem + 4.8vw, 7rem);
}

.memaar-project-detail {
  display: grid;
  gap: var(--memaar-section);
}

.memaar-project-details,
.memaar-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block-start: 1px solid var(--memaar-line);
  border-inline-start: 1px solid var(--memaar-line);
}

.memaar-project-details > *,
.memaar-detail-item {
  min-block-size: 150px;
  border-block-end: 1px solid var(--memaar-line);
  border-inline-end: 1px solid var(--memaar-line);
  padding: clamp(1.25rem, 3vw, 2.25rem);
}

.memaar-detail-item small {
  display: block;
  margin-block-end: .65rem;
  color: var(--memaar-muted);
  font-size: .68rem;
}

.memaar-detail-item strong {
  color: var(--memaar-navy);
  font-size: clamp(1rem, .9rem + .35vw, 1.25rem);
}

.memaar-gallery,
.memaar-project-gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: .75rem;
}

.memaar-gallery figure,
.memaar-project-gallery figure {
  grid-column: span 6;
  margin: 0;
  overflow: hidden;
}

.memaar-gallery figure:first-child,
.memaar-project-gallery figure:first-child {
  grid-column: 1 / -1;
}

.memaar-gallery img,
.memaar-project-gallery img {
  display: block;
  inline-size: 100%;
  block-size: clamp(320px, 46vw, 680px);
  object-fit: cover;
  transition: transform 650ms var(--memaar-ease);
}

.memaar-gallery figure:not(:first-child) img,
.memaar-project-gallery figure:not(:first-child) img {
  block-size: clamp(280px, 34vw, 520px);
}

.memaar-gallery figure:hover img,
.memaar-project-gallery figure:hover img {
  transform: scale(1.025);
}

.memaar-project-map iframe {
  inline-size: 100%;
  min-block-size: 520px;
  border: 0;
  filter: grayscale(1) contrast(.92);
}

/* Timeline and updates --------------------------------------------------- */

.memaar-timeline {
  position: relative;
  display: grid;
  gap: 0;
}

.memaar-timeline::before {
  position: absolute;
  inset-inline-start: 1rem;
  inset-block: 0;
  inline-size: 1px;
  background: var(--memaar-line);
  content: "";
}

.memaar-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(90px, .32fr) minmax(0, 1.68fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  padding-block: clamp(2rem, 5vw, 4rem);
  padding-inline-start: 4rem;
}

.memaar-timeline__item::before {
  position: absolute;
  inset-inline-start: .65rem;
  inset-block-start: 3rem;
  inline-size: .75rem;
  aspect-ratio: 1;
  border: 4px solid var(--memaar-white);
  border-radius: 50%;
  background: var(--memaar-sand);
  box-shadow: 0 0 0 1px var(--memaar-sand);
  content: "";
}

.memaar-timeline__year {
  color: var(--memaar-sand);
  font-size: clamp(1.35rem, 1rem + 1.5vw, 2.5rem);
  font-weight: 700;
}

.memaar-timeline__content {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(240px, 1.18fr);
  align-items: center;
  gap: 2rem;
}

.memaar-timeline__content img {
  inline-size: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--memaar-ivory);
}

.memaar-updates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.memaar-update-card {
  border-block-start: 1px solid var(--memaar-line);
  padding-block-start: 1rem;
}

.memaar-update-card img {
  inline-size: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.memaar-update-card__date {
  display: block;
  margin-block: 1rem .5rem;
  color: var(--memaar-muted);
  font-size: .68rem;
}

.memaar-update-card h3 {
  margin: 0;
  font-size: 1.15rem;
}

/* Founder --------------------------------------------------------------- */

.memaar-founder {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(2.5rem, 8vw, 8rem);
}

.memaar-founder__portrait {
  position: relative;
  overflow: hidden;
  background: var(--memaar-ivory);
}

.memaar-founder__portrait::after {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  inline-size: 42%;
  block-size: 5px;
  background: var(--memaar-sand);
  content: "";
}

.memaar-founder__portrait img {
  display: block;
  inline-size: 100%;
  aspect-ratio: 1 / 1.12;
  object-fit: cover;
  object-position: top center;
}

.memaar-founder__role {
  color: var(--memaar-sand);
  font-size: .76rem;
  font-weight: 600;
}

/* Insights -------------------------------------------------------------- */

.memaar-insights .wp-block-post-template,
.memaar-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  list-style: none;
}

.memaar-insights .wp-block-post,
.memaar-insight-card {
  border-block-start: 1px solid var(--memaar-line);
  padding-block-start: 1.25rem;
}

.memaar-insights .wp-block-post-featured-image img,
.memaar-insight-card img {
  inline-size: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.memaar-insights .wp-block-post-title {
  margin-block: 1rem .65rem;
  font-size: 1.12rem;
  line-height: 1.65;
}

.memaar-insights .wp-block-post-excerpt {
  color: var(--memaar-muted);
  font-size: .86rem;
}

.memaar-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
}

.memaar-topic-list li {
  border: 1px solid var(--memaar-line);
  border-radius: 999px;
  padding: .6rem .95rem;
  color: var(--memaar-navy);
  font-size: .75rem;
}

/* Forms and contact ----------------------------------------------------- */

.memaar-form,
.memaar-lead-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
}

.memaar-form__field,
.memaar-lead-form__field,
.memaar-form p {
  display: grid;
  gap: .5rem;
  margin: 0;
}

.memaar-form__field--full,
.memaar-lead-form__field--full,
.memaar-form .is-full,
.memaar-form__actions,
.memaar-lead-form__actions {
  grid-column: 1 / -1;
}

.memaar-form label,
.memaar-lead-form label {
  color: var(--memaar-navy);
  font-size: .76rem;
  font-weight: 600;
}

.memaar-form :is(input, textarea, select),
.memaar-lead-form :is(input, textarea, select) {
  inline-size: 100%;
  min-block-size: 52px;
  box-sizing: border-box;
  border: 1px solid var(--memaar-line);
  border-radius: 0;
  background: var(--memaar-white);
  color: var(--memaar-ink);
  font: inherit;
  font-size: .9rem;
  padding: .8rem 1rem;
}

.memaar-form textarea,
.memaar-lead-form textarea {
  min-block-size: 140px;
  resize: vertical;
}

.memaar-form :is(input, textarea, select):focus,
.memaar-lead-form :is(input, textarea, select):focus {
  border-color: var(--memaar-sand);
  box-shadow: 0 0 0 2px rgba(232,174,118,.18);
  outline: none;
}

.memaar-contact-grid {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 7vw, 7rem);
}

.memaar-contact-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.memaar-contact-list li {
  border-block-start: 1px solid var(--memaar-line);
  padding-block: 1.25rem;
}

.memaar-contact-list small {
  display: block;
  margin-block-end: .4rem;
  color: var(--memaar-muted);
  font-size: .68rem;
}

.memaar-contact-list a,
.memaar-contact-list span {
  color: var(--memaar-navy);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
}

/* CTA and footer -------------------------------------------------------- */

.memaar-cta {
  position: relative;
  overflow: hidden;
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
}

.memaar-cta::after {
  position: absolute;
  inset-inline-end: -4vw;
  inset-block-end: -45%;
  inline-size: min(42vw, 580px);
  aspect-ratio: 1;
  border: 1px solid rgba(18,34,47,.22);
  border-radius: 50%;
  content: "";
}

.memaar-cta__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2.5rem;
}

.memaar-cta h2 {
  max-inline-size: 16ch;
  margin: 0;
  font-size: clamp(2rem, 1.35rem + 3vw, 4.5rem);
}

.memaar-footer {
  padding-block: clamp(3.5rem, 7vw, 6rem) 1.5rem;
  background: var(--memaar-navy);
  color: var(--memaar-white);
}

.memaar-footer a,
.memaar-footer h2,
.memaar-footer h3,
.memaar-footer p {
  color: inherit;
}

.memaar-footer__top {
  display: grid;
  grid-template-columns: minmax(200px, 1.15fr) minmax(180px, .6fr) minmax(230px, .85fr);
  gap: clamp(2rem, 6vw, 6rem);
  padding-block-end: 3rem;
}

.memaar-footer .memaar-logo__image {
  max-block-size: 78px;
}

.memaar-footer__label {
  margin: 0 0 1rem;
  color: rgba(255,255,255,.5) !important;
  font-size: .67rem;
  font-weight: 600;
}

.memaar-footer__links {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.memaar-footer__links a {
  font-size: .8rem;
  text-decoration: none;
}

.memaar-footer__links a:hover {
  color: var(--memaar-sand);
}

.memaar-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-block-start: 1px solid rgba(255,255,255,.12);
  padding-block-start: 1.5rem;
  color: rgba(255,255,255,.55);
  font-size: .68rem;
}

.memaar-socials {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
}

.memaar-socials a {
  color: rgba(255,255,255,.72);
  text-decoration: none;
}

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

.memaar-whatsapp {
  position: fixed;
  inset-inline-end: clamp(1rem, 2vw, 1.5rem);
  inset-block-end: clamp(1rem, 2vw, 1.5rem);
  z-index: 1200;
}

.memaar-whatsapp__toggle {
  display: grid;
  inline-size: 50px;
  block-size: 50px;
  place-items: center;
  border: 1px solid var(--memaar-sand);
  border-radius: 50%;
  background: var(--memaar-navy);
  color: var(--memaar-sand);
  cursor: pointer;
  font-size: 1.25rem;
  box-shadow: 0 12px 32px rgba(18,34,47,.18);
}

.memaar-whatsapp__toggle:hover {
  background: var(--memaar-sand);
  color: var(--memaar-navy);
  transform: translateY(-2px);
}

.memaar-whatsapp__panel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: calc(100% + .7rem);
  inline-size: min(290px, calc(100vw - 2rem));
  box-sizing: border-box;
  border-block-start: 3px solid var(--memaar-sand);
  background: var(--memaar-white);
  color: var(--memaar-ink);
  padding: 1.25rem;
  box-shadow: 0 18px 48px rgba(18,34,47,.18);
}

.memaar-whatsapp__panel strong {
  display: block;
  color: var(--memaar-navy);
  font-size: .9rem;
}

.memaar-whatsapp__panel p {
  margin-block: .5rem 1rem;
  color: var(--memaar-muted);
  font-size: .76rem;
  line-height: 1.8;
}

.memaar-whatsapp__panel a {
  color: var(--memaar-navy);
  font-size: .75rem;
  font-weight: 700;
}

/* Content pages --------------------------------------------------------- */

.memaar-page-intro {
  padding-block: clamp(4.5rem, 10vw, 8rem);
  background: var(--memaar-ivory);
}

.memaar-page-intro h1 {
  max-inline-size: 16ch;
  margin-block: 0 1.5rem;
  font-size: clamp(2.4rem, 1.5rem + 4vw, 6rem);
}

.memaar-prose {
  padding-block: clamp(3.5rem, 7vw, 6rem);
}

.memaar-prose :where(h2, h3, h4) {
  margin-block: 2.5em .75em;
}

.memaar-prose :where(p, li) {
  color: #35434c;
  line-height: 2;
}

.memaar-prose a {
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

.memaar-prose table {
  inline-size: 100%;
  border-collapse: collapse;
}

.memaar-prose :is(th, td) {
  border-block-end: 1px solid var(--memaar-line);
  padding: .85rem;
  text-align: start;
}

.memaar-empty-state {
  border-block: 1px solid var(--memaar-line);
  padding-block: 2.5rem;
  color: var(--memaar-muted);
}

.memaar-pagination,
.wp-block-query-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-block-start: 3rem;
}

.wp-block-query-pagination a {
  text-decoration: none;
}

.memaar-breadcrumbs {
  color: var(--memaar-muted);
  font-size: .68rem;
}

.memaar-breadcrumbs a {
  color: inherit;
}

.memaar-404 {
  display: grid;
  min-block-size: 72svh;
  place-items: center;
  padding-block: 4rem;
  text-align: center;
}

.memaar-404__number {
  margin: 0;
  color: var(--memaar-sand);
  font-size: clamp(6rem, 25vw, 18rem);
  font-weight: 700;
  line-height: .8;
}

/* Campaign pages -------------------------------------------------------- */

.memaar-campaign-header {
  padding-block: 1.25rem;
  color: var(--memaar-white);
}

.memaar-campaign-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.memaar-campaign-header__phone {
  color: var(--memaar-white);
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
}

.memaar-campaign .memaar-project-hero {
  min-block-size: 100svh;
}

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

.js .memaar-reveal {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  transition: opacity var(--memaar-duration) var(--memaar-ease), transform var(--memaar-duration) var(--memaar-ease);
}

.js .memaar-reveal[data-reveal="clip"] {
  clip-path: none;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity var(--memaar-duration) var(--memaar-ease), transform var(--memaar-duration) var(--memaar-ease);
}

.js .memaar-reveal[data-reveal="clip"] > * {
  clip-path: inset(0 0 16% 0);
  transition: clip-path 900ms var(--memaar-ease);
}

.js .memaar-reveal.is-visible {
  clip-path: inset(0 0 0 0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.js .memaar-reveal[data-reveal="clip"].is-visible > * {
  clip-path: inset(0 0 0 0);
}

.memaar-stagger > * {
  transition-delay: calc(var(--memaar-index, 0) * 80ms) !important;
}

/* Homepage flagship presentation --------------------------------------- */

.memaar-hero h1 small {
  display: block;
  margin-block-end: .7rem;
  color: var(--memaar-white);
  font-size: clamp(1.35rem, 1rem + 1.6vw, 2.5rem);
  font-weight: 500;
  letter-spacing: 0;
}

.memaar-hero h1 span {
  display: block;
  color: var(--memaar-sand);
}

.memaar-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .58fr);
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-block-end: clamp(3rem, 7vw, 6.5rem);
}

.memaar-section-heading .memaar-title {
  margin-block-end: 0;
}

.memaar-section-heading > p {
  margin: 0;
  color: var(--memaar-muted);
  line-height: 2;
}

.memaar-section--navy .memaar-section-heading > p {
  color: rgba(255,255,255,.66);
}

.memaar-green-river__feature {
  position: relative;
  min-block-size: min(68vw, 810px);
  overflow: hidden;
  background: #d8d8d8;
  isolation: isolate;
}

.memaar-green-river__feature > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: transform 900ms var(--memaar-ease);
}

.memaar-green-river__feature:hover > img {
  transform: scale(1.025);
}

.memaar-green-river__feature::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(18,34,47,.03), rgba(18,34,47,.84) 86%);
  content: "";
}

[dir="ltr"] .memaar-green-river__feature::after {
  background: linear-gradient(-90deg, rgba(18,34,47,.03), rgba(18,34,47,.84) 86%);
}

.memaar-green-river__copy {
  position: absolute;
  inset-inline-start: clamp(1.5rem, 6vw, 5.2rem);
  inset-block-end: clamp(1.5rem, 6vw, 5.2rem);
  inline-size: min(600px, 52vw);
}

.memaar-green-river__copy > span {
  color: var(--memaar-sand);
  font-size: .68rem;
  letter-spacing: .12em;
}

.memaar-green-river__copy h3 {
  margin-block: 1rem 1.5rem;
  color: var(--memaar-white);
  font-size: clamp(2rem, 1.3rem + 3vw, 4.8rem);
  line-height: 1.15;
}

.memaar-green-river__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 2rem;
  border-block: 1px solid rgba(255,255,255,.26);
}

.memaar-green-river__facts > div {
  padding-block: 1.1rem;
}

.memaar-green-river__facts > div + div {
  border-inline-start: 1px solid rgba(255,255,255,.2);
  padding-inline-start: 1rem;
}

.memaar-green-river__facts dt {
  margin-block-end: .35rem;
  color: rgba(255,255,255,.58);
  font-size: .66rem;
}

.memaar-green-river__facts dd {
  margin: 0;
  color: var(--memaar-white);
  font-family: var(--memaar-heading-font);
  font-size: 1.25rem;
}

.memaar-green-river__gallery {
  display: grid;
  grid-template-columns: 1.15fr .85fr 1.15fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-block-start: 1.5rem;
}

.memaar-green-river__gallery figure {
  margin: 0;
  overflow: hidden;
}

.memaar-green-river__gallery figure:nth-child(2) {
  margin-block-start: 4rem;
}

.memaar-green-river__gallery img {
  inline-size: 100%;
  aspect-ratio: 1.15 / 1;
  object-fit: cover;
  transition: transform 800ms var(--memaar-ease);
}

.memaar-green-river__gallery figure:hover img {
  transform: scale(1.025);
}

.memaar-green-river__gallery figcaption {
  display: flex;
  justify-content: space-between;
  padding-block: 1rem;
  border-block-end: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.72);
  font-size: .72rem;
}

.memaar-green-river__gallery figcaption span {
  color: var(--memaar-sand);
}

.memaar-record-preview__numbers {
  display: flex;
  overflow-x: auto;
  border-block: 1px solid var(--memaar-line);
  scrollbar-color: var(--memaar-sand) transparent;
  scrollbar-width: thin;
}

.memaar-record-preview__numbers span {
  flex: 0 0 135px;
  padding: 1.35rem 1rem;
  border-inline-end: 1px solid var(--memaar-line);
  color: var(--memaar-navy);
  font-family: var(--memaar-heading-font);
  font-size: 2.35rem;
  text-align: center;
}

.memaar-record-preview__facades {
  display: grid;
  grid-template-columns: 1.1fr .75fr 1fr .8fr;
  align-items: end;
  gap: clamp(.75rem, 2vw, 1.25rem);
  margin-block-start: 3rem;
}

.memaar-record-preview__facades figure {
  margin: 0;
}

.memaar-record-preview__facades figure:nth-child(even) {
  transform: translateY(2.4rem);
}

.memaar-record-preview__facades img {
  inline-size: 100%;
  aspect-ratio: .8 / 1;
  background: var(--memaar-white);
  object-fit: cover;
  object-position: center top;
}

.memaar-record-preview__facades figcaption {
  display: flex;
  justify-content: space-between;
  padding-block-start: .8rem;
  color: var(--memaar-muted);
  font-size: .68rem;
}

.memaar-record-preview__facades figcaption span {
  color: var(--memaar-navy);
  font-weight: 600;
}

.memaar-founder-section {
  overflow: hidden;
  background: #1a2d3a;
}

.memaar-founder-section .memaar-founder {
  align-items: stretch;
}

.memaar-founder-section .memaar-founder__portrait {
  min-block-size: 650px;
  overflow: hidden;
  display: flex;
  align-items: end;
  justify-content: center;
  background: transparent;
}

.memaar-founder-section .memaar-founder__portrait::after {
  display: none;
}

.memaar-founder-section .memaar-founder__portrait img {
  position: relative;
  z-index: 2;
  inline-size: 94%;
  block-size: auto;
  max-block-size: 640px;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center bottom;
}

.memaar-founder__shape {
  position: absolute;
  inset: 7% 7% 0;
  z-index: 1;
}

.memaar-founder__shape i {
  position: absolute;
  inset-block-end: 0;
  background: var(--memaar-sand);
}

.memaar-founder__shape i:nth-child(1) { inset-inline-start: 0; inline-size: 33%; block-size: 53%; }
.memaar-founder__shape i:nth-child(2) { inset-inline-start: 33%; inline-size: 34%; block-size: 72%; }
.memaar-founder__shape i:nth-child(3) { inset-inline-start: 67%; inline-size: 33%; block-size: 90%; }

.memaar-founder-section .memaar-founder > div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Responsive ------------------------------------------------------------ */

@media (max-width: 1080px) {
  :root {
    --memaar-header: 76px;
  }

  .memaar-header__inner {
    min-block-size: var(--memaar-header);
    grid-template-columns: 1fr auto auto;
  }

  .memaar-header .wp-block-navigation {
    justify-self: end;
    order: 3;
  }

  .memaar-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }

  .memaar-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }

  .memaar-header__cta {
    display: none;
  }

  .memaar-project-card {
    grid-column: 1 / -1;
    min-block-size: 620px;
  }

  .memaar-updates,
  .memaar-insights .wp-block-post-template,
  .memaar-insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  body.admin-bar:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part {
    inset-block-start: 46px;
  }

  .memaar-header__inner {
    grid-template-columns: minmax(130px, 1fr) auto;
  }

  .memaar-header__tools {
    display: none;
  }

  .memaar-logo__image {
    max-block-size: 48px;
  }

  .memaar-hero__scroll {
    display: none;
  }

  .memaar-brand-statement__grid,
  .memaar-split,
  .memaar-location,
  .memaar-founder,
  .memaar-contact-grid {
    grid-template-columns: 1fr;
  }

  .memaar-section-heading {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .memaar-green-river__copy {
    inline-size: min(650px, 74vw);
  }

  .memaar-record-preview__facades {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .memaar-record-preview__facades figure:nth-child(even) {
    transform: none;
  }

  .memaar-location__map {
    min-block-size: 400px;
    order: -1;
  }

  .memaar-project-card,
  .memaar-project-card:first-child {
    min-block-size: min(76svh, 620px);
  }

  .memaar-project-details,
  .memaar-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .memaar-gallery figure,
  .memaar-project-gallery figure {
    grid-column: 1 / -1;
  }

  .memaar-timeline__item {
    grid-template-columns: 1fr;
    gap: .75rem;
  }

  .memaar-timeline__content {
    grid-template-columns: 1fr;
  }

  .memaar-cta__inner {
    align-items: start;
    flex-direction: column;
  }

  .memaar-footer__top {
    grid-template-columns: 1fr 1fr;
  }

  .memaar-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 580px) {
  :root {
    --memaar-section: 4.5rem;
  }

  .memaar-hero__inner {
    align-items: center;
    padding-block: 4rem;
  }

  .memaar-hero__media img {
    object-position: 46% center;
  }

  .memaar-hero h1 small {
    font-size: 1.35rem;
  }

  .memaar-hero h1 span {
    font-size: clamp(3.35rem, 16vw, 5rem);
    line-height: 1.08;
  }

  .memaar-hero::after {
    background: linear-gradient(0deg, rgba(18,34,47,.94) 0%, rgba(18,34,47,.35) 86%);
  }

  .memaar-hero__actions,
  .memaar-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .memaar-actions .memaar-button,
  .memaar-actions .wp-element-button {
    inline-size: 100%;
    box-sizing: border-box;
  }

  .memaar-project-card,
  .memaar-project-card:first-child {
    min-block-size: 520px;
  }

  .memaar-green-river__feature {
    min-block-size: 720px;
  }

  .memaar-green-river__feature::after {
    background: linear-gradient(0deg, rgba(18,34,47,.96), rgba(18,34,47,.04) 86%);
  }

  .memaar-green-river__copy {
    inset-inline: 1.35rem;
    inset-block-end: 1.5rem;
    inline-size: auto;
  }

  .memaar-green-river__copy h3 {
    font-size: 2.45rem;
  }

  .memaar-green-river__facts {
    grid-template-columns: 1fr;
  }

  .memaar-green-river__facts > div + div {
    border-block-start: 1px solid rgba(255,255,255,.16);
    border-inline-start: 0;
    padding-inline-start: 0;
  }

  .memaar-green-river__gallery {
    display: flex;
    overflow-x: auto;
    margin-inline: calc(-1 * var(--memaar-gutter));
    padding-inline: var(--memaar-gutter);
    scroll-snap-type: x mandatory;
  }

  .memaar-green-river__gallery figure {
    flex: 0 0 84vw;
    scroll-snap-align: center;
  }

  .memaar-green-river__gallery figure:nth-child(2) {
    margin-block-start: 0;
  }

  .memaar-record-preview__numbers {
    margin-inline: calc(-1 * var(--memaar-gutter));
    padding-inline: var(--memaar-gutter);
  }

  .memaar-record-preview__numbers span {
    flex-basis: 112px;
    font-size: 2rem;
  }

  .memaar-record-preview__facades {
    gap: .75rem;
  }

  .memaar-founder-section .memaar-founder__portrait {
    min-block-size: 500px;
    order: 2;
  }

  .memaar-founder-section .memaar-founder__portrait img {
    inline-size: 108%;
    max-block-size: 500px;
  }

  .memaar-project-card__content {
    align-items: start;
    flex-direction: column;
  }

  .memaar-project-details,
  .memaar-detail-grid,
  .memaar-updates,
  .memaar-insights .wp-block-post-template,
  .memaar-insight-grid,
  .memaar-form,
  .memaar-lead-form {
    grid-template-columns: 1fr;
  }

  .memaar-form__field--full,
  .memaar-lead-form__field--full,
  .memaar-form .is-full,
  .memaar-form__actions,
  .memaar-lead-form__actions {
    grid-column: auto;
  }

  .memaar-project-map iframe {
    min-block-size: 380px;
  }

  .memaar-footer__top {
    grid-template-columns: 1fr;
  }

  .memaar-footer__brand {
    grid-column: auto;
  }

  .memaar-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .memaar-hero__media {
    transform: none !important;
  }

  .js .memaar-reveal {
    clip-path: none;
    opacity: 1;
    transform: none;
  }
}

@media print {
  .memaar-header,
  .memaar-footer,
  .memaar-whatsapp,
  .memaar-actions,
  .wp-block-navigation,
  .memaar-campaign-header {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }

  .memaar-section,
  .memaar-prose {
    padding-block: 1.5rem;
  }
}

/* Homepage v2 — brand-first, multi-project presentation ---------------- */

body:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part {
  transition: transform 360ms var(--memaar-ease);
  will-change: transform;
}

body:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part.is-hidden {
  transform: translateY(-105%);
}

.memaar-header {
  transition: min-height 240ms ease, background-color 240ms ease, box-shadow 240ms ease;
}

.memaar-header.is-scrolled {
  background: rgba(18, 34, 47, .985);
  box-shadow: 0 10px 34px rgba(18, 34, 47, .12);
}

.memaar-hero--carousel::after {
  display: none;
}

.memaar-hero__stage {
  position: absolute;
  inset: 0;
}

.memaar-hero__scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  isolation: isolate;
  transition: opacity 850ms var(--memaar-ease);
}

.memaar-hero__scene::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(18,34,47,.12) 0%, rgba(18,34,47,.58) 48%, rgba(18,34,47,.96) 100%);
  content: "";
}

[dir="ltr"] .memaar-hero__scene::after {
  background: linear-gradient(-90deg, rgba(18,34,47,.12) 0%, rgba(18,34,47,.58) 48%, rgba(18,34,47,.96) 100%);
}

.memaar-hero__scene.is-active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

.memaar-hero__scene .memaar-hero__media {
  inset: -2%;
  transform: translate3d(0, calc(var(--memaar-parallax, 0) * 1px), 0) scale(1.06);
  transition: transform 7s linear;
}

.memaar-hero__scene.is-active .memaar-hero__media {
  transform: translate3d(0, calc(var(--memaar-parallax, 0) * 1px), 0) scale(1.015);
}

.memaar-hero__scene .memaar-hero__media img {
  object-position: center;
}

.memaar-hero__scene .memaar-hero__inner {
  padding-block-end: clamp(8.5rem, 18vh, 12rem);
}

.memaar-hero__scene :is(h1, h2) {
  max-inline-size: 11ch;
  margin: 0;
  color: var(--memaar-white);
  font-size: clamp(3rem, 2rem + 4.8vw, 7rem);
  line-height: 1.17;
  text-wrap: balance;
}

.memaar-hero__scene:first-child :is(h1, h2) {
  color: var(--memaar-sand);
}

.memaar-hero__controls {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 1.4rem;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid rgba(255,255,255,.25);
}

.memaar-hero__controls button {
  position: relative;
  display: grid;
  min-block-size: 66px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .7rem;
  border: 0;
  border-inline-end: 1px solid rgba(255,255,255,.16);
  background: rgba(18,34,47,.2);
  color: rgba(255,255,255,.62);
  cursor: pointer;
  font: inherit;
  padding: .8rem 1rem;
  text-align: start;
}

.memaar-hero__controls button::before {
  position: absolute;
  inset-inline: 0;
  inset-block-start: -1px;
  block-size: 2px;
  background: var(--memaar-sand);
  content: "";
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 340ms var(--memaar-ease);
}

.memaar-hero__controls button.is-active,
.memaar-hero__controls button[aria-selected="true"] {
  background: rgba(18,34,47,.7);
  color: var(--memaar-white);
}

.memaar-hero__controls button.is-active::before,
.memaar-hero__controls button[aria-selected="true"]::before {
  transform: scaleX(1);
}

.memaar-hero__controls span {
  color: var(--memaar-sand);
  font-size: .62rem;
}

.memaar-hero__controls strong {
  overflow: hidden;
  font-size: .72rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.memaar-featured__viewer {
  border-block: 1px solid rgba(255,255,255,.18);
}

.memaar-featured__stage {
  position: relative;
  min-block-size: clamp(560px, 67vw, 760px);
  overflow: hidden;
}

.memaar-featured__project {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms var(--memaar-ease), transform 600ms var(--memaar-ease);
  transform: translate3d(0, 16px, 0);
}

.memaar-featured__project.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.memaar-featured__media {
  min-block-size: inherit;
  overflow: hidden;
  background: #e9e9e7;
}

.memaar-featured__media img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: transform 900ms var(--memaar-ease);
}

.memaar-featured__project.is-active .memaar-featured__media img {
  transform: scale(1.015);
}

.memaar-featured__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 4.8rem);
  background: #1a2d3a;
}

.memaar-featured__copy > span,
.memaar-featured__copy > small {
  color: var(--memaar-sand);
  font-size: .68rem;
  font-weight: 600;
}

.memaar-featured__copy h3 {
  margin-block: 1rem;
  color: var(--memaar-white);
  font-size: clamp(2rem, 1.4rem + 2.6vw, 4.5rem);
}

.memaar-featured__copy p {
  margin: 0;
  color: rgba(255,255,255,.7);
  line-height: 1.95;
}

.memaar-featured__copy > small {
  margin-block-start: 1rem;
}

.memaar-featured__copy .memaar-button {
  align-self: flex-start;
  margin-block-start: 2rem;
}

.memaar-featured__selector {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.memaar-featured__selector button {
  display: grid;
  min-block-size: 82px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .75rem;
  border: 0;
  border-inline-end: 1px solid rgba(255,255,255,.14);
  background: transparent;
  color: rgba(255,255,255,.55);
  cursor: pointer;
  font: inherit;
  padding: 1rem;
  text-align: start;
}

.memaar-featured__selector button:hover,
.memaar-featured__selector button.is-active,
.memaar-featured__selector button[aria-selected="true"] {
  background: rgba(255,255,255,.06);
  color: var(--memaar-white);
}

.memaar-featured__selector span {
  color: var(--memaar-sand);
  font-size: .62rem;
}

.memaar-featured__selector strong {
  font-size: .76rem;
  font-weight: 600;
}

.memaar-green-river {
  margin-block-start: clamp(5rem, 10vw, 9rem);
}

.memaar-green-river__intro {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(420px, 1.3fr);
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-block-end: 2rem;
}

.memaar-green-river__intro .memaar-eyebrow {
  grid-column: 1 / -1;
  margin-block-end: -1rem;
}

.memaar-green-river__intro h3 {
  margin: 0;
  color: var(--memaar-white);
  font-size: clamp(2rem, 1.45rem + 2.2vw, 4rem);
}

.memaar-green-river__intro .memaar-green-river__facts {
  margin: 0;
}

.memaar-record__viewer {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(290px, .78fr);
  min-block-size: clamp(520px, 66vw, 720px);
  background: var(--memaar-navy);
  color: var(--memaar-white);
}

.memaar-record__image {
  margin: 0;
  overflow: hidden;
  background: var(--memaar-white);
}

.memaar-record__image img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  opacity: 1;
  transition: opacity 180ms ease, transform 650ms var(--memaar-ease);
}

.memaar-record__image img.is-changing {
  opacity: .28;
  transform: scale(.99);
}

.memaar-record__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 5rem);
}

.memaar-record__copy > span {
  color: var(--memaar-sand);
  font-size: .7rem;
  font-weight: 600;
}

.memaar-record__copy > strong {
  display: block;
  margin-block: 1rem .25rem;
  color: var(--memaar-white);
  font-family: var(--memaar-heading-font);
  font-size: clamp(4rem, 9vw, 8rem);
  font-weight: 600;
  line-height: 1;
}

.memaar-record__copy p {
  margin-block: 0 2rem;
  color: rgba(255,255,255,.7);
  line-height: 1.8;
}

.memaar-record__copy .memaar-button {
  align-self: flex-start;
  border-color: var(--memaar-sand);
  background: var(--memaar-sand);
  color: var(--memaar-navy);
}

.memaar-record__selector {
  display: flex;
  overflow-x: auto;
  margin-block-start: 1rem;
  border-block: 1px solid var(--memaar-line);
  scrollbar-color: var(--memaar-sand) transparent;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
}

.memaar-record__selector button {
  display: grid;
  min-inline-size: 118px;
  min-block-size: 86px;
  flex: 0 0 118px;
  place-items: center;
  border: 0;
  border-inline-end: 1px solid var(--memaar-line);
  background: transparent;
  color: var(--memaar-muted);
  cursor: pointer;
  font: inherit;
  padding: .8rem;
  scroll-snap-align: start;
}

.memaar-record__selector button:hover,
.memaar-record__selector button.is-active {
  background: var(--memaar-navy);
  color: var(--memaar-white);
}

.memaar-record__selector span {
  font-size: .61rem;
}

.memaar-record__selector strong {
  color: var(--memaar-navy);
  font-family: var(--memaar-heading-font);
  font-size: 1.55rem;
}

.memaar-record__selector button:is(:hover, .is-active) strong {
  color: var(--memaar-sand);
}

.memaar-company {
  background: var(--memaar-white);
}

.memaar-company__statement,
.memaar-company__why {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  border-block: 1px solid var(--memaar-line);
  padding-block: clamp(2rem, 5vw, 4rem);
}

.memaar-company__statement h3,
.memaar-company__why h3,
.memaar-company__card h3,
.memaar-company__values h3 {
  margin-block: 0 1rem;
  color: var(--memaar-navy);
  font-size: clamp(1.5rem, 1.2rem + 1.25vw, 2.6rem);
}

.memaar-company__statement p,
.memaar-company__why p {
  max-inline-size: 54ch;
  margin: 0;
  color: var(--memaar-ink);
  font-size: clamp(1.1rem, 1rem + .48vw, 1.45rem);
  line-height: 2;
}

.memaar-company__index {
  color: var(--memaar-sand);
  font-size: .72rem;
  font-weight: 700;
}

.memaar-company__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.memaar-company__card {
  border-block-end: 1px solid var(--memaar-line);
  padding: clamp(2rem, 5vw, 4rem);
}

.memaar-company__card:first-child {
  border-inline-end: 1px solid var(--memaar-line);
  padding-inline-start: 0;
}

.memaar-company__card:last-child {
  padding-inline-end: 0;
}

.memaar-company__card p,
.memaar-company__value p {
  margin: 0;
  color: var(--memaar-muted);
  line-height: 2;
}

.memaar-company__values {
  display: grid;
  grid-template-columns: .7fr 1fr 1fr;
  border-block-end: 1px solid var(--memaar-line);
}

.memaar-company__values > * {
  padding: clamp(2rem, 4vw, 3.5rem);
}

.memaar-company__values > * + * {
  border-inline-start: 1px solid var(--memaar-line);
}

.memaar-company__values-heading {
  padding-inline-start: 0;
}

.memaar-company__value strong {
  display: block;
  margin-block-end: .8rem;
  color: var(--memaar-navy);
  font-family: var(--memaar-heading-font);
  font-size: 1.25rem;
}

.memaar-company__why {
  border-block-start: 0;
}

.memaar-founder-section .memaar-lead + .memaar-lead {
  margin-block-start: 1.2rem;
}

.memaar-location__copy::after {
  display: block;
  inline-size: 56px;
  block-size: 2px;
  margin-block-start: 2.5rem;
  background: var(--memaar-sand);
  content: "";
}

.memaar-whatsapp {
  inset-block-end: max(clamp(1rem, 2vw, 1.5rem), env(safe-area-inset-bottom));
}

.memaar-whatsapp__toggle {
  inline-size: auto;
  min-inline-size: 86px;
  block-size: 48px;
  border-radius: 0;
  font-size: .72rem;
  font-weight: 700;
  padding-inline: 1rem;
}

@media (max-width: 900px) {
  .memaar-hero__controls {
    overflow-x: auto;
    grid-template-columns: none;
    grid-auto-columns: minmax(150px, 1fr);
    grid-auto-flow: column;
    scrollbar-width: none;
  }

  .memaar-featured__stage {
    min-block-size: 730px;
  }

  .memaar-featured__project {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(380px, 1.12fr) minmax(290px, .88fr);
  }

  .memaar-featured__selector {
    overflow-x: auto;
    grid-template-columns: none;
    grid-auto-columns: minmax(160px, 1fr);
    grid-auto-flow: column;
    scrollbar-width: thin;
  }

  .memaar-green-river__intro,
  .memaar-record__viewer {
    grid-template-columns: 1fr;
  }

  .memaar-green-river__intro .memaar-eyebrow {
    margin-block-end: 0;
  }

  .memaar-record__viewer {
    min-block-size: 0;
  }

  .memaar-record__image {
    aspect-ratio: 1 / .78;
  }

  .memaar-company__values {
    grid-template-columns: 1fr 1fr;
  }

  .memaar-company__values-heading {
    grid-column: 1 / -1;
    border-block-end: 1px solid var(--memaar-line);
  }

  .memaar-company__values > :nth-child(2) {
    border-inline-start: 0;
  }
}

@media (max-width: 580px) {
  .memaar-hero--carousel,
  .memaar-hero__scene .memaar-hero__inner {
    min-block-size: min(840px, calc(100svh - var(--memaar-header)));
  }

  .memaar-hero__scene::after {
    background: linear-gradient(0deg, rgba(18,34,47,.98) 5%, rgba(18,34,47,.56) 72%, rgba(18,34,47,.2) 100%);
  }

  .memaar-hero__scene .memaar-hero__inner {
    align-items: end;
    padding-block: 4rem 10rem;
  }

  .memaar-hero__scene :is(h1, h2) {
    font-size: clamp(2.7rem, 14vw, 4.35rem);
  }

  .memaar-hero__subheading {
    line-height: 1.8;
  }

  .memaar-hero__controls {
    inset-block-end: .7rem;
    margin-inline: var(--memaar-gutter);
  }

  .memaar-hero__controls button {
    min-block-size: 58px;
    padding: .65rem .8rem;
  }

  .memaar-featured__stage {
    min-block-size: 680px;
  }

  .memaar-featured__project {
    grid-template-rows: 330px 350px;
  }

  .memaar-featured__copy {
    padding: 1.5rem;
  }

  .memaar-featured__copy h3 {
    font-size: 2.2rem;
  }

  .memaar-featured__copy .memaar-button {
    inline-size: 100%;
    box-sizing: border-box;
  }

  .memaar-green-river__intro {
    display: block;
  }

  .memaar-green-river__intro h3 {
    margin-block: 1.5rem;
  }

  .memaar-record__image {
    aspect-ratio: 1;
  }

  .memaar-record__copy {
    padding: 1.75rem;
  }

  .memaar-record__copy > strong {
    font-size: 4.5rem;
  }

  .memaar-record__selector {
    margin-inline: calc(-1 * var(--memaar-gutter));
    padding-inline: var(--memaar-gutter);
  }

  .memaar-company__statement,
  .memaar-company__why,
  .memaar-company__grid,
  .memaar-company__values {
    grid-template-columns: 1fr;
  }

  .memaar-company__statement,
  .memaar-company__why {
    gap: 1rem;
  }

  .memaar-company__card,
  .memaar-company__card:first-child,
  .memaar-company__card:last-child,
  .memaar-company__values > *,
  .memaar-company__values-heading {
    padding-inline: 0;
  }

  .memaar-company__card:first-child,
  .memaar-company__values > * + * {
    border-inline: 0;
  }

  .memaar-company__values-heading {
    grid-column: auto;
  }

  .memaar-company__value {
    border-block-start: 1px solid var(--memaar-line);
  }

  .memaar-whatsapp__toggle {
    min-inline-size: 74px;
    block-size: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .memaar-hero__scene,
  .memaar-hero__scene .memaar-hero__media,
  .memaar-featured__project,
  .memaar-record__image img {
    transition: none !important;
  }
}

/* Final creative enhancement — controlled glass, motion and context ------- */

:root {
  --memaar-glass-navy: rgba(18, 34, 47, .76);
  --memaar-glass-sand: rgba(232, 174, 118, .88);
  --memaar-glass-line: rgba(255, 255, 255, .2);
  --memaar-scroll-progress: 0%;
}

body:not(.single-memaar_campaign) > .wp-site-blocks > header.wp-block-template-part::after {
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -1px;
  z-index: 2;
  inline-size: var(--memaar-scroll-progress);
  block-size: 1px;
  background: var(--memaar-sand);
  content: "";
}

.memaar-header.is-scrolled {
  border-color: var(--memaar-glass-line);
  background: var(--memaar-glass-navy);
  box-shadow: 0 18px 54px rgba(5, 14, 21, .2);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}

.memaar-button,
.wp-element-button,
input[type="submit"],
.wp-block-navigation__responsive-container.is-menu-open .memaar-nav-book .wp-block-navigation-item__content {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 12px 34px rgba(5, 14, 21, .09);
  backdrop-filter: blur(14px) saturate(118%);
  -webkit-backdrop-filter: blur(14px) saturate(118%);
}

.memaar-button::before,
.wp-element-button::before,
input[type="submit"]::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, transparent 22%, rgba(255, 255, 255, .18) 48%, transparent 76%);
  content: "";
  pointer-events: none;
  transform: translateX(120%);
  transition: transform 720ms var(--memaar-ease);
}

.memaar-button:hover::before,
.wp-element-button:hover::before,
input[type="submit"]:hover::before {
  transform: translateX(-120%);
}

.memaar-button--ghost { background: rgba(18, 34, 47, .28); }
.memaar-header .memaar-header__cta { background: var(--memaar-glass-sand); }

.wp-block-navigation__responsive-container.is-menu-open {
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(18, 34, 47, .92) !important;
  background-image: linear-gradient(145deg, rgba(232, 174, 118, .08), transparent 44%) !important;
  box-shadow: 0 28px 80px rgba(5, 14, 21, .26);
  backdrop-filter: blur(28px) saturate(125%);
  -webkit-backdrop-filter: blur(28px) saturate(125%);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  opacity: 0;
  transform: translateY(16px);
  animation: memaar-menu-item-in 460ms var(--memaar-ease) forwards;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: 50ms; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: 100ms; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: 150ms; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(5) { animation-delay: 200ms; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(6) { animation-delay: 250ms; }

@keyframes memaar-menu-item-in {
  to { opacity: 1; transform: none; }
}

.memaar-hero__scene {
  clip-path: inset(0 0 0 7%);
  transition: opacity 850ms var(--memaar-ease), clip-path 1050ms var(--memaar-ease);
}

.memaar-hero__scene.is-active { clip-path: inset(0); }
.memaar-hero__controls {
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(18, 34, 47, .3);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.memaar-featured,
.memaar-record,
.memaar-company,
.memaar-founder-section {
  position: relative;
  overflow: clip;
}

.memaar-featured::before,
.memaar-record::before,
.memaar-company::before {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  content: "";
}

.memaar-featured > *,
.memaar-record > *,
.memaar-company > * { position: relative; z-index: 1; }

.memaar-featured::before {
  inset: 0 0 auto;
  block-size: 118px;
  background: linear-gradient(180deg, rgba(232, 174, 118, .085), transparent);
  clip-path: polygon(0 0, 100% 0, 84% 100%, 14% 58%);
}

.memaar-record::before {
  inset-block-start: 5%;
  inset-inline-end: -10vw;
  inline-size: 34vw;
  block-size: 34vw;
  border: 1px solid rgba(18, 34, 47, .075);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(18, 34, 47, .017), 0 0 0 108px rgba(18, 34, 47, .011);
}

.memaar-company::before {
  inset: 0 0 0 auto;
  inline-size: min(30vw, 440px);
  opacity: .05;
  background: var(--memaar-sand);
  clip-path: polygon(0 0, 64% 0, 100% 32%, 64% 32%, 100% 66%, 64% 66%, 100% 100%, 34% 100%, 0 68%, 34% 68%, 0 34%, 34% 34%);
}

.memaar-featured__viewer {
  background: rgba(26, 45, 58, .7);
  box-shadow: 0 34px 90px rgba(5, 14, 21, .24);
}

.memaar-featured__copy {
  border-inline-start: 1px solid rgba(255, 255, 255, .12);
  background: rgba(18, 34, 47, .68);
  backdrop-filter: blur(22px) saturate(115%);
  -webkit-backdrop-filter: blur(22px) saturate(115%);
}

.memaar-featured__project.is-active .memaar-featured__copy > * {
  animation: memaar-copy-in 560ms var(--memaar-ease) both;
}

.memaar-featured__project.is-active .memaar-featured__copy > :nth-child(2) { animation-delay: 55ms; }
.memaar-featured__project.is-active .memaar-featured__copy > :nth-child(3) { animation-delay: 110ms; }
.memaar-featured__project.is-active .memaar-featured__copy > :nth-child(4) { animation-delay: 165ms; }
.memaar-featured__project.is-active .memaar-featured__copy > :nth-child(5) { animation-delay: 220ms; }

@keyframes memaar-copy-in {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: none; }
}

.memaar-featured__selector button {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.memaar-featured__selector button:hover,
.memaar-featured__selector button.is-active,
.memaar-featured__selector button[aria-selected="true"] {
  background: rgba(232, 174, 118, .92);
  color: var(--memaar-navy);
  box-shadow: inset 0 1px rgba(255, 255, 255, .34);
}

.memaar-featured__selector button:is(:hover, .is-active, [aria-selected="true"]) span { color: var(--memaar-navy); }

.memaar-record__viewer { box-shadow: 0 32px 82px rgba(18, 34, 47, .14); }
.memaar-record__selector {
  cursor: grab;
  overscroll-behavior-inline: contain;
  touch-action: pan-y pinch-zoom;
}
.memaar-record__selector.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.memaar-record__selector.is-dragging button { pointer-events: none; }

.memaar-whatsapp__toggle {
  border: 1px solid rgba(255, 255, 255, .3);
  background: rgba(18, 34, 47, .82);
  box-shadow: 0 15px 40px rgba(5, 14, 21, .22);
  backdrop-filter: blur(15px) saturate(120%);
  -webkit-backdrop-filter: blur(15px) saturate(120%);
}

.memaar-whatsapp__panel {
  border: 1px solid rgba(255, 255, 255, .48);
  border-block-start-color: var(--memaar-sand);
  background: rgba(255, 253, 249, .88);
  box-shadow: 0 22px 60px rgba(5, 14, 21, .24);
  backdrop-filter: blur(22px) saturate(118%);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
}

.memaar-context-prompt {
  position: fixed;
  inset-inline-start: clamp(1rem, 2vw, 1.5rem);
  inset-block-end: max(clamp(1rem, 2vw, 1.5rem), env(safe-area-inset-bottom));
  z-index: 1190;
  inline-size: min(320px, calc(100vw - 7rem));
  box-sizing: border-box;
  border: 1px solid var(--memaar-glass-line);
  background: var(--memaar-glass-navy);
  color: var(--memaar-white);
  padding: 1.25rem 3rem 1.15rem 1.2rem;
  opacity: 0;
  box-shadow: 0 22px 62px rgba(5, 14, 21, .24);
  transform: translateY(16px) scale(.985);
  transition: opacity 260ms ease, transform 420ms var(--memaar-ease);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}

.memaar-context-prompt[hidden] { display: none; }
.memaar-context-prompt.is-visible { opacity: 1; transform: none; }
.memaar-context-prompt > span { display: block; color: var(--memaar-sand); font-size: .62rem; font-weight: 600; }
.memaar-context-prompt > strong { display: block; margin-block-start: .3rem; font-family: var(--memaar-heading-font); font-size: 1.18rem; }
.memaar-context-prompt > a { display: inline-flex; align-items: center; gap: .5rem; margin-block-start: .8rem; color: var(--memaar-sand); font-size: .76rem; font-weight: 700; text-decoration: none; }
.memaar-context-prompt > a b { font-size: 1rem; transition: transform 220ms ease; }
.memaar-context-prompt > a:hover b { transform: translate(-3px, 3px); }
.memaar-context-prompt__close { position: absolute; inset-block-start: .55rem; inset-inline-start: .55rem; inline-size: 2rem; block-size: 2rem; border: 0; background: transparent; color: var(--memaar-white); cursor: pointer; font-size: 1.35rem; }

.memaar-cursor-aura {
  position: fixed;
  inset-block-start: -86px;
  inset-inline-start: -86px;
  z-index: 900;
  inline-size: 172px;
  block-size: 172px;
  border: 1px solid rgba(232, 174, 118, .2);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 174, 118, .1), transparent 68%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 320ms ease;
  will-change: transform;
}

.memaar-cursor-aura.is-visible { opacity: 1; }

.memaar-footer {
  border-block-start: 1px solid rgba(255, 255, 255, .14);
  background: linear-gradient(155deg, rgba(232, 174, 118, .055), transparent 34%), var(--memaar-navy);
}

.memaar-policy-date {
  align-items: center;
  justify-content: space-between;
  border-block: 1px solid var(--memaar-line);
  color: var(--memaar-muted);
  padding-block: 1rem;
}
.memaar-policy-date p { margin: 0; }
.memaar-policy-date time { color: var(--memaar-navy); font-weight: 600; }
.memaar-policy-date + .wp-block-post-content > h2 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: baseline;
  gap: 1rem;
  border-block-start: 1px solid var(--memaar-line);
  padding-block-start: 2rem;
}
.memaar-policy-date + .wp-block-post-content > h2::before {
  color: var(--memaar-sand);
  content: "—";
  font-family: var(--memaar-body-font);
  font-size: .72rem;
}
.memaar-consent { color: var(--memaar-muted); font-size: .72rem; line-height: 1.75; }
.memaar-consent a { color: var(--memaar-navy); font-weight: 600; text-underline-offset: .2em; }

@media (min-width: 901px) {
  .memaar-company > .memaar-shell > .memaar-section-heading {
    position: sticky;
    inset-block-start: calc(var(--memaar-header) + 1.2rem);
    z-index: 2;
    background: rgba(255, 255, 255, .88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
}

@media (max-width: 780px) {
  .memaar-cursor-aura { display: none; }
  .memaar-hero__scene { clip-path: inset(0 0 6%); }
  .memaar-hero__scene.is-active { clip-path: inset(0); }
  .memaar-record__selector { touch-action: pan-x pan-y; }
  .memaar-context-prompt {
    inset-inline-start: .8rem;
    inset-block-end: max(4.8rem, calc(env(safe-area-inset-bottom) + 4.1rem));
    inline-size: calc(100vw - 1.6rem);
    padding: 1rem 2.7rem .95rem 1rem;
  }
  .memaar-context-prompt > strong { font-size: 1rem; }
  .memaar-context-prompt > a { margin-block-start: .55rem; }
}

@media (max-width: 430px) {
  .memaar-button,
  .wp-element-button,
  input[type="submit"] { min-block-size: 50px; }
  .memaar-context-prompt { inline-size: calc(100vw - 1.6rem); }
  .memaar-whatsapp__panel { inline-size: min(268px, calc(100vw - 1.6rem)); }
  .memaar-policy-date { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .memaar-cursor-aura { display: none; }
  .memaar-hero__scene { clip-path: none; }
  .memaar-featured__project.is-active .memaar-featured__copy > *,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { animation: none; opacity: 1; transform: none; }
  .memaar-context-prompt { transition: none; }
}