/* Edit By JE */

:root{--green:#27ad5f;--blue:#426195;--ink:#1b1e27;--muted:#6b7280;--radius:16px;--shadow:0 8px 10px rgba(0,0,0,.08);}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* neutralize any slider behavior/spacing but keep HTML */
.home-hero-slider-wrapper{position:relative;}
.home-hero-slider{display:block;overflow:hidden;}


/* default desktop/tablet view */
.home-hero-slide {
  background-color: #0d1534; /* shows through transparent areas */
 background-image: 
    url('https://arrive.live/img/Arrive-performer-with-guitar-1.webp'),
    linear-gradient(
      90deg,
      rgba(13, 21, 52, 0.85) 0%,      /* dark left */
      rgba(255, 255, 255, 0.12) 55%,  /* softer white center-right */
      rgba(13, 21, 52, 0.85) 100%     /* dark right */
    );
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* keeps text nicely aligned on the left */
  color: #fff;
  overflow: hidden; /* prevents any overflow on repositioning */
}

/* ensure inner content sits above the overlay */
.home-hero-slide > *{position:relative;z-index:2;}

/* inner content alignment */
.home-hero-slide .main-content{position:relative;z-index:2;}
.home-hero-slide .slide-content{max-width:800px;padding:24px 0;}

/* type + UI */
.kicker{color:#b6ffd1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin:0 0 8px;}

/* Use a variable for easy overrides on large screens */
.slide-title{
  --title-size:clamp(2rem, 4vw, 3.25rem);
  font-size:var(--title-size);
  line-height:1.3;
  margin:0 0 14px;
}

.slide-description{
  font-size:1.075rem;
  line-height:1.7;
  color:#eef2f7;
  margin:0 18px 18px 0;
}

.home-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:600;letter-spacing:.2px;}
.btn.primary{background:var(--green);color:#fff;box-shadow:var(--shadow);}
.btn.secondary{background:var(--blue);color:#fff;box-shadow:var(--shadow);}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);}

.home-hero__trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;color:#e6e7eb;font-size:.95rem;}
.pill{padding:8px 14px;font-weight:500;letter-spacing:.3px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;}

/* Shared width and spacing for title and description */
.slide-title,
.slide-description{
  max-width:700px;       /* limit line length */
  padding-right:120px;   /* space away from hero image area */
}

/* ============================
   Responsive adjustments
   ============================ */

/* Tablet to small desktop */
@media (max-width:1200px){
  .slide-title,
  .slide-description{
    max-width:480px;
    padding-right:80px;
  }
  .home-hero-slide{
    background-position:center right 10%;
    min-height:550px;
  }
}

/* 1024 and below */
@media (max-width:1024px){
  .home-hero-slide{min-height:520px;}
  .slide-description{margin-right:0;}
}

/* Mobile and phablet */
@media (max-width:992px){
  .slide-title,
  .slide-description{
    max-width:100%;
    padding-right:0;
  }
}

/* Phone focus: hide bg image, stronger overlay, shorter height */
@media (max-width:768px){
  .home-hero-slide{
    background-image:none;          /* removes the image */
    background-color:#1b1e27;       /* fallback background */
    background-position:top center;
    min-height:480px;
  }
  .home-hero-slide .slide-content{max-width:100%;}
  .home-hero-slide::before{
    background:linear-gradient(180deg, rgba(54,48,62,0.85) 0%, rgba(54,48,62,0.4) 100%);
  }
}

/* ============================
   Large desktop enhancements
   ============================ */
@media (min-width:1400px){
  .home-hero-slide{
    align-items:flex-end;
    padding-bottom:60px; /* adjust as needed: 60–120px */
  }
  .home-hero-slide .slide-content{margin-top:40px;}
  .slide-title{
    --title-size:3.75rem;
    line-height:1.25;
    letter-spacing:.3px;
  }
  .slide-description{font-size:1.15rem;}
}