/* Quality Cabinetry Creations */

/* Quality Cabinetry Creations - Professional Mobile Polish */

body{
  font-family:Arial,Helvetica,sans-serif;
}

.topbar .container{
  padding:6px 0;
  font-size:13px;
  line-height:1.4;
}

header{
  box-shadow:0 6px 20px rgba(0,0,0,.14);
}

.nav{
  min-height:68px;
}

.brand{
  font-size:19px;
  line-height:1.15;
  max-width:270px;
}

.nav-call{
  padding:10px 15px;
  font-size:15px;
  line-height:1.2;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}

.hero{
  min-height:72vh;
}

.hero h1{
  font-size:clamp(44px,11vw,64px);
  line-height:1.02;
  letter-spacing:-1.5px;
  max-width:620px;
}

.hero p{
  font-size:18px;
  line-height:1.65;
  max-width:620px;
}

.btn{
  padding:15px 24px;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
}

.service-card,
.process-card,
.contact-box{
  border:1px solid rgba(23,37,29,.08);
  box-shadow:0 12px 30px rgba(20,35,25,.08);
}

.gallery figure{
  overflow:hidden;
}

.gallery img{
  transition:transform .3s ease;
}

.gallery figure:hover img{
  transform:scale(1.025);
}

@media(max-width:700px){
  .topbar .container{
    justify-content:center;
    text-align:center;
    gap:3px;
  }

  .nav{
    gap:12px;
  }

  .brand{
    font-size:18px;
  }

  .nav-call{
    font-size:14px;
    padding:9px 13px;
  }

  .hero{
    min-height:68vh;
  }

  .hero h1{
    font-size:48px;
    line-height:1.03;
  }

  .hero p{
    font-size:17px;
    line-height:1.6;
  }

  section{
    padding-top:60px;
    padding-bottom:60px;
  }
}