/* =========================================================
   ABOUT PAGE
   SECTION 01 — ABOUT HERO
========================================================= */
body .wp-block-post-title,
body .entry-title,
body .page-title,
body.elementor-page-title,
body h1.wp-block-post-title {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Remove the block-theme spacing that remains
 * after the title itself is hidden.
 */
body .wp-block-post-content,
body .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/*
 * Remove default first-child block margin.
 */
body .wp-block-post-content > :first-child,
body .entry-content > :first-child {
    margin-top: 0 !important;
}

/* ---------------------------------------------------------
   Remove WordPress generated page title / spacing
--------------------------------------------------------- */

body.page
.wp-block-group.alignfull.has-global-padding.is-layout-constrained:
has(> h1.wp-block-post-title) {
    margin: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    min-height: 0 !important;
}


body.page
.wp-block-group.alignfull.has-global-padding.is-layout-constrained
> h1.wp-block-post-title {
    display: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


body.page main#wp--skip-link--target {
    margin-top: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   FULL-WIDTH HERO
========================================================= */

.tk-about-hero {
    position: relative;

    overflow: hidden;

    width: auto !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 100px 0;

    box-sizing: border-box;

    background:
        linear-gradient(
            125deg,
            #eef2f8 0%,
            #f8f9fc 27%,
            #ffffff 55%,
            #fffaf0 80%,
            #fff1c7 100%
        );
}


/* Navy ambient glow */

.tk-about-hero::before {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    left: -300px;
    top: -310px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(24, 27, 60, .10) 0%,
            rgba(24, 27, 60, .025) 43%,
            rgba(24, 27, 60, 0) 72%
        );

    pointer-events: none;
}


/* Gold ambient glow */

.tk-about-hero::after {
    content: "";

    position: absolute;

    width: 540px;
    height: 540px;

    right: -280px;
    bottom: -320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .16) 0%,
            rgba(255, 186, 3, .035) 44%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


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

.tk-about-hero-inner {
    position: relative;
    z-index: 2;

    width: min(
        1240px,
        calc(100% - 48px)
    );

    max-width: 1240px;

    margin-inline: auto;

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    align-items: center;

    gap: clamp(
        70px,
        6vw,
        105px
    );
}


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

.tk-about-hero-content {
    max-width: 565px;
}


.tk-about-hero-title {
    margin:
        0 0 20px;

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    line-height: 1.42;

    font-weight: 700;

    letter-spacing: -.012em;
}


.tk-about-hero-lead {
    margin:
        0 0 15px;

    color: #3f4755;

    font-size: 15px;

    line-height: 1.85;

    font-weight: 500;
}


.tk-about-hero-copy {
    margin: 0;

    color: #626a78;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   KEY POINTS
========================================================= */

.tk-about-hero-points {
    display: grid;

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

    gap: 12px;

    margin-top: 28px;
}


.tk-about-hero-point {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 13px 14px;

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

    border:
        1px solid rgba(24, 27, 60, .075);

    border-radius: 10px;

    backdrop-filter:
        blur(8px);
}


.tk-about-hero-point-icon {
    flex: 0 0 auto;

    display: inline-flex;

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

    width: 28px;
    height: 28px;

    border-radius: 7px;

    background:
        rgba(255, 186, 3, .16);

    color: #9b6d00;
}


.tk-about-hero-point-icon i {
    font-size: 13px;
}


.tk-about-hero-point-text {
    color: #454d5a;

    font-size: 12px;

    line-height: 1.55;

    font-weight: 500;
}


/* =========================================================
   BUTTONS
========================================================= */

.tk-about-hero-actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.tk-about-hero-visual {
    position: relative;

    min-width: 0;
}


.tk-about-hero-image-wrap {
    position: relative;

    overflow: hidden;

    aspect-ratio: 16 / 10;

    border-radius: 20px;

    background: #e8ebf0;

    border:
        1px solid rgba(24, 27, 60, .08);

    box-shadow:
        0 26px 60px
        rgba(24, 27, 60, .15);
}


.tk-about-hero-image-wrap img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 20px;

    transition:
        transform .6s ease;
}


.tk-about-hero-image-wrap:hover img {
    transform: scale(1.025);
}


/* Subtle image overlay */

.tk-about-hero-image-wrap::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(24, 27, 60, 0) 52%,
            rgba(24, 27, 60, .15) 100%
        );

    pointer-events: none;
}


