/* =====================================================
DRXE FOUNDERS PAGE
===================================================== */

.drxe-founders-page{

background:
linear-gradient(rgba(245,241,233,.92), rgba(245,241,233,.92)),
url('../../assets/images/home/cat-protein.jpg');

background-size:cover;
background-position:center;

padding:120px 20px;

}



/* =====================================================
HERO
===================================================== */

.founders-hero{

text-align:center;
margin-bottom:120px;

}

.founders-hero h1{

font-size:42px;
margin-bottom:20px;

}

.founders-hero p{

max-width:760px;
margin:auto;

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

}



/* =====================================================
FOUNDER BLOCK
===================================================== */

.founder-block{

max-width:1200px;
margin:120px auto;

}



/* =====================================================
GRID
===================================================== */

.founder-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:90px;

align-items:center;

}



/* reverse layout */

.founder-block.reverse .founder-grid{

grid-template-columns:1fr 420px;

}



/* =====================================================
IMAGE
===================================================== */

.founder-image{

width:420px;
height:480px;

overflow:hidden;

border-radius:12px;

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.founder-image img{

width:100%;
height:100%;

object-fit:cover;

/* crop bottom not head */

object-position:top center;

transition:transform .4s ease;

}

.founder-image:hover img{

transform:scale(1.03);

}



/* =====================================================
TEXT
===================================================== */

.founder-content{

max-width:650px;

}

.founder-content h2{

font-size:30px;
margin-bottom:8px;

}

.founder-role{

display:block;

font-weight:600;

color:#A82AAE;

margin-bottom:20px;

}

.founder-content p{

line-height:1.7;

margin-bottom:15px;

font-size:16px;

}



/* =====================================================
PHILOSOPHY
===================================================== */

.founders-philosophy{

text-align:center;

margin-top:120px;

}

.founders-philosophy h2{

font-size:34px;
margin-bottom:20px;

}

.founders-philosophy p{

max-width:700px;
margin:15px auto;

line-height:1.7;

font-size:17px;

}

.founders-about-btn{

display:inline-block;

margin-top:25px;

background:#A82AAE;

color:#fff;

padding:14px 26px;

border-radius:6px;

text-decoration:none;

transition:all .25s ease;

}

.founders-about-btn:hover{

background:#8e2293;

transform:translateY(-2px);

box-shadow:0 10px 22px rgba(0,0,0,.15);

}


/* =========================================================
FOUNDERS MOBILE FIX (<=640px)
========================================================= */

@media (max-width:640px){

/* GLOBAL SAFETY */
body{
overflow-x:hidden;
}

/* PAGE PADDING FIX */
.drxe-founders-page{
padding:80px 16px;
}


/* HERO */
.founders-hero h1{
font-size:28px;
line-height:1.3;
}

.founders-hero p{
font-size:14px;
line-height:1.6;
padding:0 8px;
}


/* GRID FIX */
.founder-grid{
grid-template-columns:1fr !important;
gap:30px;
text-align:center;
}

/* IMAGE FIX (CRITICAL) */
.founder-image{
width:100% !important;
max-width:320px;
height:360px;
margin:auto;
}

/* TEXT FIX */
.founder-content{
max-width:100%;
padding:0 8px;
}

.founder-content h2{
font-size:22px;
}

.founder-content p{
font-size:14px;
line-height:1.6;
word-break:break-word;
}


/* PHILOSOPHY */
.founders-philosophy h2{
font-size:24px;
}

.founders-philosophy p{
font-size:14px;
padding:0 10px;
}

}



/* =========================================================
FOUNDERS TABLET FIX (641px–1024px)
========================================================= */

@media (min-width:641px) and (max-width:1024px){

/* GRID */
.founder-grid{
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

/* IMAGE */
.founder-image{
width:100%;
max-width:360px;
height:420px;
margin:auto;
}

/* TEXT */
.founder-content{
max-width:100%;
}

}