/* Real Estate page visual reference pass. Visible copy stays unchanged. */
body.crays-mirror.route-real-estate {
  --real-red: #ff1550;
  --real-night: #04111b;
  --real-night-2: #071b28;
  --real-blue: #0c3346;
  --real-teal: #1db5c8;
  --real-gold: #d5aa66;
  --real-cream: #fffaf3;
  --real-porcelain: #f4efe9;
  --real-ink: #06121d;
  --real-muted: rgba(255, 250, 243, 0.74);
  --real-line: rgba(255, 255, 255, 0.18);
  --real-dark-line: rgba(6, 18, 29, 0.12);
  --real-shadow: 0 24px 68px rgba(0, 0, 0, 0.28);
  background: var(--real-night) !important;
  color: var(--real-cream) !important;
}

body.crays-mirror.route-real-estate .crays-real-page {
  width: 100% !important;
  overflow-x: clip !important;
  background: var(--real-night) !important;
  color: var(--real-cream) !important;
  font-family: Montserrat, Arial, sans-serif !important;
}

body.crays-mirror.route-real-estate .crays-real-page *,
body.crays-mirror.route-real-estate .crays-real-page *::before,
body.crays-mirror.route-real-estate .crays-real-page *::after {
  box-sizing: border-box !important;
}

body.crays-mirror.route-real-estate .crays-real-page :is(h1, h2, h3, h4, p, a, span, strong, li, figcaption) {
  -webkit-text-fill-color: currentColor !important;
  letter-spacing: 0 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  text-wrap: pretty !important;
}

body.crays-mirror.route-real-estate .crays-real-shell {
  width: min(calc(100% - 48px), 1240px) !important;
  margin-inline: auto !important;
}

