/* Homepage hero and section rhythm. Cache-busted with VC_VERSION. */

body.vc-home .vc-main{
  max-width:none;
  padding:0;
}
.vc-home-wrap{
  max-width:1120px;
  margin:0 auto;
  padding:4.25rem 1.5rem 0;
}
body.vc-home .vc-section{
  margin:4.75rem 0;
}
body.vc-home .vc-section h2{
  font-size:clamp(1.85rem, 3vw, 2.55rem);
  font-weight:500;
  margin:0 0 .85rem;
}
.vc-intro{
  padding-bottom:.5rem;
}
.vc-intro h2{
  font-size:clamp(1.9rem, 3.2vw, 2.7rem);
  font-weight:500;
  max-width:20ch;
  margin:0 0 1rem;
}
.vc-intro p{
  max-width:40rem;
  margin:0;
}
#what-we-do,
#the-vision,
#our-philosophy,
#founder,
#financial-freedom,
#perspectives{
  scroll-margin-top:5.25rem;
}

.vc-hero{
  position:relative;
  height:calc(100vh - 4.4rem);
  min-height:36rem;
  max-height:920px;
  background:#0b1624;
  color:#f6f3ec;
  overflow:hidden;
}
.vc-hero:focus{
  outline:none;
}
.vc-hero:focus-visible{
  outline:2px solid #c4a574;
  outline-offset:-4px;
}
.vc-hero-viewport,
.vc-hero-slide{
  position:absolute;
  inset:0;
}
.vc-hero-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity 1.05s ease;
  z-index:0;
  background:#0b1624;
}
.vc-hero-slide.is-active{
  opacity:1;
  visibility:visible;
  z-index:1;
}
.vc-hero-slide img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:68% center;
}
.vc-hero-slide--founder img{
  object-fit:contain;
  object-position:right center;
  background:#0b1624;
}
.vc-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(8,14,24,.88) 0%, rgba(8,14,24,.62) 36%, rgba(8,14,24,.18) 62%, rgba(8,14,24,.28) 100%);
}
.vc-hero-slide--founder .vc-hero-shade{
  background:linear-gradient(90deg, rgba(8,14,24,.5) 0%, rgba(8,14,24,.16) 32%, rgba(8,14,24,0) 52%);
}
.vc-hero-copy{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:40rem;
  padding:0 8vw 0 6.2vw;
}
.vc-hero-kicker{
  margin:0 0 .85rem;
  font-family:var(--vc-font-body);
  font-size:.74rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#c4a574;
  font-weight:600;
}
.vc-hero-title{
  font-family:var(--vc-font-head);
  font-weight:500;
  font-size:clamp(2.15rem, 4.2vw, 3.85rem);
  line-height:1.12;
  letter-spacing:-.02em;
  color:#f7f4ee;
  margin:0 0 1rem;
  max-width:16ch;
}
.vc-hero-text{
  margin:0 0 1.45rem;
  max-width:34rem;
  font-family:var(--vc-font-body);
  font-size:1.05rem;
  line-height:1.6;
  color:rgba(247,244,238,.88);
}
.vc-hero-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem 1.25rem;
  align-items:center;
}
.vc-hero-cta{
  display:inline-block;
  color:#f7f4ee;
  border:1px solid rgba(247,244,238,.72);
  padding:.72rem 1.15rem;
  border-radius:2px;
  font-size:.92rem;
  letter-spacing:.01em;
  text-decoration:none;
}
.vc-hero-cta:hover{
  text-decoration:none;
  border-color:#f7f4ee;
  background:rgba(247,244,238,.08);
}
.vc-hero-cta-secondary{
  border-color:transparent;
  padding-left:0;
  padding-right:0;
  text-decoration:underline;
  text-underline-offset:.28em;
}
.vc-hero-prev,
.vc-hero-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:2.4rem;
  height:2.4rem;
  border-radius:50%;
  border:1px solid rgba(247,244,238,.35);
  background:rgba(8,14,24,.28);
  color:#f7f4ee;
  cursor:pointer;
  font-size:1.45rem;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 0 .1rem;
}
.vc-hero-prev{left:1rem}
.vc-hero-next{right:1rem}
.vc-hero-prev:hover,
.vc-hero-next:hover,
.vc-hero-prev:focus-visible,
.vc-hero-next:focus-visible,
.vc-hero-cta:focus-visible,
.vc-hero-dots button:focus-visible{
  outline:2px solid #c4a574;
  outline-offset:2px;
}
.vc-hero-dots{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:1.2rem;
  display:flex;
  justify-content:center;
  gap:.55rem;
}
.vc-hero-dots button{
  width:.48rem;
  height:.48rem;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(247,244,238,.7);
  background:transparent;
  cursor:pointer;
}
.vc-hero-dots button[aria-selected="true"]{
  background:#c4a574;
  border-color:#c4a574;
}

@media (max-width:800px){
  .vc-hero{
    height:68vh;
    min-height:30rem;
    max-height:none;
  }
  .vc-hero-slide img{object-position:center 30%}
  .vc-hero-slide--founder img{
    object-fit:contain;
    object-position:center top;
  }
  .vc-hero-shade{
    background:linear-gradient(180deg, rgba(8,14,24,.12) 0%, rgba(8,14,24,.28) 36%, rgba(8,14,24,.88) 100%);
  }
  .vc-hero-slide--founder .vc-hero-shade{
    background:linear-gradient(180deg, rgba(8,14,24,0) 0%, rgba(8,14,24,.05) 42%, rgba(8,14,24,.88) 100%);
  }
  .vc-hero-copy{
    justify-content:flex-end;
    max-width:none;
    padding:0 1.2rem 4.5rem;
  }
  .vc-hero-title{
    font-size:clamp(1.75rem, 7.2vw, 2.3rem);
    max-width:18ch;
  }
  .vc-hero-text{font-size:.98rem;margin-bottom:1rem}
  .vc-hero-prev,
  .vc-hero-next{
    top:auto;
    bottom:.7rem;
    transform:none;
    width:2.15rem;
    height:2.15rem;
  }
  .vc-hero-prev{left:.6rem}
  .vc-hero-next{right:.6rem}
  .vc-home-wrap{padding-top:3rem}
  body.vc-home .vc-section{margin:3.25rem 0}
}

@media (prefers-reduced-motion: reduce){
  .vc-hero-slide{transition:none}
}

.vc-motif-line {
  margin: 1.75rem 0 0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: #c4a35a;
}
