/* Company Story Section */
.company-story {
    padding: 4rem 0;
    background: linear-gradient(135deg, var(--color-mint-cream) 0%, var(--color-clay-beige) 100%);
}

.company-story__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.company-story__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-story__title {
    font-size: 3rem;
    margin-bottom: 0;
    color: var(--color-forest-green);
}

.company-story__subtitle {
    font-size: 1.5rem;
    color: var(--color-moss-green);
    font-style: italic;
    margin-bottom: 1rem;
}

.company-story__description {
    color: var(--color-charcoal-black);
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 0;
}

.company-story__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-story__img {
    width: 100%;
    max-width: 500px;
    border-radius: var(--border-radius-large);
    box-shadow: var(--box-shadow-large);
}

/* Team Members Section */
.team-members {
    padding: 5rem 0;
    background-color: var(--color-white);
}

.team-members__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: center;
}

.team-members__title {
    margin-bottom: 0.5rem;
}

.team-members__subtitle {
    font-size: 1.2rem;
    color: var(--color-moss-green);
    margin-bottom: 3rem;
}

.team-members__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.team-members__card {
    background-color: var(--color-mint-cream);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    text-align: center;
}

.team-members__card:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-large);
}

.team-members__card-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.team-members__card-content {
    padding: 1.5rem;
}

.team-members__card-name {
    margin-bottom: 0.5rem;
    color: var(--color-forest-green);
}

.team-members__card-role {
    color: var(--color-moss-green);
    font-weight: 600;
    margin-bottom: 1rem;
}

.team-members__card-description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
    line-height: 1.6;
}

/* Research Innovation Section */
.research-innovation {
    padding: 5rem 0;
    background-color: var(--color-clay-beige);
}

.research-innovation__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.research-innovation__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.research-innovation__img {
    width: 100%;
    max-width: 500px;
    border-radius: var(--border-radius-large);
    box-shadow: var(--box-shadow-large);
}

.research-innovation__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.research-innovation__title {
    margin-bottom: 0;
}

.research-innovation__description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
}

.research-innovation__features {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.research-innovation__feature {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.research-innovation__feature i {
    font-size: 1.8rem;
    color: var(--color-forest-green);
    width: 40px;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.research-innovation__feature-content {
    flex: 1;
}

.research-innovation__feature-title {
    margin-bottom: 0.5rem;
    color: var(--color-forest-green);
    font-size: 1.2rem;
}

.research-innovation__feature-description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
}

/* Sustainability Section */
.sustainability {
    padding: 5rem 0;
    background-color: var(--color-white);
}

.sustainability__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: center;
}

.sustainability__title {
    margin-bottom: 0.5rem;
}

.sustainability__subtitle {
    font-size: 1.2rem;
    color: var(--color-moss-green);
    margin-bottom: 3rem;
}

.sustainability__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.sustainability__item {
    background-color: var(--color-mint-cream);
    padding: 2rem;
    border-radius: var(--border-radius-large);
    text-align: center;
    transition: var(--transition);
}

.sustainability__item:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-large);
}

.sustainability__item-icon {
    width: 70px;
    height: 70px;
    background-color: var(--color-forest-green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: var(--color-white);
    font-size: 1.8rem;
}

.sustainability__item-title {
    margin-bottom: 1rem;
    color: var(--color-forest-green);
}

.sustainability__item-description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
}

/* Manufacturing Section */
.manufacturing {
    padding: 5rem 0;
    background-color: var(--color-clay-beige);
}

.manufacturing__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.manufacturing__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.manufacturing__title {
    margin-bottom: 0;
}

.manufacturing__description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
}

.manufacturing__stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.manufacturing__stat {
    text-align: center;
    background-color: var(--color-white);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.manufacturing__stat-number {
    font-size: 2rem;
    font-weight: bold;
    color: var(--color-forest-green);
    margin-bottom: 0.5rem;
}

.manufacturing__stat-label {
    color: var(--color-charcoal-black);
    font-size: 0.9rem;
}

.manufacturing__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.manufacturing__img {
    width: 100%;
    max-width: 500px;
    border-radius: var(--border-radius-large);
    box-shadow: var(--box-shadow-large);
}

/* Social Impact Section */
.social-impact {
    padding: 5rem 0;
    background-color: var(--color-white);
}

.social-impact__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: center;
}

