/* A more editorial, photo-forward home page. */
body[data-page="home"] .home-hero {
  min-height: min(760px, calc(100svh - 78px));
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
  gap: clamp(32px, 6vw, 92px);
  padding: clamp(70px, 8vw, 112px) max(7.2vw, 24px) clamp(72px, 8vw, 110px);
  background-color: #fff5f2;
  background-image: url("/static/images/fund/money-growth-sunrise.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 62% auto;
}

body[data-page="home"] .home-hero::before {
  display: none;
}

.hero-copy { max-width: 650px; padding: clamp(22px, 3vw, 38px); border: 1px solid rgba(255,255,255,.94); border-radius: 25px; background: rgba(255, 250, 247, .96); box-shadow: 0 24px 64px rgba(65, 34, 53, .08); }
.hero-copy .hero-kicker { gap: 10px; margin-bottom: 23px; color: #8f395d; }
.hero-copy .hero-kicker::before { display: none; }
.hero-kicker i,.hero-art-chip i { width: 8px; height: 8px; border-radius: 50%; background: #d54e72; box-shadow: 0 0 0 5px rgba(213, 78, 114, .13); }
.hero-copy h1 { max-width: 700px; margin-bottom: 22px; font-size: clamp(3.45rem, 6.6vw, 6.4rem); line-height: .99; letter-spacing: -.075em; }
.hero-copy h1 em { color: #c33f68; font-style: normal; }
.hero-copy .lede { max-width: 510px; color: #685763; font-size: clamp(1rem, 1.2vw, 1.13rem); line-height: 1.8; }
.hero-actions { gap: 13px; margin-top: 31px; }
.hero-actions .button { min-height: 52px; padding-inline: 22px; }
.hero-promises { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0; margin: 29px 0 0; list-style: none; color: #725f6b; font-size: .77rem; }
.hero-promises li { display: flex; align-items: center; gap: 8px; }
.hero-promises li span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #f6dfe8; color: #9d365c; font-size: .68rem; font-weight: 800; }

.hero-art { min-height: 470px; perspective: 1200px; }
.hero-art-card {
  width: min(100%, 480px);
  aspect-ratio: 1.03;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: rotateX(var(--card-rotate-x, 0deg)) rotateY(var(--card-rotate-y, 0deg));
  transition: transform .25s ease, box-shadow .3s ease;
  animation: none;
}
.home-hero .hero-art .hero-art-card { background-image: none; background-color: transparent; }
.hero-art-card::before,.hero-art-card::after { display: none; }
.hero-art-chip { position: absolute; top: 19px; left: 19px; display: inline-flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.82); border-radius: 999px; background: rgba(255,255,255,.94); color: #573348; font-size: .61rem; font-weight: 800; letter-spacing: .12em; box-shadow: 0 6px 20px rgba(24, 20, 23, .1); }
.hero-art-chip i { width: 7px; height: 7px; box-shadow: none; background: #cf496e; }
.hero-art-caption { left: 18px; right: 18px; bottom: 18px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; background: rgba(43, 24, 39, .91); color: white; box-shadow: 0 10px 28px rgba(20, 12, 18, .16); backdrop-filter: blur(8px); }
.hero-art-caption small { color: #edc8d8; font-size: .58rem; letter-spacing: .13em; }
.hero-art-caption strong { font-size: 1.3rem; }
.hero-art-index { border-color: rgba(255,255,255,.28); color: #fff; }
.hero-art-index i { color: #e9c9d8; font-size: .67rem; font-style: normal; }
.hero-float-note { right: -34px; bottom: 100px; padding: 14px 17px; border: 1px solid rgba(255,255,255,.9); border-radius: 16px; background: rgba(255,255,255,.97); box-shadow: 0 18px 42px rgba(62, 35, 52, .18); }
.hero-float-icon { background: linear-gradient(145deg, #e8d9f5, #f9deea); color: #8b3e72; }
.hero-float-note small { color: #967a8a; }
.hero-float-note strong { color: #392737; }

.metrics-strip {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 26px max(7.2vw, 24px);
  background: linear-gradient(105deg, #321a36, #542744 54%, #74344e);
  box-shadow: 0 18px 38px rgba(57, 26, 51, .13);
}
.metric { padding: 7px clamp(13px, 2.2vw, 30px); }
.metric strong { font-size: clamp(1.2rem, 2vw, 1.65rem); }
.metric span { color: #e0cad8; }

.journey-section { padding-block: clamp(72px, 8vw, 108px); background: linear-gradient(180deg, #fffdfa, #fff8f8); }
.journey-heading { margin-bottom: 44px; }
.journey-heading h2 { color: #352336; }
.journey-preview { min-height: 430px; box-shadow: 0 28px 70px rgba(55, 31, 49, .18); }
.journey-preview>img { object-position: center; }
.journey-preview-copy { background: rgba(43, 24, 39, .91); border: 1px solid rgba(255,255,255,.18); border-radius: 16px; }
.journey-preview-copy>span { color: #ffd2df; }
.journey-preview-copy p { color: #f4e8ef; }
.journey-tab.is-active { background: linear-gradient(105deg, #f8e4ec, #fff9fa); border-color: #edc8d7; box-shadow: 0 12px 28px rgba(127, 48, 81, .08); }
.journey-tab.is-active .journey-tab-number { background: #46253e; color: #fff4f7; }

body[data-page="home"] .section-wrap { padding-block: clamp(72px, 8vw, 110px); }
body[data-page="home"] .section-heading h2 { color: #352336; }
body[data-page="home"] .feature-grid { gap: 16px; }
body[data-page="home"] .feature-card {
  min-height: 275px;
  padding: 112px 21px 22px;
  border-color: #f0dfe6;
  border-radius: 19px;
  background-size: 100% 88px;
  background-position: top center;
  background-repeat: no-repeat;
  box-shadow: 0 8px 24px rgba(70, 38, 57, .035);
}
body[data-page="home"] .feature-card:hover { border-color: #e8bfd0; box-shadow: 0 18px 36px rgba(70, 38, 57, .1); }
body[data-page="home"] .feature-number { margin-bottom: 17px; font-size: .83rem; font-family: inherit; font-weight: 800; letter-spacing: .08em; }
body[data-page="home"] .feature-number i { color: #a897a2; font-size: .68rem; font-style: normal; }
body[data-page="home"] .feature-card h3 { color: #38273a; }
body[data-page="home"] .feature-card p { color: #766a76; }
body[data-page="home"] .band-cta { margin-bottom: clamp(64px, 8vw, 96px); border: 1px solid #f1d7e2; background: linear-gradient(115deg, #f9e4eb, #f2e5f6 58%, #fff0dd); box-shadow: 0 18px 48px rgba(72, 34, 60, .07); }

@keyframes home-image-drift { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes home-orbit { to { rotate: 360deg; } }

@media (max-width: 900px) {
  body[data-page="home"] .home-hero { min-height: unset; grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr); gap: 28px; padding-inline: max(5vw, 24px); }
  .hero-art { min-height: 390px; }
  .hero-float-note { right: -12px; }
  body[data-page="home"] .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  body[data-page="home"] .home-hero { grid-template-columns: 1fr; gap: 18px; padding: 42px 23px 34px; background-position: center bottom; background-size: 100% auto; }
  .hero-copy { padding: 23px 20px; }
  .hero-copy h1 { max-width: 560px; font-size: clamp(3.2rem, 14vw, 5.2rem); }
  .hero-copy .lede { font-size: .98rem; }
  .hero-art { min-height: 330px; margin: 8px 10px 0 0; }
  .home-hero .hero-art .hero-art-card { width: min(100%, 430px) !important; aspect-ratio: 1.15; }
  .hero-float-note { right: -10px; bottom: 82px; padding: 12px; }
  .hero-float-note strong { font-size: .67rem; }
  .hero-promises { gap: 9px 15px; font-size: .72rem; }
  .metrics-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 0; padding: 19px 20px; }
  .metric { padding: 9px 13px; border-right: 0; }
  .metric:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.17); }
  .metric strong { font-size: 1.15rem; }
  .metric span { font-size: .67rem; }
  body[data-page="home"] .feature-grid { gap: 11px; }
  body[data-page="home"] .feature-card { min-height: 260px; padding: 101px 15px 17px; background-size: 100% 78px; }
  body[data-page="home"] .feature-card h3 { font-size: 1.06rem; }
  body[data-page="home"] .feature-card p { font-size: .77rem; }
  .band-cta { align-items: flex-start; flex-direction: column; padding: 32px 26px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .home-hero::before,.hero-art-card { animation: none; }
  .hero-art-card { translate: none; }
}