/* =========================================================
   TECHRUN 2026 HOMEPAGE
   Client-inspired homepage styles

   These styles are intentionally scoped with tr26-
   to avoid affecting registration, Summit, Exhibitor,
   schedule and other TechRun pages.
========================================================= */


/* =========================================================
   HOMEPAGE DESIGN TOKENS
========================================================= */

.techrun-home {
    --tr26-forest: #07372e;
    --tr26-deep: #05271f;
    --tr26-leaf: #a6db54;
    --tr26-gold: #dfb96d;
    --tr26-paper: #f5f5ef;
    --tr26-ink: #132e27;
    --tr26-white: #ffffff;
    --tr26-muted-white: rgba(255, 255, 255, 0.78);
}


/* =========================================================
   SHARED HOMEPAGE SHELL
========================================================= */

.tr26-shell {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: clamp(1.25rem, 5vw, 5rem);
    padding-right: clamp(1.25rem, 5vw, 5rem);
}


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

.tr26-hero {
    position: relative;
    min-height: 900px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: var(--tr26-deep, #05271f);
}


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

.tr26-hero-media {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.tr26-hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


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

.tr26-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    background:
        linear-gradient(
            90deg,
            rgba(5, 39, 31, 0.97) 0%,
            rgba(5, 39, 31, 0.91) 34%,
            rgba(5, 39, 31, 0.65) 60%,
            rgba(5, 39, 31, 0.20) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5, 39, 31, 0.48) 0%,
            rgba(5, 39, 31, 0) 45%
        );
}


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

.tr26-hero-content {
    position: relative;
    z-index: 3;

    display: flex;
    align-items: center;

    min-height: 900px;

    padding-top: 7rem;
    padding-bottom: 5rem;
}

.tr26-hero-inner {
    width: 100%;
    max-width: 900px;
}


/* =========================================================
   EYEBROW
========================================================= */

