/***********************************
 Author Archive
************************************/

.author #content{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.td-author-container{
    width:min(1200px, calc(100% - 60px));
    margin:0 auto;
}

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

.td-author-hero{
    position:relative;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-top:-110px;
    padding:174px 0 82px;
    overflow:hidden;
    background:var(--td-bg);
}

.td-author-grid-bg{
    position:absolute;
    inset:0 0 auto 50%;
    width:100%;
    height:484px;
    transform:translateX(-50%);
    pointer-events:none;
    z-index:0;
}

.td-author-grid-bg img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.td-author-grid-dark{
    display:none !important;
}

html[data-theme="dark"] .td-author-grid-light{
    display:none !important;
}

html[data-theme="dark"] .td-author-grid-dark{
    display:block !important;
}

.td-author-hero-inner{
    position:relative;
    z-index:2;
}

.td-author-profile-card{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    align-items:center;
    gap:52px;
    min-height:330px;
    padding:48px 54px;
    border:1px solid rgba(0,0,0,.18);
    border-radius:8px;
    background:rgba(255,255,255,.76);
    box-shadow:0 24px 70px rgba(0,0,0,.07);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

html[data-theme="dark"] .td-author-profile-card{
    border-color:rgba(255,255,255,.14);
    background:rgba(12,12,12,.78);
    box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.td-author-avatar-wrap{
    position:relative;
    width:220px;
    height:220px;
}

.td-author-avatar-wrap::after{
    content:"";
    position:absolute;
    right:0px;
    bottom:0px;
    width:45px;
    height:45px;
    border:3px solid var(--td-bg);
    border-radius:50%;
    background:var(--td-accent);
}

.td-author-avatar,
.td-author-avatar-fallback{
    width:220px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    object-fit:cover;
    border-radius:50%;
    border:1px solid rgba(0,0,0,.12);
    background:#ffffff;
}

.td-author-avatar-fallback{
    font-family:"Tomorrow", sans-serif;
    font-size:72px;
    font-weight:700;
    color:#111111;
}

html[data-theme="dark"] .td-author-avatar{
    border-color:rgba(255,255,255,.14);
}

.td-author-profile-content{
    min-width:0;
}

.td-author-kicker{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 12px;
    font-family:"JetBrains Mono", monospace;
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--td-muted);
}

.td-author-kicker-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:var(--td-accent);
}

.td-author-profile-content h1{
    margin:0;
    max-width:760px;
    font-family:"Tomorrow", sans-serif;
    font-size:52px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:.1px;
    color:var(--td-text);
}

.td-author-role{
    margin:12px 0 0;
    font-family:"Tomorrow", sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1.45;
    color:var(--td-accent);
}

.td-author-bio{
    max-width:780px;
    margin:22px 0 0;
    font-family:"Nunito", sans-serif;
    font-size:16px;
    line-height:1.7;
    color:var(--td-muted);
}

.td-author-bio p{
    margin:0 0 12px;
}

.td-author-bio p:last-child{
    margin-bottom:0;
}

.td-author-meta-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px 24px;
    margin-top:26px;
}

.td-author-post-count{
    font-family:"JetBrains Mono", monospace;
    font-size:12px;
    line-height:1.5;
    color:var(--td-muted);
}

.td-author-socials{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
}

.td-author-socials a,
.td-author-all-posts-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:8px 12px;
    border:1px solid rgba(0,0,0,.18);
    border-radius:999px;
    font-family:"Tomorrow", sans-serif;
    font-size:11px;
    font-weight:600;
    line-height:1;
    color:var(--td-text);
    background:rgba(255,255,255,.52);
    transition:transform .2s ease, border-color .2s ease, background-color .2s ease;
}

.td-author-socials a svg,
.td-author-all-posts-link svg{
    width:14px;
    height:14px;
    flex:0 0 14px;
}

.td-author-socials a:hover,
.td-author-socials a:focus-visible,
.td-author-all-posts-link:hover,
.td-author-all-posts-link:focus-visible{
    color:var(--td-text);
    border-color:var(--td-accent);
    transform:translateY(-2px);
}

html[data-theme="dark"] .td-author-socials a,
html[data-theme="dark"] .td-author-all-posts-link{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.04);
}

html[data-theme="dark"] .td-author-socials a:hover,
html[data-theme="dark"] .td-author-socials a:focus-visible,
html[data-theme="dark"] .td-author-all-posts-link:hover,
html[data-theme="dark"] .td-author-all-posts-link:focus-visible{
    border-color:var(--td-accent);
}

