/*
 * ************************************************************
 * ************************************************************
 * ** Copyright (c) flavio.ferrara.it
 * ** All rights reserved.
 * **
 * ** Strict Proprietary Notice:
 * ** This website data, source code, and associated
 * ** assets are the exclusive property of flavio.ferrara.it.
 * ** Unauthorized copying, modification,
 * ** or distribution via any medium is strictly prohibited.
 * ************************************************************
 * ************************************************************
 */

/* ==========================
   RESPONSIVE
   Consolidated breakpoints. Loaded last so it can override
   base/layout/component/section rules at narrower widths.
========================== */

@media(max-width:992px){

    .hero-grid, .contact-grid{ grid-template-columns:1fr; }

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

    .hero h1{ font-size:3rem; }

    .metric-tile-grid{ grid-template-columns:1fr 1fr; }

    .evolution-track{ grid-template-columns:1fr 1fr; row-gap:32px; }

    .evolution-track::before{ display:none; }

    .outcome-bar{ grid-template-columns:170px 1fr 64px; }

    .blog-featured{ grid-template-columns:1fr; }

    .blog-featured img{ min-height:220px; }

}

@media(max-width:768px){

    .nav-links{
        gap:14px;
        font-size:0.9rem;
        flex-wrap:wrap;
        justify-content:flex-end;
    }

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

    .hero h1{ font-size:2.4rem; }

    .section-header h2{ font-size:2.3rem; }

    .timeline-item{ padding-left:70px; }

    .hero{ overflow:hidden; padding:28px 0 24px; }

    .hero-grid{ gap:40px; }

    .hero p{ max-width:100%; }

    .metric-tile-grid{ grid-template-columns:1fr 1fr; gap:16px; }

    .evolution-track{ grid-template-columns:1fr; }

    .outcome-bar{
        grid-template-columns:1fr;
        gap:6px;
        text-align:left;
    }

    .outcome-bar-value{ text-align:left; }

    .blog-carousel-card{ flex-basis:240px; }

    .blog-search form{ flex-direction:column; }

}