/* =========================================================
   IMAGE CREDIBILITY PANEL
========================================================= */

.tk-about-hero-stats {
    position: relative;

    z-index: 3;

    width:
        calc(100% - 44px);

    margin:
        -38px auto 0;

    display: grid;

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

    background:
        rgba(24, 27, 60, .96);

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 13px;

    box-shadow:
        0 18px 38px
        rgba(24, 27, 60, .20);

    backdrop-filter:
        blur(12px);
}


.tk-about-hero-stat {
    padding:
        19px 22px;
}


.tk-about-hero-stat +
.tk-about-hero-stat {
    border-left:
        1px solid rgba(255, 255, 255, .12);
}


.tk-about-hero-stat-value {
    display: block;

    margin-bottom: 4px;

    color: #FFBA03;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 22px;

    line-height: 1.2;

    font-weight: 700;
}


.tk-about-hero-stat-label {
    display: block;

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

    font-size: 11px;

    line-height: 1.5;

    font-weight: 500;
}


/* =========================================================
   ELEMENTOR FULL WIDTH
========================================================= */

body.page
.elementor-widget-html:has(.tk-about-hero) {
    width: 100% !important;
    max-width: none !important;
}


body.page
.elementor-widget-html:has(.tk-about-hero)
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


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

@media (max-width: 1024px) {

    .tk-about-hero {
        padding:
            76px 0;
    }


    .tk-about-hero-inner {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr);

        gap: 44px;
    }


    .tk-about-hero-points {
        grid-template-columns:
            1fr;
    }

}


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

@media (max-width: 767px) {

    .tk-about-hero {
        padding:
            58px 0 66px;
    }


    .tk-about-hero-inner {
        width:
            calc(100% - 30px);

        grid-template-columns:
            1fr;

        gap: 38px;
    }


    .tk-about-hero-content {
        max-width: none;
    }


    .tk-about-hero-points {
        grid-template-columns:
            1fr;
    }


    .tk-about-hero-image-wrap {
        border-radius: 16px;
    }


    .tk-about-hero-image-wrap img {
        border-radius: 16px;
    }


    .tk-about-hero-stats {
        width:
            calc(100% - 24px);

        margin-top:
            -25px;
    }


    .tk-about-hero-stat {
        padding:
            16px;
    }


    .tk-about-hero-stat-value {
        font-size: 19px;
    }

}


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

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

    .tk-about-hero-image-wrap img {
        transition: none;
    }


    .tk-about-hero-image-wrap:hover img {
        transform: none;
    }

}

/* =========================================================
   ABOUT PAGE
   SECTION 02 — COMPANY STORY
========================================================= */

.tk-about-story {
    position: relative;
    overflow: hidden;

    padding: 92px 0;

    background:
        linear-gradient(
            135deg,
            #181B3C 0%,
            #20274E 48%,
            #293361 100%
        );
}


/* Gold ambient glow */
.tk-about-story::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -280px;
    top: -300px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .14) 0%,
            rgba(255, 186, 3, .035) 44%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


/* Soft blue ambient glow */
.tk-about-story::after {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    right: -320px;
    bottom: -340px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(102, 124, 214, .16) 0%,
            rgba(102, 124, 214, .04) 44%,
            rgba(102, 124, 214, 0) 72%
        );

    pointer-events: none;
}


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

.tk-about-story-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr);

    gap: clamp(64px, 7vw, 105px);

    align-items: start;
}


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

.tk-about-story-content {
    max-width: 580px;
}


.tk-about-story .tk-eyebrow {
    color: #FFCD48;
}


.tk-about-story-title {
    margin: 0 0 20px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 24px;

    line-height: 1.42;

    font-weight: 700;

    letter-spacing: -.012em;
}


