/* =============================================================
   AMZEAL CREATIVES V78.1 HOMEPAGE FEATURED PROJECTS DARK BAND
   ============================================================= */

.home-featured-projects-v78{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#ffffff !important;
  padding-top:clamp(74px, 7vw, 110px) !important;
}

/* Dark navy logo-color band for the marked section */
.home-featured-projects-v78::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:0;
  height:clamp(300px, 24vw, 380px);
  background:
    radial-gradient(circle at 14% 20%, rgba(34,211,238,.15), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(37,99,235,.18), transparent 36%),
    linear-gradient(135deg,#061127 0%,#071b3d 48%,#0b2b5f 100%);
  border-radius:0 0 38px 38px;
  box-shadow:0 26px 70px rgba(2,8,23,.18);
}

.home-featured-projects-v78::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:0;
  height:clamp(300px, 24vw, 380px);
  opacity:.30;
  background-image:
    linear-gradient(rgba(34,211,238,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,211,238,.09) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg, black 0%, transparent 92%);
  pointer-events:none;
}

/* Heading layout inside the dark band */
.home-featured-projects-v78 .section-head{
  position:relative;
  z-index:2;
  padding:0 0 clamp(30px, 3.5vw, 48px) !important;
}

.home-featured-projects-v78 .section-head .copy{
  max-width:780px;
}

.home-featured-projects-v78 .eyebrow,
.home-featured-projects-v78 .section-kicker,
.home-featured-projects-v78 [class*="kicker"],
.home-featured-projects-v78 [class*="eyebrow"]{
  color:#93c5fd !important;
  letter-spacing:.18em !important;
}

.home-featured-projects-v78 .eyebrow::before{
  background:#22d3ee !important;
  box-shadow:0 0 18px rgba(34,211,238,.55) !important;
}

.home-featured-projects-v78 h1,
.home-featured-projects-v78 h2,
.home-featured-projects-v78 h3{
  color:#ffffff !important;
}

.home-featured-projects-v78 .section-head p,
.home-featured-projects-v78 .section-head .copy p:not(.eyebrow){
  color:rgba(226,232,240,.88) !important;
}

/* Button: readable against dark blue */
.home-featured-projects-v78 .section-head .btn,
.home-featured-projects-v78 .section-head a[class*="btn"]{
  background:#ffffff !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#061127 !important;
  box-shadow:0 14px 34px rgba(2,8,23,.26) !important;
}

.home-featured-projects-v78 .section-head .btn:hover,
.home-featured-projects-v78 .section-head a[class*="btn"]:hover{
  background:#eff6ff !important;
  color:#0b2b5f !important;
}

/* Project cards stay white and professional */
.home-featured-projects-v78 .portfolio-grid{
  position:relative;
  z-index:2;
  margin-top:0 !important;
}

.home-featured-projects-v78 .project-card{
  background:#ffffff !important;
  color:#061127 !important;
  box-shadow:0 18px 46px rgba(15,23,42,.10) !important;
}

.home-featured-projects-v78 .project-card h3{
  color:#061127 !important;
}

.home-featured-projects-v78 .project-card p{
  color:#475569 !important;
}

.home-featured-projects-v78 .project-card .tag{
  background:#eff6ff !important;
  color:#2563eb !important;
}

/* Responsive */
@media (max-width:900px){
  .home-featured-projects-v78::before,
  .home-featured-projects-v78::after{
    height:clamp(380px, 58vw, 500px);
  }

  .home-featured-projects-v78 .section-head{
    align-items:flex-start !important;
  }
}

@media (max-width:640px){
  .home-featured-projects-v78{
    padding-top:64px !important;
  }

  .home-featured-projects-v78::before,
  .home-featured-projects-v78::after{
    height:500px;
    border-radius:0 0 28px 28px;
  }

  .home-featured-projects-v78 .section-head{
    gap:22px !important;
  }
}