@media (max-width: 991px) {
    .hero-section {
        padding: 120px 0 80px
    }

    .hero-actions {
        flex-direction: column
    }

    .stats-section {
        margin-top: 0;
        padding-top: 60px
    }

    .process-step, .process-step.reverse {
        grid-template-columns:1fr;
        gap: 25px
    }

    .process-step.reverse .process-img {
        order: 0
    }

    .flow-box {
        flex-direction: column
    }

    .flow-arrow {
        transform: rotate(90deg)
    }

    .loop-card {
        flex-direction: column
    }

    .loop-arrow {
        transform: rotate(90deg)
    }

    .env-orbit {
        opacity: .35
    }

    .env-hero-metrics,
    .environment-impact-grid {
        grid-template-columns:1fr
    }

    .timeline-track {
        grid-template-columns:1fr
    }

    .timeline-track::before {
        top: 0;
        bottom: 0;
        left: 27px;
        right: auto;
        width: 3px;
        height: auto;
        transform: scaleY(0);
        transform-origin: top
    }

    .timeline-track.visible::before {
        transform: scaleY(1)
    }

    .timeline-item {
        min-height: auto;
        padding: 24px 24px 24px 72px
    }

    .timeline-item::before {
        top: 27px;
        left: 18px
    }

    .partners-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .leadership-grid {
        grid-template-columns:1fr
    }

    .footer-grid {
        grid-template-columns:1fr 1fr;
        gap: 30px
    }

    .footer-brand {
        grid-column:1 / -1
    }
}

@media (max-width: 576px) {
    .navbar-brand img {
        height: 46px
    }

    .hero-title {
        font-size: 38px
    }

    .hero-text, .page-hero p {
        font-size: 16px
    }

    .page-hero {
        padding: 135px 0 75px
    }

    .env-hero-metrics {
        gap: 10px
    }

    .env-hero-metrics div {
        padding: 14px 16px
    }

    .loop-card {
        padding: 24px
    }

    .environment-impact-card {
        min-height: auto;
        padding: 24px
    }

    .section-padding, .story-section, .supply-section, .why-section, .machine-section, .sources-section, .timeline-section, .quality-section, .contact-section, .circular-section, .carbon-section, .pollution-section, .applications-section {
        padding: 70px 0
    }

    .premium-image img, .process-img img {
        height: 300px
    }

    .process-content h3 {
        font-size: 30px
    }

    .card-body-premium {
        padding: 24px
    }

    .partners-grid {
        grid-template-columns:1fr
    }

    .partner-card {
        min-height: 215px
    }

    .leadership-card {
        grid-template-columns:100px 1fr;
        grid-template-rows:100px auto;
        grid-template-areas:"photo identity" "quote quote";
        gap: 20px;
        min-height: auto;
        padding: 18px
    }

    .leadership-photo {
        width: 100px;
        height: 100px
    }

    .leadership-content h3 {
        font-size: 28px
    }

    .leadership-content blockquote {
        font-size: 16px
    }

    .footer {
        padding: 54px 0 24px
    }

    .footer-grid {
        grid-template-columns:1fr
    }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
    .timeline-track::before {
        transform: scaleY(1)
    }
}