.tk-about-story-lead {
    margin: 0;

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

    font-size: 15px;

    line-height: 1.85;

    font-weight: 500;
}


.tk-about-story-copy {
    margin: 16px 0 0;

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

    font-size: 14px;

    line-height: 1.85;
}


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

.tk-about-story-highlight {
    margin-top: 30px;

    padding: 22px 24px;

    border-left: 3px solid #FFBA03;

    border-radius: 0 12px 12px 0;

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

    

    border-right:
        1px solid rgba(255, 255, 255, .08);

    border-bottom:
        1px solid rgba(255, 255, 255, .08);

    backdrop-filter:
        blur(10px);
}


.tk-about-story-highlight p {
    margin: 0;

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

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   RIGHT — CREDIBILITY GRID
========================================================= */

.tk-about-story-cards {
    display: grid;

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

    gap: 16px;
}


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

.tk-about-story-card {
    position: relative;

    overflow: hidden;

    min-height: 205px;

    padding: 25px;

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

    border:
        1px solid rgba(255, 255, 255, .11);

    border-radius: 16px;

    backdrop-filter:
        blur(10px);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}


.tk-about-story-card:hover {
    transform: translateY(-4px);

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

    border-color:
        rgba(255, 186, 3, .40);
}


/* Gold top accent */
.tk-about-story-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 24px;

    width: 48px;
    height: 3px;

    border-radius:
        0 0 4px 4px;

    background: #FFBA03;

    transition:
        width .25s ease;
}


.tk-about-story-card:hover::before {
    width: 78px;
}


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

.tk-about-story-card-icon {
    display: inline-flex;

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

    width: 42px;
    height: 42px;

    margin-bottom: 18px;

    border-radius: 11px;

    background:
        rgba(255, 186, 3, .12);

    border:
        1px solid rgba(255, 186, 3, .18);

    color: #FFCA36;
}


.tk-about-story-card-icon i {
    font-size: 18px;
}


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

.tk-about-story-card-title {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.45;

    font-weight: 600;
}


.tk-about-story-card-text {
    margin: 0;

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

    font-size: 12.5px;

    line-height: 1.75;
}


/* =========================================================
   BOTTOM FACT BAR
========================================================= */

.tk-about-story-facts {
    position: relative;
    z-index: 2;

    display: grid;

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

    margin-top: 42px;

    overflow: hidden;

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

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 14px;

    backdrop-filter:
        blur(10px);
}


.tk-about-story-fact {
    padding:
        20px 18px;

    text-align: center;
}


.tk-about-story-fact +
.tk-about-story-fact {
    border-left:
        1px solid rgba(255, 255, 255, .10);
}


.tk-about-story-fact-value {
    display: block;

    margin-bottom: 5px;

    color: #FFBA03;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 20px;

    line-height: 1.2;

    font-weight: 700;
}


.tk-about-story-fact-label {
    display: block;

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

    font-size: 11px;

    line-height: 1.5;
}


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

@media (max-width: 1024px) {

    .tk-about-story {
        padding: 74px 0;
    }


    .tk-about-story-grid {
        grid-template-columns:
            1fr;

        gap: 42px;
    }


    .tk-about-story-content {
        max-width: 700px;
    }

}


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

