/* =========================================================
   TSCN — AFFILIATION & RECOGNITION
========================================================= */

.tscn-recognition{
    position:relative;
    overflow:hidden;

    padding:95px 0 100px;

    background:
        radial-gradient(
            circle at 8% 25%,
            rgba(169,29,57,.055),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 75%,
            rgba(198,154,74,.08),
            transparent 27%
        ),
        #fffaf3;
}


/* =========================================================
   DECORATIVE ORBS
========================================================= */

.tscn-recognition-orb{
    position:absolute;

    border:1px solid rgba(169,29,57,.08);

    border-radius:50%;

    pointer-events:none;
}

.tscn-recognition-orb-one{
    width:400px;
    height:400px;

    left:-260px;
    top:-170px;
}

.tscn-recognition-orb-two{
    width:350px;
    height:350px;

    right:-220px;
    bottom:-190px;

    border-color:rgba(198,154,74,.12);
}


/* =========================================================
   HEADING
========================================================= */

.tscn-recognition-heading{
    position:relative;
    z-index:2;

    max-width:760px;

    margin:0 auto 55px;

    text-align:center;
}


/* Kicker */

.tscn-recognition-kicker{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    margin-bottom:17px;
}

.tscn-recognition-kicker span{
    width:38px;
    height:1px;

    background:#a91d39;
}

.tscn-recognition-kicker span:last-child{
    width:25px;

    background:#c69a4c;
}

.tscn-recognition-kicker strong{

    color:#a91d39;

    font-size:9px;

    font-weight:900;

    letter-spacing:2.5px;
}


/* Heading */

.tscn-recognition-heading h2{

    margin:0;

    color:#242226;

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

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

    font-weight:500;

    line-height:1.05;

    letter-spacing:-1.8px;
}

.tscn-recognition-heading h2 em{

    color:#a91d39;

    font-style:normal;
}


/* Description */

.tscn-recognition-heading p{

    max-width:650px;

    margin:20px auto 0;

    color:#707177;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   GRID
========================================================= */

.tscn-recognition-row{

    position:relative;

    z-index:3;

    display:flex;

    align-items:stretch;
}


/* =========================================================
   CARD
========================================================= */

.tscn-recognition-card{

    position:relative;

    height:100%;

    min-height:430px;

    margin-bottom:30px;

    padding:25px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffdf9
        );

    border:1px solid rgba(169,29,57,.10);

    border-radius:26px;

    box-shadow:
        0 18px 50px rgba(67,38,32,.07);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.tscn-recognition-card:hover{

    transform:translateY(-10px);

    border-color:rgba(169,29,57,.22);

    box-shadow:
        0 25px 65px rgba(67,38,32,.13);
}


/* Top */

.tscn-recognition-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:10px;
}

.tscn-recognition-number{

    color:#c69a4c;

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

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;
}


/* Icon */

.tscn-recognition-icon{

    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#fff;

    background:#a91d39;

    border-radius:13px;

    box-shadow:
        0 8px 18px rgba(169,29,57,.18);

    transition:.35s ease;
}

.tscn-recognition-card:hover
.tscn-recognition-icon{

    background:#c69a4c;

    transform:rotate(-5deg);
}


/* =========================================================
   LOGO AREA
========================================================= */

.tscn-recognition-logo{

    height:190px;

    margin:
        4px 0 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.95),
            rgba(250,244,234,.65)
        );

    border-radius:20px;

    border:1px solid rgba(198,154,74,.13);
}

.tscn-recognition-logo img{

    width:auto;

    max-width:145px;

    height:145px;

    object-fit:contain;

    transition:
        transform .45s ease;
}

.tscn-recognition-card:hover
.tscn-recognition-logo img{

    transform:
        scale(1.07)
        translateY(-3px);
}


/* =========================================================
   CONTENT
========================================================= */

.tscn-recognition-content{

    min-height:105px;
}

.tscn-recognition-label{

    display:block;

    margin-bottom:8px;

    color:#b47f2c;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.8px;
}

.tscn-recognition-content h3{

    margin:0;

    color:#252328;

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

    font-size:22px;

    line-height:1.2;

    font-weight:600;
}

.tscn-recognition-content p{

    margin:9px 0 0;

    color:#777;

    font-size:12px;

    line-height:1.6;
}


/* Bottom line */

.tscn-recognition-line{

    width:55px;
    height:3px;

    margin-top:22px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #a91d39,
            #c69a4c
        );

    transition:.4s ease;
}

.tscn-recognition-card:hover
.tscn-recognition-line{

    width:100px;
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.tscn-recognition-bottom{

    max-width:760px;

    margin:22px auto 0;

    padding:20px 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    background:rgba(255,255,255,.72);

    border:1px solid rgba(169,29,57,.08);

    border-radius:18px;

    text-align:center;

    box-shadow:
        0 12px 35px rgba(67,38,32,.05);
}

.tscn-recognition-bottom span{

    width:38px;
    height:38px;

    flex:0 0 38px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#fff;

    background:#a91d39;

    border-radius:50%;
}

.tscn-recognition-bottom p{

    margin:0;

    color:#65666b;

    font-size:12px;

    line-height:1.6;
}


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

@media(max-width:991px){

    .tscn-recognition{

        padding:
            80px 0
            85px;
    }

    .tscn-recognition-heading{

        margin-bottom:42px;
    }

    .tscn-recognition-card{

        min-height:420px;
    }

}


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

@media(max-width:767px){

    .tscn-recognition{

        padding:
            65px 0
            75px;
    }

    .tscn-recognition-heading{

        padding:0 15px;

        margin-bottom:35px;
    }

    .tscn-recognition-kicker{

        gap:7px;
    }

    .tscn-recognition-kicker strong{

        font-size:7px;

        letter-spacing:1.5px;
    }

    .tscn-recognition-kicker span{

        width:23px;
    }

    .tscn-recognition-kicker span:last-child{

        width:15px;
    }

    .tscn-recognition-heading h2{

        font-size:42px;

        letter-spacing:-1px;
    }

    .tscn-recognition-heading p{

        margin-top:16px;

        font-size:12px;

        line-height:1.7;
    }

    .tscn-recognition-card{

        min-height:auto;

        margin:
            0 0 20px;

        padding:20px;

        border-radius:22px;
    }

    .tscn-recognition-logo{

        height:170px;
    }

    .tscn-recognition-logo img{

        width:auto;

        max-width:125px;

        height:125px;
    }

    .tscn-recognition-content h3{

        font-size:20px;
    }

    .tscn-recognition-bottom{

        margin:
            10px 15px 0;

        padding:17px;

        align-items:flex-start;
    }

}


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

@media(max-width:480px){

    .tscn-recognition-heading h2{

        font-size:36px;
    }

    .tscn-recognition-heading p{

        font-size:11.5px;
    }

    .tscn-recognition-card{

        padding:17px;

        border-radius:20px;
    }

    .tscn-recognition-logo{

        height:155px;

        margin-bottom:17px;
    }

    .tscn-recognition-logo img{

        max-width:112px;

        height:112px;
    }

    .tscn-recognition-content h3{

        font-size:18px;
    }

    .tscn-recognition-content p{

        font-size:11px;
    }

    .tscn-recognition-bottom{

        gap:10px;
    }

    .tscn-recognition-bottom span{

        width:34px;
        height:34px;

        flex-basis:34px;
    }

    .tscn-recognition-bottom p{

        font-size:11px;
    }

}