/* ====================================
   AUTHOR ARTICLES
==================================== */

/*Reset Astra's default archive card spacing.*/

.author.ast-separate-container .td-author-post-grid .td-blog-card.ast-article-post{
    padding:0;
    margin:0;
}

.td-author-posts-section{
    width:100%;
    padding:86px 0 118px;
    background:var(--td-bg);
}

.td-author-posts-heading-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:46px;
}

.td-author-posts-heading-row .td-author-kicker{
    margin-bottom:10px;
}

.td-author-posts-heading-row h2{
    margin:0;
    font-family:"Tomorrow", sans-serif;
    font-size:40px;
    font-weight:700;
    line-height:1.15;
    color:var(--td-text);
}

.td-author-all-posts-link{
    min-height:42px;
    padding:10px 15px;
    flex:0 0 auto;
}

.td-author-post-grid{
    margin-top:0;
}

.td-author-pagination{
    margin-top:58px;
}

.td-author-no-posts{
    padding:48px;
    border:1px solid rgba(0,0,0,.18);
    border-radius:8px;
    text-align:center;
    background:var(--td-card);
}

html[data-theme="dark"] .td-author-no-posts{
    border-color:rgba(255,255,255,.14);
}

.td-author-no-posts h3{
    margin:0 0 10px;
    font-family:"Tomorrow", sans-serif;
    font-size:24px;
    color:var(--td-text);
}

.td-author-no-posts p{
    margin:0;
    font-family:"Nunito", sans-serif;
    color:var(--td-muted);
}

.td-author-empty{
    min-height:50vh;
    display:flex;
    align-items:center;
    padding:80px 0;
    background:var(--td-bg);
}

.td-author-empty h1{
    font-family:"Tomorrow", sans-serif;
    color:var(--td-text);
}

/* ====================================
   TABLET
==================================== */

@media (max-width:1024px){
    .td-author-container{
        width:min(100% - 48px, 900px);
    }

    .td-author-hero{
        padding:158px 0 70px;
    }

    .td-author-profile-card{
        grid-template-columns:170px minmax(0, 1fr);
        gap:34px;
        padding:38px;
    }

    .td-author-avatar-wrap,
    .td-author-avatar,
    .td-author-avatar-fallback{
        width:170px;
        height:170px;
    }

    .td-author-avatar-wrap::after{
        width:40px;
        height:40px;
        border-width:3px;
    }

    .td-author-profile-content h1{
        font-size:42px;
    }

    .td-author-posts-heading-row h2{
        font-size:34px;
    }
}

/* ====================================
   MOBILE
==================================== */

@media (max-width:767px){
    .td-author-container{
        width:calc(100% - 32px);
    }

    .td-author-hero{
        margin-top:-110px;
        padding:138px 0 46px;
    }

    .td-author-grid-bg{
        height:360px;
    }

    .td-author-profile-card{
        grid-template-columns:1fr;
        gap:24px;
        padding:26px 22px 28px;
        text-align:center;
    }

    .td-author-avatar-wrap{
        width:126px;
        height:126px;
        margin:0 auto;
    }

    .td-author-avatar,
    .td-author-avatar-fallback{
        width:126px;
        height:126px;
    }

    .td-author-avatar-fallback{
        font-size:46px;
    }

    .td-author-avatar-wrap::after{
        right:0px;
        bottom:0px;
        width:30px;
        height:30px;
        border-width:3px;
    }

    .td-author-kicker{
        justify-content:center;
        font-size:9px;
    }

    .td-author-profile-content h1{
        font-size:30px;
        line-height:1.15;
    }

    .td-author-role{
        font-size:14px;
    }

    .td-author-bio{
        margin-top:16px;
        font-size:14px;
        line-height:1.65;
    }

    .td-author-meta-row,
    .td-author-socials{
        justify-content:center;
    }

    .td-author-meta-row{
        margin-top:20px;
    }

    .td-author-socials a{
        min-height:34px;
        padding:7px 10px;
        font-size:10px;
    }

    .td-author-posts-section{
        padding:58px 0 82px;
    }

    .td-author-posts-heading-row{
        align-items:center;
        flex-direction:column;
        text-align:center;
        margin-bottom:32px;
    }

    .td-author-posts-heading-row h2{
        font-size:26px;
    }

    .td-author-all-posts-link{
        min-height:38px;
        padding:8px 12px;
        font-size:10px;
    }

    .td-author-pagination{
        margin-top:42px;
    }

    .td-author-no-posts{
        padding:34px 20px;
    }
}