/* ════════════════════════════════════════
   RESPONSIVE  –  Alle Media Queries
   Breakpoints:
     1000px  Tablet / kleine Laptops
      600px  Mobile
      380px  Sehr kleines Mobile
   Sonderfälle:
     hover:none   Touch-Geräte
     prefers-reduced-motion
   ════════════════════════════════════════ */

/* ── Tablet: ≤ 1000px ── */
@media (max-width: 1000px) {

    nav,
    nav.scrolled { padding: 1rem 1.5rem; }

    .nav-links { display: none; }
    .nav-cta   { display: none; }
    .hamburger { display: flex; }
    .mobile-nav { display: flex; }

    #hero,
    #about,
    #projects,
    #portfolio,
    #skills,
    #contact,
    #process { padding: 5rem 1.5rem; }

    .about-grid,
    .process-header { grid-template-columns: 1fr; gap: 2.5rem; }

    .about-right { padding-top: 0; }

    .skills-grid,
    .projects-grid { grid-template-columns: 1fr; }

    .portfolio-grid { grid-template-columns: 1fr 1fr; }

    .process-steps { grid-template-columns: 1fr 1fr; }

    footer {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        padding: 1.5rem;
    }
}

/* ── Mobile: ≤ 600px ── */
@media (max-width: 600px) {

    .hero-headline { font-size: clamp(3rem, 14vw, 4.5rem); }

    .process-steps   { grid-template-columns: 1fr; }
    .portfolio-grid  { grid-template-columns: 1fr; }

    .pull-quote { padding: 1.4rem 1.4rem 1.4rem 1.6rem; }
    .pull-quote p { font-size: 1.1rem; }

    .limits-block { grid-template-columns: 1fr; gap: 0.8rem; }
    .limits-icon  { padding-bottom: 0.4rem; border-bottom: 1px solid var(--bs); }

    .contact-headline { font-size: clamp(2.4rem, 12vw, 4rem); }
}

/* ── Sehr kleines Mobile: ≤ 380px ── */
@media (max-width: 380px) {
    .hero-actions { flex-direction: column; }
    .btn-primary,
    .btn-ghost { text-align: center; }
}

/* ── Touch-Geräte (kein Hover) ── */
@media (hover: none) {
    .value-item:active       { padding-left: 0.4rem; }
    .skill-list li:active    { color: var(--text); padding-left: 0.35rem; }
    .step:active             { background: var(--bg3); }
    .step:active::after      { transform: scaleX(1); }
    .project-card:active     { border-color: rgba(155, 31, 196, .5); }
    .portfolio-card:active   { border-color: rgba(155, 31, 196, .5); }
    .btn-primary:active      { background: #ffc140; }
    .btn-ghost:active        { border-color: var(--purple); color: var(--purple); }
    .nav-cta:active          { background: #ffc140; }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    .reveal { animation: none !important; opacity: 1 !important; }
    .glitch-wrap::before,
    .glitch-wrap::after { display: none; }
    .ticker-track { animation: none; }
    * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}