.social-impact__title {
    margin-bottom: 3rem;
}

.social-impact__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 3rem;
}

.social-impact__project {
    background-color: var(--color-mint-cream);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.social-impact__project:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-large);
}

.social-impact__project-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.social-impact__project-content {
    padding: 2rem;
    text-align: left;
}

.social-impact__project-title {
    margin-bottom: 1rem;
    color: var(--color-forest-green);
}

.social-impact__project-description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
    line-height: 1.6;
}

/* Partnership Program Section */
.partnership-program {
    padding: 5rem 0;
    background-color: var(--color-clay-beige);
}

.partnership-program__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.partnership-program__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.partnership-program__title {
    margin-bottom: 0;
}

.partnership-program__description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
}

.partnership-program__benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.partnership-program__benefit {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.partnership-program__benefit i {
    font-size: 1.2rem;
    color: var(--color-forest-green);
    width: 20px;
    flex-shrink: 0;
}

.partnership-program__benefit span {
    font-weight: 500;
    color: var(--color-charcoal-black);
    font-size: 0.9rem;
}

.partnership-program__btn {
    background-color: var(--color-forest-green);
    color: var(--color-white);
    padding: 16px 32px;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    display: inline-block;
    align-self: flex-start;
}

.partnership-program__btn:hover {
    background-color: var(--color-moss-green);
    color: var(--color-white);
    transform: translateY(-2px);
}

.partnership-program__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.partnership-program__img {
    width: 100%;
    max-width: 500px;
    border-radius: var(--border-radius-large);
    box-shadow: var(--box-shadow-large);
}

/* Company News Section */
.company-news {
    padding: 5rem 0;
    background-color: var(--color-white);
}

.company-news__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: center;
}

.company-news__title {
    margin-bottom: 3rem;
}

.company-news__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.company-news__item {
    background-color: var(--color-mint-cream);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.company-news__item:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-large);
}

.company-news__item-img {
    width: 100%;
    height: 325px;
    object-fit: cover;
}

.company-news__item-content {
    padding: 1.5rem;
    text-align: left;
}

.company-news__item-date {
    color: var(--color-moss-green);
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.company-news__item-title {
    margin-bottom: 1rem;
    color: var(--color-forest-green);
    font-size: 1.2rem;
}

.company-news__item-description {
    color: var(--color-charcoal-black);
    margin-bottom: 0;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .company-story__container {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .company-story__title {
        font-size: 2.5rem;
    }
    
    .research-innovation__container {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .manufacturing__container {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .partnership-program__container {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .partnership-program__btn {
        align-self: center;
    }
    
    .social-impact__grid {
        grid-template-columns: 1fr;
    }
    
    .partnership-program__benefits {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .company-story {
        padding: 2rem 0;
    }
    
    .company-story__title {
        font-size: 2rem;
    }
    
    .company-story__subtitle {
        font-size: 1.25rem;
    }
    
    .team-members,
    .research-innovation,
    .sustainability,
    .manufacturing,
    .social-impact,
    .partnership-program,
    .company-news {
        padding: 3rem 0;
    }
    
    .team-members__grid {
        grid-template-columns: 1fr;
    }
    
    .sustainability__grid {
        grid-template-columns: 1fr;
    }
    
    .manufacturing__stats {
        margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;        
    }
    
    .manufacturing__stat {
        padding: 1rem;
    }
    
    .manufacturing__stat-number {
        font-size: 1.5rem;
    }
    
    .company-news__grid {
        grid-template-columns: 1fr;
    }
}

.hero__btn {
    padding: 16px 32px;
    font-size: 1.1rem;
    border-radius: var(--border-radius);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.hero__btn--primary {
    background-color: var(--color-forest-green);
    color: var(--color-white);
    width: fit-content;
}

.hero__btn--primary:hover {
    background-color: var(--color-moss-green);
    transform: translateY(-2px);
    box-shadow: var(--box-shadow-large);
    color: antiquewhite;
}