@media (max-width: 767px) {

    .tk-about-story {
        padding: 56px 0;
    }


    .tk-about-story-cards {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .tk-about-story-card {
        min-height: auto;

        padding: 22px;
    }


    .tk-about-story-facts {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .tk-about-story-fact:nth-child(3) {
        border-left: 0;

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


    .tk-about-story-fact:nth-child(4) {
        border-top:
            1px solid rgba(255, 255, 255, .10);
    }

}


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

@media (max-width: 480px) {

    .tk-about-story-facts {
        grid-template-columns: 1fr;
    }


    .tk-about-story-fact +
    .tk-about-story-fact {
        border-left: 0;

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

}


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

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

    .tk-about-story-card,
    .tk-about-story-card::before {
        transition: none;
    }


    .tk-about-story-card:hover {
        transform: none;
    }

}

/* =========================================================
   ABOUT PAGE
   SECTION 03 — MANUFACTURING CAPABILITIES
========================================================= */

.tk-about-capabilities {
    position: relative;
    overflow: hidden;

    padding: 92px 0;

    background:
        linear-gradient(
            135deg,
            #f1f4fa 0%,
            #fafbfd 28%,
            #ffffff 58%,
            #fffaf0 82%,
            #fff2cf 100%
        );
}


/* Navy ambient glow */
.tk-about-capabilities::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -280px;
    top: -280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(24, 27, 60, .08) 0%,
            rgba(24, 27, 60, .02) 44%,
            rgba(24, 27, 60, 0) 72%
        );

    pointer-events: none;
}


/* Gold ambient glow */
.tk-about-capabilities::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -290px;
    bottom: -320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .14) 0%,
            rgba(255, 186, 3, .03) 44%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.tk-about-capabilities-head {
    position: relative;
    z-index: 2;

    max-width: 790px;

    margin:
        0 auto 44px;

    text-align: center;
}


.tk-about-capabilities-head .tk-eyebrow {
    justify-content: center;
}


.tk-about-capabilities-title {
    margin:
        0 0 16px;

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    line-height: 1.42;

    font-weight: 700;

    letter-spacing: -.012em;
}


.tk-about-capabilities-intro {
    max-width: 720px;

    margin:
        0 auto;

    color: #5E6674;

    font-size: 15px;

    line-height: 1.85;
}


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

.tk-about-capabilities-grid {
    position: relative;
    z-index: 2;

    display: grid;

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

    gap: 24px;
}


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

.tk-about-capability-card {
    position: relative;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    min-width: 0;

    padding: 14px;

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

    border:
        1px solid rgba(24, 27, 60, .08);

    border-radius: 20px;

    box-shadow:
        0 12px 32px
        rgba(24, 27, 60, .05);

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


.tk-about-capability-card:hover {
    transform:
        translateY(-6px);

    border-color:
        rgba(255, 186, 3, .48);

    box-shadow:
        0 22px 48px
        rgba(24, 27, 60, .10);
}


/* Gold top accent */
.tk-about-capability-card::before {
    content: "";

    position: absolute;

    z-index: 4;

    top: 0;
    left: 30px;

    width: 56px;
    height: 3px;

    border-radius:
        0 0 5px 5px;

    background:
        linear-gradient(
            90deg,
            #FFBA03,
            #FFD867
        );

    transition:
        width .25s ease;
}


.tk-about-capability-card:hover::before {
    width: 96px;
}


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

.tk-about-capability-media {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 16 / 9;

    border-radius: 15px;

    background: #e8ebf0;
}


.tk-about-capability-media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 15px;

    transition:
        transform .45s ease;
}


.tk-about-capability-card:hover
.tk-about-capability-media img {
    transform:
        scale(1.035);
}


/* Subtle overlay */
.tk-about-capability-media::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(24, 27, 60, 0) 56%,
            rgba(24, 27, 60, .14) 100%
        );

    pointer-events: none;
}


/* =========================================================
   MACHINE COUNT BADGE
========================================================= */

.tk-about-capability-count {
    position: absolute;

    z-index: 3;

    left: 18px;
    bottom: 16px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        8px 11px;

    border-radius: 8px;

    background:
        rgba(24, 27, 60, .94);

    border:
        1px solid rgba(255, 255, 255, .12);

    box-shadow:
        0 10px 25px
        rgba(24, 27, 60, .22);

    backdrop-filter:
        blur(8px);
}


.tk-about-capability-count-value {
    color: #FFBA03;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 18px;

    line-height: 1;

    font-weight: 700;
}


.tk-about-capability-count-label {
    color:
        rgba(255, 255, 255, .78);

    font-size: 10px;

    line-height: 1.35;

    font-weight: 500;
}


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

.tk-about-capability-body {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding:
        22px 7px 8px;
}


.tk-about-capability-title {
    margin:
        0 0 9px;

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.45;

    font-weight: 600;
}


