/* =========================================================
   VARIABLES
========================================================= */

.ta-leader-page{

    --green:#20352a;
    --dark:#102019;

    --cream:#f4eee4;
    --cream2:#e7dfd1;

    --orange:#aa5c38;
    --gold:#d8a45b;

    background:var(--cream);

    color:var(--green);

    overflow:hidden;

}


.ta-leader-page *{

    box-sizing:border-box;

}


.ta-leader-page .ta-container{

    width:100%;

    max-width:1320px;

    margin:auto;

    padding-left:28px;
    padding-right:28px;

}



/* =========================================================
   SCROLL REVEAL
========================================================= */

.reveal-up,
.reveal-left,
.reveal-right{

    opacity:0;

    transition:

        opacity 1s ease,

        transform 1.2s cubic-bezier(.16,1,.3,1);

}


.reveal-up{

    transform:translateY(70px);

}


.reveal-left{

    transform:translateX(-90px);

}


.reveal-right{

    transform:translateX(90px);

}


.reveal-up.active,
.reveal-left.active,
.reveal-right.active{

    opacity:1;

    transform:none;

}



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

.ta-leader-hero{

    position:relative;

    min-height:760px;

    display:flex;

    align-items:flex-end;

    overflow:hidden;

    background:var(--dark);

}


.ta-leader-hero-bg{

    position:absolute;

    inset:0;

    background-image:

        url('<?= BASE_URL ?>/assets/images/products/product10.jpg');

    background-size:cover;

    background-position:center;

    transform:scale(1.08);

    animation:

        taLeaderHeroZoom 15s ease-in-out infinite alternate;

}


@keyframes taLeaderHeroZoom{

    from{

        transform:scale(1.05);

    }

    to{

        transform:scale(1.14);

    }

}


.ta-leader-hero-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            90deg,

            rgba(10,25,17,.95),

            rgba(10,25,17,.65),

            rgba(10,25,17,.15)

        );

}


.ta-leader-hero .ta-container{

    position:relative;

    z-index:2;

}


.ta-leader-hero-content{

    max-width:900px;

    padding-bottom:100px;

}


