/* ==========================================
   FOUNDERS SECTION
========================================== */

.founders-section{
padding:40px 0;
position:relative;
overflow:hidden;

margin-top:-40px; /* seamless transition */
}


/* CONTAINER */

.founders-container{
max-width:1200px;
margin:auto;
padding:0 30px;
}



/* HEADER */

.founders-header{
text-align:center;
max-width:720px;
margin:auto;
margin-bottom:70px;
}

.founders-tag{

display:inline-block;
padding:8px 20px;

background:rgba(207,175,107,0.18);
color:var(--color-primary);

border-radius:40px;
font-size:13px;
letter-spacing:.5px;

margin-bottom:18px;
}

.founders-title{
margin-bottom:16px;
}

.founders-subtitle{
max-width:620px;
margin:auto;
}



/* GRID */

.founders-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:50px;
align-items:stretch;
}



/* CARD */

.founder-card{

   background:linear-gradient(
        5deg,
        var(--card-bg-color) 0%,
        var(--color-secondary) 100%
    );

border-radius:22px;

padding:40px;

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

box-shadow:0 25px 60px rgba(0,0,0,0.07);

display:flex;
flex-direction:column;
align-items:center;
text-align:center;

position:relative;

transition:all .35s ease;
}

.founder-card:hover{

transform:translateY(-10px);

box-shadow:0 35px 80px rgba(0,0,0,0.12);
}



/* IMAGE */

.founder-image{

width:140px;
height:140px;

border-radius:50%;

overflow:hidden;

margin-bottom:22px;

box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

.founder-image img{

width:100%;
height:100%;
object-fit:cover;
}



/* CONTENT */

.founder-content{
max-width:420px;
}



/* QUOTE */

.founder-quote{

font-size:15px;
line-height:1.7;

color:#555;

margin-bottom:24px;

position:relative;

padding:0 10px;
}



/* Decorative Quote Mark */

.founder-quote::before{

content:"“";

font-size:50px;

color:rgba(44,110,73,0.12);

position:absolute;

top:-18px;
left:-10px;

font-family:serif;
}



/* NAME */

.founder-name{

font-size:20px;
font-weight:600;

margin-bottom:6px;
}



/* ROLE */

.founder-role{

font-size:14px;
color:var(--color-primary);
}



/* DECORATIVE SHAPES */

.founders-section::before{

content:"";

position:absolute;

width:320px;
height:320px;

background:radial-gradient(
circle,
rgba(163,177,138,0.25),
transparent 70%
);

top:-120px;
left:-120px;

border-radius:50%;
}

.founders-section::after{

content:"";

position:absolute;

width:320px;
height:320px;

background:radial-gradient(
circle,
rgba(207,175,107,0.25),
transparent 70%
);

bottom:-120px;
right:-120px;

border-radius:50%;
}

.leaf{
  position:absolute;
  width:60px;
  height:60px;
  background:url('/assets/images/leaf.png') no-repeat center/contain;
  opacity:.45;
  animation:floatLeaf 7s ease-in-out infinite;
  z-index:1;
}

/* LEFT SIDE LEAVES */
.leaf-1{
  top:10%;
  left:15%;
  animation-delay:0s;
}

.leaf-2{
  top:75%;
  left:48%;
  animation-delay:2s;
}


@keyframes floatLeaf{
  0%{
    transform:translateY(0) rotate(0deg);
  }

  50%{
    transform:translateY(-20px) rotate(12deg);
  }

  100%{
    transform:translateY(0) rotate(0deg);
  }
}

/* RESPONSIVE */

@media (max-width:900px){

.founders-grid{
grid-template-columns:1fr;
gap:40px;
}

.founder-card{
padding:34px;
}

}