justify-content: center;

    border: 1px solid var(--line);
    border-radius: 50%;

    color: var(--gray);
    text-decoration: none;

    font-size: 17px;

    transition: all .25s ease;
}

.social-links a:hover {
    color: var(--lime);
    border-color: var(--lime);
    transform: translateY(-3px);
}

.social-links a i {
    color: var(--gray);
    font-size: 17px;
    line-height: 1;
    transition: color .25s ease;
}

.social-links a:hover i {
    color: var(--lime);
}


/* ==========================
   Tablet
========================== */

@media (max-width: 1100px) {

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

    .footer-social {
        grid-column: span 1;
    }

}


/* ==========================
   Mobile Footer
========================== */

@media screen and (max-width: 768px) {

    .footer-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px 15px;
    }

    .footer-brand {
        grid-column: 1 / -1;
        margin-bottom: 20px;
    }

    .footer-brand .logo {
        display: block;
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .footer-brand p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        font-size: 13px;
        color: var(--lime);
        margin-bottom: 15px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .footer-col ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-col li {
        margin-bottom: 12px;
    }

    .footer-col a,
    .footer-contact p {
        font-size: 14px;
    }

    /* Social Media */

    .footer-social {
        grid-column: 1 / -1;
        margin-top: 10px;
    }

    .social-links {
        justify-content: flex-start;
        gap: 12px;
    }

    .social-links a {
        width: 40px;
        height: 40px;
    }

    .social-links a i {
        font-size: 16px;
    }

    /* Hide button on mobile */

    .footer-contact .btn {
        display: none;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
        margin-top: 30px;
    }

}


/* ==========================
   Small Mobile
========================== */

@media (max-width: 500px) {

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

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

    .footer-social {
        grid-column: 1 / -1;
    }

}
/* ============ ABOUT ============ */
.quote-block{text-align:center;max-width:820px;margin:0 auto;}
.quote-block p{font-family:var(--font-body);font-style:italic;font-size:clamp(1.4rem,3.5vw,2.1rem);color:var(--white);line-height:1.4;}
.quote-block p::before,.quote-block p::after{content:'"';color:var(--lime);}

.timeline{border-left:2px solid rgba(180,211,53,0.3);padding-left:2rem;display:flex;flex-direction:column;gap:2rem;}
.timeline-item .year{font-family:var(--font-head);color:var(--lime);font-size:1.4rem;}
.timeline-item p{margin-top:.3rem;}

.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;}
.principle-card{border:1px solid var(--line);border-radius:16px;padding:2rem 1.5rem;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease;}
.principle-card:hover{transform:translateY(-6px);border-color:rgba(180,211,53,0.4);background:rgba(180,211,53,0.03);}
.principle-card .num{font-family:var(--font-head);color:var(--lime);font-size:1.75rem;margin-bottom:1rem;}
.principle-card h3{font-size:1.15rem;margin-bottom:.6rem;}
@media(max-width:900px){.principles-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.principles-grid{grid-template-columns:1fr;}}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;}
.team-card .img-box{aspect-ratio:1/1;border-radius:16px;margin-bottom:1rem;}
.team-card h4{font-family:var(--font-body);font-weight:700;font-size:1.05rem;}
.team-card .role{color:var(--gray);font-size:.85rem;margin-top:.2rem;}
@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr;}}

/* ============ GALLERY ============ */
.gallery-header{text-align:center;}
.filter-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:2.5rem 0 3rem;}
.filter-pill{
  border:1px solid rgba(255,255,255,0.25);background:transparent;color:var(--white);
  padding:.6rem 1.4rem;border-radius:999px;font-size:.8rem;text-transform:uppercase;
  letter-spacing:.5px;font-weight:600;transition:all .25s var(--ease);
}
.filter-pill:hover{border-color:var(--lime);transform:translateY(-2px);}
.filter-pill.active{background:var(--lime);color:#0A0A0A;border-color:var(--lime);}

/* ============ CONTACT ============ */
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:3.5rem;}
.form-field{margin-bottom:1.5rem;}
.form-field label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:.6rem;}
.form-field input[type=text],.form-field input[type=email],.form-field select,.form-field textarea{
  width:100%;background:#141414;border:1px solid var(--line);border-radius:10px;
  padding:.9rem 1rem;color:var(--white);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;
}
.form-field textarea{min-height:130px;resize:vertical;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(180,211,53,0.15);}