/* Large screens — ensure max-width content reads well */
@media(min-width:1200px){
  .section-wrap { padding:100px max(60px,5vw); }
  nav { padding:18px max(60px,5vw); }
  #hero { padding:0 max(60px,5vw) 60px; }
}

/* Tablet */
@media(max-width:900px){
  .about-grid { grid-template-columns:160px 1fr; gap:28px; }
  .avatar-box { width:160px; }
  .comm-layout { grid-template-columns:160px 1fr; }
  .skills-row { gap:32px; }
  .hero-tagline { font-size:clamp(48px,10vw,100px); }
}

/* Mobile */
@media(max-width:700px){
  /* reset cursor — not needed on touch */
  body { cursor:auto; }
  #cur, #curR { display:none; }

  nav { padding:14px 16px; flex-wrap:wrap; gap:10px; }
  .nav-links { display:none; }
  .nav-logo { font-size:17px; }
  .nav-dm { font-size:9px; padding:4px 10px; }

  #hero { padding:0 20px 40px; min-height:100svh; }
  .hero-tagline { font-size:clamp(44px,14vw,80px); margin-bottom:24px; }
  .hero-sub { font-size:10px; margin-bottom:32px; max-width:100%; }
  .hero-meta { grid-template-columns:1fr 1fr; gap:12px; }
  .hero-meta-block:last-child { display:none; }
  .hero-meta-val { font-size:20px; }
  .hero-scroll { display:none; }

  .section-wrap { padding:60px 16px; }
  .s-title { font-size:clamp(32px,10vw,56px); }

  /* about */
  .about-grid { grid-template-columns:1fr; gap:24px; }
  .avatar-box { width:100%; max-width:220px; margin:0 auto 16px; }
  .about-socials-row { justify-content:flex-start; }
  .about-name { font-size:34px; }

  /* projects */
  .skills-row { flex-direction:column; gap:16px; }
  .proj-bar { grid-template-columns:40px 1fr auto; gap:12px; padding:18px 0 18px 12px; }
  .proj-title { font-size:20px; }
  .proj-drawer { padding:0 12px 0 52px; }
  .proj-card:hover .proj-drawer { padding:0 12px 20px 52px; }

  /* commissions */
  .comm-layout { grid-template-columns:1fr; }
  .comm-char { min-height:200px; border-right:1px solid var(--border); border-bottom:none; }
  .comm-fullbody-text { display:none; }
  .comm-table { grid-template-columns:1fr; }
  .comm-table-col:first-child { border-right:none; border-bottom:1px solid var(--border); }
  .comm-info-row { grid-template-columns:1fr; }
  .comm-info-col { border-right:none; border-bottom:1px solid var(--border); }
  .comm-strips { grid-template-columns:1fr 1fr; }
  .char-design-slots { grid-template-columns:1fr 1fr; }
  .tnc-popover { width:calc(100vw - 32px); left:0; }

  /* showcase */
  .gallery-grid { grid-template-columns:1fr 1fr; }

  /* extras */
  .extras-desktop { grid-template-columns:1fr; }
  .spotify-grid { grid-template-columns:1fr; }
  .spotify-win { grid-column:1; }

  /* faq */
  .faq-q { font-size:11px; }

  footer { padding:20px 16px; flex-direction:column; gap:8px; text-align:center; }
}

/* Very small phones */
@media(max-width:380px){
  .hero-tagline { font-size:40px; }
  .comm-strips { grid-template-columns:1fr; }
  .char-design-slots { grid-template-columns:1fr; }
  .gallery-grid { grid-template-columns:1fr; }
}