/* Moban 8-2-9 Responsive */
@media(max-width:1024px){
    .hero-bento-grid{grid-template-columns:repeat(2,1fr)}
    .hero-main{grid-column:1/3}
    .hero-img-card{grid-column:1/3}
    .hero-stat-card:nth-child(3){grid-column:1/2}
    .hero-stat-card:nth-child(4){grid-column:2/3}
    .bento-grid{grid-template-columns:repeat(3,1fr)}
    .posts-bento{grid-template-columns:repeat(3,1fr)}
    .about-bento{grid-template-columns:repeat(2,1fr)}
    .about-text-card{grid-column:span 2}
    .posts-grid{grid-template-columns:repeat(2,1fr)}
    .nav-menu{gap:15px}
    .hero-title{font-size:2rem}
}
@media(max-width:768px){
    .nav-toggle{display:block}
    .main-nav{position:absolute;top:70px;left:0;right:0;background:linear-gradient(135deg,#1A237E,#283593);display:none;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
    .main-nav.active{display:block}
    .nav-menu{flex-direction:column;gap:15px}
    .nav-menu a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}
    .header-actions{display:none}
    .hero-bento-grid{grid-template-columns:1fr}
    .hero-main{grid-column:1}
    .hero-img-card{grid-column:1;min-height:200px}
    .hero-stat-card:nth-child(3),.hero-stat-card:nth-child(4){grid-column:1}
    .hero-title{font-size:1.6rem}
    .hero-subtitle{font-size:1rem}
    .bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
    .bento-large{grid-column:span 2;grid-row:span 2}
    .bento-wide{grid-column:span 2}
    .posts-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
    .about-bento{grid-template-columns:1fr}
    .about-text-card{grid-column:span 1}
    .posts-grid{grid-template-columns:1fr}
    .footer-widgets{grid-template-columns:1fr}
    .section-title{font-size:1.4rem;margin-bottom:25px}
    .hscroll-item{flex:0 0 260px}
    .hscroll-item img{width:260px;height:160px}
    .single-post{padding:30px 0}
    .single-post .post-title{font-size:1.5rem}
}
@media(max-width:480px){
    .bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}
    .bento-large,.bento-wide,.bento-tall{grid-column:span 1;grid-row:span 1}
    .posts-bento{grid-template-columns:1fr;grid-auto-rows:220px}
    .post-card.post-featured,.post-card.post-large{grid-column:span 1;grid-row:span 1}
    .hero-title{font-size:1.4rem}
    .stat-number{font-size:1.8rem}
    .btn{padding:10px 22px;font-size:.85rem}
    .btn-lg{padding:12px 30px;font-size:.95rem}
    .container{padding:0 15px}
    .section-title{font-size:1.2rem;margin-bottom:20px}
    .single-post .post-title{font-size:1.3rem}
    .archive-title{font-size:1.3rem}
}