/* ==========================================================
   ESTUDIO21 · FICHA INDIVIDUAL PROFESOR
========================================================== */

.e21-professor-single{
    background:#fff;
    padding:110px 0 125px;
}

.e21-professor-single-inner{
    width:min(1300px,calc(100% - 80px));
    margin:0 auto;
}

.e21-professor-back{
    display:inline-flex;
    margin:0 0 38px;
    font:600 10px/1 Montserrat,sans-serif;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:#b52a32;
    transition:.2s ease;
}

.e21-professor-back:hover{
    color:#8e2027;
}

.e21-professor-single-grid{
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:75px;
    align-items:start;
}

.e21-professor-single-photo{
    width:100%;
    overflow:hidden;
    background:#f1efec;
}

.e21-professor-single-photo img{
    display:block;
    width:100%;
    height:620px;
    margin:0;
    object-fit:cover;
    object-position:center top;
}

.e21-professor-single-copy{
    padding:28px 0 0;
    max-width:670px;
}

.e21-professor-area{
    display:block;
    margin-bottom:20px;
    font:600 10px/1 Montserrat,sans-serif;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#b52a32;
}

.e21-professor-single-copy h1{
    margin:0 0 18px;
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(58px,5.4vw,78px);
    font-weight:500;
    line-height:.92;
    color:#202020;
}

.e21-professor-specialty{
    max-width:620px;
    margin:0 0 38px;
    padding-bottom:27px;
    border-bottom:1px solid rgba(32,32,32,.14);
    font:600 11px/1.5 Montserrat,sans-serif;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:#777;
}

.e21-professor-bio{
    max-width:640px;
}

.e21-professor-bio p{
    margin:0 0 20px;
    font:15px/1.82 Montserrat,sans-serif;
    color:#626262;
}

.e21-professor-bio p:last-child{
    margin-bottom:0;
}

.e21-professor-bio a{
    color:#b52a32;
}

.e21-professor-bio a:hover{
    color:#8e2027;
}

@media only screen and (max-width:1024px){
    .e21-professor-single{
        padding:90px 0 105px;
    }

    .e21-professor-single-inner{
        width:calc(100% - 60px);
    }

    .e21-professor-single-grid{
        gap:50px;
    }

    .e21-professor-single-photo img{
        height:540px;
    }

    .e21-professor-single-copy{
        padding-top:18px;
    }
}

@media only screen and (max-width:768px){
    .e21-professor-single{
        padding:70px 0 85px;
    }

    .e21-professor-single-inner{
        width:calc(100% - 40px);
    }

    .e21-professor-back{
        margin-bottom:28px;
    }

    .e21-professor-single-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .e21-professor-single-photo img{
        height:auto;
        aspect-ratio:4/5;
    }

    .e21-professor-single-copy{
        max-width:none;
        padding:0;
    }

    .e21-professor-single-copy h1{
        font-size:52px;
    }

    .e21-professor-specialty{
        margin-bottom:30px;
        padding-bottom:22px;
    }

    .e21-professor-bio{
        max-width:none;
    }
}

@media only screen and (max-width:420px){
    .e21-professor-single-inner{
        width:calc(100% - 32px);
    }

    .e21-professor-single-copy h1{
        font-size:46px;
    }

    .e21-professor-bio p{
        font-size:14px;
        line-height:1.78;
    }
}