.ta-leader-label{

    display:flex;

    align-items:center;

    gap:14px;

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-leader-label span{

    width:45px;

    height:1px;

    background:var(--gold);

}


.ta-leader-hero h1{

    margin:25px 0;

    color:#fff;

    font-size:clamp(55px,8vw,115px);

    line-height:.9;

    letter-spacing:-6px;

    font-weight:500;

}


.ta-leader-hero h1 em{

    color:var(--gold);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-leader-hero p{

    max-width:550px;

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

    font-size:15px;

    line-height:1.9;

}


.ta-leader-hero-scroll{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:35px;

    color:#fff;

    font-size:9px;

    letter-spacing:2px;

}


.ta-leader-hero-scroll span{

    width:55px;

    height:1px;

    background:var(--gold);

}



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

.ta-leader-intro{

    padding:14px 0;

}


.ta-intro-heading{

    max-width:950px;

}


.ta-intro-heading > span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-intro-heading h2{

    margin:20px 0 80px;

    font-size:clamp(52px,7vw,100px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-intro-heading h2 em{

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-intro-content{

    display:grid;

    grid-template-columns:100px 1fr;

    gap:40px;

}


.ta-intro-line{

    width:2px;

    height:150px;

    background:var(--gold);

}


.ta-intro-text{

    max-width:850px;

}


.ta-intro-text p{

    font-size:17px;

    line-height:2;

    color:#667069;

    margin:0 0 22px;

}


.ta-intro-text strong{

    color:var(--green);

}



/* =========================================================
   LEADERS
========================================================= */

.ta-leaders-section{

    padding:10px 0;

    background:var(--cream2);

}


.ta-section-heading{

    max-width:800px;

    margin-bottom:90px;

}


.ta-section-heading span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-section-heading h2{

    margin:20px 0 0;

    font-size:clamp(50px,7vw,90px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-section-heading h2 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-leaders-grid{

    display:flex;

    flex-direction:column;

    gap:100px;

}


.ta-leader-card{

    display:grid;

    grid-template-columns:50% 50%;

    align-items:center;

}


.ta-leader-card-reverse .ta-leader-image{

    order:2;

}


.ta-leader-card-reverse .ta-leader-info{

    order:1;

    padding-left:0;

    padding-right:10%;

}


.ta-leader-image{

    position:relative;

    height:680px;

    overflow:hidden;

}


.ta-leader-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform 1.5s ease;

}


.ta-leader-card:hover .ta-leader-image img{

    transform:scale(1.07);

}


.ta-leader-image-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            to top,

            rgba(8,24,16,.75),

            transparent 55%

        );

}


.ta-leader-number{

    position:absolute;

    top:25px;

    left:25px;

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#fff;

    color:var(--green);

    font-size:11px;

    font-weight:700;

}


.ta-leader-image-title{

    position:absolute;

    left:40px;

    bottom:40px;

    color:#fff;

}


.ta-leader-image-title span{

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-leader-info{

    padding-left:10%;

    padding-right:6%;

}


.ta-leader-role{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-leader-info h3{

    margin:20px 0;

    font-size:clamp(45px,5vw,75px);

    line-height:.9;

    letter-spacing:-4px;

    font-weight:500;

}


.ta-leader-info h3 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-leader-divider{

    width:55px;

    height:2px;

    margin:30px 0;

    background:var(--gold);

}


.ta-leader-info p{

    color:#69736c;

    font-size:14px;

    line-height:1.9;

}


.ta-leader-quote{

    display:flex;

    gap:15px;

    align-items:flex-start;

    margin-top:30px;

    padding:25px;

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

}


.ta-leader-quote i{

    color:var(--orange);

    font-size:30px;

}


.ta-leader-quote span{

    color:var(--green);

    font-family:Georgia,serif;

    font-size:17px;

    font-style:italic;

    line-height:1.5;

}








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

.ta-about-visual-intro{

    padding:10px 0;

    background:var(--cream);

}

.ta-visual-intro-grid{

    display:grid;

    grid-template-columns:100px 1fr;

    gap:50px;

}

.ta-visual-number{

    color:var(--orange);

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

}

.ta-visual-intro-text{

    max-width:900px;

}

.ta-visual-intro-text span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}

.ta-visual-intro-text h2{

    margin:20px 0 80px;

    font-size:clamp(55px,7vw,100px);

    line-height:.87;

    letter-spacing:-5px;

    font-weight:500;

}

.ta-visual-intro-text h2 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}

.ta-intro-image-stage{

    position:relative;

    height:620px;

}

.ta-intro-image{

    position:absolute;

    overflow:hidden;

}

.ta-intro-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform 1.2s cubic-bezier(.16,1,.3,1);

}

.ta-intro-image:hover img{

    transform:scale(1.08);

}

.image-left{

    left:0;
    top:0;

    width:58%;
    height:520px;

}

.image-right{

    right:2%;
    bottom:0;

    width:43%;
    height:380px;

    border:12px solid var(--cream);

}

.ta-intro-center{

    position:absolute;

    left:51%;
    top:48%;

    width:105px;
    height:105px;

    display:flex;

    flex-direction:column;

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

    gap:8px;

    border-radius:50%;

    background:var(--orange);

    color:#fff;

    z-index:5;

    animation:
        introFloat 4s ease-in-out infinite;

}

@keyframes introFloat{

    0%,100%{
        transform:translate(-50%,-50%);
    }

    50%{
        transform:translate(-50%,-65%);
    }

}

.ta-intro-center span{

    font-size:8px;

    letter-spacing:2px;

}

















/* =========================================================
   STORY
========================================================= */

.ta-about-story-visual{

    display:grid;

    grid-template-columns:58% 42%;

    min-height:800px;

    background:var(--cream2);

}

.ta-story-big-image{

    position:relative;

    height:800px;

    overflow:hidden;

}

.ta-story-big-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform 1.5s cubic-bezier(.16,1,.3,1);

}

.ta-story-big-image:hover img{

    transform:scale(1.06);

}

.ta-story-image-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(15,30,22,.65),
            transparent 60%
        );

}

.ta-story-image-text{

    position:absolute;

    left:55px;
    bottom:50px;

    color:#fff;

}

