/* ===== RESPONSIVE STYLES ===== */

@media(max-width:1024px){

:root{
   --section-py:64px;
}
.hero-grid{
  gap:40px;
}
.services-grid{
    grid-template-columns:repeat(2,1fr);
}
.footer-grid{
    grid-template-columns:1fr 1fr;
    gap:32px;
}
.programs-banner{
   grid-template-columns:1fr;
}
.programs-cta{
  flex-direction:row;
}
.about-strip-grid{
   gap:40px;
}
.grid-4{
   grid-template-columns:repeat(2,1fr);
}
.about-intro-grid,
.founder-grid{
   gap:40px;
}
.values-grid{
   grid-template-columns:repeat(2,1fr);
}
.footer-brand{
   grid-column:span 2;
}
}

@media(max-width:768px){
:root{
  --section-py:52px;
}
.navbar-nav,
.navbar-actions .btn-primary{
   display:none;
}
.hamburger{
   display:flex;
}
.mobile-menu{
  display:flex;
}
.hero{
   padding:110px 0 60px;
}
.hero-grid{
   grid-template-columns:1fr;
   gap:32px;
}
.hero-image-wrap{
    order:-1;
}
.hero-main-img,
.hero-img-placeholder{
   height:280px;
}
.hero-stats{
    flex-wrap:wrap;
    gap:20px;
}
.services-grid{
    grid-template-columns:1fr;
}
.about-strip-grid,
.about-intro-grid,
.founder-grid,
.vm-grid{
   grid-template-columns:1fr;
}
.grid-3{
    grid-template-columns:1fr;
}
.grid-4{
    grid-template-columns:1fr 1fr;
}
.programs-banner{
   padding:36px 24px;
}
.programs-cta{
 flex-direction:column;
}
.cta-box{
   padding:48px 24px;
}
.cta-actions{
   flex-direction:column;
}
.footer-grid{
    grid-template-columns:1fr;
}
.footer-brand{
  grid-column:auto;
}
.footer-bottom{
  flex-direction:column;
  text-align:center;
  gap:8px;
}
.about-big-img-placeholder,
.founder-img-placeholder{
   height:300px;
}
.about-floating-card{
    bottom:-14px;
    left:12px;
}
.founder-badge{
  left:12px;
}
.values-grid{
   grid-template-columns:1fr;
}
}
@media(max-width:480px){
.hero-title{
   font-size:28px;
}
.section-title{
   font-size:24px;
}
.hero-actions{
   flex-direction:column;
}
.hero-actions .btn{
    width:100%;
}
.grid-4{
   grid-template-columns:1fr;
}
}