/* ==========================================
   ARCHIV
========================================== */

.archive-hero{
    width:100%;
    padding:54px 0 46px;
    background:var(--background);
}

.archive-hero-inner,
.archive-section{
    width:min(1600px,92%);
    margin:0 auto;
}

.archive-kicker{
    margin:0 0 9px;
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--blue);
    font-size:12px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
}

.archive-kicker i{
    font-size:15px;
}

.archive-hero h1{
    margin:0;
    font-size:58px;
    line-height:1;
    letter-spacing:0;
}

.archive-intro{
    max-width:900px;
    margin:14px 0 0;
    color:#aebbc8;
    font-size:17px;
    line-height:1.65;
}

.archive-back{
    width:fit-content;
    min-height:44px;
    margin-top:24px;
    padding:10px 15px;
    border:1px solid rgba(0,157,255,.4);
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:rgba(0,157,255,.08);
    color:#e1f2ff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:background .25s ease,border-color .25s ease,color .25s ease;
}

.archive-back:hover{
    border-color:rgba(0,157,255,.7);
    background:rgba(0,157,255,.16);
    color:#ffffff;
}

.archive-section{
    padding:42px 0 84px;
    border-top:1px solid rgba(0,157,255,.25);
}

.archive-section-heading{
    margin-bottom:28px;
    display:grid;
    grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);
    align-items:end;
    gap:42px;
}

.archive-section-heading h2{
    margin:0;
    font-size:42px;
    line-height:1;
    letter-spacing:0;
}

.archive-section-heading > p{
    max-width:720px;
    margin:0;
    color:#b8c4d1;
    font-size:15px;
    line-height:1.7;
}

.archive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.archive-card{
    min-width:0;
    min-height:610px;
    border:2px solid rgba(0,157,255,.38);
    border-radius:8px;
    box-shadow:0 18px 44px rgba(0,0,0,.28);
}

.archive-card:hover{
    border-color:var(--red);
    outline:2px solid rgba(215,25,32,.72);
    outline-offset:-2px;
    box-shadow:0 22px 50px rgba(215,25,32,.13);
    transform:translateY(-4px);
}

.archive-card .social-content{
    padding:24px;
}

.archive-card-number{
    min-height:0;
    margin:0 0 12px !important;
    color:var(--blue) !important;
    font-size:12px !important;
    font-weight:700;
    line-height:1.4 !important;
    text-transform:uppercase;
}

.archive-card .social-platform{
    margin-bottom:16px;
    font-size:28px;
}

.archive-card .social-platform i{
    font-size:25px;
}

.archive-card .social-content p[data-archive-text]{
    min-height:205px;
    margin-bottom:auto;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8;
    color:#c7d0dc;
    font-size:15px;
    line-height:1.7;
    white-space:pre-line;
}

.archive-status{
    margin:0;
    padding:18px 20px;
    border-left:3px solid var(--blue);
    background:rgba(0,157,255,.06);
    color:#c7d0dc;
    font-size:15px;
    line-height:1.6;
}

.archive-status[hidden]{
    display:none;
}

@media(max-width:1100px){
    .archive-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:768px){
    .archive-hero{
        padding:38px 0 34px;
    }

    .archive-hero h1{
        font-size:46px;
    }

    .archive-intro{
        font-size:15px;
    }

    .archive-section{
        padding:34px 0 64px;
    }

    .archive-section-heading{
        grid-template-columns:1fr;
        align-items:start;
        gap:14px;
    }

    .archive-section-heading h2{
        font-size:36px;
    }

    .archive-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .archive-card{
        min-height:0;
    }

    .archive-card .social-content p[data-archive-text]{
        min-height:0;
    }
}