/* Investment in Excellence: homepage pricing showcase */

#investment {
  --ambient-x:50%;
  --ambient-y:18%;
  position:relative;
  overflow:hidden;
  padding:13vh 5%;
  background:
    radial-gradient(ellipse at var(--ambient-x) var(--ambient-y), rgba(212,175,55,0.105), transparent 24%),
    radial-gradient(circle at 50% 16%, rgba(20,79,88,0.24), transparent 34%),
    radial-gradient(ellipse at 50% 84%, rgba(19,92,97,0.12), transparent 48%),
    linear-gradient(180deg, var(--midnight-deep), var(--midnight-1) 48%, var(--midnight-deep));
}

#investment::before,
#investment::after {
  content:'';
  position:absolute;
  pointer-events:none;
}

#investment::before {
  inset:0;
  opacity:0.62;
  background:
    linear-gradient(112deg, transparent 8%, rgba(244,228,166,0.035) 28%, transparent 42%),
    linear-gradient(248deg, transparent 8%, rgba(212,175,55,0.026) 31%, transparent 45%);
}

#investment::after {
  top:0;
  left:5%;
  right:5%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,0.5), rgba(244,228,166,0.8), rgba(212,175,55,0.5), transparent);
  box-shadow:0 0 24px rgba(212,175,55,0.22);
}

.investment-shell {
  position:relative;
  z-index:2;
  max-width:1320px;
  margin:0 auto;
}

.investment-header {
  max-width:820px;
  margin:0 auto 4.15rem;
  text-align:center;
}

.investment-header .section-label { justify-content:center; }

.investment-header h2 {
  margin-top:1.35rem;
  font-family:var(--font-serif);
  font-size:clamp(2.7rem,5.2vw,5rem);
  font-weight:700;
  line-height:1.05;
  color:var(--gold-pale);
  text-shadow:0 9px 34px rgba(0,0,0,0.36), 0 0 34px rgba(212,175,55,0.08);
}

.investment-subtitle {
  max-width:650px;
  margin:1.35rem auto 0;
  font-family:var(--font-serif);
  font-size:clamp(1rem,1.5vw,1.18rem);
  line-height:1.85;
  color:rgba(244,228,166,0.66);
}

.investment-benefits {
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:0.72rem;
  margin-bottom:4.7rem;
}

.investment-benefit {
  position:relative;
  overflow:hidden;
  min-height:88px;
  display:flex;
  align-items:center;
  gap:0.72rem;
  padding:0.95rem;
  border:1px solid rgba(212,175,55,0.2);
  border-radius:4px;
  background:linear-gradient(135deg, rgba(19,40,71,0.48), rgba(5,8,20,0.3));
  box-shadow:0 12px 30px rgba(0,0,0,0.12), inset 0 1px 0 rgba(244,228,166,0.09);
  backdrop-filter:blur(14px);
  transition:border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.investment-benefit::after {
  content:'';
  position:absolute;
  top:0;
  left:-75%;
  width:48%;
  height:100%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(244,228,166,0.1), transparent);
  transform:skewX(-22deg);
  transition:left 0.72s var(--ease-out);
}

.investment-benefit:hover {
  transform:translateY(-4px);
  border-color:rgba(231,201,106,0.62);
  box-shadow:0 18px 36px rgba(0,0,0,0.26), 0 0 22px rgba(212,175,55,0.15), inset 0 1px 0 rgba(244,228,166,0.15);
}

.investment-benefit:hover::after { left:138%; }

.investment-benefit span {
  color:var(--gold-light);
  font-size:1rem;
  text-shadow:0 0 14px rgba(212,175,55,0.42);
}

.investment-benefit p {
  font-family:var(--font-sans);
  font-size:0.6rem;
  font-weight:600;
  line-height:1.7;
  letter-spacing:0.13em;
  text-transform:uppercase;
  color:rgba(244,228,166,0.72);
}

.investment-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  align-items:start;
  gap:1.45rem;
}

.investment-card {
  --spot-x:50%;
  --spot-y:22%;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(212,175,55,0.3);
  border-radius:8px;
  background:
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(212,175,55,0.12), transparent 34%),
    linear-gradient(145deg, rgba(19,40,71,0.62), rgba(5,8,20,0.9));
  box-shadow:0 34px 78px rgba(0,0,0,0.4), 0 12px 26px rgba(0,0,0,0.2), inset 0 1px 0 rgba(244,228,166,0.13), inset 0 0 0 1px rgba(212,175,55,0.035);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  transition:transform 0.55s var(--ease-out), border-color 0.45s ease, box-shadow 0.55s ease;
}