.ta-story-image-text small{

    display:block;

    margin-bottom:6px;

    color:var(--gold);

    font-size:10px;

    letter-spacing:3px;

}

.ta-story-image-text strong{

    font-family:Georgia,serif;

    font-size:42px;

    font-weight:400;

}

.ta-story-side{

    padding:70px;

}

.ta-story-small-image{

    height:300px;

    overflow:hidden;

}

.ta-story-small-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform 1s ease;

}

.ta-story-small-image:hover img{

    transform:scale(1.08);

}

.ta-story-side-content{

    padding-top:55px;

}

.ta-story-side-content > span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:2px;

}

.ta-story-side-content h2{

    margin:18px 0 25px;

    font-size:clamp(45px,5vw,70px);

    line-height:.9;

    letter-spacing:-3px;

    font-weight:500;

}

.ta-story-side-content h2 em{

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}

.ta-story-side-content p{

    max-width:430px;

    margin:0;

    color:#697169;

    font-size:14px;

    line-height:1.9;

}















/* =========================================================
   TASTY AGRO — ABOUT VIDEO SECTION
   CREAM + RED + YELLOW / ORANGE THEME
========================================================= */

.ta-about-video {
    position: relative;
    padding: 90px 0;
    background: #FFF4DF;
    overflow: hidden;
}


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

.ta-about-video::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    top: -220px;
    right: -180px;

    border-radius: 50%;

    border: 1px solid rgba(168, 48, 38, 0.15);

    pointer-events: none;

    animation: taAboutVideoFloat 10s ease-in-out infinite;
}


.ta-about-video::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    bottom: -120px;
    left: -100px;

    border-radius: 50%;

    background: rgba(232, 117, 24, 0.10);

    filter: blur(10px);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.ta-about-video .ta-container {
    position: relative;
    z-index: 2;
}


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

.ta-about-video-grid {
    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 70px;

    align-items: center;
}


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

.ta-about-video-content {
    position: relative;

    animation:
        taAboutVideoContentReveal
        0.8s
        cubic-bezier(.2,.8,.2,1)
        both;
}


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

