/* =========================================================
   TSCN — CHAIRMAN MESSAGE INNER HEADER
   Premium Light Editorial Design
========================================================= */

.tscn-chairman-head{
    position:relative;
    width:100%;
    min-height:365px;
    overflow:hidden;

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

    background:
        radial-gradient(circle at 15% 30%,
            rgba(184,29,57,.08),
            transparent 28%),

        radial-gradient(circle at 88% 65%,
            rgba(198,151,64,.10),
            transparent 30%),

        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fff8ee 48%,
            #fffdf9 100%
        );

    border-bottom:1px solid rgba(126,20,45,.08);
}


/* =========================================================
   TOP ACCENT
========================================================= */

.tscn-chairman-head-line{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        #7e142d,
        #b51f3d,
        #c89a4a,
        #b51f3d,
        #7e142d
    );
}


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

.tscn-chairman-orb{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    opacity:.55;
}

.tscn-chairman-orb-1{
    width:310px;
    height:310px;

    left:-170px;
    top:-120px;

    border:1px solid rgba(181,31,61,.12);
}

.tscn-chairman-orb-1::after{
    content:"";

    position:absolute;
    width:190px;
    height:190px;

    left:58px;
    top:58px;

    border:1px solid rgba(200,154,74,.13);
    border-radius:50%;
}


.tscn-chairman-orb-2{
    width:260px;
    height:260px;

    right:-135px;
    bottom:-150px;

    border:1px solid rgba(200,154,74,.15);
}


/* =========================================================
   INNER
========================================================= */

.tscn-chairman-head-inner{
    position:relative;
    z-index:3;

    width:100%;
    max-width:900px;

    margin:0 auto;

    text-align:center;

    padding:55px 20px 45px;
}


/* =========================================================
   KICKER
========================================================= */

.tscn-chairman-kicker{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:14px;

    margin-bottom:16px;
}

