/* ====================================
   FOUNDER PAGE
==================================== */

.founder-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:70px;
    align-items:center;
}

.founder-photo img{
    width:100%;
    border-radius:30px;
    box-shadow:var(--shadow);
}

.founder-socials{
    background:var(--beige);
}

.social-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.social-card{
    background:white;
    padding:35px;
    border-radius:22px;
    text-align:center;
    border:1px solid var(--border);
    transition:.3s ease;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.social-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow);
}

.social-card h3{
    margin-bottom:15px;
    color:var(--navy);
}

.social-card p{
    color:var(--text-muted);
}

.main-nav a[href="founder.html"]{
    color:var(--gold);
}

@media(max-width:950px){

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

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

}

@media(max-width:640px){

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

}

/* ==========================
FOUNDER TIMELINE
==========================*/

.founder-timeline{
    background:var(--beige);
}

.timeline{
    max-width:900px;
    margin:auto;
    position:relative;
}

.timeline::before{
    content:"";
    position:absolute;
    left:120px;
    top:0;
    bottom:0;
    width:3px;
    background:var(--gold);
}

.timeline-item{
    display:grid;
    grid-template-columns:160px 1fr;
    gap:40px;
    margin-bottom:60px;
}

.timeline-year{
    font-weight:800;
    color:var(--gold-dark);
}

.timeline-content{
    background:white;
    padding:30px;
    border-radius:20px;
    box-shadow:var(--shadow);
}

.timeline-content h3{
    margin-bottom:15px;
}

.timeline-content p{
    color:var(--text-muted);
}

@media(max-width:768px){

.timeline::before{
    display:none;
}

.timeline-item{
    grid-template-columns:1fr;
    gap:15px;
}

}

/*===========================================
ECOSYSTEM
===========================================*/

.ecosystem-section{

background:var(--cream);

}

.ecosystem{

margin-top:60px;

}

.ecosystem-center{

max-width:420px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.ecosystem-center img{

width:120px;

margin:auto;

margin-bottom:25px;

}

.ecosystem-center h3{

font-size:2rem;

margin-bottom:15px;

}

.ecosystem-center p{

color:var(--text-muted);

}

.ecosystem-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.ecosystem-card{

background:white;

padding:35px;

border-radius:22px;

box-shadow:var(--shadow);

border:1px solid var(--border);

transition:.35s;

}

.ecosystem-card:hover{

transform:translateY(-10px);

}

.ecosystem-card h3{

margin-bottom:15px;

color:var(--navy);

}

.ecosystem-card p{

color:var(--text-muted);

}

@media(max-width:900px){

.ecosystem-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:650px){

.ecosystem-grid{

grid-template-columns:1fr;

}

}