/* =================================
   2AQUILAS PROFESSIONAL MOBILE SYSTEM
   Balanced • Clean • Corporate Feel
   ================================= */

@media (max-width:820px){

/* GLOBAL RESET */
body{
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}

/* CONTROLLED SPACING */
.container{
padding:60px 22px !important;
}

section{
padding:80px 22px !important;
}

/* HERO — PROFESSIONAL HEIGHT */
.hero{
padding:110px 22px 70px !important;
text-align:center;
}

/* TYPOGRAPHY — BALANCED SCALE */
.hero h1{
font-size:34px;
line-height:1.15;
letter-spacing:-0.4px;
}

h2{
font-size:26px;
line-height:1.25;
}

h3{
font-size:21px;
}

p{
font-size:16.5px;
line-height:1.75;
color:#475569;
}

/* GRID FIX — NO BREAKING */
.grid{
grid-template-columns:1fr !important;
gap:32px;
}

/* FLEX STACKING */
.row,
.flex,
.columns{
flex-direction:column !important;
gap:32px;
}

/* IMAGES — PREVENT CROPPING */
img{
width:100%;
height:auto !important;
object-fit:contain;
border-radius:14px;
}

/* CARDS — MODERN BUT NOT HEAVY */
.card{
border-left:none !important;
border-radius:16px;
padding:24px;
box-shadow:0 8px 24px rgba(0,0,0,.05);
}

/* BUTTONS — PROFESSIONAL SIZE */
button,
.btn,
.cta{
display:block;
width:100%;
padding:16px;
font-size:15.5px;
border-radius:12px;
}

/* NAVBAR SAFETY */
nav{
padding:14px 18px;
}

/* FOOTER FIX */
footer{
height:auto !important;
padding:60px 22px;
overflow:visible;
}

footer .grid{
grid-template-columns:1fr !important;
gap:24px;
}

/* REMOVE DESKTOP DECOR */
.divider,
.line,
.decorative,
.extra-shape{
display:none !important;
}

/* Authority mobile layout */

.authority{
flex-direction:column !important;
align-items:center !important;
text-align:center;
gap:18px;
padding:50px 22px !important;
}

.authority div{
font-size:16px;
line-height:1.5;
max-width:260px;
}

/* Statement section mobile resize */

.statement{
font-size:30px !important;
line-height:1.25;
padding:100px 22px !important;
}

/* Mobile hero background fix */

/* Mobile hero clean framing */

.hero{
height:85vh !important;
background-size:cover !important;
background-position:center 30% !important;
}

}

@media (max-width:768px){

  .nav{
    padding:10px 5% !important;
  }

  .logo img{
    width:110px !important;
    height:auto !important;
  }

  .nav-btn{
    padding:6px 14px !important;
    font-size:12px;
    border-radius:30px;
  }

}


/* ===== PORTFOLIO MOBILE FIX ===== */

.portfolio{
  padding:80px 22px !important;
}

.project{
  margin-bottom:50px !important;
}

.project img{
  border-radius:22px;
}

.overlay{
  padding:24px !important;
  background:linear-gradient(to top, rgba(0,0,0,.85), transparent);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  text-align:center;
}

.title{
  font-size:24px !important;
  line-height:1.2 !important;
  letter-spacing:0px;
}




/* ===== PREMIUM INTEGRATED FOOTER COPYRIGHT ===== */

@media (max-width:820px){

footer{
padding:60px 20px 100px 20px !important;
}

footer h3{
margin-bottom:18px;
}

footer ul,
footer p{
margin-bottom:14px;
}

.footer-bottom{
margin-top:60px !important;
padding-bottom:20px;
}

}

/* Shrink navbar on scroll (mobile only) */

@media (max-width:768px){

.nav.shrink{
padding:6px 5% !important;
transition:all .3s ease;
}

.nav.shrink .logo img{
width:95px !important;
}

.nav.shrink .nav-btn{
padding:5px 12px !important;
font-size:11px;
}

}