.tscn-chairman-kicker span{
    width:48px;
    height:1px;

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

.tscn-chairman-kicker span:last-child{
    background:linear-gradient(
        90deg,
        #a91d39,
        transparent
    );
}

.tscn-chairman-kicker strong{
    color:#941832;

    font-size:10px;
    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.tscn-chairman-title{
    margin:0;

    color:#202024;

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

    font-size:clamp(
        48px,
        6vw,
        78px
    );

    font-weight:700;

    line-height:.98;

    letter-spacing:-2px;
}

.tscn-chairman-title em{
    display:inline-block;

    color:#a91d39;

    font-style:normal;

    position:relative;
}


/* Gold underline */

.tscn-chairman-title em::after{
    content:"";

    position:absolute;

    left:8%;
    right:8%;
    bottom:-10px;

    height:3px;

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

    border-radius:50%;
}


/* =========================================================
   INTRO
========================================================= */

.tscn-chairman-intro{
    max-width:650px;

    margin:28px auto 0;

    color:#68707a;

    font-size:15px;

    line-height:1.8;

    font-weight:500;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.tscn-chairman-breadcrumb{
    display:flex;

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

    gap:12px;

    margin-top:24px;

    font-size:13px;
}

.tscn-chairman-breadcrumb a{
    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#8e1935;

    font-weight:700;

    text-decoration:none;

    transition:.3s ease;
}

.tscn-chairman-breadcrumb a:hover{
    color:#c69a4c;
}

.tscn-chairman-breadcrumb a i{
    font-size:13px;
}

.tscn-chairman-breadcrumb span{
    color:#c69a4c;

    font-size:16px;
}

.tscn-chairman-breadcrumb strong{
    color:#666;

    font-weight:600;
}


/* =========================================================
   BOTTOM ACCENT
========================================================= */

.tscn-chairman-accent{
    display:flex;

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

    gap:10px;

    margin-top:23px;
}

.tscn-chairman-accent span{
    width:48px;
    height:1px;

    background:#d8b66d;
}

.tscn-chairman-accent i{
    width:34px;
    height:34px;

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

    border-radius:50%;

    color:#fff;

    font-size:12px;

    background:#a91d39;

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


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

@media(max-width:991px){

    .tscn-chairman-head{
        min-height:330px;
    }

    .tscn-chairman-head-inner{
        padding:48px 20px 38px;
    }

    .tscn-chairman-title{
        font-size:58px;
    }

}


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

@media(max-width:767px){

    .tscn-chairman-head{
        min-height:315px;

        background:
            radial-gradient(
                circle at 10% 20%,
                rgba(181,31,61,.06),
                transparent 30%
            ),
            linear-gradient(
                145deg,
                #fffdf9,
                #fff7ed
            );
    }

    .tscn-chairman-head-inner{
        padding:42px 18px 35px;
    }

    .tscn-chairman-kicker{
        gap:9px;
        margin-bottom:13px;
    }

    .tscn-chairman-kicker span{
        width:28px;
    }

    .tscn-chairman-kicker strong{
        font-size:8px;
        letter-spacing:2px;
    }

    .tscn-chairman-title{
        font-size:45px;
        line-height:1.02;
        letter-spacing:-1.5px;
    }

    .tscn-chairman-title em::after{
        bottom:-7px;
        height:2px;
    }

    .tscn-chairman-intro{
        max-width:360px;

        margin-top:23px;

        font-size:13px;

        line-height:1.7;
    }

    .tscn-chairman-breadcrumb{
        margin-top:20px;

        gap:8px;

        font-size:11px;
    }

    .tscn-chairman-accent{
        margin-top:19px;
    }

    .tscn-chairman-accent span{
        width:32px;
    }

    .tscn-chairman-accent i{
        width:30px;
        height:30px;
        font-size:10px;
    }

    .tscn-chairman-orb-1{
        width:220px;
        height:220px;
        left:-145px;
        top:-100px;
    }

    .tscn-chairman-orb-2{
        width:190px;
        height:190px;
        right:-120px;
        bottom:-120px;
    }

}


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

@media(max-width:420px){

    .tscn-chairman-head{
        min-height:300px;
    }

    .tscn-chairman-head-inner{
        padding:38px 14px 30px;
    }

    .tscn-chairman-title{
        font-size:39px;
    }

    .tscn-chairman-intro{
        font-size:12px;
        padding:0 8px;
    }

    .tscn-chairman-kicker strong{
        font-size:7px;
        letter-spacing:1.6px;
    }

    .tscn-chairman-breadcrumb{
        font-size:10px;
    }

}

 


/* =========================================================
   TSCN — CHAIRMAN MESSAGE
   Premium Editorial Layout
========================================================= */

.tscn-chairman-message{
    position:relative;
    overflow:hidden;

    padding:105px 0 115px;

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


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.tscn-chairman-message-bg{
    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.55;
}

.tscn-chairman-message-bg::before{
    content:"";

    position:absolute;

    width:480px;
    height:480px;

    left:-300px;
    top:120px;

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

    border-radius:50%;
}

.tscn-chairman-message-bg::after{
    content:"";

    position:absolute;

    width:350px;
    height:350px;

    right:-220px;
    bottom:-150px;

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

    border-radius:50%;
}


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

.tscn-chairman-message-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(360px, .9fr)
        minmax(480px, 1.1fr);

    gap:85px;

    align-items:center;
}


/* =========================================================
   IMAGE AREA
========================================================= */

.tscn-chairman-profile{
    position:relative;

    padding:18px 25px 45px 18px;
}

.tscn-chairman-photo-wrap{
    position:relative;

    max-width:500px;

    margin:0 auto;
}


/* Main image */

.tscn-chairman-photo{
    position:relative;
    z-index:3;

    display:block;

    width:100%;

    aspect-ratio:4 / 4.8;

    object-fit:cover;

    object-position:center top;

    border-radius:
        18px 80px 18px 80px;

    box-shadow:
        0 30px 70px rgba(49,24,20,.18);

    border:8px solid rgba(255,255,255,.95);
}


/* Decorative frame */

.tscn-chairman-photo-frame{
    position:absolute;

    z-index:1;

    inset:20px -18px -22px 25px;

    border-radius:
        18px 80px 18px 80px;

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

    background:
        linear-gradient(
            135deg,
            rgba(169,29,57,.08),
            rgba(198,154,74,.12)
        );
}


/* Gold corner */

.tscn-chairman-photo-wrap::before{
    content:"";

    position:absolute;

    z-index:4;

    width:95px;
    height:95px;

    top:-15px;
    left:-15px;

    border-top:4px solid #c69a4c;
    border-left:4px solid #c69a4c;

    border-radius:25px 0 0 0;
}


/* =========================================================
   IMAGE BADGE
========================================================= */

.tscn-chairman-image-badge{
    position:absolute;

    z-index:5;

    left:-5px;
    bottom:0;

    display:flex;
    align-items:center;

    gap:14px;

    min-width:285px;

    padding:15px 20px;

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

    border-radius:14px;

    box-shadow:
        0 18px 40px rgba(54,24,24,.16);

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

.tscn-chairman-image-badge > span{
    width:44px;
    height:44px;

    flex:0 0 44px;

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

    border-radius:50%;

    color:#fff;

    background:#a91d39;

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

.tscn-chairman-image-badge small{
    display:block;

    margin-bottom:4px;

    color:#a57930;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.8px;
}

.tscn-chairman-image-badge strong{
    display:block;

    color:#292529;

    font-family:Georgia,serif;

    font-size:16px;
}


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

.tscn-chairman-content{
    max-width:700px;
}


/* Label */

.tscn-chairman-section-label{
    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:17px;
}

.tscn-chairman-section-label span{
    width:38px;
    height:1px;

    background:#b31e3d;
}

.tscn-chairman-section-label span:last-child{
    width:25px;

    background:#c69a4c;
}

.tscn-chairman-section-label strong{
    color:#9d1935;

    font-size:9px;

    font-weight:900;

    letter-spacing:2.7px;
}


/* Heading */

.tscn-chairman-heading{
    margin:0;

    max-width:650px;

    color:#202024;

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

    font-size:clamp(
        42px,
        4.2vw,
        64px
    );

    line-height:1.04;

    letter-spacing:-1.7px;
}

.tscn-chairman-heading em{
    display:block;

    color:#a91d39;

    font-style:normal;
}


/* =========================================================
   RULE
========================================================= */

.tscn-chairman-rule{
    width:75px;
    height:4px;

    margin:24px 0 25px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #a91d39 0%,
            #c69a4c 70%,
            transparent 100%
        );
}


/* =========================================================
   MESSAGE TEXT
========================================================= */

.tscn-chairman-text{
    max-width:680px;
}

.tscn-chairman-text p{
    margin:0 0 16px;

    color:#60656c;

    font-size:14px;

    line-height:1.9;

    font-weight:400;
}

.tscn-chairman-text p:first-child{
    color:#3e4146;

    font-size:16px;

    line-height:1.8;

    font-weight:600;
}


/* =========================================================
   HIGHLIGHT
========================================================= */

.tscn-chairman-highlight{
    display:flex;
    align-items:center;

    gap:15px;

    margin-top:28px;

    padding:17px 20px;

    max-width:600px;

    background:
        linear-gradient(
            100deg,
            rgba(169,29,57,.055),
            rgba(198,154,74,.07)
        );

    border-left:3px solid #a91d39;

    border-radius:0 14px 14px 0;
}

.tscn-chairman-highlight-icon{
    width:44px;
    height:44px;

    flex:0 0 44px;

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

    color:#fff;

    border-radius:50%;

    background:#a91d39;
}

.tscn-chairman-highlight strong{
    display:block;

    margin-bottom:3px;

    color:#29252a;

    font-size:13px;

    font-weight:800;
}

.tscn-chairman-highlight p{
    margin:0;

    color:#777;

    font-size:12px;

    line-height:1.6;
}


/* =========================================================
   SIGNATURE
========================================================= */

.tscn-chairman-signature{
    display:flex;
    align-items:flex-start;

    gap:18px;

    margin-top:32px;
}

.tscn-chairman-sign-line{
    width:3px;
    min-height:58px;

    border-radius:10px;

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

.tscn-chairman-name strong{
    display:block;

    color:#27242a;

    font-family:Georgia,serif;

    font-size:17px;

    letter-spacing:.5px;
}

.tscn-chairman-name span{
    display:block;

    margin-top:4px;

    color:#a91d39;

    font-size:12px;

    font-weight:800;
}

.tscn-chairman-name small{
    display:block;

    margin-top:3px;

    color:#888;

    font-size:10px;
}


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

@media(max-width:1100px){

    .tscn-chairman-message{
        padding:85px 0 95px;
    }

    .tscn-chairman-message-grid{
        grid-template-columns:
            minmax(300px,.85fr)
            minmax(420px,1.15fr);

        gap:50px;
    }

    .tscn-chairman-heading{
        font-size:48px;
    }

}


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

@media(max-width:767px){

    .tscn-chairman-message{
        padding:65px 0 75px;
    }

    .tscn-chairman-message-grid{
        display:flex;
        flex-direction:column;

        gap:55px;
    }

    .tscn-chairman-profile{
        width:100%;

        padding:
            10px 18px 35px;
    }

    .tscn-chairman-photo-wrap{
        max-width:390px;
    }

    .tscn-chairman-photo{
        aspect-ratio:4 / 4.7;

        border-radius:
            15px 55px 15px 55px;

        border-width:6px;
    }

    .tscn-chairman-photo-frame{
        inset:15px -10px -15px 15px;

        border-radius:
            15px 55px 15px 55px;
    }

    .tscn-chairman-image-badge{
        left:0;
        bottom:-8px;

        min-width:0;
        width:auto;

        padding:12px 15px;

        gap:10px;
    }

    .tscn-chairman-image-badge > span{
        width:38px;
        height:38px;

        flex-basis:38px;
    }

    .tscn-chairman-image-badge small{
        font-size:7px;
    }

    .tscn-chairman-image-badge strong{
        font-size:14px;
    }

    .tscn-chairman-content{
        width:100%;
    }

    .tscn-chairman-section-label{
        margin-bottom:14px;
    }

    .tscn-chairman-section-label strong{
        font-size:8px;
        letter-spacing:2px;
    }

    .tscn-chairman-heading{
        font-size:40px;

        line-height:1.08;

        letter-spacing:-1px;
    }

    .tscn-chairman-rule{
        margin:20px 0 21px;
    }

    .tscn-chairman-text p{
        font-size:13px;

        line-height:1.85;

        margin-bottom:14px;
    }

    .tscn-chairman-text p:first-child{
        font-size:14px;
    }

    .tscn-chairman-highlight{
        margin-top:23px;

        padding:14px;

        gap:12px;
    }

    .tscn-chairman-highlight-icon{
        width:40px;
        height:40px;

        flex-basis:40px;
    }

    .tscn-chairman-highlight p{
        font-size:11px;
    }

    .tscn-chairman-signature{
        margin-top:27px;
    }

    .tscn-chairman-name strong{
        font-size:15px;
    }

}


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

@media(max-width:420px){

    .tscn-chairman-message{
        padding-top:50px;
    }

    .tscn-chairman-profile{
        padding-left:12px;
        padding-right:12px;
    }

    .tscn-chairman-heading{
        font-size:35px;
    }

    .tscn-chairman-image-badge{
        max-width:270px;
    }

    .tscn-chairman-image-badge strong{
        font-size:13px;
    }

}