/* Breadcrumb */
.ah-breadcrumb-wrapper{ position: absolute; top: 0; left: 0;right: 0; height: min-content; z-index: 9;}
.author-hero-container .breadcrumb-wrapper { position: relative;height: 120px; background: var(--kal-black); }
.author-hero-container .breadcrumb-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background-color: var(--kal-black); z-index: 0; }
.author-hero-container .breadcrumb-icon { width: 120px; height: 120px; background-color: var(--kal-blue); position: absolute; left: 100%;padding: 35px 0;}

.author-hero-left{width: calc(30% - 20px);padding-top: 120px;}
.author-hero-img{width: 100%;height: 100%;}
.author-hero-center{width: calc(41.4% + 20px);}
.author-hero-details{padding: 196px 30px 99px 28.33%;}
.ah-details-text{font-size: 25px;font-weight: 400; }
.ah-details-text h1{font-size: 72px;font-weight: 700;line-height: 0.85;letter-spacing: -0.01em;margin-bottom: 13px;}
.ah-social-links{margin-top: 45px;}
.ah-social-links a{ font-size: 32px;line-height: 1; color: var(--kal-white);}
.ah-social-links a:hover{color: var(--kal-black);}
.author-hero-right{width: 28.6%;}
.ah-content-text{padding: 142px 40px 100px 0;font-size: 20px; }


/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .author-hero-center{width: calc(34.7% + 20px);}
    .author-hero-details{padding: 158px 30px 58px;}
    .ah-details-text h1{font-size: 50px; line-height: 1; margin-bottom: 10px;}
    .ah-social-links{margin-top: 26px;}
    .author-hero-right{width: 35.3%;}
    .ah-content-text{padding: 47px 40px 54px 0;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
    .author-hero-container .breadcrumb-icon{position: relative;inset: 0;}

    .author-hero-content{width: calc(100% + 30px);margin-left: -15px;}
    .author-hero-left{width: calc(30% - 30px);}
    .author-hero-details{padding: 176px 14% 58px;}
    .author-hero-right{width: calc(35.3% + 10px);}  
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .author-hero-container .breadcrumb-wrapper{width: calc(100% + 15px);}

    .author-hero-content{position: relative;padding: 120px 0 0 37%;}
    .author-hero-left{width: 35.5%; position: absolute;top: 120px;left: 0; aspect-ratio: 1/1; padding: 0;}
    .author-hero-center{width: 100%;margin-bottom: 45px;}
    .author-hero-details{padding: 36px 30px 0;gap: 58px;}
    .ah-social-links{margin-top: 0;}
    .author-hero-right{width: 100%;}
    .ah-content-text{padding: 0 18px 55px 30px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .author-hero-container .breadcrumb-wrapper { height: 80px; }
    .author-hero-container .breadcrumb-icon { width: 80px; height: 80px; padding: 19px 0;}

    .author-hero-content{padding: 80px 0 0;}
    .author-hero-left{width: 46.5%;position: relative; inset: 0;}
    .author-hero-center{width: 53.5%;margin-bottom: 0;}
    .author-hero-details{padding: 26px 30px 0;gap: 28px;}
    .ah-details-text h1{font-size: 40px;margin-bottom: 4px; }
    .ah-content-text{padding: 47px 15px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){}