.ta-about-video .ta-kicker {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #A83026;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}


.ta-about-video .ta-kicker::before {
    content: "";

    width: 32px;
    height: 2px;

    background: #E87518;

    transition: width 0.4s ease;
}


.ta-about-video-content:hover .ta-kicker::before {
    width: 52px;
}


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

.ta-about-video-content h2 {
    margin: 0 0 22px;

    color: #2B211D;

    font-family: "Playfair Display", serif;

    font-size: clamp(38px, 4vw, 58px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -1.2px;
}


.ta-about-video-content h2 em {
    display: block;

    color: #A83026;

    font-weight: 400;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ta-about-video-content p {
    max-width: 520px;

    margin: 0 0 28px;

    color: #66554D;

    font-family: "DM Sans", sans-serif;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   LINK / BUTTON
========================================================= */

.ta-about-video-link {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 14px 20px;

    background: #A83026;

    color: #ffffff;

    border-radius: 4px;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-decoration: none;

    overflow: hidden;

    transition:
        transform 0.4s cubic-bezier(.2,.8,.2,1),
        background 0.4s ease,
        box-shadow 0.4s ease;
}


/* Button shine */

.ta-about-video-link::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.25),
            transparent
        );

    transform: skewX(-20deg);

    transition: left 0.7s ease;
}


.ta-about-video-link span,
.ta-about-video-link i {
    position: relative;

    z-index: 2;
}


.ta-about-video-link i {
    font-size: 16px;

    transition: transform 0.4s ease;
}


.ta-about-video-link:hover {
    background: #E87518;

    color: #ffffff;

    transform: translateY(-4px);

    box-shadow:
        0 15px 30px
        rgba(168, 48, 38, 0.22);
}


.ta-about-video-link:hover::before {
    left: 140%;
}


.ta-about-video-link:hover i {
    transform:
        translate(3px, -3px);
}


/* =========================================================
   VIDEO MEDIA
========================================================= */

.ta-about-video-media {
    position: relative;

    border-radius: 10px;

    overflow: hidden;

    background: #A83026;

    padding: 8px;

    box-shadow:
        0 25px 60px
        rgba(91, 34, 26, 0.20);

    animation:
        taAboutVideoReveal
        1s
        cubic-bezier(.2,.8,.2,1)
        both;
}


/* =========================================================
   VIDEO
========================================================= */

.ta-company-video {
    display: block;

    width: 100%;

    height: 460px;

    object-fit: cover;

    border-radius: 5px;

    background: #2B211D;

    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}


/* =========================================================
   MEDIA HOVER
========================================================= */

.ta-about-video-media:hover {
    box-shadow:
        0 30px 70px
        rgba(168, 48, 38, 0.28);
}


.ta-about-video-media:hover .ta-company-video {
    transform: scale(1.025);

    filter: saturate(1.05);
}


/* =========================================================
   CORNER ACCENT
========================================================= */

.ta-about-video-media::before {
    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    top: -4px;
    right: -4px;

    z-index: 3;

    border-top: 4px solid #F4B41A;
    border-right: 4px solid #F4B41A;

    pointer-events: none;

    transition:
        width 0.5s ease,
        height 0.5s ease;
}


.ta-about-video-media:hover::before {
    width: 130px;
    height: 130px;
}


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

.ta-about-video-media::after {
    content: "";

    position: absolute;

    width: 65px;
    height: 65px;

    bottom: -4px;
    left: -4px;

    z-index: 3;

    border-bottom: 4px solid #E87518;
    border-left: 4px solid #E87518;

    pointer-events: none;

    transition:
        width 0.5s ease,
        height 0.5s ease;
}


.ta-about-video-media:hover::after {
    width: 100px;
    height: 100px;
}


/* =========================================================
   ENTRANCE ANIMATIONS
========================================================= */

@keyframes taAboutVideoContentReveal {

    from {
        opacity: 0;

        transform:
            translateX(-40px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }

}


@keyframes taAboutVideoReveal {

    from {
        opacity: 0;

        transform:
            translateX(45px)
            scale(.96);
    }

    to {
        opacity: 1;

        transform:
            translateX(0)
            scale(1);
    }

}


/* =========================================================
   BACKGROUND FLOAT
========================================================= */

@keyframes taAboutVideoFloat {

    0%,
    100% {
        transform:
            translate(0, 0);
    }

    50% {
        transform:
            translate(-25px, 20px);
    }

}


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

@media (max-width: 1000px) {

    .ta-about-video {
        padding: 70px 0;
    }


    .ta-about-video-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .ta-about-video-content {
        max-width: 700px;
    }


    .ta-company-video {
        height: 450px;
    }

}


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

@media (max-width: 650px) {

    .ta-about-video {
        padding: 55px 0;
    }


    .ta-about-video-grid {
        gap: 30px;
    }


    .ta-about-video-content h2 {
        font-size: 36px;

        margin-bottom: 17px;
    }


    .ta-about-video-content p {
        font-size: 14px;

        line-height: 1.7;
    }


    .ta-company-video {
        height: 280px;
    }


    .ta-about-video-media {
        padding: 5px;

        border-radius: 7px;
    }


    .ta-about-video-media::before {
        width: 60px;
        height: 60px;
    }


    .ta-about-video-media::after {
        width: 45px;
        height: 45px;
    }


    .ta-about-video-link {
        padding: 13px 18px;
    }

}


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

@media (max-width: 400px) {

    .ta-about-video-content h2 {
        font-size: 31px;
    }


    .ta-company-video {
        height: 230px;
    }

}





/* =========================================================
   IMAGE VALUES
========================================================= */

.ta-image-values{

    padding:10px 0;

    background:var(--cream2);

}

.ta-values-top span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}

.ta-values-top h2{

    margin:20px 0 75px;

    font-size:clamp(55px,7vw,95px);

    line-height:.88;

    letter-spacing:-5px;

    font-weight:500;

}

.ta-values-top h2 em{

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}

.ta-image-value-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    align-items:start;

}

.ta-image-value:nth-child(2){

    margin-top:80px;

}

.ta-image-value:nth-child(3){

    margin-top:35px;

}

.ta-image-value:nth-child(4){

    margin-top:110px;

}

.ta-value-photo{

    position:relative;

    height:420px;

    overflow:hidden;

}

.ta-value-photo img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform 1s cubic-bezier(.16,1,.3,1);

}