body.crays-mirror.route-real-estate .crays-real-page figure {
  margin: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-page img {
  max-width: 100% !important;
}

body.crays-mirror.route-real-estate .crays-real-eyebrow,
body.crays-mirror.route-real-estate .crays-real-kicker,
body.crays-mirror.route-real-estate .crays-real-panel__eyebrow {
  display: block !important;
  margin: 0 0 12px !important;
  color: var(--real-red) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(12px, 0.82vw, 14px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.crays-mirror.route-real-estate .crays-real-title {
  max-width: 13.5ch !important;
  margin: 0 !important;
  color: inherit !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(44px, 5.1vw, 76px) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  text-wrap: balance !important;
}

body.crays-mirror.route-real-estate .crays-real-copy,
body.crays-mirror.route-real-estate .crays-real-lead {
  max-width: 64ch !important;
  margin: 0 !important;
  color: currentColor !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(16px, 1.08vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.56 !important;
  opacity: 0.82 !important;
}

body.crays-mirror.route-real-estate .crays-real-hero {
  position: relative !important;
  z-index: 0 !important;
  height: calc(100svh - 74px) !important;
  max-height: 900px !important;
  min-height: min(680px, calc(100svh - 74px)) !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: clamp(32px, 4.4vh, 54px) 0 clamp(28px, 4.2vh, 48px) !important;
  isolation: isolate !important;
  color: var(--real-cream) !important;
  background: var(--real-night) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  margin: 0 !important;
  background: var(--real-night) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 52% !important;
  filter: saturate(1.08) contrast(1.03) brightness(0.82) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(90deg, rgba(3, 12, 20, 0.96) 0%, rgba(4, 16, 25, 0.9) 42%, rgba(7, 25, 38, 0.73) 100%),
    linear-gradient(180deg, rgba(2, 10, 16, 0.42) 0%, rgba(2, 10, 16, 0.08) 42%, rgba(2, 10, 16, 0.52) 100%) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 0.78fr) !important;
  gap: clamp(34px, 5vw, 72px) !important;
  align-items: center !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__copy {
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__title {
  max-width: 9.25ch !important;
  margin: 0 0 clamp(18px, 2.6vh, 24px) !important;
  color: var(--real-cream) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(52px, 6.7vw, 94px) !important;
  font-weight: 900 !important;
  line-height: 0.88 !important;
  text-wrap: balance !important;
}

body.crays-mirror.route-real-estate .crays-real-hero .crays-real-lead {
  max-width: 56ch !important;
  color: rgba(255, 250, 243, 0.86) !important;
  font-size: clamp(16px, 1.28vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.46 !important;
  opacity: 1 !important;
}

body.crays-mirror.route-real-estate .crays-real-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: clamp(22px, 3.2vh, 34px) !important;
}

body.crays-mirror.route-real-estate .crays-real-button,
body.crays-mirror.route-real-estate .crays-real-actions a {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 15px 23px !important;
  color: var(--real-cream) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important;
}

body.crays-mirror.route-real-estate .crays-real-button--primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff1550, #ef245c) !important;
  border-color: rgba(255, 21, 80, 0.95) !important;
}

body.crays-mirror.route-real-estate .crays-real-button--secondary {
  color: var(--real-ink) !important;
  -webkit-text-fill-color: var(--real-ink) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.86) !important;
}

body.crays-mirror.route-real-estate .crays-real-page a.crays-real-button--secondary,
body.crays-mirror.route-real-estate .crays-real-page .crays-real-actions a.crays-real-button--secondary {
  color: var(--real-ink) !important;
  -webkit-text-fill-color: var(--real-ink) !important;
  text-shadow: none !important;
}

body.crays-mirror.route-real-estate .crays-real-button:hover {
  transform: translateY(-1px) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight {
  position: relative !important;
  min-height: clamp(420px, 58vh, 520px) !important;
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  overflow: hidden !important;
  padding: clamp(188px, 27vh, 232px) clamp(22px, 2.8vw, 34px) clamp(18px, 2.4vw, 26px) !important;
  color: var(--real-cream) !important;
  background: rgba(5, 20, 30, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-left: 6px solid var(--real-red) !important;
  border-radius: 8px !important;
  box-shadow: var(--real-shadow) !important;
  backdrop-filter: blur(12px) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight::before,
body.crays-mirror.route-real-estate .crays-real-hero__insight::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  height: clamp(170px, 25vh, 220px) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.08) contrast(1.05) brightness(0.96) !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight::before {
  left: 0 !important;
  width: 61% !important;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.38)), url("/assets/stock-lifestyle/crays-real-estate-16-premium-business-lifestyle-guests-arriving-around-a-destination-ass.webp") !important;
  background-position: center !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight::after {
  right: 0 !important;
  width: 39% !important;
  border-left: 12px solid rgba(5, 20, 30, 0.92) !important;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.32)), url("/assets/stock-lifestyle/crays-real-estate-18-remote-work-and-destination-living-from-a-scenic-terrace.webp") !important;
  background-position: center !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight > * {
  position: relative !important;
  z-index: 1 !important;
}

body.crays-mirror.route-real-estate .crays-real-panel__eyebrow {
  margin: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight h2 {
  max-width: 22ch !important;
  margin: 0 !important;
  color: var(--real-cream) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(27px, 2.55vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 0.98 !important;
  text-wrap: balance !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__insight-copy {
  max-width: 50ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 243, 0.8) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(13px, 0.94vw, 15px) !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
}

body.crays-mirror.route-real-estate .crays-real-visual-strip {
  width: min(calc(100% - 48px), 1240px) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4vw, 48px) 0 !important;
  color: var(--real-cream) !important;
  background: transparent !important;
}

body.crays-mirror.route-real-estate .crays-real-visual-strip figure,
body.crays-mirror.route-real-estate .crays-real-problem-image,
body.crays-mirror.route-real-estate .crays-real-solution__media,
body.crays-mirror.route-real-estate .crays-real-asset-stage__image,
body.crays-mirror.route-real-estate .crays-real-revenue-media,
body.crays-mirror.route-real-estate .crays-real-owner__media,
body.crays-mirror.route-real-estate .crays-real-community-demand__image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.17) !important;
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.22) !important;
}

body.crays-mirror.route-real-estate .crays-real-visual-strip figure {
  min-height: 210px !important;
  aspect-ratio: 0.88 / 1 !important;
}

body.crays-mirror.route-real-estate .crays-real-visual-strip img,
body.crays-mirror.route-real-estate .crays-real-problem-image img,
body.crays-mirror.route-real-estate .crays-real-solution__media img,
body.crays-mirror.route-real-estate .crays-real-asset-stage__image img,
body.crays-mirror.route-real-estate .crays-real-revenue-media img,
body.crays-mirror.route-real-estate .crays-real-community-demand__image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(1.08) contrast(1.04) brightness(0.95) !important;
}