.tk-about-capability-text {
    margin: 0;

    color: #626A78;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   CAPABILITY DETAILS
========================================================= */

.tk-about-capability-details {
    display: grid;

    gap: 8px;

    margin:
        20px 0 0;

    padding:
        17px 0 0;

    border-top:
        1px solid rgba(24, 27, 60, .08);
}


.tk-about-capability-detail {
    display: flex;

    align-items: flex-start;

    gap: 8px;

    color: #555E6C;

    font-size: 12px;

    line-height: 1.55;
}


.tk-about-capability-detail i {
    flex: 0 0 auto;

    margin-top: 2px;

    color: #A47400;

    font-size: 12px;
}


/* =========================================================
   LOWER SUPPORT PANEL
========================================================= */

.tk-about-capabilities-support {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(0, .75fr);

    align-items: center;

    gap: 32px;

    margin-top: 38px;

    padding:
        26px 28px;

    background:
        linear-gradient(
            135deg,
            #181B3C 0%,
            #222B58 100%
        );

    border:
        1px solid rgba(24, 27, 60, .10);

    border-radius: 15px;

    box-shadow:
        0 15px 36px
        rgba(24, 27, 60, .11);
}


.tk-about-capabilities-support-title {
    margin:
        0 0 7px;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.45;

    font-weight: 600;
}


.tk-about-capabilities-support-text {
    margin: 0;

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

    font-size: 12px;

    line-height: 1.7;
}


.tk-about-capabilities-support-actions {
    display: flex;

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

    gap: 10px;

    flex-wrap: wrap;
}


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

@media (max-width: 1024px) {

    .tk-about-capabilities {
        padding:
            74px 0;
    }


    .tk-about-capabilities-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .tk-about-capability-card:last-child {
        grid-column:
            1 / -1;

        max-width: 560px;

        width: 100%;

        justify-self: center;
    }


    .tk-about-capabilities-support {
        grid-template-columns:
            1fr;

        gap: 20px;
    }


    .tk-about-capabilities-support-actions {
        justify-content:
            flex-start;
    }

}


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

@media (max-width: 767px) {

    .tk-about-capabilities {
        padding:
            56px 0;
    }


    .tk-about-capabilities-head {
        margin-bottom:
            32px;

        text-align: left;
    }


    .tk-about-capabilities-head .tk-eyebrow {
        justify-content:
            flex-start;
    }


    .tk-about-capabilities-grid {
        grid-template-columns:
            1fr;

        gap: 18px;
    }


    .tk-about-capability-card:last-child {
        grid-column: auto;

        max-width: none;
    }


    .tk-about-capability-card {
        border-radius: 17px;
    }


    .tk-about-capability-media,
    .tk-about-capability-media img {
        border-radius: 13px;
    }


    .tk-about-capabilities-support {
        padding:
            22px;
    }

}


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

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

    .tk-about-capability-card,
    .tk-about-capability-card::before,
    .tk-about-capability-media img {
        transition: none;
    }


    .tk-about-capability-card:hover {
        transform: none;
    }


    .tk-about-capability-card:hover
    .tk-about-capability-media img {
        transform: none;
    }

}/* =========================================================
   ABOUT CAPABILITIES — DARK PANEL BUTTON FIX
========================================================= */

.tk-about-capabilities-support .tk-btn-outline {
    color: #ffffff !important;

    background:
        rgba(255, 255, 255, .04) !important;

    border:
        1px solid rgba(255, 255, 255, .30) !important;

    box-shadow: none !important;
}


/* Hover */

.tk-about-capabilities-support .tk-btn-outline:hover {
    color: #181B3C !important;

    background: #FFBA03 !important;

    border-color: #FFBA03 !important;

    transform: translateY(-2px);
}


/* Keyboard focus */

.tk-about-capabilities-support .tk-btn-outline:focus-visible {
    color: #ffffff !important;

    outline: 2px solid #FFBA03;

    outline-offset: 3px;
}
/* =========================================================
   ABOUT PAGE
   SECTION 04 — TRUSTED CLIENTS
========================================================= */