.investment-card::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg, rgba(244,228,166,0.17), transparent 17%, transparent 82%, rgba(184,134,11,0.1)),
    radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(244,228,166,0.16), transparent 24%);
  opacity:0.42;
  transition:opacity 0.45s ease;
}

.investment-card::after {
  content:'';
  position:absolute;
  top:-30%;
  left:-70%;
  width:34%;
  height:170%;
  pointer-events:none;
  z-index:4;
  background:linear-gradient(90deg, transparent, rgba(244,228,166,0.28), transparent);
  transform:skewX(-15deg);
  transition:left 0.85s var(--ease-out);
}

.investment-card:hover,
.investment-card.is-open {
  transform:translateY(-11px);
  border-color:rgba(231,201,106,0.78);
  box-shadow:0 46px 96px rgba(0,0,0,0.5), 0 0 34px rgba(212,175,55,0.2), 0 0 0 1px rgba(244,228,166,0.055), inset 0 1px 0 rgba(244,228,166,0.22);
}

.investment-card:hover::before,
.investment-card.is-open::before { opacity:0.8; }

.investment-card:hover::after { left:142%; }

.investment-image-wrap {
  position:relative;
  height:250px;
  overflow:hidden;
  background:var(--midnight-2);
}

.investment-image-wrap::before,
.investment-image-wrap::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.investment-image-wrap::before {
  background:
    linear-gradient(180deg, rgba(5,8,20,0.05), transparent 52%, rgba(5,8,20,0.48)),
    linear-gradient(110deg, rgba(244,228,166,0.1), transparent 25%);
}

.investment-image-wrap::after {
  left:-95%;
  width:45%;
  background:linear-gradient(90deg, transparent, rgba(244,228,166,0.23), transparent);
  transform:skewX(-18deg);
  opacity:0;
}

.investment-card.luxury-visible .investment-image-wrap::after {
  animation:investmentImageReveal 1.25s var(--ease-out) both;
  animation-delay:var(--reveal-delay, 0ms);
}

.investment-image-wrap img {
  filter:brightness(0.7) saturate(0.82);
  transform:scale(1.05);
  transition:transform 0.75s var(--ease-out), filter 0.6s ease;
}

.investment-card:hover .investment-image-wrap img,
.investment-card.is-open .investment-image-wrap img {
  filter:brightness(0.86) saturate(0.94);
  transform:scale(1.11);
}

.investment-card-body {
  position:relative;
  z-index:2;
  padding:1.58rem 1.58rem 1.42rem;
}

.investment-kicker,
.investment-price span,
.investment-details span {
  font-family:var(--font-sans);
  font-size:0.55rem;
  font-weight:600;
  letter-spacing:0.2em;
  line-height:1.65;
  text-transform:uppercase;
  color:var(--gold-mid);
  text-shadow:0 0 12px rgba(212,175,55,0.1);
}

.investment-card h3 {
  margin-top:0.4rem;
  font-family:var(--font-serif);
  font-size:clamp(1.55rem,2.5vw,2.05rem);
  line-height:1.18;
  color:var(--gold-pale);
  text-shadow:0 8px 20px rgba(0,0,0,0.28);
}

.investment-copy {
  margin-top:0.72rem;
  min-height:3.4rem;
  font-family:var(--font-sans);
  font-size:0.84rem;
  line-height:1.85;
  color:rgba(244,228,166,0.58);
}

.investment-price {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.08rem;
  padding-top:1rem;
  border-top:1px solid rgba(212,175,55,0.14);
}

.investment-price strong {
  font-family:var(--font-serif);
  font-size:clamp(1.6rem,3vw,2.4rem);
  font-weight:600;
  line-height:1;
  color:var(--gold-light);
  background:linear-gradient(105deg, var(--gold-dark), var(--gold-pale) 34%, var(--gold-light) 64%, var(--gold-dark));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(212,175,55,0.18);
  transition:text-shadow 0.4s ease, color 0.4s ease;
}

.investment-card:hover .investment-price strong,
.investment-card.is-open .investment-price strong {
  text-shadow:0 0 28px rgba(212,175,55,0.45);
}