body.crays-mirror.route-real-estate .crays-real-page figure figcaption {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 11px 13px !important;
  color: #ffffff !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  background: rgba(5, 18, 28, 0.78) !important;
  border-left: 4px solid var(--real-red) !important;
  border-radius: 6px !important;
  backdrop-filter: blur(10px) !important;
}

body.crays-mirror.route-real-estate .crays-real-page figure figcaption span {
  color: var(--real-red) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.crays-mirror.route-real-estate .crays-real-page figure figcaption strong {
  color: #ffffff !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

body.crays-mirror.route-real-estate .crays-real-section,
body.crays-mirror.route-real-estate .crays-real-solution,
body.crays-mirror.route-real-estate .crays-real-closing {
  position: relative !important;
  margin: 0 !important;
  padding: clamp(76px, 9vw, 118px) 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-section--problem,
body.crays-mirror.route-real-estate .crays-real-section--asset-stage,
body.crays-mirror.route-real-estate .crays-real-section--community,
body.crays-mirror.route-real-estate .crays-real-section--fund-product,
body.crays-mirror.route-real-estate .crays-real-closing {
  color: var(--real-cream) !important;
  background:
    linear-gradient(180deg, rgba(4, 17, 27, 0.98), rgba(7, 27, 40, 0.98)),
    linear-gradient(90deg, rgba(255, 21, 80, 0.08), rgba(29, 181, 200, 0.08)) !important;
}

body.crays-mirror.route-real-estate .crays-real-solution,
body.crays-mirror.route-real-estate .crays-real-section--revenue,
body.crays-mirror.route-real-estate .crays-real-section--owner-use,
body.crays-mirror.route-real-estate .crays-real-section--tech,
body.crays-mirror.route-real-estate .crays-real-section--contribution {
  color: var(--real-ink) !important;
  background: linear-gradient(180deg, var(--real-cream), var(--real-porcelain)) !important;
}

body.crays-mirror.route-real-estate .crays-real-page :is(.crays-real-solution, .crays-real-section--revenue, .crays-real-section--contribution, .crays-real-section--owner-use, .crays-real-section--tech) :is(.crays-real-title, .crays-real-copy) {
  color: var(--real-ink) !important;
  -webkit-text-fill-color: var(--real-ink) !important;
}

body.crays-mirror.route-real-estate .crays-real-page :is(.crays-real-solution, .crays-real-section--revenue, .crays-real-section--contribution, .crays-real-section--owner-use, .crays-real-section--tech) .crays-real-copy {
  opacity: 0.78 !important;
}

body.crays-mirror.route-real-estate .crays-real-section--contribution {
  background:
    linear-gradient(90deg, rgba(255, 21, 80, 0.08), rgba(29, 181, 200, 0.06)),
    var(--real-porcelain) !important;
}

body.crays-mirror.route-real-estate .crays-real-section--revenue > .crays-real-shell,
body.crays-mirror.route-real-estate .crays-real-section--asset-stage > .crays-real-shell,
body.crays-mirror.route-real-estate .crays-real-section--community > .crays-real-shell,
body.crays-mirror.route-real-estate .crays-real-section--tech > .crays-real-shell {
  display: block !important;
}

body.crays-mirror.route-real-estate .crays-real-section-head {
  display: grid !important;
  gap: 18px !important;
  max-width: 980px !important;
  margin: 0 0 clamp(34px, 5vw, 56px) !important;
}

body.crays-mirror.route-real-estate .crays-real-section-head--split {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.85fr) !important;
  gap: clamp(30px, 5vw, 68px) !important;
  align-items: end !important;
}

body.crays-mirror.route-real-estate .crays-real-section-head--split > * {
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-section-head--split > .crays-real-copy {
  max-width: 52ch !important;
  justify-self: end !important;
}

body.crays-mirror.route-real-estate .crays-real-problem__grid,
body.crays-mirror.route-real-estate .crays-real-solution__grid,
body.crays-mirror.route-real-estate .crays-real-contribution__grid,
body.crays-mirror.route-real-estate .crays-real-owner__grid,
body.crays-mirror.route-real-estate .crays-real-fund-product__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.08fr) !important;
  gap: clamp(34px, 5vw, 72px) !important;
  align-items: start !important;
}

body.crays-mirror.route-real-estate .crays-real-problem__grid > div:first-child,
body.crays-mirror.route-real-estate .crays-real-solution__grid > div:first-child,
body.crays-mirror.route-real-estate .crays-real-contribution__grid > div:first-child,
body.crays-mirror.route-real-estate .crays-real-owner__grid > div {
  display: grid !important;
  gap: 20px !important;
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-mini-grid,
body.crays-mirror.route-real-estate .crays-real-system,
body.crays-mirror.route-real-estate .crays-real-list-grid,
body.crays-mirror.route-real-estate .crays-real-revenue-grid,
body.crays-mirror.route-real-estate .crays-real-contribution-flow,
body.crays-mirror.route-real-estate .crays-real-demand-flow,
body.crays-mirror.route-real-estate .crays-real-tech-grid,
body.crays-mirror.route-real-estate .crays-real-fund-product__cards,
body.crays-mirror.route-real-estate .crays-real-panel__grid {
  display: grid !important;
  gap: 16px !important;
}

body.crays-mirror.route-real-estate .crays-real-mini-grid,
body.crays-mirror.route-real-estate .crays-real-contribution-flow,
body.crays-mirror.route-real-estate .crays-real-demand-flow,
body.crays-mirror.route-real-estate .crays-real-fund-product__cards,
body.crays-mirror.route-real-estate .crays-real-panel__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-tech-grid,
body.crays-mirror.route-real-estate .crays-real-system {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-card,
body.crays-mirror.route-real-estate .crays-real-mini-card,
body.crays-mirror.route-real-estate .crays-real-list-card,
body.crays-mirror.route-real-estate .crays-real-step,
body.crays-mirror.route-real-estate .crays-real-system article,
body.crays-mirror.route-real-estate .crays-real-asset-stage__statement,
body.crays-mirror.route-real-estate .crays-real-community-demand__statement,
body.crays-mirror.route-real-estate .crays-real-fund-product__cards article,
body.crays-mirror.route-real-estate .crays-real-panel__grid article {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: clamp(18px, 2vw, 24px) !important;
  color: inherit !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid var(--real-dark-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(6, 18, 29, 0.08) !important;
}

body.crays-mirror.route-real-estate :is(.crays-real-section--problem, .crays-real-section--asset-stage, .crays-real-section--community, .crays-real-section--fund-product, .crays-real-closing) :is(.crays-real-card, .crays-real-mini-card, .crays-real-list-card, .crays-real-step, .crays-real-system article, .crays-real-asset-stage__statement, .crays-real-community-demand__statement, .crays-real-fund-product__cards article, .crays-real-panel__grid article) {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18) !important;
}

body.crays-mirror.route-real-estate :is(.crays-real-card, .crays-real-mini-card, .crays-real-list-card, .crays-real-step, .crays-real-system article, .crays-real-asset-stage__statement, .crays-real-community-demand__statement, .crays-real-fund-product__cards article, .crays-real-panel__grid article) :is(h3, strong) {
  margin: 0 !important;
  color: inherit !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(19px, 1.55vw, 25px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-wrap: balance !important;
}

body.crays-mirror.route-real-estate :is(.crays-real-card, .crays-real-mini-card, .crays-real-list-card, .crays-real-step, .crays-real-system article, .crays-real-asset-stage__statement, .crays-real-community-demand__statement, .crays-real-fund-product__cards article, .crays-real-panel__grid article) p {
  margin: 0 !important;
  color: currentColor !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(14px, 0.98vw, 16px) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  opacity: 0.78 !important;
}

body.crays-mirror.route-real-estate .crays-real-step__number {
  display: inline-grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  margin: 0 0 4px !important;
  color: #ffffff !important;
  background: var(--real-red) !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.crays-mirror.route-real-estate .crays-real-mini-grid--problem {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-problem-image {
  min-height: 320px !important;
  grid-column: 1 / -1 !important;
}

body.crays-mirror.route-real-estate .crays-real-solution__stack {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-solution__media {
  min-height: 360px !important;
}

body.crays-mirror.route-real-estate .crays-real-system {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-system article:last-child {
  grid-column: 1 / -1 !important;
}

body.crays-mirror.route-real-estate .crays-real-system article::before {
  content: "" !important;
  width: 30px !important;
  height: 3px !important;
  display: block !important;
  margin: 0 0 2px !important;
  background: var(--real-red) !important;
  border-radius: 999px !important;
}

body.crays-mirror.route-real-estate .crays-real-asset-stage__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  align-items: start !important;
}

body.crays-mirror.route-real-estate .crays-real-asset-stage__gallery {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  grid-template-rows: repeat(4, minmax(112px, 1fr)) !important;
  gap: 14px !important;
  min-height: min(720px, 68vw) !important;
}

body.crays-mirror.route-real-estate .crays-real-asset-stage__image--hero {
  grid-row: 1 / 3 !important;
}

body.crays-mirror.route-real-estate .crays-real-asset-stage__image:nth-child(4) {
  grid-column: 1 !important;
  grid-row: 3 / 5 !important;
}

body.crays-mirror.route-real-estate .crays-real-asset-stage__content {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-list-grid--asset-stage {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-list-card--wide {
  grid-column: 1 / -1 !important;
}

body.crays-mirror.route-real-estate .crays-real-list-card ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 12px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.crays-mirror.route-real-estate .crays-real-list-card li {
  position: relative !important;
  padding-left: 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  opacity: 0.84 !important;
}

body.crays-mirror.route-real-estate .crays-real-list-card li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.55em !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--real-red) !important;
}

body.crays-mirror.route-real-estate .crays-real-revenue-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(280px, 1.05fr) repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.crays-mirror.route-real-estate .crays-real-revenue-media {
  min-height: 620px !important;
  grid-row: span 2 !important;
}

body.crays-mirror.route-real-estate .crays-real-section--owner-use .crays-real-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-owner__media {
  min-height: 540px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.72fr) !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.crays-mirror.route-real-estate .crays-real-owner__media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid rgba(6, 18, 29, 0.12) !important;
  box-shadow: 0 18px 48px rgba(6, 18, 29, 0.13) !important;
}

body.crays-mirror.route-real-estate .crays-real-owner__media img:first-child {
  grid-row: 1 / 3 !important;
}

body.crays-mirror.route-real-estate .crays-real-owner__media img:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
}

body.crays-mirror.route-real-estate .crays-real-community-demand__head {
  margin-bottom: clamp(30px, 4vw, 52px) !important;
}

body.crays-mirror.route-real-estate .crays-real-community-demand__statement {
  max-width: 430px !important;
  justify-self: end !important;
}

body.crays-mirror.route-real-estate .crays-real-community-demand__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  align-items: stretch !important;
}

body.crays-mirror.route-real-estate .crays-real-community-demand__media {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
  grid-template-rows: repeat(2, minmax(210px, 1fr)) !important;
  gap: 14px !important;
}

body.crays-mirror.route-real-estate .crays-real-community-demand__image--hero {
  grid-row: 1 / 3 !important;
}

body.crays-mirror.route-real-estate .crays-real-demand-flow--community {
  align-content: stretch !important;
}

body.crays-mirror.route-real-estate .crays-real-tech-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.crays-mirror.route-real-estate .crays-real-fund-product__copy {
  display: grid !important;
  gap: 20px !important;
  min-width: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-fund-product__cards article {
  padding: 18px !important;
}

body.crays-mirror.route-real-estate .crays-real-fund-product__cards span,
body.crays-mirror.route-real-estate .crays-real-panel__grid span {
  color: var(--real-red) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  text-transform: uppercase !important;
}

body.crays-mirror.route-real-estate .crays-real-fund-product__panel {
  min-width: 0 !important;
  display: grid !important;
  gap: 18px !important;
  padding: clamp(22px, 3vw, 34px) !important;
  color: var(--real-cream) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-left: 6px solid var(--real-red) !important;
  border-radius: 8px !important;
  box-shadow: var(--real-shadow) !important;
}

body.crays-mirror.route-real-estate .crays-real-fund-product__panel h3 {
  max-width: 13ch !important;
  margin: 0 !important;
  color: var(--real-cream) !important;
  font-size: clamp(34px, 3.8vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 0.96 !important;
  text-wrap: balance !important;
}

body.crays-mirror.route-real-estate .crays-real-panel__media {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr !important;
  gap: 12px !important;
  min-height: 250px !important;
}

body.crays-mirror.route-real-estate .crays-real-panel__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

body.crays-mirror.route-real-estate .crays-real-panel__bar,
body.crays-mirror.route-real-estate .crays-real-panel__note {
  margin: 0 !important;
  color: rgba(255, 250, 243, 0.78) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

body.crays-mirror.route-real-estate .crays-real-panel__bar {
  padding: 14px 16px !important;
  color: #ffffff !important;
  background: rgba(255, 21, 80, 0.18) !important;
  border: 1px solid rgba(255, 21, 80, 0.3) !important;
  border-radius: 8px !important;
}

body.crays-mirror.route-real-estate .crays-real-closing {
  min-height: 560px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.crays-mirror.route-real-estate .crays-real-closing::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg, rgba(4, 17, 27, 0.96), rgba(4, 17, 27, 0.78)),
    url("/assets/stock-lifestyle/crays-real-estate-30-night-marina-and-destination-real-estate-rollout.webp") center / cover no-repeat !important;
  filter: saturate(1.05) contrast(1.03) !important;
}

body.crays-mirror.route-real-estate .crays-real-closing__inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 920px !important;
  display: grid !important;
  gap: 22px !important;
}

body.crays-mirror.route-real-estate .crays-real-closing .crays-real-title {
  max-width: 16ch !important;
}

@media (max-width: 1180px) {
  body.crays-mirror.route-real-estate .crays-real-hero__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(390px, 0.82fr) !important;
    gap: 34px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__title {
    font-size: clamp(52px, 7vw, 84px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-visual-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  body.crays-mirror.route-real-estate .crays-real-hero {
    height: auto !important;
    max-height: none !important;
    min-height: calc(100svh - 72px) !important;
    align-items: start !important;
    padding: 44px 0 36px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__inner,
  body.crays-mirror.route-real-estate .crays-real-section-head--split,
  body.crays-mirror.route-real-estate .crays-real-problem__grid,
  body.crays-mirror.route-real-estate .crays-real-solution__grid,
  body.crays-mirror.route-real-estate .crays-real-contribution__grid,
  body.crays-mirror.route-real-estate .crays-real-owner__grid,
  body.crays-mirror.route-real-estate .crays-real-fund-product__grid,
  body.crays-mirror.route-real-estate .crays-real-asset-stage__layout,
  body.crays-mirror.route-real-estate .crays-real-community-demand__body {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-section-head--split > .crays-real-copy,
  body.crays-mirror.route-real-estate .crays-real-community-demand__statement {
    max-width: 64ch !important;
    justify-self: start !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight::before,
  body.crays-mirror.route-real-estate .crays-real-hero__insight::after {
    display: none !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight h2 {
    max-width: 18ch !important;
    font-size: clamp(26px, 5.8vw, 38px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight-copy {
    font-size: 14px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-revenue-grid,
  body.crays-mirror.route-real-estate .crays-real-tech-grid,
  body.crays-mirror.route-real-estate .crays-real-section--owner-use .crays-real-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-revenue-media {
    min-height: 360px !important;
    grid-row: auto !important;
    grid-column: 1 / -1 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-owner__media {
    min-height: 420px !important;
  }
}

@media (min-width: 761px) and (max-width: 991px) {
  body.crays-mirror.route-real-estate .crays-real-hero {
    height: calc(100svh - 74px) !important;
    max-height: none !important;
    min-height: 0 !important;
    align-items: center !important;
    padding: 30px 0 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.85fr) !important;
    gap: 22px !important;
    align-items: center !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__title {
    max-width: 9.5ch !important;
    font-size: clamp(42px, 6.3vw, 52px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-lead {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-actions {
    margin-top: 18px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight {
    max-height: calc(100svh - 154px) !important;
    gap: 9px !important;
    padding: 20px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight h2 {
    font-size: clamp(23px, 3.3vw, 28px) !important;
    line-height: 1 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight-copy {
    font-size: 13px !important;
    line-height: 1.36 !important;
  }
}

@media (max-width: 760px) {
  body.crays-mirror.route-real-estate .crays-real-shell,
  body.crays-mirror.route-real-estate .crays-real-visual-strip {
    width: min(calc(100% - 32px), 1240px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero {
    padding: 34px 0 28px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__title {
    max-width: 10ch !important;
    font-size: clamp(40px, 10.5vw, 54px) !important;
    line-height: 0.9 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-title {
    max-width: 14ch !important;
    font-size: clamp(34px, 9vw, 46px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-copy,
  body.crays-mirror.route-real-estate .crays-real-lead {
    font-size: 15px !important;
    line-height: 1.48 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-actions {
    width: 100% !important;
    gap: 10px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-button,
  body.crays-mirror.route-real-estate .crays-real-actions a {
    width: 100% !important;
    min-height: 50px !important;
    padding: 13px 18px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-button,
  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-actions a {
    width: auto !important;
    min-height: 48px !important;
    padding: 12px 10px !important;
    font-size: 13px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-visual-strip,
  body.crays-mirror.route-real-estate .crays-real-mini-grid,
  body.crays-mirror.route-real-estate .crays-real-system,
  body.crays-mirror.route-real-estate .crays-real-list-grid--asset-stage,
  body.crays-mirror.route-real-estate .crays-real-revenue-grid,
  body.crays-mirror.route-real-estate .crays-real-contribution-flow,
  body.crays-mirror.route-real-estate .crays-real-demand-flow,
  body.crays-mirror.route-real-estate .crays-real-tech-grid,
  body.crays-mirror.route-real-estate .crays-real-fund-product__cards,
  body.crays-mirror.route-real-estate .crays-real-panel__grid,
  body.crays-mirror.route-real-estate .crays-real-section--owner-use .crays-real-mini-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-section,
  body.crays-mirror.route-real-estate .crays-real-solution,
  body.crays-mirror.route-real-estate .crays-real-closing {
    padding: 64px 0 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-visual-strip figure {
    min-height: 210px !important;
    aspect-ratio: 16 / 11 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-asset-stage__gallery,
  body.crays-mirror.route-real-estate .crays-real-community-demand__media,
  body.crays-mirror.route-real-estate .crays-real-owner__media,
  body.crays-mirror.route-real-estate .crays-real-panel__media {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    min-height: 0 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-asset-stage__image,
  body.crays-mirror.route-real-estate .crays-real-asset-stage__image--hero,
  body.crays-mirror.route-real-estate .crays-real-community-demand__image,
  body.crays-mirror.route-real-estate .crays-real-community-demand__image--hero,
  body.crays-mirror.route-real-estate .crays-real-owner__media img,
  body.crays-mirror.route-real-estate .crays-real-panel__media img {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 230px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-list-card--wide,
  body.crays-mirror.route-real-estate .crays-real-system article:last-child {
    grid-column: auto !important;
  }

  body.crays-mirror.route-real-estate .crays-real-list-card ul {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-fund-product__panel h3 {
    max-width: 16ch !important;
    font-size: clamp(30px, 8vw, 42px) !important;
  }
}

@media (max-width: 430px) {
  body.crays-mirror.route-real-estate .crays-real-hero {
    height: calc(100svh - 74px) !important;
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 14px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__inner {
    position: relative !important;
    height: 100% !important;
    display: block !important;
    gap: 8px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__copy {
    position: relative !important;
    z-index: 2 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-eyebrow {
    margin-bottom: 8px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__title {
    margin-bottom: 10px !important;
    font-size: clamp(32px, 9.1vw, 36px) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-lead,
  body.crays-mirror.route-real-estate .crays-real-hero__insight-copy {
    font-size: 12px !important;
    line-height: 1.34 !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-actions {
    margin-top: 12px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-button,
  body.crays-mirror.route-real-estate .crays-real-hero .crays-real-actions a {
    min-height: 44px !important;
    padding: 10px 8px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 12px !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 6px !important;
    padding: 12px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight h2 {
    font-size: clamp(20px, 5.8vw, 24px) !important;
    line-height: 0.98 !important;
  }
}

/* Final Real Estate hero center lock. This file loads last on the page. */
@media (min-width: 992px) {
  body.crays-mirror.route-real-estate .crays-real-hero {
    height: calc(100svh - 74px) !important;
    min-height: calc(100svh - 74px) !important;
    max-height: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__inner {
    width: min(calc(100% - 96px), 1240px) !important;
    height: 100% !important;
    margin-inline: auto !important;
    padding: clamp(30px, 4.8vh, 54px) 0 !important;
    display: grid !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__copy,
  body.crays-mirror.route-real-estate .crays-real-hero__insight {
    align-self: center !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__insight {
    max-height: calc(100svh - 154px) !important;
  }
}

/* Final Real Estate image lock: keep the background photo visible across the full hero. */
@media (min-width: 992px) {
  body.crays-mirror.route-real-estate .crays-real-hero__media {
    inset: 0 !important;
    background: #07131d !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(1.08) contrast(1.02) brightness(1) !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero::after {
    background:
      linear-gradient(90deg, rgba(3, 12, 20, 0.68) 0%, rgba(4, 16, 25, 0.46) 42%, rgba(7, 25, 38, 0.22) 72%, rgba(7, 25, 38, 0.28) 100%),
      linear-gradient(180deg, rgba(3, 12, 20, 0.04) 0%, rgba(3, 12, 20, 0.04) 50%, rgba(3, 12, 20, 0.38) 100%),
      linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.038) 1px, transparent 1px) !important;
    background-size: auto, auto, 86px 86px, 86px 86px !important;
  }

  body.crays-mirror.route-real-estate .crays-real-hero__copy {
    text-shadow: 0 3px 24px rgba(0, 0, 0, 0.38) !important;
  }
}

/* Absolute final Real Estate overlay: one grey layer across the full hero image. */
body.crays-mirror.route-real-estate .crays-real-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  width: auto !important;
  height: auto !important;
  background: rgba(29, 34, 38, 0.58) !important;
  pointer-events: none !important;
}

body.crays-mirror.route-real-estate .crays-real-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.036) 1px, transparent 1px) !important;
  background-size: 86px 86px, 86px 86px !important;
  pointer-events: none !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__media {
  inset: 0 !important;
}

body.crays-mirror.route-real-estate .crays-real-hero__media img {
  filter: saturate(1.04) contrast(1.02) brightness(0.98) !important;
}