.tk-about-clients {
    position: relative;
    overflow: hidden;

    padding: 92px 0;

    background:
        linear-gradient(
            130deg,
            #f1f4f9 0%,
            #fafbfd 25%,
            #ffffff 52%,
            #fffaf0 78%,
            #fff2cb 100%
        );
}


/* Navy ambient glow */

.tk-about-clients::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -270px;
    top: -280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(24, 27, 60, .08) 0%,
            rgba(24, 27, 60, .02) 45%,
            rgba(24, 27, 60, 0) 72%
        );

    pointer-events: none;
}


/* Gold ambient glow */

.tk-about-clients::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -280px;
    bottom: -310px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .15) 0%,
            rgba(255, 186, 3, .035) 43%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


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

.tk-about-clients-inner {
    position: relative;
    z-index: 2;

    max-width: 1320px;
}


/* =========================================================
   HEADER
========================================================= */

.tk-clients-head {
    max-width: 760px;

    margin:
        0 auto 46px;

    text-align: center;
}


.tk-clients-head .tk-eyebrow {
    justify-content: center;
}


.tk-clients-title {
    margin:
        0 0 15px;

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    line-height: 1.42;

    font-weight: 700;

    letter-spacing: -.012em;
}


.tk-clients-title span {
    color: #B27A00;
}


.tk-clients-text {
    max-width: 690px;

    margin:
        0 auto;

    color: #606877;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   CLIENT LOGO GRID
   12 logos = clean 6 × 2 desktop layout
========================================================= */

.tk-clients-grid {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 16px;
}


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

.tk-client-card {
    position: relative;

    min-width: 0;
    min-height: 132px;

    display: flex;

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

    padding: 22px 18px;

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

    border:
        1px solid rgba(24, 27, 60, .08);

    border-radius: 15px;

    box-shadow:
        0 8px 26px
        rgba(24, 27, 60, .04);

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


/* Small gold accent */

.tk-client-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 22px;

    width: 42px;
    height: 3px;

    border-radius:
        0 0 5px 5px;

    background:
        linear-gradient(
            90deg,
            #FFBA03,
            #FFD869
        );

    transition:
        width .25s ease;
}


.tk-client-card:hover {
    transform:
        translateY(-5px);

    background: #ffffff;

    border-color:
        rgba(255, 186, 3, .48);

    box-shadow:
        0 18px 38px
        rgba(24, 27, 60, .09);
}


.tk-client-card:hover::before {
    width: 72px;
}


/* =========================================================
   LOGO NORMALIZATION
========================================================= */

.tk-client-card img {
    display: block;

    width: auto;
    height: auto;

    max-width: 145px;
    max-height: 58px;

    object-fit: contain;

    filter:
        grayscale(100%);

    opacity: .76;

    transition:
        filter .25s ease,
        opacity .25s ease,
        transform .25s ease;
}


.tk-client-card:hover img {
    filter:
        grayscale(0%);

    opacity: 1;

    transform:
        scale(1.035);
}


/* Slightly larger support for wide logos */

.tk-client-card:nth-child(3) img,
.tk-client-card:nth-child(7) img,
.tk-client-card:nth-child(8) img {
    max-width: 155px;
}


/* =========================================================
   FOOT NOTE
========================================================= */

.tk-clients-foot {
    display: flex;

    justify-content: center;

    margin-top: 30px;
}


.tk-clients-note {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    max-width: 720px;

    padding:
        11px 16px;

    border:
        1px solid rgba(24, 27, 60, .08);

    border-radius: 999px;

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

    color: #606877;

    font-size: 12px;

    line-height: 1.55;

    text-align: center;

    backdrop-filter:
        blur(8px);
}


.tk-clients-note i {
    flex: 0 0 auto;

    color: #B37B00;

    font-size: 14px;
}


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

@media (max-width: 1100px) {

    .tk-clients-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

}


@media (max-width: 900px) {

    .tk-about-clients {
        padding: 74px 0;
    }


    .tk-clients-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


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

@media (max-width: 767px) {

    .tk-about-clients {
        padding: 56px 0;
    }


    .tk-clients-head {
        margin-bottom: 32px;
    }


    .tk-clients-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }


    .tk-client-card {
        min-height: 112px;

        padding:
            18px 14px;

        border-radius: 13px;
    }


    .tk-client-card img {
        max-width: 125px;
        max-height: 48px;
    }


    .tk-clients-note {
        border-radius: 14px;
    }

}


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

@media (max-width: 420px) {

    .tk-clients-grid {
        grid-template-columns: 1fr;
    }


    .tk-client-card {
        min-height: 105px;
    }

}


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

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

    .tk-client-card,
    .tk-client-card::before,
    .tk-client-card img {
        transition: none;
    }


    .tk-client-card:hover {
        transform: none;
    }


    .tk-client-card:hover img {
        transform: none;
    }

}