.ta-image-value:hover .ta-value-photo img{

    transform:scale(1.09);

}

.ta-value-number{

    position:absolute;

    top:18px;
    left:18px;

    width:45px;
    height:45px;

    display:flex;

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

    border-radius:50%;

    background:#fff;

    color:var(--green);

    font-size:10px;

    font-weight:700;

}

.ta-value-info{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 0;

    border-bottom:1px solid rgba(32,53,42,.2);

}

.ta-value-info h3{

    margin:0;

    font-size:18px;

    line-height:1.1;

    font-weight:500;

}

.ta-value-info h3 em{

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}

.ta-value-info i{

    width:32px;
    height:32px;

    display:flex;

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

    border:1px solid rgba(32,53,42,.2);

    border-radius:50%;

    transition:.4s ease;

}

.ta-image-value:hover .ta-value-info i{

    background:var(--green);

    color:#fff;

    transform:rotate(45deg);

}




/* =========================================================
   LEGACY
========================================================= */

.ta-legacy-section{

    position:relative;

    min-height:850px;

    display:grid;

    grid-template-columns:50% 50%;

    background:var(--dark);

}


.ta-legacy-image{

    position:relative;

    overflow:hidden;

}


.ta-legacy-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.ta-legacy-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(16,32,25,.6)

        );

}


.ta-legacy-content{

    padding:120px 12%;

    color:#fff;

}


.ta-legacy-content > span{

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-legacy-content h2{

    margin:22px 0 35px;

    font-size:clamp(50px,5vw,80px);

    line-height:.9;

    letter-spacing:-4px;

    font-weight:500;

}


.ta-legacy-content h2 em{

    color:var(--gold);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-legacy-content p{

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

    font-size:14px;

    line-height:1.9;

}


.ta-legacy-content strong{

    color:#fff;

}


.ta-legacy-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-top:45px;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.15);

}


.ta-legacy-stats strong{

    display:block;

    color:var(--gold);

    font-size:30px;

    font-weight:500;

}


.ta-legacy-stats span{

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

    font-size:9px;

    letter-spacing:1px;

}



/* =========================================================
   MANUFACTURING
========================================================= */

.ta-manufacturing{

    padding:10px 0;

}


.ta-manufacturing-grid{

    display:grid;

    grid-template-columns:48% 52%;

    align-items:center;

    gap:70px;

}


