/* ===== Mobile polish for chat + hero ===== */
@media (max-width: 640px) {
  .chat-panel {
    width: 100vw; max-width: 100vw; height: 100dvh;
    border-radius: 0;
  }
  .chat-overlay { align-items: stretch; justify-content: stretch; }
  .chat-bubble { max-width: 92%; }
  .chat-header { padding: 14px 16px; }
  .chat-quick-btns { padding: 0 12px 10px; gap: 6px; }
  .quick-btn { font-size: 12px; padding: 6px 10px; }
  .hero-left { padding: 96px 20px 28px; }
  .hero-tag { letter-spacing: 1px; }
  .skill-group { padding: 18px 18px; }
  .skill-pills { gap: 6px; }
}
@media (max-width: 480px) {
  nav ul { gap: 10px; }
  nav a { font-size: 11px; }
  .container { padding-left: 16px; padding-right: 16px; }
  .hero h1 { font-size: clamp(2.4rem, 10vw, 3.2rem); }
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  nav { padding:14px 22px; }
  nav ul { gap:16px; }
  .hero { grid-template-columns:1fr; min-height:auto; }
  .hero-left { padding:108px 26px 36px; }
  .hero-right { height:360px; }
  .photo-frame { width:230px; height:290px; }
  .year-badge { display:none; }
  .about-strip { padding:40px 26px; }
  .about-inner { grid-template-columns:1fr; gap:28px; }
  .section { padding:60px 26px; }
  .contact-inner { grid-template-columns:1fr; gap:32px; }
  .contact-art { display:none; }
  footer { flex-direction:column; gap:10px; text-align:center; padding:22px; }
}