/* =========================================================
   ABOUT PAGE
   SECTION 05 — LEADERSHIP TEAM
========================================================= */

.tk-about-leadership {
    position: relative;
    overflow: hidden;

    padding: 96px 0;

    background:
        linear-gradient(
            135deg,
            #f3f5fa 0%,
            #ffffff 48%,
            #fffaf0 78%,
            #fff1c7 100%
        );

   
}


/* Decorative navy glow */

.tk-about-leadership::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: -290px;
    top: -300px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(24, 27, 60, .08) 0%,
            rgba(24, 27, 60, .02) 43%,
            rgba(24, 27, 60, 0) 72%
        );

    pointer-events: none;
}


/* Decorative gold glow */

.tk-about-leadership::after {
    content: "";

    position: absolute;

    width: 540px;
    height: 540px;

    right: -300px;
    bottom: -320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .15) 0%,
            rgba(255, 186, 3, .035) 43%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


/* =========================================================
   HEADER
========================================================= */

.tk-about-leadership-head {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    align-items: end;

    gap: 50px;

    margin-bottom: 44px;
}


.tk-about-leadership-title {
    margin: 0;

    color: #181B3C;

    font-family: "Poppins", sans-serif;

    font-size: 24px;

    line-height: 1.42;

    font-weight: 700;

    letter-spacing: -.012em;
}


.tk-about-leadership-intro {
    max-width: 650px;

    margin: 0;

    color: #606877;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.tk-about-leadership-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, .88fr)
        minmax(0, 1.12fr);

    gap: 24px;

    align-items: stretch;
}


/* =========================================================
   FEATURED FOUNDER CARD
========================================================= */

.tk-about-leader-featured {
    position: relative;

    overflow: hidden;

    min-height: 490px;

    padding: 38px;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            145deg,
            #181B3C 0%,
            #212A56 62%,
            #293465 100%
        );

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 24px;

    box-shadow:
        0 22px 55px
        rgba(24, 27, 60, .16);
}


/* decorative circle */

.tk-about-leader-featured::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    right: -120px;
    top: -130px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 186, 3, .15) 0%,
            rgba(255, 186, 3, .025) 50%,
            rgba(255, 186, 3, 0) 72%
        );

    pointer-events: none;
}


/* gold accent */

.tk-about-leader-featured::after {
    content: "";

    position: absolute;

    left: 38px;
    bottom: 0;

    width: 72px;
    height: 4px;

    border-radius: 6px 6px 0 0;

    background:
        linear-gradient(
            90deg,
            #FFBA03,
            #FFD864
        );
}


/* =========================================================
   FEATURED MONOGRAM
========================================================= */

.tk-about-leader-mark {
    position: relative;
    z-index: 2;

    display: inline-flex;

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

    width: 78px;
    height: 78px;

    margin-bottom: 34px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #FFBA03,
            #FFD55C
        );

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 24px;

    font-weight: 700;

    box-shadow:
        0 16px 30px
        rgba(255, 186, 3, .18);
}


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

.tk-about-leader-featured-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #FFCB42;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .09em;

    text-transform: uppercase;
}


.tk-about-leader-featured-name {
    margin:
        0 0 6px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 700;
}


.tk-about-leader-featured-role {
    display: block;

    margin-bottom: 22px;

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

    font-size: 13px;

    font-weight: 500;
}


