/* Kallam Sriram Studio — cinematic skin + missing layout rules */
:root{
  --kss-accent:#ff2d2d;
  --kss-dark:#0b0f14;
  --kss-dark2:#111827;
  --kss-text:#0f172a;
}

/* Global */
body{ color: var(--kss-text); }
.navbar{
  box-shadow: 0 10px 30px rgba(2,6,23,.08);
}
.btn{ border-radius: .75rem; }
.btn-primary{
  background-color: var(--kss-accent) !important;
  border-color: var(--kss-accent) !important;
}
.navbar-brand{ font-weight:800; letter-spacing:.2px; }

/* Hero (masthead) — make it premium */
.masthead{
  position: relative;
  padding: 8rem 0;
  background-position: center;
  background-size: cover;
}
.masthead::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(1000px 500px at 50% 20%, rgba(255,45,45,.16), transparent 55%),
              linear-gradient(180deg, rgba(11,15,20,.72), rgba(11,15,20,.80));
}
.masthead .container{ position:relative; z-index:1; }
.masthead h1{
  text-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* This is the key part that fixes your “thin strip images / huge white gaps” */
.showcase .showcase-img{
  min-height: 30rem;
  background-size: cover;
  background-position: center;
}
.showcase .showcase-text{
  padding: 3rem;
}
@media (min-width: 768px){
  .showcase .showcase-text{ padding: 7rem; }
}

/* Consistent vertical rhythm */
.features-icons{ padding: 6rem 0; }
.testimonials{ padding: 6rem 0; }
.footer{ padding: 3rem 0; }

/* Contact (call-to-action) — make it dark and consistent */
.call-to-action{
  position: relative;
  padding: 6rem 0;
  background: url("../assets/img/bg-masthead.jpg") center/cover no-repeat;
}
.call-to-action::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(11,15,20,.82), rgba(11,15,20,.86));
}
.call-to-action .container{ position:relative; z-index:1; }