/* ============================================================
   HOME PAGE STYLES — loaded only on index.html
   (shared header/nav/footer/pillars/founder styles live in style.css)
   ============================================================ */

/* ---------------- VIDEO HERO ---------------- */
.hero{
  position:relative;
  min-height:640px;
  display:flex; align-items:center;
  overflow:hidden;
  background:#0a1220; /* shows while video loads */
}
.hero-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;
}
.hero-overlay{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, rgba(10,18,32,.62) 0%, rgba(10,18,32,.30) 45%, rgba(10,18,32,.10) 70%);
}
.hero-content{ position:relative; z-index:2; max-width:var(--max); margin:0 auto; padding:100px 32px; width:100%; }
.hero-content .inner{ max-width:600px; }
.hero h1{
  font-family:'Manrope',sans-serif; font-weight:700;
  font-size:clamp(32px,4.6vw,54px); line-height:1.12; letter-spacing:-.01em;
  color:#fff; margin:0 0 22px;
}
.hero p.lead{
  font-size:16.5px; line-height:1.7; color:rgba(255,255,255,.92);
  max-width:480px; margin:0 0 34px;
}
.hero .cta-btn{ margin-left:0; padding:15px 28px; }

@media (max-width:768px){
  .hero{ min-height:560px; }
  .hero-content{ padding:70px 22px; }
}
@media (max-width:600px){
  .hero-content{ padding-left:18px; padding-right:18px; }
  .hero{ min-height:520px; }
  .hero h1{ font-size:clamp(26px,8vw,34px); }
  .hero p.lead{ font-size:15px; }
}

/* ---------------- SPLIT IMAGE / CONTENT SECTION ---------------- */
.split-feature{
  display:grid; grid-template-columns:1fr 1fr;
  min-height:560px;
}
.split-feature-image{
  background:url('https://shorepointadvisorygroup.com/wp-content/uploads/2025/10/Home_shore.jpg') center/cover no-repeat;
  min-height:320px;
}
.split-feature-content{
  background:var(--navy);
  display:flex; flex-direction:column; justify-content:center;
  padding:64px 72px;
}
.split-feature-content h2{
  font-size:clamp(24px,2.6vw,32px); font-weight:700; line-height:1.35; letter-spacing:-.01em;
  color:#fff; margin:0 0 28px; max-width:480px;
}
.split-list{
  list-style:none; margin:0 0 36px; padding:0;
  display:flex; flex-direction:column; gap:13px;
}
.split-list li{
  display:flex; align-items:center; gap:12px;
  font-size:15px; font-weight:500; color:rgba(255,255,255,.9);
}
.split-list li::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#7f9be0; flex:0 0 auto;
}

@media (max-width:900px){
  .split-feature{ grid-template-columns:1fr; }
  .split-feature-image{ min-height:280px; }
  .split-feature-content{ padding:48px 28px; }
}
@media (max-width:600px){
  .split-feature-content h2{ font-size:clamp(21px,6vw,26px); }
}

/* ---------------- IMAGE CTA BANNER ---------------- */
.cta-banner{
  position:relative;
  min-height:460px;
  display:flex; align-items:center;
  background:
    linear-gradient(90deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.28) 38%, rgba(255,255,255,0) 60%),
    url('https://images.unsplash.com/photo-1520962880247-cfaf541c8724?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;
}
.cta-banner .wrap{ max-width:var(--max); }
.cta-banner-inner{ max-width:460px; padding:64px 0; }
.cta-banner h2{
  font-size:clamp(26px,3.4vw,38px); font-weight:700; line-height:1.28; letter-spacing:-.01em;
  color:var(--navy); margin:0 0 28px;
}

@media (max-width:600px){
  .cta-banner{ min-height:400px; }
  .cta-banner-inner{ padding:48px 0; max-width:320px; }
}