.tk-about-leader-featured-text {
    max-width: 480px;

    margin: 0;

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

    font-size: 14px;

    line-height: 1.85;
}


/* =========================================================
   FEATURED EXPERIENCE BAR
========================================================= */

.tk-about-leader-experience {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: auto;

    padding-top: 28px;
}


.tk-about-leader-experience-value {
    color: #FFBA03;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 28px;

    line-height: 1;

    font-weight: 700;
}


.tk-about-leader-experience-text {
    color:
        rgba(255, 255, 255, .60);

    font-size: 11px;

    line-height: 1.5;
}


/* =========================================================
   RIGHT LEADERS GRID
========================================================= */

.tk-about-leadership-list {
    display: grid;

    grid-template-columns:
        1fr;

    gap: 16px;
}


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

.tk-about-leader-card {
    position: relative;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        58px minmax(0, 1fr);

    gap: 18px;

    align-items: start;

    padding: 25px;

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

    border:
        1px solid rgba(24, 27, 60, .08);

    border-radius: 18px;

    box-shadow:
        0 10px 28px
        rgba(24, 27, 60, .045);

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


.tk-about-leader-card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(255, 186, 3, .46);

    box-shadow:
        0 18px 38px
        rgba(24, 27, 60, .09);
}


/* top gold accent */

.tk-about-leader-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 25px;

    width: 45px;
    height: 3px;

    border-radius:
        0 0 5px 5px;

    background: #FFBA03;

    transition:
        width .25s ease;
}


.tk-about-leader-card:hover::before {
    width: 76px;
}


/* =========================================================
   SMALL MONOGRAM
========================================================= */

.tk-about-leader-avatar {
    display: inline-flex;

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

    width: 58px;
    height: 58px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #181B3C,
            #2A3568
        );

    color: #FFBA03;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    font-weight: 700;

    box-shadow:
        0 10px 22px
        rgba(24, 27, 60, .13);
}


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

.tk-about-leader-name {
    margin:
        0 0 4px;

    color: #181B3C;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 600;
}


.tk-about-leader-role {
    display: block;

    margin-bottom: 9px;

    color: #9B6C00;

    font-size: 11px;

    line-height: 1.4;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .055em;
}


.tk-about-leader-text {
    margin: 0;

    color: #626A78;

    font-size: 12.5px;

    line-height: 1.75;
}


/* =========================================================
   FOOT NOTE
========================================================= */

.tk-about-leadership-note {
    position: relative;
    z-index: 2;

    display: flex;

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

    gap: 28px;

    margin-top: 34px;

    padding:
        22px 25px;

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

    border:
        1px solid rgba(24, 27, 60, .08);

    border-radius: 14px;

    backdrop-filter:
        blur(10px);
}


.tk-about-leadership-note-text {
    max-width: 720px;

    margin: 0;

    color: #626A78;

    font-size: 13px;

    line-height: 1.7;
}


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

@media (max-width: 1024px) {

    .tk-about-leadership {
        padding: 76px 0;
    }


    .tk-about-leadership-head {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .tk-about-leadership-grid {
        grid-template-columns: 1fr;
    }


    .tk-about-leader-featured {
        min-height: 390px;
    }

}


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

@media (max-width: 767px) {

    .tk-about-leadership {
        padding: 58px 0;
    }


    .tk-about-leadership-head {
        margin-bottom: 32px;
    }


    .tk-about-leader-featured {
        min-height: auto;

        padding: 28px;

        border-radius: 19px;
    }


    .tk-about-leader-featured-name {
        font-size: 21px;
    }


    .tk-about-leader-card {
        grid-template-columns:
            48px minmax(0, 1fr);

        gap: 15px;

        padding: 21px;

        border-radius: 15px;
    }


    .tk-about-leader-avatar {
        width: 48px;
        height: 48px;

        border-radius: 12px;

        font-size: 13px;
    }


    .tk-about-leadership-note {
        flex-direction: column;

        align-items: flex-start;
    }

}


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

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

    .tk-about-leader-card,
    .tk-about-leader-card::before {
        transition: none;
    }


    .tk-about-leader-card:hover {
        transform: none;
    }

}