.tr26-eyebrow {
    display: flex;
    align-items: center;
    gap: 0.75rem;

    margin-bottom: 1.5rem;

    color: var(--tr26-leaf, #a6db54);

    font-family: "DM Sans", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.18em;
}

.tr26-eyebrow::before {
    content: "";

    display: block;

    width: 38px;
    height: 2px;

    background: var(--tr26-leaf, #a6db54);
}


/* =========================================================
   MAIN HEADLINE
========================================================= */

.tr26-hero-title {
    margin: 0;

    color: var(--tr26-white, #ffffff);

    font-family: "Manrope", "Montserrat", sans-serif;
    font-size: clamp(4rem, 7.6vw, 8rem);
    font-weight: 800;

    line-height: 0.86;
    letter-spacing: -0.065em;

    text-transform: uppercase;
}

.tr26-hero-title span {
    color: var(--tr26-leaf, #a6db54);
}


/* =========================================================
   CORE THEME
========================================================= */

.tr26-hero-theme {
    max-width: 790px;

    margin: 2rem 0 0;

    color: var(--tr26-white, #ffffff);

    font-family: "DM Sans", sans-serif;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    font-weight: 500;

    line-height: 1.55;
}


/* =========================================================
   SUBTHEME
========================================================= */

.tr26-hero-subtheme {
    margin: 1rem 0 0;

    color: var(--tr26-leaf, #a6db54);

    font-family: "DM Sans", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;

    line-height: 1.5;

    text-transform: uppercase;
    letter-spacing: 0.12em;
}


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

.tr26-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.8rem;

    margin-top: 2rem;
}

.tr26-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.7rem;

    min-height: 54px;

    padding: 0.95rem 1.5rem;

    border: 1px solid transparent;

    font-family: "DM Sans", sans-serif;
    font-size: 0.84rem;
    font-weight: 700;

    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;

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

.tr26-btn span {
    font-size: 1rem;
    line-height: 1;
}

.tr26-btn:hover {
    transform: translateY(-2px);
}


/* PRIMARY */

.tr26-btn-primary {
    background: var(--tr26-leaf, #a6db54);
    border-color: var(--tr26-leaf, #a6db54);

    color: var(--tr26-deep, #05271f) !important;
}

.tr26-btn-primary:hover {
    background: var(--tr26-white, #ffffff);
    border-color: var(--tr26-white, #ffffff);

    color: var(--tr26-deep, #05271f) !important;
}


/* OUTLINE */

.tr26-btn-outline {
    background: rgba(255, 255, 255, 0.04);

    border-color: rgba(255, 255, 255, 0.55);

    color: var(--tr26-white, #ffffff) !important;

    backdrop-filter: blur(5px);
}

.tr26-btn-outline:hover {
    background: var(--tr26-white, #ffffff);
    border-color: var(--tr26-white, #ffffff);

    color: var(--tr26-deep, #05271f) !important;
}


/* =========================================================
   EVENT DETAILS
========================================================= */

.tr26-hero-details {
    display: flex;
    align-items: flex-start;

    gap: clamp(2rem, 6vw, 6rem);

    margin-top: 3.2rem;
    padding-top: 1.6rem;

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

    max-width: 850px;
}

.tr26-hero-detail {
    display: flex;
    flex-direction: column;

    gap: 0.4rem;
}

.tr26-hero-detail span {
    color: var(--tr26-leaf, #a6db54);

    font-family: "DM Sans", sans-serif;
    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.15em;
}

.tr26-hero-detail strong {
    color: var(--tr26-white, #ffffff);

    font-family: "DM Sans", sans-serif;
    font-size: clamp(0.95rem, 1.25vw, 1.1rem);
    font-weight: 600;

    line-height: 1.45;
}


/* =========================================================
   COUNTDOWN
========================================================= */

.tr26-countdown {
    position: relative;

    background: var(--tr26-deep, #05271f);

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 4px solid var(--tr26-leaf, #a6db54);
}

.tr26-countdown-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 3rem;

    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.tr26-countdown-label {
    display: flex;
    flex-direction: column;

    gap: 0.3rem;
}

.tr26-countdown-label span {
    color: var(--tr26-leaf, #a6db54);

    font-family: "DM Sans", sans-serif;
    font-size: 0.68rem;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.16em;
}

.tr26-countdown-label strong {
    color: var(--tr26-white, #ffffff);

    font-family: "Manrope", "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}


/* COUNTER */

.tr26-counter {
    display: flex;
    align-items: center;

    gap: clamp(1.25rem, 3vw, 3rem);
}

.tr26-counter-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 68px;
}

.tr26-counter-item > span {
    color: var(--tr26-leaf, #a6db54);

    font-family: "Manrope", "Montserrat", sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-weight: 700;

    line-height: 1;

    font-variant-numeric: tabular-nums;
}

.tr26-counter-item small {
    margin-top: 0.45rem;

    color: rgba(255, 255, 255, 0.6);

    font-family: "DM Sans", sans-serif;
    font-size: 0.62rem;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.12em;
}


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

@media (max-width: 991.98px) {

    .tr26-hero {
        min-height: 800px;
    }

    .tr26-hero-content {
        min-height: 800px;

        padding-top: 6rem;
        padding-bottom: 4rem;
    }

    .tr26-hero-inner {
        max-width: 760px;
    }

    .tr26-hero-title {
        font-size: clamp(3.8rem, 9vw, 6rem);
    }

    .tr26-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(5, 39, 31, 0.96) 0%,
                rgba(5, 39, 31, 0.87) 55%,
                rgba(5, 39, 31, 0.42) 100%
            );
    }

}


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

@media (max-width: 767.98px) {

    .tr26-shell {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .tr26-hero {
        min-height: 760px;
    }

    .tr26-hero-content {
        min-height: 760px;

        align-items: flex-end;

        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    .tr26-hero-media img {
        object-position: center center;
    }

    .tr26-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5, 39, 31, 0.22) 0%,
                rgba(5, 39, 31, 0.60) 35%,
                rgba(5, 39, 31, 0.97) 70%,
                rgba(5, 39, 31, 1) 100%
            );
    }

    .tr26-eyebrow {
        margin-bottom: 1.2rem;

        font-size: 0.67rem;
        letter-spacing: 0.13em;
    }

    .tr26-eyebrow::before {
        width: 25px;
    }

    .tr26-hero-title {
        font-size: clamp(3rem, 15vw, 4.8rem);

        line-height: 0.9;
        letter-spacing: -0.055em;
    }

    .tr26-hero-theme {
        margin-top: 1.5rem;

        font-size: 1rem;
        line-height: 1.5;
    }

    .tr26-hero-subtheme {
        font-size: 0.7rem;
    }

    .tr26-hero-actions {
        flex-direction: column;
        align-items: stretch;

        margin-top: 1.7rem;
    }

    .tr26-btn {
        width: 100%;
    }

    .tr26-hero-details {
        flex-direction: column;

        gap: 1.25rem;

        margin-top: 2rem;
        padding-top: 1.3rem;
    }


    /* COUNTDOWN */

    .tr26-countdown-inner {
        flex-direction: column;
        align-items: flex-start;

        gap: 1.4rem;

        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .tr26-counter {
        width: 100%;

        justify-content: space-between;

        gap: 0.25rem;
    }

    .tr26-counter-item {
        flex: 1;

        min-width: 0;
    }

    .tr26-counter-item > span {
        font-size: clamp(1.7rem, 8vw, 2.4rem);
    }

}


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

@media (max-width: 380px) {

    .tr26-hero-title {
        font-size: 2.8rem;
    }

    .tr26-hero-theme {
        font-size: 0.94rem;
    }

    .tr26-counter-item > span {
        font-size: 1.6rem;
    }

}

/* =========================================================
   TECHRUN 2026 — TICKER
========================================================= */

.tr26-ticker {
    position: relative;
    overflow: hidden;

    background: var(--tr26-leaf, #a6db54);
    color: var(--tr26-deep, #05271f);

    border-bottom: 1px solid rgba(5, 39, 31, 0.12);
}

.tr26-ticker-track {
    width: 100%;

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

    gap: 2rem;

    max-width: 1600px;
    margin: 0 auto;

    padding: 1rem clamp(1.25rem, 5vw, 5rem);
}

.tr26-ticker-track span {
    position: relative;

    white-space: nowrap;

    font-family: "DM Sans", sans-serif;
    font-size: clamp(0.66rem, 0.8vw, 0.78rem);
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.tr26-ticker-track span:not(:last-child)::after {
    content: "•";

    position: absolute;
    right: -1.25rem;

    opacity: 0.45;
}


/* =========================================================
   TICKER — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-ticker {
        overflow-x: auto;

        scrollbar-width: none;
    }

    .tr26-ticker::-webkit-scrollbar {
        display: none;
    }

    .tr26-ticker-track {
        width: max-content;

        justify-content: flex-start;

        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
    }

}

/* =========================================================
   TECHRUN 2026 — SHARED SECTION TYPOGRAPHY
========================================================= */

.tr26-section-eyebrow {
    display: flex;
    align-items: center;

    gap: 0.7rem;

    margin-bottom: 1.3rem;

    color: var(--tr26-forest, #07372e);

    font-family: "DM Sans", sans-serif;
    font-size: 0.72rem;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.tr26-section-eyebrow::before {
    content: "";

    width: 32px;
    height: 2px;

    flex: 0 0 auto;

    background: var(--tr26-leaf, #a6db54);
}


.tr26-section-title {
    margin: 0;

    color: var(--tr26-ink, #132e27);

    font-family: "Manrope", "Montserrat", sans-serif;
    font-size: clamp(2.8rem, 5vw, 5.2rem);
    font-weight: 800;

    line-height: 0.98;
    letter-spacing: -0.055em;
}


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

.tr26-story {
    position: relative;

    padding:
        clamp(5rem, 9vw, 9rem)
        0;

    background: var(--tr26-paper, #f5f5ef);
}


.tr26-story-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: clamp(3rem, 7vw, 7rem);
}


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

.tr26-story-content {
    max-width: 650px;
}


.tr26-story-lead {
    max-width: 600px;

    margin:
        2rem
        0
        0;

    color: #53645f;

    font-family: "DM Sans", sans-serif;
    font-size: clamp(1.05rem, 1.4vw, 1.2rem);

    line-height: 1.75;
}


/* =========================================================
   QUOTE
========================================================= */

.tr26-story-quote {
    position: relative;

    margin:
        2.2rem
        0;

    padding:
        0
        0
        0
        1.5rem;

    border-left:
        3px solid
        var(--tr26-leaf, #a6db54);

    color:
        var(--tr26-ink, #132e27);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.25rem, 1.8vw, 1.65rem);

    font-weight:
        600;

    line-height:
        1.45;

    letter-spacing:
        -0.02em;
}


.tr26-story-quote span {
    color:
        var(--tr26-forest, #07372e);

    font-weight:
        800;
}


/* =========================================================
   DARK BUTTON
========================================================= */

.tr26-btn-dark {
    background:
        var(--tr26-deep, #05271f);

    border-color:
        var(--tr26-deep, #05271f);

    color:
        #ffffff !important;
}


.tr26-btn-dark:hover {
    background:
        var(--tr26-leaf, #a6db54);

    border-color:
        var(--tr26-leaf, #a6db54);

    color:
        var(--tr26-deep, #05271f) !important;
}


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

.tr26-story-photo {
    position: relative;

    min-height:
        650px;

    overflow:
        hidden;
}


.tr26-story-photo::before {
    content: "";

    position:
        absolute;

    z-index:
        2;

    top:
        0;

    left:
        0;

    width:
        7px;

    height:
        100%;

    background:
        var(--tr26-leaf, #a6db54);
}


.tr26-story-photo img {
    width:
        100%;

    height:
        650px;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform 0.6s ease;
}


.tr26-story-photo:hover img {
    transform:
        scale(1.025);
}


/* =========================================================
   STORY — TABLET
========================================================= */

@media (max-width: 991.98px) {

    .tr26-story-grid {
        grid-template-columns:
            1fr 1fr;

        gap:
            2.5rem;
    }


    .tr26-story-photo,
    .tr26-story-photo img {
        min-height:
            520px;

        height:
            520px;
    }

}


/* =========================================================
   STORY — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-story {
        padding:
            4.5rem 0;
    }


    .tr26-story-grid {
        grid-template-columns:
            1fr;

        gap:
            3rem;
    }


    .tr26-section-title {
        font-size:
            clamp(2.5rem, 11vw, 3.7rem);
    }


    .tr26-story-lead {
        margin-top:
            1.5rem;

        font-size:
            1rem;
    }


    .tr26-story-quote {
        margin:
            1.8rem 0;

        font-size:
            1.25rem;
    }


    .tr26-story-photo,
    .tr26-story-photo img {
        min-height:
            430px;

        height:
            430px;
    }

}


/* =========================================================
   STORY — SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .tr26-story-photo,
    .tr26-story-photo img {
        min-height:
            360px;

        height:
            360px;
    }

}

/* =========================================================
   TECHRUN 2026 — IMPACT
========================================================= */

.tr26-impact {
    position: relative;

    padding:
        clamp(5rem, 9vw, 9rem)
        0;

    overflow: hidden;

    background:
        var(--tr26-deep, #05271f);
}


/* subtle background detail */

.tr26-impact::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

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

    border-radius: 50%;

    border:
        1px solid
        rgba(166, 219, 84, 0.12);

    pointer-events: none;
}


/* =========================================================
   LIGHT SECTION TYPOGRAPHY
========================================================= */

.tr26-section-eyebrow-light {
    color:
        var(--tr26-leaf, #a6db54);
}


.tr26-section-title-light {
    color:
        #ffffff;
}


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

.tr26-impact-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(320px, 0.8fr);

    align-items: end;

    gap:
        clamp(3rem, 7vw, 7rem);
}


.tr26-impact-intro p {
    max-width:
        570px;

    margin:
        0 0 0.5rem;

    color:
        rgba(255, 255, 255, 0.72);

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

    font-size:
        clamp(1rem, 1.3vw, 1.15rem);

    line-height:
        1.8;
}


/* =========================================================
   IMPACT STATS
========================================================= */

.tr26-impact-stats {
    display: grid;

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

    margin-top:
        clamp(4rem, 7vw, 7rem);

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

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.16);
}


.tr26-impact-stat {
    min-height:
        230px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        2.5rem
        clamp(1.5rem, 3vw, 3rem);
}


.tr26-impact-stat:not(:last-child) {
    border-right:
        1px solid
        rgba(255, 255, 255, 0.16);
}


.tr26-impact-stat strong {
    display:
        block;

    color:
        var(--tr26-leaf, #a6db54);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(3.5rem, 7vw, 7rem);

    font-weight:
        800;

    line-height:
        0.9;

    letter-spacing:
        -0.06em;
}


.tr26-impact-stat span {
    max-width:
        240px;

    margin-top:
        1.25rem;

    color:
        rgba(255, 255, 255, 0.78);

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

    font-size:
        0.9rem;

    font-weight:
        600;

    line-height:
        1.5;
}


/* =========================================================
   IMPACT — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-impact {
        padding:
            4.5rem 0;
    }


    .tr26-impact-intro {
        grid-template-columns:
            1fr;

        gap:
            1.75rem;
    }


    .tr26-impact-stats {
        grid-template-columns:
            1fr;

        margin-top:
            3rem;
    }


    .tr26-impact-stat {
        min-height:
            auto;

        padding:
            2rem 0;
    }


    .tr26-impact-stat:not(:last-child) {
        border-right:
            0;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.16);
    }


    .tr26-impact-stat strong {
        font-size:
            clamp(3.5rem, 18vw, 5rem);
    }

}
/* =========================================================
   TECHRUN 2026 — VISUAL STATEMENT
========================================================= */

.tr26-visual {
    position: relative;

    min-height: 720px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--tr26-deep, #05271f);
}


/* IMAGE */

.tr26-visual-media {
    position: absolute;
    inset: 0;

    z-index: 1;
}

.tr26-visual-media img {
    width: 100%;
    height: 100%;

    display: block;

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


/* OVERLAY */

.tr26-visual-overlay {
    position: absolute;
    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            90deg,
            rgba(5, 39, 31, 0.88) 0%,
            rgba(5, 39, 31, 0.56) 48%,
            rgba(5, 39, 31, 0.18) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5, 39, 31, 0.78) 0%,
            rgba(5, 39, 31, 0.08) 65%
        );
}


/* CONTENT */

.tr26-visual-content {
    position: relative;

    z-index: 3;

    width: 100%;

    padding-top: 6rem;
    padding-bottom: clamp(4rem, 7vw, 7rem);
}

.tr26-visual-inner {
    max-width: 850px;
}

.tr26-visual-inner h2 {
    max-width: 850px;

    margin: 0;

    color: #ffffff;

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(3.2rem, 6vw, 6.5rem);

    font-weight: 800;

    line-height: 0.92;
    letter-spacing: -0.055em;
}

.tr26-visual-inner p {
    max-width: 650px;

    margin:
        1.7rem
        0
        0;

    color:
        rgba(255, 255, 255, 0.82);

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

    font-size:
        clamp(1rem, 1.4vw, 1.2rem);

    line-height: 1.7;
}


/* =========================================================
   VISUAL STATEMENT — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-visual {
        min-height: 580px;
    }

    .tr26-visual-media img {
        object-position: center;
    }

    .tr26-visual-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(5, 39, 31, 0.96) 0%,
                rgba(5, 39, 31, 0.62) 52%,
                rgba(5, 39, 31, 0.18) 100%
            );
    }

    .tr26-visual-content {
        padding-top: 5rem;
        padding-bottom: 3.5rem;
    }

    .tr26-visual-inner h2 {
        font-size:
            clamp(2.8rem, 13vw, 4.3rem);
    }

    .tr26-visual-inner p {
        font-size: 1rem;
    }

}
/* =========================================================
   TECHRUN 2026 — EXPERIENCE
========================================================= */

.tr26-experience {
    position: relative;

    padding:
        clamp(5rem, 9vw, 9rem)
        0;

    background:
        var(--tr26-paper, #f5f5ef);
}


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

.tr26-experience-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 2rem;

    margin-bottom:
        clamp(3rem, 5vw, 5rem);
}


.tr26-experience-link {
    display: inline-flex;
    align-items: center;

    gap: 0.6rem;

    flex: 0 0 auto;

    padding-bottom: 0.35rem;

    border-bottom:
        2px solid
        var(--tr26-leaf, #a6db54);

    color:
        var(--tr26-deep, #05271f);

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

    font-size: 0.78rem;
    font-weight: 800;

    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}


.tr26-experience-link:hover {
    color:
        #527d19;

    border-color:
        #527d19;
}


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

.tr26-programme {
    display: grid;

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

    border-top:
        1px solid
        rgba(19, 46, 39, 0.22);

    border-bottom:
        1px solid
        rgba(19, 46, 39, 0.22);
}


/* =========================================================
   DAY
========================================================= */

.tr26-day {
    position: relative;

    min-height: 510px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding:
        clamp(1.8rem, 3vw, 3rem);

    overflow: hidden;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}


.tr26-day:not(:last-child) {
    border-right:
        1px solid
        rgba(19, 46, 39, 0.22);
}


.tr26-day:hover {
    background:
        var(--tr26-deep, #05271f);
}


/* =========================================================
   DAY TOP
========================================================= */

.tr26-day-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;
}


.tr26-day-pill {
    display: inline-flex;

    padding:
        0.55rem 0.75rem;

    background:
        var(--tr26-leaf, #a6db54);

    color:
        var(--tr26-deep, #05271f);

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

    font-size: 0.66rem;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.1em;
}


.tr26-day-number {
    color:
        rgba(19, 46, 39, 0.13);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(4rem, 6vw, 7rem);

    font-weight: 800;

    line-height: 0.75;

    letter-spacing: -0.08em;

    transition:
        color 0.25s ease;
}


.tr26-day:hover .tr26-day-number {
    color:
        rgba(166, 219, 84, 0.2);
}


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

.tr26-day-content h3 {
    max-width: 340px;

    margin:
        0
        0
        1.25rem;

    color:
        var(--tr26-ink, #132e27);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.7rem, 2.5vw, 2.5rem);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -0.04em;

    transition:
        color 0.25s ease;
}


.tr26-day-content p {
    max-width: 350px;

    margin: 0;

    color: #60706b;

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

    font-size: 0.95rem;

    line-height: 1.7;

    transition:
        color 0.25s ease;
}


.tr26-day:hover .tr26-day-content h3 {
    color: #ffffff;
}


.tr26-day:hover .tr26-day-content p {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   EXPERIENCE — TABLET
========================================================= */

@media (max-width: 991.98px) {

    .tr26-day {
        min-height: 440px;

        padding: 2rem;
    }


    .tr26-day-number {
        font-size: 4rem;
    }

}


/* =========================================================
   EXPERIENCE — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-experience {
        padding:
            4.5rem 0;
    }


    .tr26-experience-heading {
        flex-direction: column;
        align-items: flex-start;

        gap: 1.5rem;

        margin-bottom: 3rem;
    }


    .tr26-programme {
        grid-template-columns: 1fr;
    }


    .tr26-day {
        min-height: 390px;

        padding:
            2rem 0;
    }


    .tr26-day:not(:last-child) {
        border-right: 0;

        border-bottom:
            1px solid
            rgba(19, 46, 39, 0.22);
    }


    .tr26-day:hover {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }


    .tr26-day-content h3 {
        font-size:
            clamp(1.8rem, 8vw, 2.4rem);
    }

}

/* =========================================================
   TECHRUN 2026 — PARTNERSHIPS
========================================================= */

.tr26-partnerships {
    padding:
        clamp(5rem, 9vw, 9rem)
        0;

    background:
        var(--tr26-forest, #07372e);
}


/* INTRO */

.tr26-partnerships-intro {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, 0.8fr);

    align-items: end;

    gap:
        clamp(3rem, 7vw, 7rem);

    margin-bottom:
        clamp(3.5rem, 6vw, 6rem);
}


.tr26-partnerships-intro p {
    max-width: 570px;

    margin: 0 0 0.5rem;

    color:
        rgba(255, 255, 255, 0.72);

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

    font-size:
        clamp(1rem, 1.3vw, 1.15rem);

    line-height: 1.8;
}


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

.tr26-partnership-grid {
    display: grid;

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

    gap: 1px;

    background:
        rgba(255, 255, 255, 0.15);

    border:
        1px solid
        rgba(255, 255, 255, 0.15);
}


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

.tr26-partnership-card {
    position: relative;

    min-width: 0;

    background:
        var(--tr26-deep, #05271f);

    overflow: hidden;
}


.tr26-partnership-image {
    position: relative;

    height: 250px;

    overflow: hidden;
}


.tr26-partnership-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(5, 39, 31, 0.45),
            rgba(5, 39, 31, 0.02)
        );
}


.tr26-partnership-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.5s ease;
}


.tr26-partnership-card:hover
.tr26-partnership-image img {
    transform:
        scale(1.045);
}


/* CONTENT */

.tr26-partnership-content {
    min-height: 290px;

    padding:
        2rem;
}


.tr26-partnership-content small {
    display: block;

    margin-bottom:
        1.2rem;

    color:
        var(--tr26-leaf, #a6db54);

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

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.tr26-partnership-content h3 {
    margin:
        0 0 1rem;

    color:
        #ffffff;

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.5rem, 2vw, 2rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -0.035em;
}


.tr26-partnership-content p {
    margin: 0;

    color:
        rgba(255, 255, 255, 0.66);

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

    font-size: 0.92rem;

    line-height: 1.7;
}


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

.tr26-partnership-cta {
    display: flex;

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

    gap: 2rem;

    padding:
        clamp(2rem, 4vw, 3.5rem);

    background:
        var(--tr26-leaf, #a6db54);
}


.tr26-partnership-cta h3 {
    max-width: 650px;

    margin: 0;

    color:
        var(--tr26-deep, #05271f);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.6rem, 3vw, 2.8rem);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -0.04em;
}


/* CTA needs dark button on lime */

.tr26-partnership-cta .tr26-btn {
    flex: 0 0 auto;

    background:
        var(--tr26-deep, #05271f);

    border-color:
        var(--tr26-deep, #05271f);

    color:
        #ffffff !important;
}


.tr26-partnership-cta .tr26-btn:hover {
    background:
        #ffffff;

    border-color:
        #ffffff;

    color:
        var(--tr26-deep, #05271f) !important;
}


/* =========================================================
   PARTNERSHIPS — TABLET
========================================================= */

@media (max-width: 991.98px) {

    .tr26-partnership-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   PARTNERSHIPS — MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .tr26-partnerships {
        padding:
            4.5rem 0;
    }


    .tr26-partnerships-intro {
        grid-template-columns:
            1fr;

        gap:
            1.75rem;

        margin-bottom:
            3rem;
    }


    .tr26-partnership-grid {
        grid-template-columns:
            1fr;
    }


    .tr26-partnership-image {
        height:
            230px;
    }


    .tr26-partnership-content {
        min-height: auto;

        padding:
            1.75rem;
    }


    .tr26-partnership-cta {
        flex-direction: column;

        align-items:
            flex-start;

        padding:
            2rem;
    }


    .tr26-partnership-cta .tr26-btn {
        width: 100%;
    }

}

/* =========================================================
   TECHRUN 2026 — CHAMPIONS & LEADERS
   Clean final layout — real colour photos + card spacing
========================================================= */

.tr26-people {
    position: relative;
    padding: clamp(4.5rem, 6vw, 6.5rem) 0;
    background: var(--tr26-paper, #f5f5ef);
}

.tr26-people .tr26-shell {
    max-width: 1320px;
}

.tr26-people > .tr26-shell > .tr26-section-eyebrow {
    margin-bottom: 1rem;
}


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

.tr26-people-intro {
    display: block;
    max-width: 900px;
    margin-bottom: 2.5rem;
}

.tr26-people-intro .tr26-section-title {
    max-width: 760px;
    font-size: clamp(3rem, 4.4vw, 4.6rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.tr26-people-intro p {
    max-width: 800px;
    margin: 1.5rem 0 0;
    color: #60706b;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(1rem, 1.2vw, 1.08rem);
    line-height: 1.7;
}


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

.tr26-people-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 0;
    background: transparent;
    border: 0;
}


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

.tr26-person {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 0;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.tr26-person:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(5, 39, 31, 0.08);
}


/* =========================================================
   REAL PORTRAITS
========================================================= */

.tr26-person-photo {
    position: relative;
    width: 100%;
    height: 330px;
    overflow: hidden;
    background: var(--tr26-deep, #05271f);
}

.tr26-person-photo > img,
.tr26-person-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;

    /* Keep downloaded portraits in their original colours. */
    filter: none !important;
    opacity: 1;

    transition: transform 0.5s ease;
}

.tr26-person:hover .tr26-person-photo > img,
.tr26-person:hover .tr26-person-photo img {
    filter: none !important;
    transform: scale(1.025);
}


/* =========================================================
   PERSON DETAILS
========================================================= */

.tr26-person-name {
    min-height: 100px;
    padding: 1.2rem 1.15rem;
    background: #ffffff;
}

.tr26-person-name h3 {
    margin: 0 0 0.4rem;
    color: var(--tr26-ink, #132e27);
    font-family: "Manrope", "Montserrat", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.tr26-person-name p {
    margin: 0;
    color: #60706b;
    font-family: "DM Sans", sans-serif;
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.45;
}


/* =========================================================
   DESKTOP — 4 CARDS + 3 CARDS
========================================================= */

@media (min-width: 992px) {

    .tr26-people-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 16px;
    }

    .tr26-person:nth-child(-n + 4) {
        grid-column: span 3;
    }

    .tr26-person:nth-child(n + 5) {
        grid-column: span 4;
    }

}


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

@media (max-width: 991.98px) {

    .tr26-people-intro {
        max-width: 760px;
        margin-bottom: 2.25rem;
    }

    .tr26-people-intro .tr26-section-title {
        max-width: 680px;
    }

    .tr26-people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .tr26-person-photo {
        height: 360px;
    }

}


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

@media (max-width: 767.98px) {

    .tr26-people {
        padding: 4rem 0;
    }

    .tr26-people-intro {
        margin-bottom: 2rem;
    }

    .tr26-people-intro .tr26-section-title {
        font-size: clamp(2.5rem, 11vw, 3.7rem);
    }

    .tr26-people-intro p {
        margin-top: 1.2rem;
    }

    .tr26-people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .tr26-person-photo {
        height: 280px;
    }

    .tr26-person-name {
        min-height: 105px;
        padding: 1.1rem;
    }

}


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

@media (max-width: 480px) {

    .tr26-people-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .tr26-person-photo {
        height: 360px;
    }

    .tr26-person-name {
        min-height: auto;
    }

}

/* =========================================================
   TECHRUN 2026 — HISTORY / THREE EDITIONS
========================================================= */

.tr26-history {
    position: relative;
    padding: clamp(5rem, 9vw, 9rem) 0;
    background: #ffffff;
}


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

.tr26-history-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(300px, 0.75fr);

    align-items: end;
    gap: clamp(3rem, 7vw, 7rem);

    margin-bottom: clamp(4rem, 7vw, 7rem);
}


.tr26-history-heading p {
    max-width: 520px;
    margin: 0 0 0.5rem;

    color: #60706b;

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

    font-size: clamp(1rem, 1.3vw, 1.15rem);
    line-height: 1.8;
}


/* =========================================================
   HISTORY TIMELINE
========================================================= */

.tr26-history-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-bottom: clamp(4rem, 7vw, 7rem);

    border-top:
        1px solid
        rgba(19, 46, 39, 0.2);

    border-bottom:
        1px solid
        rgba(19, 46, 39, 0.2);
}


.tr26-history-item {
    position: relative;

    min-height: 390px;

    padding:
        2rem
        clamp(1.5rem, 3vw, 3rem)
        3rem;

    border-right:
        1px solid
        rgba(19, 46, 39, 0.2);

    background:
        var(--tr26-paper, #f5f5ef);

    overflow: hidden;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.tr26-history-item:last-child {
    border-right: 0;
}


/* =========================================================
   YEAR
========================================================= */

.tr26-history-year {
    position: relative;
    z-index: 2;

    margin-bottom: clamp(4rem, 8vw, 7rem);

    color:
        var(--tr26-forest, #07372e);

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

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.16em;
}


/* =========================================================
   LARGE BACKGROUND NUMBER
========================================================= */

.tr26-history-number {
    position: absolute;

    top: 3.5rem;
    right: 1.5rem;

    color:
        rgba(7, 55, 46, 0.06);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size: clamp(7rem, 13vw, 12rem);
    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.08em;

    pointer-events: none;
}


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

.tr26-history-content {
    position: relative;
    z-index: 2;
}


.tr26-history-content h3 {
    max-width: 320px;

    margin:
        0 0 1rem;

    color:
        var(--tr26-ink, #132e27);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.65rem, 2.5vw, 2.35rem);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -0.04em;
}


.tr26-history-content p {
    max-width: 390px;

    margin: 0;

    color: #65736f;

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

    font-size: 0.92rem;
    line-height: 1.75;
}


/* =========================================================
   CURRENT EDITION — 2026
========================================================= */

.tr26-history-item-current {
    background:
        var(--tr26-deep, #05271f);
}


.tr26-history-item-current
.tr26-history-year {
    color:
        var(--tr26-leaf, #a6db54);
}


.tr26-history-item-current
.tr26-history-content h3 {
    color: #ffffff;
}


.tr26-history-item-current
.tr26-history-content p {
    color:
        rgba(255, 255, 255, 0.68);
}


.tr26-history-item-current
.tr26-history-number {
    color:
        rgba(166, 219, 84, 0.09);
}


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

.tr26-history-item:not(.tr26-history-item-current):hover {
    background: #ffffff;
}


/* =========================================================
   HISTORY IMAGE GALLERY
========================================================= */

.tr26-history-gallery {
    display: grid;

    grid-template-columns:
        1.5fr
        0.75fr
        0.75fr;

    gap: clamp(0.75rem, 1.5vw, 1.25rem);
}


.tr26-history-image {
    position: relative;

    height:
        clamp(340px, 35vw, 520px);

    overflow: hidden;

    background:
        var(--tr26-deep, #05271f);
}


.tr26-history-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.6s ease;
}


.tr26-history-image:hover img {
    transform:
        scale(1.035);
}


/* slight variation in image positioning */

.tr26-history-image:nth-child(1) img {
    object-position: center;
}


.tr26-history-image:nth-child(2) img {
    object-position: center;
}


.tr26-history-image:nth-child(3) img {
    object-position: center;
}


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

@media (max-width: 991.98px) {

    .tr26-history-heading {
        grid-template-columns:
            1fr;

        gap: 1.75rem;
    }


    .tr26-history-grid {
        grid-template-columns:
            1fr;
    }


    .tr26-history-item {
        min-height: 300px;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(19, 46, 39, 0.18);
    }


    .tr26-history-item:last-child {
        border-bottom: 0;
    }


    .tr26-history-year {
        margin-bottom: 4rem;
    }


    .tr26-history-gallery {
        grid-template-columns:
            1fr 1fr;
    }


    .tr26-history-image-large {
        grid-column:
            1 / -1;

        height:
            500px;
    }


    .tr26-history-image:not(.tr26-history-image-large) {
        height:
            350px;
    }

}


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

@media (max-width: 767.98px) {

    .tr26-history {
        padding:
            4.5rem 0;
    }


    .tr26-history-heading {
        margin-bottom:
            3rem;
    }


    .tr26-history-grid {
        margin-bottom:
            3rem;
    }


    .tr26-history-item {
        min-height:
            310px;

        padding:
            1.6rem
            1.4rem
            2.5rem;
    }


    .tr26-history-number {
        top:
            3rem;

        right:
            1rem;

        font-size:
            8rem;
    }


    .tr26-history-gallery {
        grid-template-columns:
            1fr;
    }


    .tr26-history-image-large {
        grid-column:
            auto;
    }


    .tr26-history-image,
    .tr26-history-image-large,
    .tr26-history-image:not(.tr26-history-image-large) {
        height:
            380px;
    }

}
/* =========================================================
   TECHRUN 2026 — NETWORK
========================================================= */

.tr26-network {
    position: relative;
    padding: clamp(5rem, 9vw, 9rem) 0;
    background: var(--tr26-deep, #05271f);
}


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

.tr26-network-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(300px, 0.8fr);

    align-items: end;
    gap: clamp(3rem, 7vw, 7rem);

    margin-bottom: clamp(4rem, 7vw, 6rem);
}


.tr26-network-intro {
    max-width: 520px;
}


.tr26-network-intro p {
    margin: 0 0 1.5rem;

    color: rgba(255, 255, 255, 0.68);

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

    font-size: clamp(1rem, 1.3vw, 1.15rem);
    line-height: 1.8;
}


.tr26-network-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;

    color: var(--tr26-leaf, #a6db54);

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

    font-size: 0.78rem;
    font-weight: 800;

    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


.tr26-network-link:hover {
    color: var(--tr26-leaf, #a6db54);
    opacity: 0.8;
    transform: translateX(3px);
}


/* =========================================================
   LOGO WALL
========================================================= */

.tr26-network-grid {
    display: grid;

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

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

    border-left:
        1px solid
        rgba(255, 255, 255, 0.13);
}


/* =========================================================
   PARTNER
========================================================= */

.tr26-network-partner {
    position: relative;

    min-height: 220px;

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

    padding:
        2rem 1.5rem;

    text-align: center;

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

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

    transition:
        background 0.25s ease;
}


.tr26-network-partner:hover {
    background:
        rgba(255, 255, 255, 0.045);
}


/* =========================================================
   LOGO WRAPPER
========================================================= */

.tr26-network-partner > a,
.tr26-network-logo {
    width: 100%;
    min-height: 100px;

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

    margin-bottom: 1rem;
}


.tr26-network-partner > a {
    text-decoration: none;
}


/* =========================================================
   LOGOS
========================================================= */

.tr26-network-partner img {
    display: block;

    width: auto;
    height: auto;

    max-width: 80%;
    max-height: 78px;

    object-fit: contain;

    /*
     * Makes differently coloured partner logos feel
     * consistent against the dark TechRun background.
     */
    filter:
        grayscale(100%)
        brightness(0)
        invert(1);

    opacity: 0.82;

    transition:
        filter 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;
}


.tr26-network-partner:hover img {
    filter: none;
    opacity: 1;
    transform: scale(1.035);
}


/* =========================================================
   PARTNER NAME
========================================================= */

.tr26-network-name {
    display: block;

    max-width: 220px;

    color: rgba(255, 255, 255, 0.82);

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

    font-size: 0.76rem;
    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   PARTNER TAG
========================================================= */

.tr26-network-tag {
    display: inline-flex;

    margin-top: 0.55rem;

    color:
        var(--tr26-leaf, #a6db54);

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

    font-size: 0.57rem;
    font-weight: 800;

    line-height: 1.3;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.tr26-network-empty {
    padding:
        clamp(2.5rem, 5vw, 5rem);

    border:
        1px solid
        rgba(255, 255, 255, 0.13);

    background:
        rgba(255, 255, 255, 0.035);
}


.tr26-network-empty > span {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--tr26-leaf, #a6db54);

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

    font-size: 0.65rem;
    font-weight: 800;

    letter-spacing: 0.14em;
}


.tr26-network-empty h3 {
    margin:
        0 0 1rem;

    color: #ffffff;

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(1.8rem, 3vw, 2.8rem);

    font-weight: 800;

    letter-spacing: -0.04em;
}


.tr26-network-empty p {
    max-width: 620px;

    margin:
        0 0 1.75rem;

    color:
        rgba(255, 255, 255, 0.65);

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

    line-height: 1.75;
}


/* =========================================================
   LIGHT BUTTON
========================================================= */

.tr26-btn-light {
    background:
        var(--tr26-leaf, #a6db54);

    color:
        var(--tr26-deep, #05271f);

    border-color:
        var(--tr26-leaf, #a6db54);
}


.tr26-btn-light:hover {
    background: #ffffff;
    border-color: #ffffff;
    color:
        var(--tr26-deep, #05271f);
}


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

@media (max-width: 991.98px) {

    .tr26-network-heading {
        grid-template-columns:
            1fr;

        gap:
            1.75rem;
    }


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

}


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

@media (max-width: 767.98px) {

    .tr26-network {
        padding:
            4.5rem 0;
    }


    .tr26-network-heading {
        margin-bottom:
            3rem;
    }


    .tr26-network-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .tr26-network-partner {
        min-height:
            180px;

        padding:
            1.5rem 1rem;
    }


    .tr26-network-partner img {
        max-width:
            82%;

        max-height:
            64px;
    }

}


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

@media (max-width: 420px) {

    .tr26-network-grid {
        grid-template-columns:
            1fr;
    }


    .tr26-network-partner {
        min-height:
            170px;
    }

}

.tr26-network .tr26-shell {
    max-width: 1260px;
}

/* =========================================================
   TECHRUN NETWORK — CLIENT-LIKE LIGHT LOGO WALL
   ========================================================= */
.tr26-network {
    padding: clamp(6rem, 8vw, 8rem) 0;
    background: var(--tr26-paper, #f5f5ef);
}

.tr26-network-heading {
    display: block;
    margin-bottom: clamp(2.75rem, 4.5vw, 4rem);
}

.tr26-network-heading > div:first-child {
    max-width: 1000px;
}

.tr26-network .tr26-section-eyebrow-light {
    color: var(--tr26-forest, #07372e);
}

.tr26-network .tr26-section-title-light {
    color: var(--tr26-ink, #132e27);
}

.tr26-network-intro {
    max-width: 780px;
    margin-top: 1.6rem;
}

.tr26-network-intro p {
    margin: 0 0 1.2rem;
    color: #60706b;
}

.tr26-network-link,
.tr26-network-link:hover {
    color: var(--tr26-forest, #07372e);
}

.tr26-network-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    border: 0;
    background: transparent;
}

.tr26-network-partner {
    min-height: 160px;
    padding: 1.65rem 1.25rem;
    border: 0;
    border-bottom: 3px solid var(--tr26-leaf, #a6db54);
    background: #ffffff;
}

.tr26-network-partner:hover {
    background: #ffffff;
}

.tr26-network-partner > a,
.tr26-network-logo {
    min-height: 78px;
    margin-bottom: 0.7rem;
}

.tr26-network-partner img {
    max-width: 72%;
    max-height: 70px;
    filter: none;
    opacity: 1;
}

.tr26-network-partner:hover img {
    filter: none;
    opacity: 1;
    transform: scale(1.03);
}

.tr26-network-name {
    max-width: 230px;
    color: var(--tr26-ink, #132e27);
    font-size: 0.78rem;
    font-weight: 800;
}

.tr26-network-tag {
    color: var(--tr26-forest, #07372e);
    font-size: 0.56rem;
}

/* Empty state must also work on the light Network section. */
.tr26-network-empty {
    border-color: rgba(19, 46, 39, 0.14);
    background: #ffffff;
}

.tr26-network-empty > span {
    color: var(--tr26-forest, #07372e);
}

.tr26-network-empty h3 {
    color: var(--tr26-ink, #132e27);
}

.tr26-network-empty p {
    color: #60706b;
}

@media (max-width: 991.98px) {
    .tr26-network-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .tr26-people,
    .tr26-network {
        padding: 4.5rem 0;
    }

    .tr26-people-intro,
    .tr26-network-heading {
        margin-bottom: 2.75rem;
    }
}

@media (max-width: 480px) {
    .tr26-network-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   TECHRUN 2026 — CLOSING CTA
   Client design
========================================================= */

.tr26-closing {
    position: relative;

    padding:
        clamp(5.5rem, 8vw, 7.5rem)
        0;

    background:
        var(--tr26-leaf, #a6db54);

    overflow: hidden;
}


.tr26-closing .tr26-shell {
    max-width: 1260px;
}


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

.tr26-closing-inner {
    display: block;
}


.tr26-closing-copy {
    max-width: 820px;
}


/* =========================================================
   EYEBROW
========================================================= */

.tr26-closing-eyebrow {
    margin-bottom: 1.25rem;

    color:
        var(--tr26-deep, #05271f);

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

    font-size: 0.68rem;
    font-weight: 800;

    line-height: 1.3;

    letter-spacing: 0.18em;

    text-transform: uppercase;
}


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

.tr26-closing-copy h2 {
    margin: 0;

    color:
        var(--tr26-deep, #05271f);

    font-family:
        "Manrope",
        "Montserrat",
        sans-serif;

    font-size:
        clamp(4rem, 6vw, 6.2rem);

    font-weight: 800;

    line-height: 0.92;

    letter-spacing: -0.065em;
}


/* =========================================================
   ACTIONS
========================================================= */

.tr26-closing-actions {
    display: flex;
    flex-direction: row;
    align-items: center;

    gap: 12px;

    width: auto;
    max-width: none;

    margin-top:
        clamp(2rem, 3vw, 2.75rem);
}


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

.tr26-closing-primary,
.tr26-closing-secondary {
    min-height: 52px;

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

    width: auto;

    padding:
        0 1.5rem;

    background:
        var(--tr26-deep, #05271f);

    border:
        1px solid
        var(--tr26-deep, #05271f);

    color: #ffffff;

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

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.04em;
    text-transform: uppercase;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.tr26-closing-primary:hover,
.tr26-closing-secondary:hover {
    background: #ffffff;

    border-color: #ffffff;

    color:
        var(--tr26-deep, #05271f);

    transform:
        translateY(-2px);
}


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

@media (max-width: 767.98px) {

    .tr26-closing {
        padding:
            4.5rem 0;
    }


    .tr26-closing-copy {
        max-width: 100%;
    }


    .tr26-closing-copy h2 {
        font-size:
            clamp(3rem, 14vw, 4.5rem);

        line-height: 0.94;
    }


    .tr26-closing-actions {
        flex-wrap: wrap;

        margin-top:
            2rem;
    }


    .tr26-closing-primary,
    .tr26-closing-secondary {
        min-height:
            50px;
    }

}


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

@media (max-width: 480px) {

    .tr26-closing-actions {
        flex-direction: column;
        align-items: stretch;
    }


    .tr26-closing-primary,
    .tr26-closing-secondary {
        width: 100%;
    }

}

/* =========================================================
   TECHRUN 2026 — NAVBAR
   Homepage compatibility + client design refinements
========================================================= */


/* =========================================================
   HOMEPAGE PAGE OFFSET
   Global stylesheet adds padding for the old fixed navbar.
   The new homepage navbar overlays the hero instead.
========================================================= */

body:has(.techrun-home) {
    padding-top: 0;
}


/* =========================================================
   HOMEPAGE NAVBAR
========================================================= */

body:has(.techrun-home)
.tr26-nav.tr26-nav-home {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    padding: 0 !important;

    background:
        rgba(5, 39, 31, 0.52) !important;

    border-top:
        0 !important;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.18) !important;

    box-shadow:
        none !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    overflow:
        visible !important;
}


/* =========================================================
   FULL-WIDTH TOP ACCENT LINE
   Runs edge-to-edge independently of the content container.
========================================================= */

body:has(.techrun-home)
.tr26-nav.tr26-nav-home::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #dfb96d 0%,
            #dfb96d 20%,
            #a6db54 20%,
            #a6db54 80%,
            #dfb96d 80%,
            #dfb96d 100%
        );

    z-index: 20;

    pointer-events: none;
}


/* =========================================================
   PREVENT LEGACY GLOBAL NAVBAR HOVER STYLES
========================================================= */

body:has(.techrun-home)
.tr26-nav-home
.tr26-nav-link:hover {
    background:
        transparent !important;

    color:
        var(--nav-leaf, #a6db54) !important;
}


/* =========================================================
   PREVENT LEGACY ACTIVE NAVBAR BACKGROUND
========================================================= */

body:has(.techrun-home)
.tr26-nav-home
.tr26-nav-link.active {
    background:
        transparent !important;
}


/* =========================================================
   REMOVE LEGACY LINK UNDERLINE
========================================================= */

body:has(.techrun-home)
.tr26-nav
.tr26-nav-link::after {
    display:
        none !important;
}


/* =========================================================
   REGISTER DROPDOWN ARROW
========================================================= */

body:has(.techrun-home)
.tr26-register-trigger.dropdown-toggle::after {
    display:
        inline-block !important;

    position:
        static !important;

    width:
        auto !important;

    height:
        auto !important;

    margin-left:
        .55rem !important;

    content:
        "↗" !important;

    border:
        0 !important;

    background:
        transparent !important;

    opacity:
        1 !important;

    transform:
        none !important;

    vertical-align:
        middle !important;
}


/* =========================================================
   DESKTOP — CLIENT MATCH
========================================================= */

@media (min-width: 992px) {

    /* ---------------------------------------------------------
       NAVBAR HEIGHT
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav.tr26-nav-home {
        min-height:
            96px !important;
    }


    /* ---------------------------------------------------------
       CONTENT CONTAINER
       Accent line stays full width while content is contained.
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-shell {
        width:
            100% !important;

        max-width:
            1320px !important;

        min-height:
            96px !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        padding-left:
            1.5rem !important;

        padding-right:
            1.5rem !important;

        gap:
            1.5rem !important;
    }


    /* ---------------------------------------------------------
       BRAND
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-brand {
        flex-shrink:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-wordmark {
        font-size:
            1.55rem !important;

        font-weight:
            800 !important;

        line-height:
            .9 !important;

        letter-spacing:
            -.065em !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-brand small {
        margin-top:
            .45rem !important;

        font-size:
            .43rem !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        letter-spacing:
            .27em !important;
    }


    /* ---------------------------------------------------------
       NAVIGATION POSITION
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse {
        flex-grow:
            1 !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-menu {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-end !important;

        margin-left:
            auto !important;

        gap:
            .25rem !important;
    }


    /* ---------------------------------------------------------
       NAVIGATION LINKS
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-link {
        padding:
            .65rem .55rem !important;

        background:
            transparent !important;

        color:
            #ffffff !important;

        font-size:
            .62rem !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        letter-spacing:
            0 !important;

        text-transform:
            uppercase !important;

        white-space:
            nowrap !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-link:hover {
        background:
            transparent !important;

        color:
            var(--nav-leaf, #a6db54) !important;

        transform:
            none !important;
    }


    /* ---------------------------------------------------------
       REGISTER BUTTON
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-register-trigger {
        min-height:
            50px !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        margin-left:
            .65rem !important;

        padding:
            0 1.3rem !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            var(--nav-leaf, #a6db54) !important;

        color:
            var(--nav-deep, #05271f) !important;

        font-size:
            .62rem !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        text-transform:
            uppercase !important;

        box-shadow:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-register-trigger:hover,
    body:has(.techrun-home)
    .tr26-nav-home
    .show > .tr26-register-trigger {
        background:
            #ffffff !important;

        color:
            var(--nav-deep, #05271f) !important;

        transform:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-register-trigger.dropdown-toggle::after {
        margin-left:
            .65rem !important;

        font-size:
            .75rem !important;
    }

}


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

@media (max-width: 991.98px) {

    /* ---------------------------------------------------------
       NAVBAR
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav.tr26-nav-home {
        min-height:
            82px !important;

        padding:
            0 !important;

        background:
            rgba(5, 39, 31, .92) !important;
    }


    /* ---------------------------------------------------------
       SHELL
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-shell {
        width:
            100% !important;

        min-height:
            82px !important;

        padding-left:
            1rem !important;

        padding-right:
            1rem !important;
    }


    /* ---------------------------------------------------------
       BRAND
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-wordmark {
        font-size:
            1.4rem !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-brand small {
        margin-top:
            .4rem !important;

        font-size:
            .4rem !important;

        letter-spacing:
            .24em !important;
    }


    /* ---------------------------------------------------------
       HAMBURGER
       Prevent legacy button styles.
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-toggler {
        margin-left:
            auto !important;

        padding:
            .45rem !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-toggler:focus {
        border:
            0 !important;

        outline:
            0 !important;

        box-shadow:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-toggler-line {
        display:
            block !important;

        width:
            25px !important;

        height:
            2px !important;

        margin:
            5px 0 !important;

        background:
            #ffffff !important;

        border-radius:
            0 !important;
    }


    /* ---------------------------------------------------------
       COLLAPSE
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse {
        width:
            100% !important;

        flex-basis:
            100% !important;

        margin:
            0 !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.show,
    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.collapsing {
        margin-left:
            -1rem !important;

        margin-right:
            -1rem !important;

        padding:
            .75rem 1rem 1rem !important;

        background:
            var(--nav-deep, #05271f) !important;

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

        box-shadow:
            none !important;
    }


    /* ---------------------------------------------------------
       CANCEL OLD ROUNDED WHITE MOBILE MENU CARD
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav {
        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;
    }


    /* ---------------------------------------------------------
       MOBILE LINKS
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .nav-link {
        width:
            100% !important;

        min-height:
            auto !important;

        margin:
            0 !important;

        padding:
            .85rem 0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        color:
            #ffffff !important;

        font-size:
            .7rem !important;

        font-weight:
            800 !important;

        text-align:
            left !important;

        justify-content:
            flex-start !important;

        box-shadow:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .nav-link:hover,
    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .nav-link.active {
        background:
            transparent !important;

        color:
            var(--nav-leaf, #a6db54) !important;

        transform:
            none !important;
    }


    /* ---------------------------------------------------------
       MOBILE REGISTER CTA
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .tr26-register-trigger {
        width:
            100% !important;

        min-height:
            50px !important;

        margin:
            .6rem 0 0 !important;

        padding:
            0 1rem !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            var(--nav-leaf, #a6db54) !important;

        color:
            var(--nav-deep, #05271f) !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .tr26-register-trigger:hover,
    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .show > .tr26-register-trigger {
        background:
            #ffffff !important;

        color:
            var(--nav-deep, #05271f) !important;
    }


    /* ---------------------------------------------------------
       MOBILE REGISTER DROPDOWN
    --------------------------------------------------------- */

    body:has(.techrun-home)
    .tr26-nav-home
    .dropdown-menu {
        width:
            100% !important;

        margin:
            .3rem 0 0 !important;

        padding:
            .4rem !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            #ffffff !important;

        box-shadow:
            none !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .dropdown-item {
        padding:
            .75rem .85rem !important;

        color:
            var(--nav-deep, #05271f) !important;

        font-size:
            .72rem !important;

        font-weight:
            700 !important;
    }

}


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

@media (max-width: 480px) {

    body:has(.techrun-home)
    .tr26-nav.tr26-nav-home {
        min-height:
            76px !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-shell {
        min-height:
            76px !important;

        padding-left:
            .85rem !important;

        padding-right:
            .85rem !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-wordmark {
        font-size:
            1.3rem !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-brand small {
        font-size:
            .37rem !important;

        letter-spacing:
            .22em !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.show,
    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.collapsing {
        margin-left:
            -.85rem !important;

        margin-right:
            -.85rem !important;

        padding-left:
            .85rem !important;

        padding-right:
            .85rem !important;
    }

}
/* =========================================================
   MOBILE NAV FINAL POLISH
========================================================= */

@media (max-width: 991.98px) {

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .nav-link {
        padding:
            .72rem 0 !important;
    }


    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.show,
    body:has(.techrun-home)
    .tr26-nav-home
    .tr26-nav-collapse.collapsing {
        padding-top:
            .55rem !important;

        padding-bottom:
            .75rem !important;
    }


    /* Keep Register visually separated from ordinary links */

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .tr26-register-trigger {
        margin-top:
            .45rem !important;

        padding:
            0 1rem !important;
    }

}

/* =========================================================
   MOBILE NAV — CENTER MENU ITEMS
========================================================= */

@media (max-width: 991.98px) {

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .nav-link {
        text-align: center !important;
        justify-content: center !important;
    }

    body:has(.techrun-home)
    .tr26-nav-home
    .navbar-collapse
    .navbar-nav
    .tr26-register-trigger {
        justify-content: center !important;
    }

    body:has(.techrun-home)
    .tr26-nav-home
    .dropdown-item {
        text-align: center !important;
    }
}