/* Responsive helpers */
@media(max-width:1200px){
  .container{padding:0 20px}
}

@media(max-width:900px){
  .hero-content{grid-template-columns:1fr}
  .profile-container{display:flex;justify-content:center}
  .profile-container .profile-image img{max-width:200px;margin-left:0}
  /* Mobile nav menu dropdown */
  .nav-menu{display:none;position:fixed;top:64px;left:0;right:0;flex-direction:column;background:rgba(15,15,35,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px;z-index:1200;opacity:0;transform:translateY(-8px);transition:opacity .2s ease, transform .2s ease}
  [data-theme="light"] .nav-menu{background:rgba(255,255,255,.98)}
  .nav-menu.open{display:flex;opacity:1;transform:translateY(0)}
  .blog-grid,.contact-content,.projects-grid{grid-template-columns:1fr}
  /* Scale orbit for smaller screens */
  .tech-orbit{width:200px;height:200px}
  .tech-orbit .tech-icon{width:40px;height:40px;transform:translate(-50%,-50%) rotate(calc(var(--i)*90deg)) translate(85px) rotate(calc(var(--i)*-90deg))}
}

@media(max-width:600px){
  .container{padding:0 16px}
  .hero-title{font-size:34px}
  .profile-container .profile-image img{max-width:180px}
  .tech-orbit{width:180px;height:180px}
  .tech-orbit .tech-icon{width:36px;height:36px;transform:translate(-50%,-50%) rotate(calc(var(--i)*90deg)) translate(75px) rotate(calc(var(--i)*-90deg))}
}