/* PhiLuminous preview: premium client + investor journey refinement.
   Scoped to the current Home composition so approved visuals remain intact. */

/* Four Doors should read as one complete client-entry chapter. */
#home-page .nh-doors {
  padding-bottom: .7rem !important;
}

/* Place Phi in the intentional whitespace above the Four Doors eyebrow. */
#home-page .nh-doors-head::before {
  content: "φ";
  display: block;
  margin: 0 auto .42rem;
  color: #c8a020;
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.05rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

/* This is the conclusion of Four Doors, not an introduction to CODEX.
   Keep it visually inside the light Four Doors chapter. */
#home-page .nh-center {
  position: relative;
  padding: .85rem 0 2.8rem !important;
  background: #fff !important;
  border: 0 !important;
  color: #071426 !important;
}

#home-page .nh-center::after {
  display: none !important;
}

/* Remove the separate Phi line from the conclusion. */
#home-page .nh-center-symbol {
  display: none !important;
}

#home-page .nh-center h2 {
  width: min(1120px, calc(100% - 48px));
  max-width: none !important;
  margin: 0 auto !important;
  color: #071426 !important;
  font-size: clamp(1.65rem, 2.3vw, 2.35rem) !important;
  line-height: 1.08;
  white-space: nowrap;
}

/* No inline Phi here: the symbol now belongs to the Four Doors heading above. */
#home-page .nh-center h2::before {
  content: none !important;
}

/* Investor language belongs later at Oasis, not inside the Four Doors client chapter. */
#home-page .nh-center p {
  display: none !important;
}

/* Remove legacy decorative transition so CODEX begins as its own clear dark chapter. */
#home-page .phi-constellation-codex-transition {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
}

#home-page .codex-cta-section {
  margin-top: 0 !important;
  padding-top: clamp(3.5rem, 5vw, 4.75rem) !important;
}

#home-page .codex-inner {
  transform: none;
}

/* Physical-center / investor chapter: visually establish Oasis as the foundation asset. */
#home-page .nh-oasis {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 18%, rgba(200,160,32,.11), transparent 27%),
    linear-gradient(180deg, #faf6ec 0%, #f6f0e3 100%) !important;
}

#home-page .nh-oasis::before {
  content: "THE FOUNDATION ASSET";
  position: absolute;
  top: 2rem;
  right: max(2rem, calc((100vw - 1160px)/2));
  color: rgba(143,107,19,.52);
  font-size: .56rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#home-page .nh-oasis-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(200,160,32,.52) !important;
  box-shadow: 0 28px 68px rgba(6,16,31,.16) !important;
}

#home-page .nh-oasis-card::after {
  content: "φ";
  position: absolute;
  right: -1.2rem;
  bottom: -3.2rem;
  color: rgba(200,160,32,.075);
  font-family: 'Cormorant Garamond', serif;
  font-size: 12rem;
  font-style: italic;
  line-height: 1;
  pointer-events: none;
}

/* Audience architecture: client -> collaborator -> strategic capital. */
#home-page .nh-invite {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

#home-page .nh-invite:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 46px rgba(6,16,31,.07);
  border-color: rgba(200,160,32,.5);
}

#home-page .nh-invite:nth-child(3) {
  background:
    radial-gradient(circle at 90% 8%, rgba(200,160,32,.1), transparent 30%),
    linear-gradient(145deg, #071426, #10284a) !important;
  border-color: rgba(200,160,32,.48) !important;
}

#home-page .nh-invite:nth-child(3) small,
#home-page .nh-invite:nth-child(3) a {
  color: #e5bc3a !important;
}

#home-page .nh-invite:nth-child(3) h3 {
  color: #f7f2e8 !important;
}

#home-page .nh-invite:nth-child(3) p {
  color: rgba(247,242,232,.67) !important;
}

@media (max-width: 980px) {
  #home-page .nh-center h2 {
    width: min(760px, calc(100% - 40px));
    white-space: normal;
  }
}

@media (max-width: 900px) {
  #home-page .nh-oasis::before { display: none; }
}

@media (max-width: 600px) {
  #home-page .nh-doors { padding-bottom: .5rem !important; }
  #home-page .nh-doors-head::before { font-size: 1.75rem; margin-bottom: .34rem; }
  #home-page .nh-center { padding: .7rem 0 2.2rem !important; }
  #home-page .nh-center h2 { font-size: clamp(1.4rem, 6.8vw, 1.85rem) !important; }
  #home-page .codex-cta-section { padding-top: 3rem !important; }
}