.about-page{
max-width:1200px;                 /* ancho máximo de la página */
margin:0 auto;                    /* centra el contenido */
padding:140px 40px 120px;         /* espacio interior; arriba más por el header fijo */
}

.about-hero{
text-align:center;                /* centra el texto del bloque inicial */
margin-bottom:120px;              /* separación con la siguiente sección */
}

.about-kicker{
margin:0 0 14px 0;                /* margen inferior */
font-size:14px;                   /* tamaño pequeño */
letter-spacing:.12em;             /* separación entre letras */
text-transform:uppercase;         /* mayúsculas */
opacity:.65;                      /* leve transparencia */
}

.about-hero h1{
margin:0 0 24px 0;                /* separación inferior */
font-size:clamp(34px,5vw,64px);   /* tamaño adaptable */
line-height:1.05;                 /* altura entre líneas */
}

.about-intro{
max-width:880px;                  /* limita el ancho del párrafo */
margin:0 auto;                    /* centra el bloque */
font-size:clamp(18px,2vw,24px);   /* tamaño adaptable */
line-height:1.6;                  /* separación entre líneas */
opacity:.85;                      /* ligera transparencia */
}

.about-studio{
display:grid;                     /* usa grid */
grid-template-columns:1.1fr .9fr; /* dos columnas con proporción diferente */
gap:60px;                         /* espacio entre columnas */
align-items:center;               /* alineación vertical */
margin-bottom:120px;              /* separación inferior */
}

.about-text h2,
.about-founders h2,
.about-values h2,
.about-cta h2{
margin:0 0 24px 0;                /* margen inferior */
font-size:clamp(26px,3vw,40px);   /* tamaño adaptable */
line-height:1.1;                  /* altura de línea */
}

.about-text p{
margin:0 0 20px 0;                /* separación entre párrafos */
font-size:20px;                   /* tamaño de texto */
line-height:1.7;                  /* separación entre líneas */
opacity:.85;                      /* ligera transparencia */
}

.about-image img{
width:100%;                       /* ocupa todo el ancho */
height:520px;                     /* altura fija */
object-fit:cover;                 /* recorta sin deformar */
display:block;                    /* evita espacios raros */
border:1px solid rgba(255,255,255,.14); /* borde sutil */
}

.about-founders{
margin-bottom:120px;              /* separación inferior */
}

.founders-grid{
display:grid;                     /* grid de tarjetas */
grid-template-columns:repeat(2,1fr); /* dos columnas */
gap:40px;                         /* espacio entre tarjetas */
}

.founder-card{
border:1px solid rgba(255,255,255,.12); /* borde de tarjeta */
background:rgba(255,255,255,.02);       /* fondo muy suave */
}

.founder-photo img{
width:100%;                       /* ocupa el ancho completo */
height:360px;                     /* altura fija */
object-fit:cover;                 /* recorta imagen */
display:block;                    /* elimina espacios extra */
border-bottom:1px solid rgba(255,255,255,.12); /* línea separadora */
}

.founder-content{
padding:28px;                     /* espacio interior de la tarjeta */
}

.founder-content h3{
margin:0 0 10px 0;                /* margen inferior */
font-size:30px;                   /* tamaño del nombre */
}

.founder-role{
margin:0 0 18px 0;                /* margen inferior */
font-size:15px;                   /* tamaño pequeño */
text-transform:uppercase;         /* mayúsculas */
letter-spacing:.08em;             /* separación entre letras */
opacity:.62;                      /* transparencia */
}

.founder-content p:last-child{
margin:0;                         /* elimina margen final */
font-size:18px;                   /* tamaño del texto */
line-height:1.65;                 /* altura entre líneas */
opacity:.85;                      /* transparencia suave */
}

.about-values{
margin-bottom:120px;              /* separación inferior */
}

.values-grid{
display:grid;                     /* grid para valores */
grid-template-columns:repeat(3,1fr); /* tres columnas */
gap:28px;                         /* espacio entre cajas */
}

.value-box{
border:1px solid rgba(255,255,255,.12); /* borde */
padding:28px;                     /* espacio interior */
background:rgba(255,255,255,.02); /* fondo sutil */
}

.value-box h3{
margin:0 0 14px 0;                /* margen inferior */
font-size:24px;                   /* tamaño título */
}

.value-box p{
margin:0;                         /* sin margen */
font-size:17px;                   /* tamaño del texto */
line-height:1.6;                  /* separación entre líneas */
opacity:.8;                       /* ligera transparencia */
}

.about-cta{
text-align:center;                /* centra el contenido */
max-width:840px;                  /* limita el ancho */
margin:0 auto;                    /* centra el bloque */
}

.about-cta p{
margin:0 auto 30px auto;          /* separación inferior */
font-size:20px;                   /* tamaño de texto */
line-height:1.7;                  /* separación entre líneas */
opacity:.85;                      /* transparencia */
}

@media (max-width:900px){

.about-page{
padding:110px 24px 90px;          /* reduce padding en móvil */
}

.about-studio{
grid-template-columns:1fr;        /* una sola columna */
gap:36px;                         /* espacio entre bloques */
}

.founders-grid,
.values-grid{
grid-template-columns:1fr;        /* apila columnas */
}

.about-image img{
height:380px;                     /* reduce altura de imagen */
}

.founder-photo img{
height:300px;                     /* reduce altura de imagen */
}

}