/*
======================================================================
 ELR ARTICLES HERO — UNIFIED V1
 Matches the Aims and Scope / institutional page Hero system.
 Articles page only.
======================================================================
*/


.elr-articles-aims-hero{

    position:relative;

    width:100%;

    overflow:hidden;

    box-sizing:border-box;

    border-top:
        4px solid
        #B08A4A;

    background:
        linear-gradient(
            118deg,
            #102F50 0%,
            #173F69 50%,
            #315F89 100%
        );

    color:#fff;
}


/* subtle right-side publication watermark */

.elr-articles-aims-hero::after{

    content:"ARTICLES";

    position:absolute;

    right:2.5%;
    bottom:-34px;

    color:
        rgba(
            255,
            255,
            255,
            .055
        );

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            92px,
            11vw,
            170px
        );

    font-weight:700;

    line-height:.85;

    letter-spacing:-5px;

    pointer-events:none;
}


.elr-articles-aims-inner{

    position:relative;

    z-index:2;

    width:
        min(
            1180px,
            calc(100% - 80px)
        );

    margin:
        0 auto;

    padding:
        72px
        0
        62px;

    box-sizing:border-box;
}


.elr-articles-aims-eyebrow{

    margin:
        0 0
        18px;

    color:#D9B96F;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:14px;

    line-height:1;

    font-weight:800;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.elr-articles-aims-hero h1{

    margin:
        0;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            46px,
            5vw,
            62px
        );

    line-height:
        1.08;

    font-weight:
        400;

    letter-spacing:
        -.025em;
}


.elr-articles-aims-rule{

    width:96px;

    height:2px;

    margin:
        27px 0
        25px;

    background:
        linear-gradient(
            90deg,
            #B08A4A 0%,
            #C4A66D 62%,
            rgba(
                196,
                166,
                109,
                0
            ) 100%
        );
}


.elr-articles-aims-deck{

    max-width:
        1030px;

    margin:
        0;

    color:
        rgba(
            245,
            248,
            251,
            .89
        );

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            20px,
            2vw,
            25px
        );

    line-height:
        1.58;

    font-weight:
        400;
}


.elr-articles-aims-deck em{

    color:#fff;
}


.elr-articles-aims-meta{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:
        18px
        42px;

    margin-top:
        29px;

    color:
        rgba(
            237,
            243,
            248,
            .72
        );

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        14px;

    line-height:
        1.45;
}


.elr-articles-aims-meta > div{

    display:flex;

    align-items:baseline;

    gap:4px;
}


.elr-articles-aims-meta strong{

    color:#E5C371;

    font-weight:800;
}


.elr-articles-aims-meta span{

    color:
        rgba(
            238,
            244,
            249,
            .72
        );
}


/* ---------------------------------------------------------------
   TABLET
   --------------------------------------------------------------- */

@media(max-width:900px){

    .elr-articles-aims-inner{

        width:
            calc(
                100% - 48px
            );

        padding:
            58px
            0
            52px;
    }


    .elr-articles-aims-meta{

        gap:
            14px
            26px;
    }

}


/* ---------------------------------------------------------------
   PHONE
   Hero itself only — no shell/navigation rules here.
   --------------------------------------------------------------- */

@media(max-width:600px){

    .elr-articles-aims-inner{

        width:
            calc(
                100% - 32px
            );

        padding:
            45px
            0
            43px;
    }


    .elr-articles-aims-eyebrow{

        margin-bottom:
            14px;

        font-size:
            12px;
    }


    .elr-articles-aims-hero h1{

        font-size:
            42px;
    }


    .elr-articles-aims-rule{

        width:
            84px;

        margin:
            22px
            0;
    }


    .elr-articles-aims-deck{

        font-size:
            19px;

        line-height:
            1.55;
    }


    .elr-articles-aims-meta{

        display:grid;

        grid-template-columns:
            1fr;

        gap:
            7px;

        margin-top:
            25px;

        font-size:
            13px;
    }


    .elr-articles-aims-hero::after{

        right:-24px;
        bottom:-17px;

        font-size:
            82px;
    }

}