.ta-manufacturing-content > span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-manufacturing-content h2{

    margin:22px 0 35px;

    font-size:clamp(50px,6vw,85px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-manufacturing-content h2 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-manufacturing-content p{

    color:#68726b;

    font-size:14px;

    line-height:1.9;

}


.ta-manufacturing-content strong{

    color:var(--green);

}


.ta-manufacturing-visual{

    position:relative;

    height:600px;

}


.ta-manufacturing-visual img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.ta-manufacturing-box{

    position:absolute;

    left:-40px;

    bottom:40px;

    padding:30px;

    background:var(--orange);

    color:#fff;

}


.ta-manufacturing-box span{

    display:block;

    font-size:9px;

    letter-spacing:2px;

}


.ta-manufacturing-box strong{

    display:block;

    margin:10px 0;

    font-size:40px;

    font-weight:500;

}


.ta-manufacturing-box small{

    font-size:8px;

    letter-spacing:1px;

}



/* =========================================================
   EXPORT
========================================================= */

.ta-export-section{

    padding:10px 0;

    background:var(--cream2);

}


.ta-export-content{

    max-width:900px;

    margin:auto;

    text-align:center;

}


.ta-export-content span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-export-content h2{

    margin:20px 0 45px;

    font-size:clamp(50px,7vw,95px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-export-content h2 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-export-content p{

    max-width:760px;

    margin:0 auto 20px;

    color:#69736c;

    font-size:15px;

    line-height:2;

}



/* =========================================================
   NATURE
========================================================= */

.ta-nature-section{

    display:grid;

    grid-template-columns:50% 50%;

    min-height:750px;

}


.ta-nature-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.ta-nature-content{

    padding:110px 12%;

    background:var(--green);

    color:#fff;

}


.ta-nature-content > span{

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-nature-content h2{

    margin:22px 0 35px;

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

    line-height:.9;

    letter-spacing:-4px;

    font-weight:500;

}


.ta-nature-content h2 em{

    display:block;

    color:var(--gold);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-nature-content p{

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

    font-size:14px;

    line-height:1.9;

}


.ta-nature-content strong{

    color:#fff;

}



/* =========================================================
   PORTFOLIO
========================================================= */

.ta-portfolio-section{

    padding:10px 0;

}


.ta-portfolio-heading{

    max-width:850px;

}


.ta-portfolio-heading span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-portfolio-heading h2{

    margin:20px 0 70px;

    font-size:clamp(52px,7vw,95px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-portfolio-heading h2 em{

    display:block;

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-portfolio-content{

    max-width:850px;

    margin-left:auto;

}


.ta-portfolio-content p{

    color:#69736c;

    font-size:17px;

    line-height:2;

}


.ta-portfolio-content strong{

    color:var(--green);

}



/* =========================================================
   TECHNOLOGY
========================================================= */

.ta-technology-section{

    padding:10px 0;

    background:var(--dark);

    color:#fff;

}


.ta-technology-grid{

    display:grid;

    grid-template-columns:45% 55%;

    gap:80px;

}


.ta-tech-title span{

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-tech-title h2{

    margin-top:25px;

    font-size:clamp(55px,7vw,95px);

    line-height:.88;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-tech-title h2 em{

    display:block;

    color:var(--gold);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-tech-content p{

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

    font-size:15px;

    line-height:2;

}


.ta-tech-content strong{

    color:#fff;

}



/* =========================================================
   STRENGTH
========================================================= */

.ta-strength-section{

    padding:10px 0;

    background:var(--cream2);

}


.ta-strength-heading{

    text-align:center;

    margin-bottom:80px;

}


.ta-strength-heading span{

    color:var(--orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-strength-heading h2{

    margin:20px 0;

    font-size:clamp(50px,7vw,90px);

    line-height:.9;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-strength-heading h2 em{

    color:var(--orange);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-strength-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    border-top:1px solid rgba(32,53,42,.2);

    border-left:1px solid rgba(32,53,42,.2);

}


.ta-strength-item{

    min-height:220px;

    padding:45px;

    border-right:1px solid rgba(32,53,42,.2);

    border-bottom:1px solid rgba(32,53,42,.2);

}


.ta-strength-item strong{

    display:block;

    margin-bottom:15px;

    color:var(--orange);

    font-size:45px;

    font-weight:500;

}


.ta-strength-item span{

    color:#68726b;

    font-size:11px;

    letter-spacing:1px;

}



/* =========================================================
   FUTURE
========================================================= */

.ta-future-section{

    position:relative;

    min-height:850px;

    display:flex;

    align-items:center;

    overflow:hidden;

}


.ta-future-bg{

    position:absolute;

    inset:0;

}


.ta-future-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.ta-future-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(

            90deg,

            rgba(10,27,18,.95),

            rgba(10,27,18,.55),

            rgba(10,27,18,.1)

        );

}


.ta-future-section .ta-container{

    position:relative;

    z-index:2;

}


.ta-future-content{

    max-width:850px;

    color:#fff;

}


.ta-future-content > span{

    color:var(--gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-future-content h2{

    margin:25px 0 40px;

    font-size:clamp(50px,7vw,100px);

    line-height:.88;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-future-content h2 em{

    color:var(--gold);

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-future-content p{

    max-width:700px;

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

    font-size:15px;

    line-height:2;

}


.ta-future-content strong{

    color:#fff;

}



/* =========================================================
   FINAL CTA
========================================================= */

.ta-leader-cta{

    padding:10px 0;

    background:var(--orange);

}


.ta-leader-cta-content{

    max-width:950px;

    margin:auto;

    text-align:center;

    color:#fff;

}


.ta-leader-cta-content > span{

    color:#f8d4c1;

    font-size:10px;

    font-weight:700;

    letter-spacing:3px;

}


.ta-leader-cta-content h2{

    margin:25px 0 40px;

    font-size:clamp(52px,7vw,100px);

    line-height:.88;

    letter-spacing:-5px;

    font-weight:500;

}


.ta-leader-cta-content h2 em{

    display:block;

    color:#ffe1d0;

    font-family:Georgia,serif;

    font-weight:400;

}


.ta-leader-cta-content p{

    max-width:750px;

    margin:0 auto 22px;

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

    font-size:15px;

    line-height:2;

}


.ta-final-text{

    color:#fff !important;

}


.ta-tagline{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin:45px 0;

    color:#ffe1d0;

    font-size:9px;

    font-weight:700;

    letter-spacing:2px;

}


.ta-tagline span{

    width:4px;

    height:4px;

    border-radius:50%;

    background:#ffe1d0;

}


.ta-leader-button{

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:18px 30px;

    background:#fff;

    color:var(--green);

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    transition:.4s ease;

}


.ta-leader-button:hover{

    background:var(--green);

    color:#fff;

    transform:translateY(-5px);

}


.ta-leader-button i{

    transition:.3s ease;

}


.ta-leader-button:hover i{

    transform:translate(5px,-5px);

}



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

@media(max-width:991px){


    .ta-leader-card{

        grid-template-columns:1fr;

    }


    .ta-leader-card-reverse .ta-leader-image{

        order:1;

    }


    .ta-leader-card-reverse .ta-leader-info{

        order:2;

        padding-right:0;

    }


    .ta-leader-info{

        padding:50px 0 0;

    }


    .ta-leader-image{

        height:600px;

    }


    .ta-legacy-section{

        grid-template-columns:1fr;

    }


    .ta-legacy-image{

        height:500px;

    }


    .ta-manufacturing-grid{

        grid-template-columns:1fr;

    }


    .ta-nature-section{

        grid-template-columns:1fr;

    }


    .ta-nature-image{

        height:500px;

    }


    .ta-technology-grid{

        grid-template-columns:1fr;

    }


    .ta-strength-grid{

        grid-template-columns:repeat(2,1fr);

    }


}



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

@media(max-width:576px){


    .ta-leader-page .ta-container{

        padding-left:18px;

        padding-right:18px;

    }


    .ta-leader-hero{

        min-height:700px;

    }


    .ta-leader-hero-content{

        padding-bottom:65px;

    }


    .ta-leader-hero h1{

        font-size:56px;

        letter-spacing:-3px;

    }


    .ta-leader-intro{

        padding:90px 0;

    }


    .ta-intro-heading h2{

        font-size:52px;

        letter-spacing:-3px;

        margin-bottom:50px;

    }


    .ta-intro-content{

        grid-template-columns:30px 1fr;

        gap:18px;

    }


    .ta-intro-text p{

        font-size:14px;

    }


    .ta-leaders-section{

        padding:90px 0;

    }


    .ta-section-heading{

        margin-bottom:55px;

    }


    .ta-section-heading h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-leaders-grid{

        gap:70px;

    }


    .ta-leader-image{

        height:480px;

    }


    .ta-leader-info h3{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-legacy-content{

        padding:80px 25px;

    }


    .ta-legacy-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-legacy-stats{

        gap:10px;

    }


    .ta-legacy-stats strong{

        font-size:24px;

    }


    .ta-manufacturing{

        padding:90px 0;

    }


    .ta-manufacturing-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-manufacturing-visual{

        height:420px;

    }


    .ta-manufacturing-box{

        left:0;

        bottom:20px;

        padding:20px;

    }


    .ta-export-section{

        padding:90px 0;

    }


    .ta-export-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-nature-content{

        padding:80px 25px;

    }


    .ta-nature-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-portfolio-section{

        padding:90px 0;

    }


    .ta-portfolio-heading h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-portfolio-content{

        margin-left:0;

    }


    .ta-portfolio-content p{

        font-size:14px;

    }


    .ta-technology-section{

        padding:90px 0;

    }


    .ta-tech-title h2{

        font-size:55px;

        letter-spacing:-3px;

    }


    .ta-strength-section{

        padding:90px 0;

    }


    .ta-strength-grid{

        grid-template-columns:1fr;

    }


    .ta-strength-heading h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-future-section{

        min-height:750px;

    }


    .ta-future-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-leader-cta{

        padding:90px 0;

    }


    .ta-leader-cta-content h2{

        font-size:52px;

        letter-spacing:-3px;

    }


    .ta-tagline{

        gap:10px;

        line-height:2;

    }


}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){


    *,

    *::before,

    *::after{

        animation:none !important;

        transition:none !important;

    }


}










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

@media(max-width:991px){

    .ta-hero-image-small{
        right:5%;
        width:160px;
        height:220px;
    }

    .ta-about-story-visual{
        grid-template-columns:1fr;
    }

    .ta-story-big-image{
        height:650px;
    }

    .ta-story-side{
        padding:70px 8%;
    }

    .ta-image-value-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ta-image-value:nth-child(2),
    .ta-image-value:nth-child(3),
    .ta-image-value:nth-child(4){
        margin-top:0;
    }

    .ta-image-value:nth-child(even){
        margin-top:60px;
    }

}


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

@media(max-width:576px){

    .ta-about-page .ta-container{
        padding-left:18px;
        padding-right:18px;
    }

    .ta-about-hero{
        height:700px;
        min-height:700px;
    }

    .ta-hero-image-small{
        width:125px;
        height:170px;
        right:20px;
        bottom:120px;
        border-width:5px;
    }

    .ta-hero-content{
        left:18px;
        bottom:55px;
    }

    .ta-hero-content h1{
        font-size:58px;
        letter-spacing:-3px;
    }

    .ta-hero-bottom{
        display:block;
    }

    .ta-hero-scroll{
        margin-top:25px;
    }

    .ta-marquee-item{
        width:180px;
        height:90px;
    }

    .ta-about-visual-intro,
    .ta-image-values,
    .ta-moving-gallery{
        padding:90px 0;
    }

    .ta-visual-intro-grid{
        grid-template-columns:40px 1fr;
        gap:20px;
    }

    .ta-visual-intro-text h2{
        font-size:51px;
        letter-spacing:-3px;
        margin-bottom:50px;
    }

    .ta-intro-image-stage{
        height:470px;
    }

    .image-left{
        width:82%;
        height:370px;
    }

    .image-right{
        width:62%;
        height:250px;
        right:0;
        border-width:7px;
    }

    .ta-intro-center{
        width:75px;
        height:75px;
        font-size:8px;
    }

    .ta-story-big-image{
        height:520px;
    }

    .ta-story-image-text{
        left:25px;
        bottom:30px;
    }

    .ta-story-image-text strong{
        font-size:32px;
    }

    .ta-story-side{
        padding:50px 18px 70px;
    }

    .ta-story-small-image{
        height:240px;
    }

    .ta-story-side-content{
        padding-top:40px;
    }

    .ta-story-side-content h2{
        font-size:50px;
    }

    .ta-about-wide-image{
        padding:70px 18px;
    }

    .ta-wide-image{
        height:550px;
    }

    .ta-wide-content{
        left:25px;
        right:25px;
        bottom:35px;
    }

    .ta-wide-content h2{
        font-size:48px;
        letter-spacing:-3px;
    }

    .ta-image-value-grid{
        grid-template-columns:1fr;
    }

    .ta-image-value:nth-child(even){
        margin-top:0;
    }

    .ta-value-photo{
        height:400px;
    }

    .ta-values-top h2{
        font-size:52px;
        letter-spacing:-3px;
    }

    .ta-gallery-image{
        width:220px;
        height:180px;
    }

    .ta-gallery-image.tall{
        width:260px;
        height:230px;
    }

    .ta-moving-title{
        margin-bottom:50px;
    }

    .ta-moving-title h2{
        font-size:55px;
        letter-spacing:-3px;
    }

    .ta-about-vision{
        min-height:650px;
    }

    .ta-vision-content h2{
        font-size:55px;
        letter-spacing:-3px;
    }

    .ta-vision-bottom{
        align-items:flex-start;
        gap:20px;
    }

    .ta-vision-circle{
        width:50px;
        height:50px;
    }

    .ta-about-cta{
        min-height:650px;
    }

    .cta-img-one{
        width:200px;
        height:270px;
        left:-40px;
    }

    .cta-img-two{
        width:180px;
        height:240px;
        right:-35px;
    }

    .ta-cta-content h2{
        font-size:58px;
        letter-spacing:-3px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{

        animation:none !important;

        transition:none !important;

    }

}