.investment-explore {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:1.25rem;
  padding:0.85rem 0;
  border-top:1px solid rgba(212,175,55,0.14);
  color:var(--gold-mid);
  cursor:pointer;
  font-family:var(--font-sans);
  font-size:0.59rem;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  transition:color 0.35s ease, letter-spacing 0.35s ease;
}

.investment-card:hover .investment-explore { color:var(--gold-pale); letter-spacing:0.23em; }

.investment-explore i {
  font-family:var(--font-sans);
  font-size:1.15rem;
  font-style:normal;
  font-weight:300;
  transition:transform 0.45s var(--ease-out);
}

.investment-card.is-open .investment-explore i { transform:rotate(45deg); }

.investment-details {
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height 0.7s var(--ease-out), opacity 0.45s ease, padding-top 0.7s var(--ease-out);
}

.investment-card.is-open .investment-details {
  max-height:680px;
  padding-top:0.35rem;
  opacity:1;
}

.investment-details div {
  padding:0.86rem 0;
  border-top:1px solid rgba(212,175,55,0.1);
}

.investment-details p {
  margin-top:0.22rem;
  font-family:var(--font-sans);
  font-size:0.78rem;
  line-height:1.75;
  color:rgba(244,228,166,0.58);
}

.investment-cta {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  margin-top:4.5rem;
  padding:2.2rem;
  border:1px solid rgba(212,175,55,0.36);
  border-radius:8px;
  background:
    radial-gradient(circle at 18% 40%, rgba(212,175,55,0.1), transparent 28%),
    linear-gradient(120deg, rgba(19,40,71,0.68), rgba(5,8,20,0.84));
  box-shadow:0 30px 68px rgba(0,0,0,0.36), 0 0 28px rgba(212,175,55,0.07), inset 0 1px 0 rgba(244,228,166,0.14);
  backdrop-filter:blur(22px);
}

.investment-cta::after {
  content:'';
  position:absolute;
  top:-45%;
  left:-25%;
  width:22%;
  height:190%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(244,228,166,0.18), transparent);
  transform:skewX(-16deg);
  animation:investmentCtaSweep 6s ease-in-out infinite;
}

.investment-cta h3 {
  margin-top:0.38rem;
  font-family:var(--font-serif);
  font-size:clamp(1.8rem,3.4vw,3rem);
  color:var(--gold-pale);
}

.investment-cta p:not(.investment-kicker) {
  margin-top:0.55rem;
  font-family:var(--font-serif);
  font-size:1rem;
  color:rgba(244,228,166,0.62);
}

.investment-cta-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:0.75rem;
  flex:0 0 auto;
}

.investment-glow {
  position:absolute;
  inset:8% 12%;
  pointer-events:none;
  background:radial-gradient(circle, rgba(19,92,97,0.14), transparent 68%);
}

.investment-particles {
  position:absolute;
  inset:0;
  pointer-events:none;
}

.investment-particle {
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--gold-mid);
  box-shadow:0 0 12px rgba(212,175,55,0.46);
  opacity:0.25;
  animation:investmentParticleDrift 7s ease-in-out infinite;
}

@keyframes investmentImageReveal {
  0% { left:-95%; opacity:0; }
  18% { opacity:0.68; }
  100% { left:150%; opacity:0; }
}

@keyframes investmentCtaSweep {
  0%, 55% { left:-25%; opacity:0; }
  64% { opacity:0.7; }
  82%, 100% { left:130%; opacity:0; }
}

@keyframes investmentParticleDrift {
  0%, 100% { margin-top:0; opacity:0.16; }
  50% { margin-top:-16px; opacity:0.42; }
}

@media(max-width:1050px) {
  .investment-benefits { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .investment-cta { align-items:flex-start; flex-direction:column; }
  .investment-cta-actions { justify-content:flex-start; }
}

@media(max-width:640px) {
  #investment { padding:10vh 6%; }
  .investment-benefits { grid-template-columns:1fr; margin-bottom:3rem; }
  .investment-benefit { min-height:auto; }
  .investment-grid { grid-template-columns:1fr; }
  .investment-image-wrap { height:210px; }
  .investment-copy { min-height:0; }
  .investment-price { align-items:flex-start; flex-direction:column; }
  .investment-cta { margin-top:3rem; padding:1.5rem; }
  .investment-cta-actions { width:100%; }
  .investment-cta-actions .btn-luxury { width:100%; }
}