/* responsive.css — Luminary Technicals */
/* Mobile-first breakpoints: 480, 768, 1024, 1280 */

@media(max-width:1280px){
  .container{max-width:1080px}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
}

@media(max-width:1024px){
  .container{max-width:900px}
  .stats-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .profile-card{flex-direction:column;align-items:center;text-align:center}
  .profile-img{width:220px;height:220px}
  .profile-info p{margin-left:auto;margin-right:auto}
  .social-links{justify-content:center}
  .owner-teaser{flex-direction:column;text-align:center;align-items:center}
  .owner-teaser-img{width:160px;height:160px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr;gap:32px;max-width:400px;margin:0 auto}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  .section{padding:70px 0}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .stats-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}
  .card-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;text-align:center;gap:32px}
  .footer-social{justify-content:center}
  .hero-cta{flex-direction:column;align-items:center}
  .hero-cta .btn{width:100%;max-width:280px;justify-content:center}
  .page-hero{padding:120px 0 40px}
  .cookie-banner{flex-direction:column;text-align:center;gap:12px}
  .modal{padding:32px 24px;margin:16px}
  .tab-nav{gap:6px}
  .tab-btn{padding:8px 16px;font-size:0.8rem}
  .value-grid{grid-template-columns:1fr}
  .timeline{padding-left:16px}
  .timeline-item{padding-left:32px}
  .timeline-item::before{left:-41px;top:6px}
  .quote-block{padding:24px}
  .search-container{padding:0 16px}
  .glass-card{padding:24px}
}

@media(max-width:480px){
  html{font-size:15px}
  .container{padding:0 16px}
  .section{padding:56px 0}
  .section-title{margin-bottom:40px}
  .btn{padding:12px 24px;font-size:0.9rem}
  .glass-card{padding:20px}
  .page-hero{padding:110px 0 32px}
  .profile-img{width:180px;height:180px}
  .owner-teaser-img{width:130px;height:130px}
  .timeline{padding-left:14px}
  .timeline-item::before{left:-40px}
  .skill-tags{gap:8px}
  .skill-tag{padding:6px 14px;font-size:0.75rem}
  .faq-question{padding:16px 20px;font-size:0.9rem}
  .modal{padding:24px 16px}
  .cta-banner{padding:48px 20px}
}

/* Touch targets */
@media(pointer:coarse){
  .btn,.tab-btn,.nav-links a,.faq-question{min-height:44px}
  .nav-search-btn,.nav-hamburger{min-width:44px;min-height:44px}
}