/* =====================================================
   THICK LINE V2 - MOBILE HEADER
   ===================================================== */

@media (max-width: 1024px) {

    .tl-v2-header {
        position: relative;
        z-index: 100;
        background: #ffffff;
    }

    .tl-v2-header__inner {
        height: 64px;
        justify-content: flex-end;
    }

    /* LOGO */

    .tl-v2-logo {
        left: 0;
        bottom: -7px;
    }

    .tl-v2-logo img {
        width: 60px;
        height: auto;
    }

    /* RIGHT SIDE */

    .tl-v2-header__right {
        gap: 22px;
    }

    /* HIDE DESKTOP NAVIGATION */

    .tl-v2-nav,
    .tl-v2-contact,
    .tl-v2-languages {
        display: none;
    }

    /* MOBILE LANGUAGES */

    .tl-mobile-languages {
        position: relative;
    }

    .tl-mobile-languages summary {
        display: flex;
        align-items: center;
        gap: 6px;
        list-style: none;
        cursor: pointer;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

    .tl-mobile-languages summary::-webkit-details-marker {
        display: none;
    }

    .tl-mobile-languages__arrow {
        width: 6px;
        height: 6px;
        border-right: 1.5px solid #413f9f;
        border-bottom: 1.5px solid #413f9f;
        transform: rotate(45deg);
        margin-top: -3px;
    }

    .tl-mobile-languages[open] .tl-mobile-languages__arrow {
        transform: rotate(225deg);
        margin-top: 3px;
    }

    .tl-mobile-languages__dropdown {
        position: absolute;
        top: calc(100% + 20px);
        right: 0;
        z-index: 110;
        min-width: 65px;
        padding: 8px 0;
        background: #ffffff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
    }

    .tl-mobile-languages__dropdown a {
        display: block;
        padding: 10px 16px;
        color: #4a4a4a;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-mobile-languages__dropdown a:hover {
        color: #413f9f;
    }

    /* HAMBURGER */

    .tl-mobile-menu {
        position: static;
    }

    .tl-mobile-menu > summary {
        display: flex;
        width: 26px;
        height: 24px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        list-style: none;
        cursor: pointer;
    }

    .tl-mobile-menu > summary::-webkit-details-marker {
        display: none;
    }

    .tl-mobile-menu > summary span {
        display: block;
        width: 24px;
        height: 2px;
        background: #413f9f;
    }

    /* DROPDOWN NAVIGATION */

    .tl-mobile-menu__dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 110;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        padding: 14px 28px 20px;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.10);
    }

    .tl-mobile-menu__dropdown a {
        display: block;
        padding: 13px 0;
        border-bottom: 1px solid #eeeeee;
        color: #4a4a4a;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-mobile-menu__dropdown a:last-child {
        border-bottom: 0;
    }

    .tl-mobile-menu__dropdown a.is-active {
        color: #413f9f;
    }

}

/* DESKTOP - HIDE MOBILE CONTROLS */

@media (min-width: 1025px) {

    .tl-mobile-languages,
    .tl-mobile-menu {
        display: none;
    }

}
/* =====================================================
   HOME V2 - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-home-v2 .tl-hero {
        background: #000000;
    }

    .tl-home-v2 .tl-hero__grid {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(420px, auto);

        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;

        overflow: hidden;
        isolation: isolate;
    }

    /* PHOTOGRAPHY */

    .tl-home-v2 .tl-hero__visual {
        position: relative;
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        height: 100%;
        min-height: 420px;
        aspect-ratio: auto;
        overflow: hidden;

        z-index: 0;
    }

    .tl-home-v2 .tl-hero__visual img {
        position: absolute;
        inset: 0;

        display: block;
        width: 100%;
        height: 100%;

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

    /* BLACK OVERLAY - 40% */

    .tl-home-v2 .tl-hero__visual::after {
        content: "";
        position: absolute;
        inset: 0;

        background: rgba(0, 0, 0, 0.40);
        pointer-events: none;
    }

    /* TEXT ON PHOTOGRAPHY */

    .tl-home-v2 .tl-hero__content {
        position: relative;
        grid-column: 1;
        grid-row: 1;

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

        min-width: 0;
        padding: 70px 28px;

        background: transparent;
        z-index: 1;
    }

    /* HEADING */

    .tl-home-v2 .tl-hero__content h1 {
        margin: 0;

        color: #ffffff;
        font-size: clamp(38px, 11vw, 48px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .tl-home-v2 .tl-hero__content h1 span {
        color: #d4ddf3;
    }

    /* ACCENT */

    .tl-home-v2 .tl-hero__line {
        width: 38px;
        height: 2px;
        margin: 24px 0 30px;
        background: #6967e6;
    }

    /* DESCRIPTION */

    .tl-home-v2 .tl-hero__content p {
        max-width: 330px;
        margin: 0 0 34px;

        color: #ffffff;
        font-size: 14px;
        line-height: 1.45;
        font-weight: 500;
    }

    /* CTA */

    .tl-home-v2 .tl-hero__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: auto;
        padding: 11px 18px;

        background: #6967e6;
        color: #ffffff;

        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.04em;
    }

}
/* =====================================================
   HOME V2 - MOBILE PROCESS ARCHITECTURE
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-process-teaser {
        padding: 35px 0 40px;
        background: #ffffff;
    }

    .tl-home-v2 .tl-process-teaser > .tl-container {
        width: calc(100% - 56px);
        max-width: 1140px;
        margin: 0 auto;
    }

    /* INTRO: TITLE ABOVE DESCRIPTION */

    .tl-home-v2 .tl-process-teaser__top {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .tl-home-v2 .tl-process-teaser__intro > span {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .tl-home-v2 .tl-process-teaser__intro h2 {
        max-width: none;
        margin: 0;
        font-size: 26px;
        line-height: 1.15;
    }

    .tl-home-v2 .tl-process-teaser__description {
        padding-top: 18px;
    }

    .tl-home-v2 .tl-process-teaser__description p {
        max-width: none;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    /* SIX AREAS - TWO COLUMNS */

    .tl-home-v2 .tl-process-teaser__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 0;
        margin-top: 30px;
    }

    /* RESET DESKTOP SEPARATORS */

    .tl-home-v2 .tl-process-item,
    .tl-home-v2 .tl-process-item:first-child,
    .tl-home-v2 .tl-process-item:last-child {
        position: relative;
        min-width: 0;
        padding: 16px 0;
        border: 0;
    }

    /* FIRST ROW STARTS WITHOUT EXTRA TOP PADDING */

    .tl-home-v2 .tl-process-item:nth-child(-n+2) {
        padding-top: 0;
    }

    /* HORIZONTAL SEPARATORS */

    .tl-home-v2 .tl-process-item:nth-child(n+3)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: #dddddd;
    }

    /* VERTICAL SEPARATORS - SEPARATE SEGMENTS */

    .tl-home-v2 .tl-process-item:nth-child(odd)::after {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        right: -12px;
        width: 1px;
        background: #dddddd;
    }

    .tl-home-v2 .tl-process-item:first-child::after {
        top: 0;
    }

    /* AREA TYPOGRAPHY */

    .tl-home-v2 .tl-process-item strong {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.3;
    }

    .tl-home-v2 .tl-process-item p {
        margin: 0;
        font-size: 12px;
        line-height: 1.45;
    }

    /* CTA */

    .tl-home-v2 .tl-process-teaser__cta {
        margin-top: 25px;
        text-align: right;
    }

    .tl-home-v2 .tl-process-teaser__cta a {
        font-size: 11px;
        line-height: 1.4;
    }

}
/* =====================================================
   HOME V2 - MOBILE PROJECT 136%
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-project-feature {
        background: #000000;
    }

    .tl-home-v2 .tl-project-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(440px, auto);

        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;

        overflow: hidden;
        isolation: isolate;
    }

    /* PHOTOGRAPHY */

    .tl-home-v2 .tl-project-feature__visual {
        position: relative;
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        height: 100%;
        min-height: 440px;

        overflow: hidden;
        z-index: 0;
    }

    .tl-home-v2 .tl-project-feature__visual img {
        position: absolute;
        inset: 0;

        display: block;
        width: 100%;
        height: 100%;

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

    /* BLACK OVERLAY - 40% */

    .tl-home-v2 .tl-project-feature__visual::after {
        content: "";
        position: absolute;
        inset: 0;

        background: rgba(0, 0, 0, 0.40);
        pointer-events: none;
    }

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

    .tl-home-v2 .tl-project-feature__content {
        position: relative;
        grid-column: 1;
        grid-row: 1;

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

        gap: 0;

        width: 100%;
        min-width: 0;
        height: 100%;
        box-sizing: border-box;

        padding: 50px 28px 50px;

        background: transparent;
        z-index: 1;
    }

    /* =================================================
       TOP CONTENT - LABEL + TITLE
       ================================================= */

    /* LABEL */

    .tl-home-v2 .tl-project-feature__content > span {
        display: block;

        margin: 0;
        padding: 0;

        color: #d4ddf3;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.14em;
    }

    /* TITLE */

    .tl-home-v2 .tl-project-feature__content h2 {
        margin: 5px 0 0;
        padding: 0;

        color: #ffffff;
        font-size: clamp(38px, 10vw, 46px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .tl-home-v2 .tl-project-feature__content h2 strong {
        color: #9290f0;
        font-weight: 700;
    }

    /* =================================================
       BOTTOM CONTENT - DESCRIPTION + STATS + CTA
       ================================================= */

    /* DESCRIPTION */

    .tl-home-v2 .tl-project-feature__content > p {
        margin: auto 0 0;
        padding: 0;

        max-width: 340px;

        color: #ffffff;
        font-size: 16px;
        line-height: 1.45;
        font-weight: 500;
    }

    /* STATISTICS */

    .tl-home-v2 .tl-project-feature__stats {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;

        width: 100%;
        margin: 10px 0 0;
        padding: 0;

        flex: 0 0 auto;
    }

    .tl-home-v2 .tl-project-stat {
        display: flex;
        flex-direction: column;
        justify-content: center;

        flex: 1;
        min-width: 0;

        margin: 0;
        padding: 0;
    }

    .tl-home-v2 .tl-project-stat + .tl-project-stat {
        margin-left: 15px;
        padding-left: 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.45);
    }

    .tl-home-v2 .tl-project-stat strong {
        margin: 0;
        padding: 0;

        color: #ffffff;
        font-size: clamp(19px, 5.5vw, 24px);
        line-height: 1.1;
        font-weight: 700;
        white-space: nowrap;
    }

    .tl-home-v2 .tl-project-stat span {
        margin: 5px 0 0;
        padding: 0;

        color: #d4ddf3;
        font-size: 9px;
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    /* CTA */

    .tl-home-v2 .tl-project-feature__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 auto;

        width: fit-content;
        margin: 25px 0 0;
        padding: 11px 18px;

        background: #6967e6;
        color: #ffffff;

        font-size: 12px;
        line-height: 1.4;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-decoration: none;
    }

}

/* =====================================================
   HOME V2 - MOBILE LATEST INSIGHTS
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-insights {
        padding: 35px 0 40px;
        background: #ffffff;
    }

    .tl-home-v2 .tl-insights > .tl-container {
        width: calc(100% - 56px);
        max-width: 1140px;
        margin: 0 auto;
    }

    /* HEADING */

    .tl-home-v2 .tl-insights__head {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin-bottom: 24px;
    }

    .tl-home-v2 .tl-insights__head span {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .tl-home-v2 .tl-insights__head h2 {
        margin: 0;
        font-size: 26px;
        line-height: 1.15;
    }

    /* SLIDER */

    .tl-home-v2 .tl-insights__grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        grid-template-columns: none;

        gap: 20px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;

        padding: 0 0 16px;
        margin: 0;

        scrollbar-width: thin;
        scrollbar-color: #6967e6 #eeeeee;
    }

    .tl-home-v2 .tl-insight-card {
        min-width: 0;
        width: 100%;
        padding: 0;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* REMOVE DESKTOP SEPARATORS */

    .tl-home-v2 .tl-insight-card + .tl-insight-card::before {
        display: none;
    }

    /* IMAGE - ORIGINAL PROPORTIONS */

    .tl-home-v2 .tl-insight-card__image {
        display: block;
        width: 100%;
        overflow: visible;
    }

    .tl-home-v2 .tl-insight-card__image img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* TITLE */

    .tl-home-v2 .tl-insight-card h3 {
        margin: 16px 0 12px;
        min-height: 0;

        font-size: 20px;
        line-height: 1.2;
    }

    /* DESCRIPTION */

    .tl-home-v2 .tl-insight-card p {
        margin: 0 0 18px;
        min-height: 0;

        color: #666666;
        font-size: 14px;
        line-height: 1.5;
    }

    /* ARTICLE LINK */

    .tl-home-v2 .tl-insight-card__link {
        margin-top: auto;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

    /* ALL INSIGHTS - BELOW SLIDER */

    .tl-home-v2 .tl-insights__all {
        align-self: flex-end;
        margin-top: 20px;

        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

}
/* HIDE DESKTOP LINK */

.tl-home-v2 .tl-insights__head .tl-insights__all {
    display: none;
}

/* MOBILE BUTTON BELOW SLIDER */

.tl-home-v2 .tl-insights__mobile-footer {
    display: block;
    margin-top: 24px;
    text-align: left;
}

.tl-home-v2 .tl-insights__mobile-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;

    background: #6967e6;
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.tl-home-v2 .tl-insights__mobile-cta:hover {
    background: #413f9f;
    color: #ffffff;
}
/* =====================================================
   THICK LINE V2 - MOBILE FOOTER
   ===================================================== */

@media (max-width: 1024px) {

    /* FOOTER */

    .tl-footer {
        width: 100%;
        background: #ffffff;
    }

    /* FOOTER IMAGE - FULL WIDTH */

    .tl-footer__visual-wrap {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .tl-footer__visual {
        width: 100%;
        overflow: hidden;
    }

    .tl-footer__visual img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
    }

    /* BLACK FOOTER BAR */

    .tl-footer__bar {
        width: 100%;
        background: #000000;
    }

    /* FOUR COLUMNS -> FOUR ROWS */

    .tl-footer__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;

        width: calc(100% - 56px);
        max-width: none;
        margin: 0 auto;
        padding: 12px 0 24px;
    }

    /* RESET DESKTOP VERTICAL SEPARATORS */

    .tl-footer__company::before,
    .tl-footer__contact::before,
    .tl-footer__legal::before {
        display: none;
    }

    /* ROWS */

    .tl-footer__title,
    .tl-footer__company,
    .tl-footer__contact,
    .tl-footer__legal {
        width: 100%;
        min-width: 0;
        padding: 20px 0;
        margin: 0;
    }

    /* HORIZONTAL SEPARATORS */

  .tl-footer__company,
.tl-footer__contact,
.tl-footer__legal {
    border-top: 0;
}

.tl-footer__contact::before,
.tl-footer__legal::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    width: 60%;
    height: 1px;
    background: rgba(255, 255, 255, 0.28);
}

    /* ROW 1 - THICK LINE */

    .tl-footer__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .tl-footer__title strong {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    .tl-footer__title span {
        display: block;
        width: 32px;
        height: 2px;
        position: static;
        background: #6967e6;
    }

    /* ROW 2 - COMPANY */

    .tl-footer__company {
        display: flex;
        flex-direction: column;
        gap: 4px;

        color: #d0d0d0;
        font-size: 12px;
        line-height: 1.4;
    }

    /* ROW 3 - CONTACT */

    .tl-footer__contact {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 28px;
    }

    .tl-footer__contact a {
        display: inline-flex;
        align-items: center;
        gap: 10px;

        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-footer__contact img {
        display: block;
        width: 18px;
        height: 18px;
    }

    /* ROW 4 - LEGAL */

    .tl-footer__legal {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .tl-footer__legal a {
        color: #d0d0d0;
        font-size: 12px;
        text-decoration: none;
    }

}
/* =====================================================
   PROCESS ARCHITECTURE - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-pa-hero__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-pa-hero__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-pa-hero__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-pa-hero__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 440px;
        box-sizing: border-box;
        padding: 55px 30px;
        background: rgba(0, 0, 0, 0.40);
    }

    .tl-pa-hero__content > span {
        display: none;
    }

    .tl-pa-hero__content h1 {
        margin: 0 0 28px;
        font-size: 30px;
        line-height: 1.12;
        letter-spacing: -0.02em;
    }

    .tl-pa-hero__content .tl-pa-hero__lead {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-pa-hero__content p {
        max-width: none;
        font-size: 15px;
        line-height: 1.45;
    }
}

/* =====================================================
   PROCESS ARCHITECTURE - MOBILE SECTIONS 01-06
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION LAYOUT */

    .tl-pa-row .tl-pa-row__grid {
        width: calc(100% - 56px);
        margin: 0 auto;
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    /* TEXT GRID */

    .tl-pa-row .tl-pa-row__content {
        order: 1;
        display: grid;
        grid-template-columns: 65px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        align-items: start;
        padding: 0;
    }

    /* MAKE HEADINGS AND DESCRIPTION
       INDEPENDENT GRID ELEMENTS */

    .tl-pa-row .tl-pa-row__content > div {
        display: contents;
    }

    /* SECTION NUMBER */

    .tl-pa-row .tl-pa-row__number {
        grid-column: 1;
        grid-row: 1 / 3;
        font-size: 42px;
        line-height: 1;
    }

    /* MAIN HEADING */

    .tl-pa-row .tl-pa-row__content h2 {
        grid-column: 2;
        grid-row: 1;
        margin: 0 0 4px;
        font-size: 25px;
        line-height: 1.1;
    }

    /* SUBHEADING */

    .tl-pa-row .tl-pa-row__content h3 {
        grid-column: 2;
        grid-row: 2;
        margin: 0;
        font-size: 15px;
        line-height: 1.3;
    }

    /* DESCRIPTION - FULL WIDTH */

    .tl-pa-row .tl-pa-row__content p {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        max-width: none;
        margin: 16px 0 0;
        padding: 0;
        font-size: 15px;
        line-height: 1.45;
        box-sizing: border-box;
    }

    /* PHOTOGRAPHY - NO CROPPING */

    body.tl-v2-page .tl-pa-row .tl-pa-row__visual {
        order: 2;
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        overflow: visible;
    }

    body.tl-v2-page .tl-pa-row .tl-pa-row__visual img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
        object-position: center;
    }

    /* SEPARATORS */

    .tl-pa-row:not(.tl-pa-row--quality)::after {
        content: "";
        display: block;
        width: calc(100% - 76px);
        height: 1px;
        margin: 0 auto;
        background: #dddddd;
    }

    /* NO SEPARATOR AFTER QUALITY */

    .tl-pa-row--quality::after {
        display: none;
    }
}

/* =====================================================
   PROCESS ARCHITECTURE - MOBILE CLOSING CTA
   ===================================================== */

@media (max-width: 1024px) {

    .tl-pa-closing__inner {
        width: calc(100% - 56px);
        padding: 30px 0 40px;
        border-top: 1px solid #dddddd;
        box-sizing: border-box;
    }

    .tl-pa-closing__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
    }

    .tl-pa-closing__content h2 {
        margin: 0 0 16px;
        line-height: 1.15;
    }

    .tl-pa-closing__lead {
        font-size: 24px;
    }

    .tl-pa-closing__result {
        font-size: 28px;
    }

    .tl-pa-closing__content p {
        max-width: none;
        margin: 0 0 24px;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-pa-closing__cta {
        padding: 10px 18px;
        background: #6967e6;
        color: #ffffff;
    }
}
/* =====================================================
   PROJECTS ARCHIVE - MOBILE INTRO ACCORDION
   ===================================================== */

@media (max-width: 1024px) {

    .tl-projects-intro {
        padding: 30px 0;
    }

    .tl-projects-intro__inner {
        width: calc(100% - 56px);
    }

    .tl-projects-intro h1 {
        margin: 0 0 25px;
        font-size: 36px;
        line-height: 1.05;
    }

    /* Desktop columns hidden on mobile */

    .tl-projects-intro__grid {
        display: none;
    }

    /* Mobile accordion */

    .tl-projects-intro__mobile {
        display: block;
    }

.tl-projects-intro__accordion {
    position: relative;
    border: 0 !important;
    box-shadow: none;
}

.tl-projects-intro__accordion::after {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    margin: 0;
    background: #dddddd;
}

    .tl-projects-intro__accordion summary {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 30px 8px 0;
        cursor: pointer;
        list-style: none;
    }

    .tl-projects-intro__accordion summary::-webkit-details-marker {
        display: none;
    }

    .tl-projects-intro__accordion-heading {
        color: #413f9f;
        font-size: 24px;
        line-height: 1.1;
        font-weight: 700;
    }

   .tl-projects-intro__accordion-preview {
    margin-top: 10px;
    color: #666666;
    font-size: 16px;
    line-height: 1.35;
}

    .tl-projects-intro__accordion-icon {
        position: absolute;
        top: 24px;
        right: 0;
        width: 16px;
        height: 16px;
    }

    .tl-projects-intro__accordion-icon::before,
    .tl-projects-intro__accordion-icon::after {
        content: "";
        position: absolute;
        background: #413f9f;
    }

    .tl-projects-intro__accordion-icon::before {
        top: 7px;
        left: 0;
        width: 16px;
        height: 2px;
    }

    .tl-projects-intro__accordion-icon::after {
        top: 0;
        left: 7px;
        width: 2px;
        height: 16px;
    }

    .tl-projects-intro__accordion[open]
    .tl-projects-intro__accordion-icon::after {
        display: none;
    }

    .tl-projects-intro__accordion > p {
    margin: -10px 0 0;
    padding: 0 0 20px;
    color: #666666;
    font-size: 16px;
    line-height: 1.45;
}

    /* Organizational quality statement */

    .tl-projects-intro__statement {
        margin-top: 30px;
        padding-top: 0;
        border-top: 0;
    }

    .tl-projects-intro__statement h2 {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 1.2;
    }

    .tl-projects-intro__statement p {
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-projects-intro__closing {
        margin-top: 25px;
        font-size: 22px;
        line-height: 1.2;
    }
}

/* Desktop: hide mobile accordion */

@media (min-width: 1025px) {
    .tl-projects-intro__mobile {
        display: none;
    }
}
/* =====================================================
   PROJECTS ARCHIVE - MOBILE FEATURED PROJECT
   ===================================================== */

@media (max-width: 1024px) {

    .tl-projects-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-projects-feature__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-projects-feature__visual img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-projects-feature__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto 1fr auto auto auto;
        column-gap: 0px;
        align-content: stretch;
        min-height: 440px;
        box-sizing: border-box;
        padding: 35px 30px;
        background: rgba(0, 0, 0, 0.50);
    }

    .tl-projects-feature__number {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        color: #d4ddf3;
        font-size: 24px;
        line-height: 1;
        align-self: end;
        transform: translateY(-2px);
    }

    .tl-projects-feature__content h2 {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        font-size: 44px;
        line-height: 1;
    }

    .tl-projects-feature__content h2 strong {
        color: #9290f0;
    }

    .tl-projects-feature__industry {
        grid-column: 1 / -1;
        grid-row: 3;
        margin: 0 0 15px;
        padding: 0;
        max-width: 50%;
        color: #d8d8d8;
        font-size: 16px;
        line-height: 1.4;
    }

    .tl-projects-feature__stats {
        grid-column: 1 / -1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin: 0 0 15px;
    }

    .tl-projects-feature__stat + .tl-projects-feature__stat {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .tl-projects-feature__stat strong {
        font-size: 24px;
    }

    .tl-projects-feature__stat span {
        color: #d4ddf3;
        font-size: 10px;
    }

    .tl-projects-feature__content .tl-project-feature__cta {
        grid-column: 1 / -1;
        grid-row: 5;
        justify-self: start;
        align-self: start;
        padding: 10px 18px;
        background: #6967e6;
    }
}
/* =====================================================
   INSIGHTS ARCHIVE - MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* INTRO */

    .tl-insights-archive__intro {
        padding: 30px 0 0;
    }

    .tl-insights-archive__intro-inner {
        width: calc(100% - 56px);
    }

    .tl-insights-archive__intro h1 {
        font-size: 36px;
        line-height: 1.05;
    }

    .tl-insights-archive__intro p {
        margin-top: 15px;
        max-width: none;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-insights-archive__intro::after {
        width: calc(100% - 56px);
        margin: 25px auto 0;
    }

    /* ARCHIVE CONTAINER */

    .tl-insights-archive {
        padding-bottom: 30px;
    }

    .tl-insights-archive__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* ARTICLES 01-04 */

    .tl-insights-archive .tl-insight-row {
        position: relative;
        display: grid;
        grid-template-columns: 65px minmax(0, 1fr);
        align-items: start;
        column-gap: 0;
        row-gap: 18px;
        padding: 30px 0;
    }

    /* FLATTEN HTML STRUCTURE FOR MOBILE GRID */

    .tl-insights-archive .tl-insight-row__content,
    .tl-insights-archive .tl-insight-row__text {
        display: contents;
    }

    /* NUMBER */

    .tl-insights-archive .tl-insight-row__number {
        grid-column: 1;
        grid-row: 1;
        display: block;
        color: #d0d0d0;
        font-size: 42px;
        line-height: 1;
        font-weight: 600;
    }

    /* TITLE */

    .tl-insights-archive .tl-insight-row__text h2 {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        min-height: 0;
        margin: 0;
        color: #111111;
        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }

    /* DESCRIPTION - FULL WIDTH */

    .tl-insights-archive .tl-insight-row__text p {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: none;
        margin: 0;
        color: #666666;
        font-size: 15px;
        line-height: 1.5;
    }

    /* FULL IMAGE - ORIGINAL PROPORTIONS */

    .tl-insights-archive .tl-insight-row__visual {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        aspect-ratio: auto;
        overflow: visible;
    }

    .tl-insights-archive .tl-insight-row__visual img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
        object-position: center;
    }

    /* READ ARTICLE - BELOW IMAGE, ALIGNED RIGHT */

    .tl-insights-archive .tl-insight-row__cta {
        grid-column: 1 / -1;
        grid-row: 4;
        justify-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 44px;
        padding: 0 0 0 15px;
        margin: -5px 0 0;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    /* SEPARATORS */

    .tl-insights-archive .tl-insight-row::after {
        content: "";
        position: static;
        grid-column: 1 / -1;
        grid-row: 5;
        display: block;
        width: calc(100% - 20px);
        height: 1px;
        margin: 0 0 0 10px;
        background: #dddddd;
    }

    .tl-insights-archive .tl-insight-row:last-child::after {
        display: none;
    }
}
/* =====================================================
   PROJECT 136% - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-project-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-project-feature__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-project-feature__visual img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-project-feature__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        height: 100%;
        min-height: 440px;
        box-sizing: border-box;
        padding: 35px 30px;
        background: rgba(0, 0, 0, 0.50);
    }

    /* TITLE */

    .tl-project-feature__content h1 {
        margin: 0;
        color: #ffffff;
        font-size: 48px;
        line-height: 1;
    }

    .tl-project-feature__content h1 strong {
        color: #9290f0;
    }

  .tl-project-feature__content h1::after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin-top: 5px;
    background: #6967e6;
}

    /* INDUSTRY DESCRIPTION */

    .tl-project-feature__content > p {
        margin: auto 0 25px;
        padding: 0;
        max-width: 60%;
        color: #d8d8d8;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 500;
    }

    /* STATISTICS */

    .tl-project-feature__stats {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin: 0;
    }

    .tl-project-stat + .tl-project-stat {
        margin: 0;
        padding: 0;
        border-left: 0;
    }

    .tl-project-stat strong {
        color: #ffffff;
        font-size: 30px;
        line-height: 1;
    }

    .tl-project-stat span {
        margin-top: 8px;
        color: #d4ddf3;
        font-size: 11px;
    }
}
/* =====================================================
   PROJECT 136% - MOBILE SECTIONS 01-06
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION CONTAINERS */

    .tl-136-start,
    .tl-136-material,
    .tl-136-process,
    .tl-136-ink,
    .tl-136-standard,
    .tl-136-result {
        padding: 30px 0;
    }

    .tl-136-start__inner,
    .tl-136-material__inner,
    .tl-136-process__inner,
    .tl-136-ink__inner,
    .tl-136-standard__inner,
    .tl-136-result__inner,
    .tl-136-closing__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* SECTIONS WITH PHOTOGRAPHS */

    .tl-136-material__grid,
    .tl-136-ink__grid,
    .tl-136-standard__grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .tl-136-material__content,
    .tl-136-ink__content,
    .tl-136-standard__content {
        order: 1;
    }

    .tl-136-material__visual,
    .tl-136-ink__visual,
    .tl-136-standard__visual {
        order: 2;
        width: 100%;
        padding: 0;
    }

    .tl-136-material__visual img,
    .tl-136-ink__visual img,
    .tl-136-standard__visual img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* NUMBER + HEADING */

    .tl-136-start__heading,
    .tl-136-material__heading,
    .tl-136-process__heading,
    .tl-136-ink__heading,
    .tl-136-standard__heading,
    .tl-136-result__heading {
        display: flex;
        align-items: baseline;
        gap: 15px;
        margin-bottom: 20px;
    }

    .tl-136-start__number,
    .tl-136-material__number,
    .tl-136-process__number,
    .tl-136-ink__number,
    .tl-136-standard__number,
    .tl-136-result__number {
        flex: 0 0 auto;
        font-size: 42px;
        line-height: 1;
    }

    .tl-136-start__heading h2,
    .tl-136-material__heading h2,
    .tl-136-process__heading h2,
    .tl-136-ink__heading h2,
    .tl-136-standard__heading h2,
    .tl-136-result__heading h2 {
        margin: 0;
        font-size: 25px;
        line-height: 1.15;
    }

    /* TEXT - FULL WIDTH */

    .tl-136-start__content,
    .tl-136-material__text,
    .tl-136-process__content,
    .tl-136-ink__text,
    .tl-136-standard__text,
    .tl-136-result__content {
        padding: 0;
    }

    .tl-136-start__content p,
    .tl-136-material__text p,
    .tl-136-process__content p,
    .tl-136-ink__text p,
    .tl-136-standard__text p,
    .tl-136-result__content p {
        margin: 0 0 14px;
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-136-start__content p:last-child,
    .tl-136-material__text p:last-child,
    .tl-136-process__content p:last-child,
    .tl-136-ink__text p:last-child,
    .tl-136-standard__text p:last-child,
    .tl-136-result__content p:last-child {
        margin-bottom: 0;
    }

    /* SEPARATORS BETWEEN SECTIONS */

    .tl-136-start::after,
    .tl-136-material::after,
    .tl-136-process::after,
    .tl-136-ink::after,
    .tl-136-standard::after {
        content: "";
        display: block;
        width: calc(100% - 76px);
        height: 1px;
        margin: 30px auto -30px;
        background: #dddddd;
    }

    /* RESULT */

    .tl-136-result__metric {
        margin: 25px 0;
    }

    .tl-136-result__metric strong {
        font-size: 48px;
    }

    /* WHAT CHANGED */

    .tl-136-closing {
        padding: 20px 0 50px;
    }

    .tl-136-closing__heading,
    .tl-136-closing__content {
        padding-left: 0;
    }

    .tl-136-closing__heading {
        margin-bottom: 20px;
    }

    .tl-136-closing__heading h2 {
        font-size: 25px;
    }

    .tl-136-closing__content p {
        margin: 0 0 14px;
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-136-closing__content p:last-child {
        margin-bottom: 0;
    }
}
/* =====================================================
   PRIVACY & COOKIES - MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* PAGE CONTAINER */

    .tl-privacy {
        padding: 30px 0 50px;
    }

    .tl-privacy__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* PAGE TITLE */

    .tl-privacy__header {
        margin-bottom: 30px;
    }

    .tl-privacy__header h1 {
        font-size: 30px;
        line-height: 1.15;
        letter-spacing: -0.03em;
    }

    .tl-privacy__header::after {
        width: 38px;
        height: 2px;
        margin-top: 5px;
        background: #413f9f;
    }

    /* SECTION HEADINGS */

    .tl-privacy__content h2 {
        margin: 35px 0 22px;
        font-size: 25px;
        line-height: 1.15;
    }

    .tl-privacy__content h2:first-child {
        margin-top: 0;
    }

    .tl-privacy__content h3 {
        margin: 25px 0 12px;
        font-size: 18px;
        line-height: 1.25;
    }

    /* TEXT */

    .tl-privacy__content p,
    .tl-privacy__content li {
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-privacy__content p {
        margin: 0 0 14px;
    }

    .tl-privacy__content ul {
        margin: 0 0 20px 20px;
        padding: 0;
    }

    .tl-privacy__content li {
        margin-bottom: 6px;
    }

    /* COOKIE TABLE */

    .tl-privacy__table {
        display: block;
        width: 100%;
        margin: 20px 0 30px;
        border-collapse: collapse;
        font-size: 14px;
    }

    .tl-privacy__table thead {
        display: none;
    }

    .tl-privacy__table tbody {
        display: block;
    }

    .tl-privacy__table tr {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #dddddd;
    }

    .tl-privacy__table td {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        text-align: left;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }

    .tl-privacy__table td:first-child {
        margin-bottom: 6px;
        color: #111111;
        font-weight: 700;
    }

    .tl-privacy__table td:nth-child(2) {
        margin-bottom: 6px;
        color: #666666;
        line-height: 1.5;
    }

    .tl-privacy__table td:last-child {
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }
}
/* =====================================================
   THICK LINE V2 - MOBILE HEADER
   ===================================================== */

@media (max-width: 1024px) {

    .tl-v2-header {
        position: relative;
        z-index: 100;
        background: #ffffff;
    }

    .tl-v2-header__inner {
        height: 64px;
        justify-content: flex-end;
    }

    /* LOGO */

    .tl-v2-logo {
        left: 0;
        bottom: -7px;
    }

    .tl-v2-logo img {
        width: 60px;
        height: auto;
    }

    /* RIGHT SIDE */

    .tl-v2-header__right {
        gap: 22px;
    }

    /* HIDE DESKTOP NAVIGATION */

    .tl-v2-nav,
    .tl-v2-contact,
    .tl-v2-languages {
        display: none;
    }

    /* MOBILE LANGUAGES */

    .tl-mobile-languages {
        position: relative;
    }

    .tl-mobile-languages summary {
        display: flex;
        align-items: center;
        gap: 6px;
        list-style: none;
        cursor: pointer;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

    .tl-mobile-languages summary::-webkit-details-marker {
        display: none;
    }

    .tl-mobile-languages__arrow {
        width: 6px;
        height: 6px;
        border-right: 1.5px solid #413f9f;
        border-bottom: 1.5px solid #413f9f;
        transform: rotate(45deg);
        margin-top: -3px;
    }

    .tl-mobile-languages[open] .tl-mobile-languages__arrow {
        transform: rotate(225deg);
        margin-top: 3px;
    }

    .tl-mobile-languages__dropdown {
        position: absolute;
        top: calc(100% + 20px);
        right: 0;
        z-index: 110;
        min-width: 65px;
        padding: 8px 0;
        background: #ffffff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
    }

    .tl-mobile-languages__dropdown a {
        display: block;
        padding: 10px 16px;
        color: #4a4a4a;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-mobile-languages__dropdown a:hover {
        color: #413f9f;
    }

    /* HAMBURGER */

    .tl-mobile-menu {
        position: static;
    }

    .tl-mobile-menu > summary {
        display: flex;
        width: 26px;
        height: 24px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        list-style: none;
        cursor: pointer;
    }

    .tl-mobile-menu > summary::-webkit-details-marker {
        display: none;
    }

    .tl-mobile-menu > summary span {
        display: block;
        width: 24px;
        height: 2px;
        background: #413f9f;
    }

    /* DROPDOWN NAVIGATION */

    .tl-mobile-menu__dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 110;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        padding: 14px 28px 20px;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.10);
    }

    .tl-mobile-menu__dropdown a {
        display: block;
        padding: 13px 0;
        border-bottom: 1px solid #eeeeee;
        color: #4a4a4a;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-mobile-menu__dropdown a:last-child {
        border-bottom: 0;
    }

    .tl-mobile-menu__dropdown a.is-active {
        color: #413f9f;
    }

}

/* DESKTOP - HIDE MOBILE CONTROLS */

@media (min-width: 1025px) {

    .tl-mobile-languages,
    .tl-mobile-menu {
        display: none;
    }

}
/* =====================================================
   HOME V2 - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-home-v2 .tl-hero {
        background: #000000;
    }

    .tl-home-v2 .tl-hero__grid {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(420px, auto);

        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;

        overflow: hidden;
        isolation: isolate;
    }

    /* PHOTOGRAPHY */

    .tl-home-v2 .tl-hero__visual {
        position: relative;
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        height: 100%;
        min-height: 420px;
        aspect-ratio: auto;
        overflow: hidden;

        z-index: 0;
    }

    .tl-home-v2 .tl-hero__visual img {
        position: absolute;
        inset: 0;

        display: block;
        width: 100%;
        height: 100%;

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

    /* BLACK OVERLAY - 40% */

    .tl-home-v2 .tl-hero__visual::after {
        content: "";
        position: absolute;
        inset: 0;

        background: rgba(0, 0, 0, 0.40);
        pointer-events: none;
    }

    /* TEXT ON PHOTOGRAPHY */

    .tl-home-v2 .tl-hero__content {
        position: relative;
        grid-column: 1;
        grid-row: 1;

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

        min-width: 0;
        padding: 70px 28px;

        background: transparent;
        z-index: 1;
    }

    /* HEADING */

    .tl-home-v2 .tl-hero__content h1 {
        margin: 0;

        color: #ffffff;
        font-size: clamp(38px, 11vw, 48px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .tl-home-v2 .tl-hero__content h1 span {
        color: #d4ddf3;
    }

    /* ACCENT */

    .tl-home-v2 .tl-hero__line {
        width: 38px;
        height: 2px;
        margin: 24px 0 30px;
        background: #6967e6;
    }

    /* DESCRIPTION */

    .tl-home-v2 .tl-hero__content p {
        max-width: 330px;
        margin: 0 0 34px;

        color: #ffffff;
        font-size: 14px;
        line-height: 1.45;
        font-weight: 500;
    }

    /* CTA */

    .tl-home-v2 .tl-hero__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: auto;
        padding: 11px 18px;

        background: #6967e6;
        color: #ffffff;

        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.04em;
    }

}
/* =====================================================
   HOME V2 - MOBILE PROCESS ARCHITECTURE
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-process-teaser {
        padding: 35px 0 40px;
        background: #ffffff;
    }

    .tl-home-v2 .tl-process-teaser > .tl-container {
        width: calc(100% - 56px);
        max-width: 1140px;
        margin: 0 auto;
    }

    /* INTRO: TITLE ABOVE DESCRIPTION */

    .tl-home-v2 .tl-process-teaser__top {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .tl-home-v2 .tl-process-teaser__intro > span {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .tl-home-v2 .tl-process-teaser__intro h2 {
        max-width: none;
        margin: 0;
        font-size: 26px;
        line-height: 1.15;
    }

    .tl-home-v2 .tl-process-teaser__description {
        padding-top: 18px;
    }

    .tl-home-v2 .tl-process-teaser__description p {
        max-width: none;
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    /* SIX AREAS - TWO COLUMNS */

    .tl-home-v2 .tl-process-teaser__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 0;
        margin-top: 30px;
    }

    /* RESET DESKTOP SEPARATORS */

    .tl-home-v2 .tl-process-item,
    .tl-home-v2 .tl-process-item:first-child,
    .tl-home-v2 .tl-process-item:last-child {
        position: relative;
        min-width: 0;
        padding: 16px 0;
        border: 0;
    }

    /* FIRST ROW STARTS WITHOUT EXTRA TOP PADDING */

    .tl-home-v2 .tl-process-item:nth-child(-n+2) {
        padding-top: 0;
    }

    /* HORIZONTAL SEPARATORS */

    .tl-home-v2 .tl-process-item:nth-child(n+3)::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: #dddddd;
    }

    /* VERTICAL SEPARATORS - SEPARATE SEGMENTS */

    .tl-home-v2 .tl-process-item:nth-child(odd)::after {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        right: -12px;
        width: 1px;
        background: #dddddd;
    }

    .tl-home-v2 .tl-process-item:first-child::after {
        top: 0;
    }

    /* AREA TYPOGRAPHY */

    .tl-home-v2 .tl-process-item strong {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.3;
    }

    .tl-home-v2 .tl-process-item p {
        margin: 0;
        font-size: 12px;
        line-height: 1.45;
    }

    /* CTA */

    .tl-home-v2 .tl-process-teaser__cta {
        margin-top: 25px;
        text-align: right;
    }

    .tl-home-v2 .tl-process-teaser__cta a {
        font-size: 11px;
        line-height: 1.4;
    }

}
/* =====================================================
   HOME V2 - MOBILE PROJECT 136%
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-project-feature {
        background: #000000;
    }

    .tl-home-v2 .tl-project-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(440px, auto);

        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;

        overflow: hidden;
        isolation: isolate;
    }

    /* PHOTOGRAPHY */

    .tl-home-v2 .tl-project-feature__visual {
        position: relative;
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        height: 100%;
        min-height: 440px;

        overflow: hidden;
        z-index: 0;
    }

    .tl-home-v2 .tl-project-feature__visual img {
        position: absolute;
        inset: 0;

        display: block;
        width: 100%;
        height: 100%;

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

    /* BLACK OVERLAY - 40% */

    .tl-home-v2 .tl-project-feature__visual::after {
        content: "";
        position: absolute;
        inset: 0;

        background: rgba(0, 0, 0, 0.40);
        pointer-events: none;
    }

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

    .tl-home-v2 .tl-project-feature__content {
        position: relative;
        grid-column: 1;
        grid-row: 1;

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

        gap: 0;

        width: 100%;
        min-width: 0;
        height: 100%;
        box-sizing: border-box;

        padding: 50px 28px 50px;

        background: transparent;
        z-index: 1;
    }

    /* =================================================
       TOP CONTENT - LABEL + TITLE
       ================================================= */

    /* LABEL */

    .tl-home-v2 .tl-project-feature__content > span {
        display: block;

        margin: 0;
        padding: 0;

        color: #d4ddf3;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.14em;
    }

    /* TITLE */

    .tl-home-v2 .tl-project-feature__content h2 {
        margin: 5px 0 0;
        padding: 0;

        color: #ffffff;
        font-size: clamp(38px, 10vw, 46px);
        line-height: 1;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .tl-home-v2 .tl-project-feature__content h2 strong {
        color: #9290f0;
        font-weight: 700;
    }

    /* =================================================
       BOTTOM CONTENT - DESCRIPTION + STATS + CTA
       ================================================= */

    /* DESCRIPTION */

    .tl-home-v2 .tl-project-feature__content > p {
        margin: auto 0 0;
        padding: 0;

        max-width: 340px;

        color: #ffffff;
        font-size: 16px;
        line-height: 1.45;
        font-weight: 500;
    }

    /* STATISTICS */

    .tl-home-v2 .tl-project-feature__stats {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;

        width: 100%;
        margin: 10px 0 0;
        padding: 0;

        flex: 0 0 auto;
    }

    .tl-home-v2 .tl-project-stat {
        display: flex;
        flex-direction: column;
        justify-content: center;

        flex: 1;
        min-width: 0;

        margin: 0;
        padding: 0;
    }

    .tl-home-v2 .tl-project-stat + .tl-project-stat {
        margin-left: 15px;
        padding-left: 15px;
        border-left: 1px solid rgba(255, 255, 255, 0.45);
    }

    .tl-home-v2 .tl-project-stat strong {
        margin: 0;
        padding: 0;

        color: #ffffff;
        font-size: clamp(19px, 5.5vw, 24px);
        line-height: 1.1;
        font-weight: 700;
        white-space: nowrap;
    }

    .tl-home-v2 .tl-project-stat span {
        margin: 5px 0 0;
        padding: 0;

        color: #d4ddf3;
        font-size: 9px;
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    /* CTA */

    .tl-home-v2 .tl-project-feature__cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 auto;

        width: fit-content;
        margin: 25px 0 0;
        padding: 11px 18px;

        background: #6967e6;
        color: #ffffff;

        font-size: 12px;
        line-height: 1.4;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-decoration: none;
    }

}

/* =====================================================
   HOME V2 - MOBILE LATEST INSIGHTS
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-home-v2 .tl-insights {
        padding: 35px 0 40px;
        background: #ffffff;
    }

    .tl-home-v2 .tl-insights > .tl-container {
        width: calc(100% - 56px);
        max-width: 1140px;
        margin: 0 auto;
    }

    /* HEADING */

    .tl-home-v2 .tl-insights__head {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin-bottom: 24px;
    }

    .tl-home-v2 .tl-insights__head span {
        margin-bottom: 12px;
        font-size: 11px;
    }

    .tl-home-v2 .tl-insights__head h2 {
        margin: 0;
        font-size: 26px;
        line-height: 1.15;
    }

    /* SLIDER */

    .tl-home-v2 .tl-insights__grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        grid-template-columns: none;

        gap: 20px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;

        padding: 0 0 16px;
        margin: 0;

        scrollbar-width: thin;
        scrollbar-color: #6967e6 #eeeeee;
    }

    .tl-home-v2 .tl-insight-card {
        min-width: 0;
        width: 100%;
        padding: 0;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* REMOVE DESKTOP SEPARATORS */

    .tl-home-v2 .tl-insight-card + .tl-insight-card::before {
        display: none;
    }

    /* IMAGE - ORIGINAL PROPORTIONS */

    .tl-home-v2 .tl-insight-card__image {
        display: block;
        width: 100%;
        overflow: visible;
    }

    .tl-home-v2 .tl-insight-card__image img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* TITLE */

    .tl-home-v2 .tl-insight-card h3 {
        margin: 16px 0 12px;
        min-height: 0;

        font-size: 20px;
        line-height: 1.2;
    }

    /* DESCRIPTION */

    .tl-home-v2 .tl-insight-card p {
        margin: 0 0 18px;
        min-height: 0;

        color: #666666;
        font-size: 14px;
        line-height: 1.5;
    }

    /* ARTICLE LINK */

    .tl-home-v2 .tl-insight-card__link {
        margin-top: auto;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

    /* ALL INSIGHTS - BELOW SLIDER */

    .tl-home-v2 .tl-insights__all {
        align-self: flex-end;
        margin-top: 20px;

        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }

}
/* HIDE DESKTOP LINK */

.tl-home-v2 .tl-insights__head .tl-insights__all {
    display: none;
}

/* MOBILE BUTTON BELOW SLIDER */

.tl-home-v2 .tl-insights__mobile-footer {
    display: block;
    margin-top: 24px;
    text-align: left;
}

.tl-home-v2 .tl-insights__mobile-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;

    background: #6967e6;
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.tl-home-v2 .tl-insights__mobile-cta:hover {
    background: #413f9f;
    color: #ffffff;
}
/* =====================================================
   THICK LINE V2 - MOBILE FOOTER
   ===================================================== */

@media (max-width: 1024px) {

    /* FOOTER */

    .tl-footer {
        width: 100%;
        background: #ffffff;
    }

    /* FOOTER IMAGE - FULL WIDTH */

    .tl-footer__visual-wrap {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .tl-footer__visual {
        width: 100%;
        overflow: hidden;
    }

    .tl-footer__visual img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
    }

    /* BLACK FOOTER BAR */

    .tl-footer__bar {
        width: 100%;
        background: #000000;
    }

    /* FOUR COLUMNS -> FOUR ROWS */

    .tl-footer__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;

        width: calc(100% - 56px);
        max-width: none;
        margin: 0 auto;
        padding: 12px 0 24px;
    }

    /* RESET DESKTOP VERTICAL SEPARATORS */

    .tl-footer__company::before,
    .tl-footer__contact::before,
    .tl-footer__legal::before {
        display: none;
    }

    /* ROWS */

    .tl-footer__title,
    .tl-footer__company,
    .tl-footer__contact,
    .tl-footer__legal {
        width: 100%;
        min-width: 0;
        padding: 20px 0;
        margin: 0;
    }

    /* HORIZONTAL SEPARATORS */

  .tl-footer__company,
.tl-footer__contact,
.tl-footer__legal {
    border-top: 0;
}

.tl-footer__contact::before,
.tl-footer__legal::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    width: 60%;
    height: 1px;
    background: rgba(255, 255, 255, 0.28);
}

    /* ROW 1 - THICK LINE */

    .tl-footer__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .tl-footer__title strong {
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    .tl-footer__title span {
        display: block;
        width: 32px;
        height: 2px;
        position: static;
        background: #6967e6;
    }

    /* ROW 2 - COMPANY */

    .tl-footer__company {
        display: flex;
        flex-direction: column;
        gap: 4px;

        color: #d0d0d0;
        font-size: 12px;
        line-height: 1.4;
    }

    /* ROW 3 - CONTACT */

    .tl-footer__contact {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 28px;
    }

    .tl-footer__contact a {
        display: inline-flex;
        align-items: center;
        gap: 10px;

        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .tl-footer__contact img {
        display: block;
        width: 18px;
        height: 18px;
    }

    /* ROW 4 - LEGAL */

    .tl-footer__legal {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .tl-footer__legal a {
        color: #d0d0d0;
        font-size: 12px;
        text-decoration: none;
    }

}
/* =====================================================
   PROCESS ARCHITECTURE - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-pa-hero__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-pa-hero__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-pa-hero__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-pa-hero__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 440px;
        box-sizing: border-box;
        padding: 55px 30px;
        background: rgba(0, 0, 0, 0.40);
    }

    .tl-pa-hero__content > span {
        display: none;
    }

    .tl-pa-hero__content h1 {
        margin: 0 0 28px;
        font-size: 30px;
        line-height: 1.12;
        letter-spacing: -0.02em;
    }

    .tl-pa-hero__content .tl-pa-hero__lead {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-pa-hero__content p {
        max-width: none;
        font-size: 15px;
        line-height: 1.45;
    }
}
/* =====================================================
   PROCESS ARCHITECTURE - MOBILE SECTIONS 01-06
   ===================================================== */

@media (max-width: 1024px) {

    /* Wszystkie sześć sekcji */

    .tl-pa-row .tl-pa-row__grid {
        width: calc(100% - 56px);
        margin: 0 auto;
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    /* Tekst zawsze nad fotografią */

    .tl-pa-row .tl-pa-row__content {
        order: 1;
        display: grid;
        grid-template-columns: 65px minmax(0, 1fr);
        align-items: start;
        padding: 0;
    }

    .tl-pa-row .tl-pa-row__visual {
        order: 2;
        width: 100%;
        aspect-ratio: 16 / 7;
        overflow: hidden;
    }

    .tl-pa-row .tl-pa-row__visual img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Numer sekcji */

    .tl-pa-row .tl-pa-row__number {
        font-size: 42px;
        line-height: 1;
    }

    /* Nagłówki */

    .tl-pa-row .tl-pa-row__content h2 {
        margin: 0 0 4px;
        font-size: 25px;
        line-height: 1.1;
    }

    .tl-pa-row .tl-pa-row__content h3 {
        margin: 0 0 12px;
        font-size: 15px;
        line-height: 1.3;
    }

    /* Opis */

    .tl-pa-row .tl-pa-row__content p {
        max-width: none;
        margin: 0;
        font-size: 15px;
        line-height: 1.45;
    }

    /* Separatory pomiędzy sekcjami */

    .tl-pa-row:not(.tl-pa-row--quality)::after {
        content: "";
        display: block;
        width: calc(100% - 76px);
        height: 1px;
        margin: 0 auto;
        background: #dddddd;
    }

    /* Brak separatora za ostatnią sekcją */

    .tl-pa-row--quality::after {
        display: none;
    }
}
/* =====================================================
   PROCESS ARCHITECTURE - MOBILE CLOSING CTA
   ===================================================== */

@media (max-width: 1024px) {

    .tl-pa-closing__inner {
        width: calc(100% - 56px);
        padding: 30px 0 40px;
        border-top: 1px solid #dddddd;
        box-sizing: border-box;
    }

    .tl-pa-closing__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
    }

    .tl-pa-closing__content h2 {
        margin: 0 0 16px;
        line-height: 1.15;
    }

    .tl-pa-closing__lead {
        font-size: 24px;
    }

    .tl-pa-closing__result {
        font-size: 28px;
    }

    .tl-pa-closing__content p {
        max-width: none;
        margin: 0 0 24px;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-pa-closing__cta {
        padding: 10px 18px;
        background: #6967e6;
        color: #ffffff;
    }
}
/* =====================================================
   PROJECTS ARCHIVE - MOBILE INTRO ACCORDION
   ===================================================== */

@media (max-width: 1024px) {

    .tl-projects-intro {
        padding: 30px 0;
    }

    .tl-projects-intro__inner {
        width: calc(100% - 56px);
    }

    .tl-projects-intro h1 {
        margin: 0 0 25px;
        font-size: 36px;
        line-height: 1.05;
    }

    /* Desktop columns hidden on mobile */

    .tl-projects-intro__grid {
        display: none;
    }

    /* Mobile accordion */

    .tl-projects-intro__mobile {
        display: block;
    }

.tl-projects-intro__accordion {
    position: relative;
    border: 0 !important;
    box-shadow: none;
}

.tl-projects-intro__accordion::after {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    margin: 0;
    background: #dddddd;
}

    .tl-projects-intro__accordion summary {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 30px 8px 0;
        cursor: pointer;
        list-style: none;
    }

    .tl-projects-intro__accordion summary::-webkit-details-marker {
        display: none;
    }

    .tl-projects-intro__accordion-heading {
        color: #413f9f;
        font-size: 24px;
        line-height: 1.1;
        font-weight: 700;
    }

   .tl-projects-intro__accordion-preview {
    margin-top: 10px;
    color: #666666;
    font-size: 16px;
    line-height: 1.35;
}

    .tl-projects-intro__accordion-icon {
        position: absolute;
        top: 24px;
        right: 0;
        width: 16px;
        height: 16px;
    }

    .tl-projects-intro__accordion-icon::before,
    .tl-projects-intro__accordion-icon::after {
        content: "";
        position: absolute;
        background: #413f9f;
    }

    .tl-projects-intro__accordion-icon::before {
        top: 7px;
        left: 0;
        width: 16px;
        height: 2px;
    }

    .tl-projects-intro__accordion-icon::after {
        top: 0;
        left: 7px;
        width: 2px;
        height: 16px;
    }

    .tl-projects-intro__accordion[open]
    .tl-projects-intro__accordion-icon::after {
        display: none;
    }

    .tl-projects-intro__accordion > p {
    margin: -10px 0 0;
    padding: 0 0 20px;
    color: #666666;
    font-size: 16px;
    line-height: 1.45;
}

    /* Organizational quality statement */

    .tl-projects-intro__statement {
        margin-top: 30px;
        padding-top: 0;
        border-top: 0;
    }

    .tl-projects-intro__statement h2 {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 1.2;
    }

    .tl-projects-intro__statement p {
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-projects-intro__closing {
        margin-top: 25px;
        font-size: 22px;
        line-height: 1.2;
    }
}

/* Desktop: hide mobile accordion */

@media (min-width: 1025px) {
    .tl-projects-intro__mobile {
        display: none;
    }
}
/* =====================================================
   PROJECTS ARCHIVE - MOBILE FEATURED PROJECT
   ===================================================== */

@media (max-width: 1024px) {

    .tl-projects-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-projects-feature__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-projects-feature__visual img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-projects-feature__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto 1fr auto auto auto;
        column-gap: 0px;
        align-content: stretch;
        min-height: 440px;
        box-sizing: border-box;
        padding: 35px 30px;
        background: rgba(0, 0, 0, 0.50);
    }

    .tl-projects-feature__number {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        color: #d4ddf3;
        font-size: 24px;
        line-height: 1;
        align-self: end;
        transform: translateY(-2px);
    }

    .tl-projects-feature__content h2 {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        font-size: 44px;
        line-height: 1;
    }

    .tl-projects-feature__content h2 strong {
        color: #9290f0;
    }

    .tl-projects-feature__industry {
        grid-column: 1 / -1;
        grid-row: 3;
        margin: 0 0 15px;
        padding: 0;
        max-width: 50%;
        color: #d8d8d8;
        font-size: 16px;
        line-height: 1.4;
    }

    .tl-projects-feature__stats {
        grid-column: 1 / -1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin: 0 0 15px;
    }

    .tl-projects-feature__stat + .tl-projects-feature__stat {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }

    .tl-projects-feature__stat strong {
        font-size: 24px;
    }

    .tl-projects-feature__stat span {
        color: #d4ddf3;
        font-size: 10px;
    }

    .tl-projects-feature__content .tl-project-feature__cta {
        grid-column: 1 / -1;
        grid-row: 5;
        justify-self: start;
        align-self: start;
        padding: 10px 18px;
        background: #6967e6;
    }
}
/* =====================================================
   INSIGHTS ARCHIVE - MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* INTRO */

    .tl-insights-archive__intro {
        padding: 30px 0 0;
    }

    .tl-insights-archive__intro-inner {
        width: calc(100% - 56px);
    }

    .tl-insights-archive__intro h1 {
        font-size: 36px;
        line-height: 1.05;
    }

    .tl-insights-archive__intro p {
        margin-top: 15px;
        max-width: none;
        font-size: 15px;
        line-height: 1.45;
    }

    .tl-insights-archive__intro::after {
        width: calc(100% - 56px);
        margin: 25px auto 0;
    }

    /* ARCHIVE CONTAINER */

    .tl-insights-archive {
        padding-bottom: 30px;
    }

    .tl-insights-archive__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* ARTICLES 01-04 */

    .tl-insights-archive .tl-insight-row {
        position: relative;
        display: grid;
        grid-template-columns: 65px minmax(0, 1fr);
        align-items: start;
        column-gap: 0;
        row-gap: 18px;
        padding: 30px 0;
    }

    /* FLATTEN HTML STRUCTURE FOR MOBILE GRID */

    .tl-insights-archive .tl-insight-row__content,
    .tl-insights-archive .tl-insight-row__text {
        display: contents;
    }

    /* NUMBER */

    .tl-insights-archive .tl-insight-row__number {
        grid-column: 1;
        grid-row: 1;
        display: block;
        color: #d0d0d0;
        font-size: 42px;
        line-height: 1;
        font-weight: 600;
    }

    /* TITLE */

    .tl-insights-archive .tl-insight-row__text h2 {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        min-height: 0;
        margin: 0;
        color: #111111;
        font-size: 24px;
        line-height: 1.15;
        font-weight: 700;
    }

    /* DESCRIPTION - FULL WIDTH */

    .tl-insights-archive .tl-insight-row__text p {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: none;
        margin: 0;
        color: #666666;
        font-size: 15px;
        line-height: 1.5;
    }

    /* FULL IMAGE - ORIGINAL PROPORTIONS */

    .tl-insights-archive .tl-insight-row__visual {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        aspect-ratio: auto;
        overflow: visible;
    }

    .tl-insights-archive .tl-insight-row__visual img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
        object-position: center;
    }

    /* READ ARTICLE - BELOW IMAGE, ALIGNED RIGHT */

    .tl-insights-archive .tl-insight-row__cta {
        grid-column: 1 / -1;
        grid-row: 4;
        justify-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 44px;
        padding: 0 0 0 15px;
        margin: -5px 0 0;
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    /* SEPARATORS */

    .tl-insights-archive .tl-insight-row::after {
        content: "";
        position: static;
        grid-column: 1 / -1;
        grid-row: 5;
        display: block;
        width: calc(100% - 20px);
        height: 1px;
        margin: 0 0 0 10px;
        background: #dddddd;
    }

    .tl-insights-archive .tl-insight-row:last-child::after {
        display: none;
    }
}
/* =====================================================
   PROJECT 136% - MOBILE HERO
   ===================================================== */

@media (max-width: 1024px) {

    .tl-project-feature__grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, auto);
        width: 100%;
    }

    .tl-project-feature__visual {
        grid-column: 1;
        grid-row: 1;
        min-height: 440px;
        overflow: hidden;
    }

    .tl-project-feature__visual img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .tl-project-feature__content {
        position: relative;
        z-index: 1;
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0;
        height: 100%;
        min-height: 440px;
        box-sizing: border-box;
        padding: 35px 30px;
        background: rgba(0, 0, 0, 0.50);
    }

    /* TITLE */

    .tl-project-feature__content h1 {
        margin: 0;
        color: #ffffff;
        font-size: 48px;
        line-height: 1;
    }

    .tl-project-feature__content h1 strong {
        color: #9290f0;
    }

  .tl-project-feature__content h1::after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin-top: 5px;
    background: #6967e6;
}

    /* INDUSTRY DESCRIPTION */

    .tl-project-feature__content > p {
        margin: auto 0 25px;
        padding: 0;
        max-width: 60%;
        color: #d8d8d8;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 500;
    }

    /* STATISTICS */

    .tl-project-feature__stats {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin: 0;
    }

    .tl-project-stat + .tl-project-stat {
        margin: 0;
        padding: 0;
        border-left: 0;
    }

    .tl-project-stat strong {
        color: #ffffff;
        font-size: 30px;
        line-height: 1;
    }

    .tl-project-stat span {
        margin-top: 8px;
        color: #d4ddf3;
        font-size: 11px;
    }
}
/* =====================================================
   PROJECT 136% - MOBILE SECTIONS 01-06
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION CONTAINERS */

    .tl-136-start,
    .tl-136-material,
    .tl-136-process,
    .tl-136-ink,
    .tl-136-standard,
    .tl-136-result {
        padding: 30px 0;
    }

    .tl-136-start__inner,
    .tl-136-material__inner,
    .tl-136-process__inner,
    .tl-136-ink__inner,
    .tl-136-standard__inner,
    .tl-136-result__inner,
    .tl-136-closing__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* SECTIONS WITH PHOTOGRAPHS */

    .tl-136-material__grid,
    .tl-136-ink__grid,
    .tl-136-standard__grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .tl-136-material__content,
    .tl-136-ink__content,
    .tl-136-standard__content {
        order: 1;
    }

    .tl-136-material__visual,
    .tl-136-ink__visual,
    .tl-136-standard__visual {
        order: 2;
        width: 100%;
        padding: 0;
    }

    .tl-136-material__visual img,
    .tl-136-ink__visual img,
    .tl-136-standard__visual img {
        display: block;
        width: 100%;
        height: auto;
    }

    /* NUMBER + HEADING */

    .tl-136-start__heading,
    .tl-136-material__heading,
    .tl-136-process__heading,
    .tl-136-ink__heading,
    .tl-136-standard__heading,
    .tl-136-result__heading {
        display: flex;
        align-items: baseline;
        gap: 15px;
        margin-bottom: 20px;
    }

    .tl-136-start__number,
    .tl-136-material__number,
    .tl-136-process__number,
    .tl-136-ink__number,
    .tl-136-standard__number,
    .tl-136-result__number {
        flex: 0 0 auto;
        font-size: 42px;
        line-height: 1;
    }

    .tl-136-start__heading h2,
    .tl-136-material__heading h2,
    .tl-136-process__heading h2,
    .tl-136-ink__heading h2,
    .tl-136-standard__heading h2,
    .tl-136-result__heading h2 {
        margin: 0;
        font-size: 25px;
        line-height: 1.15;
    }

    /* TEXT - FULL WIDTH */

    .tl-136-start__content,
    .tl-136-material__text,
    .tl-136-process__content,
    .tl-136-ink__text,
    .tl-136-standard__text,
    .tl-136-result__content {
        padding: 0;
    }

    .tl-136-start__content p,
    .tl-136-material__text p,
    .tl-136-process__content p,
    .tl-136-ink__text p,
    .tl-136-standard__text p,
    .tl-136-result__content p {
        margin: 0 0 14px;
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-136-start__content p:last-child,
    .tl-136-material__text p:last-child,
    .tl-136-process__content p:last-child,
    .tl-136-ink__text p:last-child,
    .tl-136-standard__text p:last-child,
    .tl-136-result__content p:last-child {
        margin-bottom: 0;
    }

    /* SEPARATORS BETWEEN SECTIONS */

    .tl-136-start::after,
    .tl-136-material::after,
    .tl-136-process::after,
    .tl-136-ink::after,
    .tl-136-standard::after {
        content: "";
        display: block;
        width: calc(100% - 76px);
        height: 1px;
        margin: 30px auto -30px;
        background: #dddddd;
    }

    /* RESULT */

    .tl-136-result__metric {
        margin: 25px 0;
    }

    .tl-136-result__metric strong {
        font-size: 48px;
    }

    /* WHAT CHANGED */

    .tl-136-closing {
        padding: 20px 0 50px;
    }

    .tl-136-closing__heading,
    .tl-136-closing__content {
        padding-left: 0;
    }

    .tl-136-closing__heading {
        margin-bottom: 20px;
    }

    .tl-136-closing__heading h2 {
        font-size: 25px;
    }

    .tl-136-closing__content p {
        margin: 0 0 14px;
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-136-closing__content p:last-child {
        margin-bottom: 0;
    }
}
/* =====================================================
   PRIVACY & COOKIES - MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* PAGE CONTAINER */

    .tl-privacy {
        padding: 30px 0 50px;
    }

    .tl-privacy__inner {
        width: calc(100% - 56px);
        margin: 0 auto;
    }

    /* PAGE TITLE */

    .tl-privacy__header {
        margin-bottom: 30px;
    }

    .tl-privacy__header h1 {
        font-size: 30px;
        line-height: 1.15;
        letter-spacing: -0.03em;
    }

    .tl-privacy__header::after {
        width: 38px;
        height: 2px;
        margin-top: 5px;
        background: #413f9f;
    }

    /* SECTION HEADINGS */

    .tl-privacy__content h2 {
        margin: 35px 0 22px;
        font-size: 25px;
        line-height: 1.15;
    }

    .tl-privacy__content h2:first-child {
        margin-top: 0;
    }

    .tl-privacy__content h3 {
        margin: 25px 0 12px;
        font-size: 18px;
        line-height: 1.25;
    }

    /* TEXT */

    .tl-privacy__content p,
    .tl-privacy__content li {
        font-size: 15px;
        line-height: 1.5;
    }

    .tl-privacy__content p {
        margin: 0 0 14px;
    }

    .tl-privacy__content ul {
        margin: 0 0 20px 20px;
        padding: 0;
    }

    .tl-privacy__content li {
        margin-bottom: 6px;
    }

    /* COOKIE TABLE */

    .tl-privacy__table {
        display: block;
        width: 100%;
        margin: 20px 0 30px;
        border-collapse: collapse;
        font-size: 14px;
    }

    .tl-privacy__table thead {
        display: none;
    }

    .tl-privacy__table tbody {
        display: block;
    }

    .tl-privacy__table tr {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #dddddd;
    }

    .tl-privacy__table td {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        text-align: left;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }

    .tl-privacy__table td:first-child {
        margin-bottom: 6px;
        color: #111111;
        font-weight: 700;
    }

    .tl-privacy__table td:nth-child(2) {
        margin-bottom: 6px;
        color: #666666;
        line-height: 1.5;
    }

    .tl-privacy__table td:last-child {
        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
    }
}
/* =====================================================
   SINGLE INSIGHT - MOBILE ARTICLE
   ===================================================== */

@media (max-width: 1024px) {

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

    .tl-v2 .entry-content {
        width: calc(100% - 56px);
        max-width: none;
        margin: 0 auto;
        padding: 100px 0 50px;
        box-sizing: border-box;
    }

    /* =================================================
       MAIN SECTIONS
       ================================================= */

    .tl-v2 .entry-content .tl-hero,
    .tl-v2 .entry-content .tl-section2,
    .tl-v2 .entry-content .tl-section-left,
    .tl-v2 .entry-content .tl-section-right {
        display: block;
        position: relative;

        width: 100%;
        max-width: none;

        margin: 0 0 30px;
        padding: 0;

        clear: both;
        box-sizing: border-box;
    }

    /* =================================================
       GUTENBERG INNER CONTAINERS
       ================================================= */

    .tl-v2 .entry-content .tl-hero > .wp-block-group__inner-container,
    .tl-v2 .entry-content .tl-section2 > .wp-block-group__inner-container,
    .tl-v2 .entry-content .tl-section-left > .wp-block-group__inner-container,
    .tl-v2 .entry-content .tl-section-right > .wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        width: 100%;
        max-width: 100%;

        margin: 0;
        padding: 0;

        gap: 0;
        box-sizing: border-box;
    }

    /* RESET GUTENBERG CONSTRAINED WIDTH AND MARGINS */

    .tl-v2 .entry-content .tl-hero > .wp-block-group__inner-container > *,
    .tl-v2 .entry-content .tl-section2 > .wp-block-group__inner-container > *,
    .tl-v2 .entry-content .tl-section-left > .wp-block-group__inner-container > *,
    .tl-v2 .entry-content .tl-section-right > .wp-block-group__inner-container > * {
        width: 100%;
        max-width: 100%;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0;
        padding-right: 0;

        float: none;
        box-sizing: border-box;
    }

    /* =================================================
       MAIN ARTICLE TITLE
       ================================================= */

    .tl-v2 .entry-content .tl-hero h1 {
        order: -1;

        position: static;
        width: 100%;

        margin: 30px 0 24px;
        padding: 0;

        color: #111111;
        font-size: 30px;
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    /* VIOLET ACCENT BELOW TITLE */

    .tl-v2 .entry-content .tl-hero h1::after {
        content: "";
        display: block;

        width: 38px;
        height: 2px;

        margin-top: 5px;
        background: #413f9f;
    }

    /* =================================================
       PHOTOGRAPHS
       ================================================= */

    .tl-v2 .entry-content .tl-hero figure,
    .tl-v2 .entry-content .tl-section-left figure,
    .tl-v2 .entry-content .tl-section-right figure {
        display: block;
        position: static;

        width: 100%;
        max-width: 100%;

        margin: 0 0 22px;
        padding: 0;

        overflow: visible;
    }

    .tl-v2 .entry-content .tl-hero figure img,
    .tl-v2 .entry-content .tl-section-left figure img,
    .tl-v2 .entry-content .tl-section-right figure img {
        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;

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

    /* =================================================
       SECTION HEADINGS
       ================================================= */

    .tl-v2 .entry-content .tl-section2 h2,
    .tl-v2 .entry-content .tl-section-left h2,
    .tl-v2 .entry-content .tl-section-right h2 {
        position: static;

        width: 100%;
        margin: 0 0 18px;
        padding: 0;

        color: #413f9f;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    /* =================================================
       ARTICLE TEXT
       ================================================= */

    .tl-v2 .entry-content .tl-hero p,
    .tl-v2 .entry-content .tl-section2 p,
    .tl-v2 .entry-content .tl-section-left p,
    .tl-v2 .entry-content .tl-section-right p {
        width: 100%;
        max-width: 100%;

        margin: 0 0 15px;
        padding: 0;

        color: #666666;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
    }

    .tl-v2 .entry-content .tl-hero p:last-child,
    .tl-v2 .entry-content .tl-section2 p:last-child,
    .tl-v2 .entry-content .tl-section-left p:last-child,
    .tl-v2 .entry-content .tl-section-right p:last-child {
        margin-bottom: 0;
    }

    .tl-v2 .entry-content li {
        color: #666666;
        font-size: 16px;
        line-height: 1.5;
    }

    /* =================================================
       EXISTING GUTENBERG SEPARATORS
       ================================================= */

    .tl-v2 .entry-content hr.wp-block-separator {
        display: block;
        visibility: visible;

        align-self: flex-start;

        width: 100%;
        max-width: 100%;
        height: 1px;

        margin: 25px 0 !important;
        padding: 0;

        border: 0;
        background: #dddddd;
        opacity: 1;
    }

    /* =================================================
       SEPARATORS BETWEEN MAIN SECTIONS
       ================================================= */

    .tl-v2 .entry-content .tl-hero::after,
    .tl-v2 .entry-content .tl-section2::after,
    .tl-v2 .entry-content .tl-section-left::after,
    .tl-v2 .entry-content .tl-section-right::after {
        content: "";
        display: block;

        width: 100%;
        height: 1px;

        margin: 30px 0 0;
        padding: 0;

        background: #dddddd;
    }

 /* NO SEPARATOR AFTER LAST ARTICLE SECTION */

.tl-v2 .entry-content > .wp-block-group:last-of-type::after {
    content: none;
    display: none;
}

    /* =================================================
       REMOVE DESKTOP SPACERS
       ================================================= */

    .tl-v2 .entry-content > .wp-block-spacer {
        display: none;
    }

}
/* =====================================================
   SINGLE INSIGHT - MOBILE MORE INSIGHTS
   ===================================================== */

@media (max-width: 1024px) {

    /* SECTION */

    .tl-blog-related {
        padding: 30px 0 45px;
        background: #ffffff;
    }

    .tl-blog-related__inner {
        width: calc(100% - 56px);
        max-width: none;
        margin: 0 auto;
    }

    /* HEADING */

    .tl-blog-related__inner > h2 {
        margin: 0 0 24px;
        color: #111111;
        font-size: 26px;
        line-height: 1.15;
        font-weight: 700;
    }

    /* HORIZONTAL SLIDER */

    .tl-blog-related__grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        grid-template-columns: none;
        gap: 20px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        overscroll-behavior-x: contain;

        padding: 0 0 16px;
        margin: 0;

        scrollbar-width: thin;
        scrollbar-color: #6967e6 #eeeeee;
    }

    /* SINGLE ARTICLE */

    .tl-blog-related__item {
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: 100%;
        margin: 0;
        padding: 0;

        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    /* PHOTOGRAPHY */

    .tl-blog-related__image {
        display: block;
        width: 100%;
        overflow: visible;
    }

    .tl-blog-related__image img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* ARTICLE TITLE */

    .tl-blog-related__item h3 {
        min-height: 0;
        margin: 16px 0 12px;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }

    .tl-blog-related__item h3 a {
        color: #111111;
        text-decoration: none;
    }

    /* READ ARTICLE */

    .tl-blog-related__link {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;

        min-height: 44px;
        margin-top: auto;

        color: #413f9f;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.04em;
    }
}
/* SEPARATORS - MORE INSIGHTS & COMMENTS */

.tl-blog-related__inner::before {
    width: 100%;
    max-width: 100%;
}

/* LEAVE A COMMENT - MOBILE CONTAINER */

.tl-blog-comments__inner {
    width: calc(100% - 56px);
    max-width: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
/* LEAVE A COMMENT - BOTTOM SPACING */

.tl-blog-comments {
    padding-bottom: 40px;
}
/* =====================================================
   CONTACT V2 - MOBILE
   ===================================================== */

@media (max-width: 1024px) {

    /* =================================================
       HERO - CONTACT
       ================================================= */

    .tl-contact-intro {
        background: #f7ebdd;
    }

    .tl-contact-intro__grid {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 0;
        padding: 0;
    }

    /* CONTACT TITLE */

    .tl-contact-intro__content {
        display: block;
        width: 100%;
        margin: 0;
        padding: 45px 28px 10px;
        box-sizing: border-box;
        background: #f7ebdd;
    }

    .tl-contact-intro__content h1 {
        margin: 0;
        color: #111111;
        font-size: 36px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.03em;
    }

    .tl-contact-intro__content h1::after {
        content: "";
        display: block;
        width: 38px;
        height: 2px;
        margin-top: 5px;
        background: #413f9f;
    }

    /* HIDE DESKTOP CONTACT LINKS */

    .tl-contact-intro__links {
        display: none;
    }

    /* PHOTOGRAPHY - FULL WIDTH */

    .tl-contact-intro__visual {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #f7ebdd;
    }

    .tl-contact-intro__visual img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* =================================================
       BLACK CONTACT SECTION
       ================================================= */

    .tl-contact-details {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 40px 0 45px;
        background: #000000;
        box-sizing: border-box;
    }

    .tl-contact-details__inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: calc(100% - 56px);
        max-width: none;
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        gap: 0;
    }

    /* =================================================
       SEND A MESSAGE
       ================================================= */

    .tl-contact-details__form {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .tl-contact-details h2 {
        margin: 0 0 28px;
        color: #ffffff;
        font-size: 25px;
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    .tl-contact-details h2::after {
        content: "";
        display: block;
        width: 38px;
        height: 2px;
        margin-top: 8px;
        background: #6967e6;
    }

    /* FORM WIDTH */

    .tl-contact-details__form-content,
    .tl-contact-details .wpforms-container,
    .tl-contact-details .wpforms-form {
        width: 100%;
        max-width: none;
    }

    /* FORM FIELDS */

    .tl-contact-details .wpforms-field {
        padding-bottom: 24px !important;
    }

    .tl-contact-details .wpforms-container input[type="text"],
    .tl-contact-details .wpforms-container input[type="email"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .tl-contact-details .wpforms-container textarea {
        width: 100% !important;
        max-width: 100% !important;
        height: 130px !important;
        box-sizing: border-box;
    }

    .tl-contact-details .wpforms-container button[type="submit"] {
        min-height: 44px !important;
    }
        /* GDPR CHECKBOX */

        .tl-contact-details .wpforms-container .wpforms-field-checkbox label {
        color: #ffffff !important;
    }

    /* =================================================
       EMAIL / LINKEDIN - BELOW FORM
       ================================================= */

    .tl-contact-details__mobile-links {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
        width: 100%;
        margin: 35px 0 0;
        padding: 0;
    }

    .tl-contact-details__mobile-links a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-decoration: none;
    }

    .tl-contact-details__mobile-links img {
        display: block;
        width: 18px;
        height: 18px;
    }

    /* =================================================
       SEPARATOR BETWEEN FORM AND ABOUT
       ================================================= */

    .tl-contact-details__about {
        position: relative;
        width: 100%;
        min-width: 0;
        margin: 30px 0 0;
        padding: 30px 0 0;
    }

    /* REMOVE DESKTOP VERTICAL SEPARATOR */

    .tl-contact-details__about::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: auto;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.35);
    }

    /* =================================================
       ABOUT THICK LINE
       ================================================= */

    .tl-contact-details__about h2 {
        margin: 0 0 25px;
    }

    .tl-contact-details__about p {
        max-width: none;
        margin: 0 0 18px;
        color: #d0d0d0;
        font-size: 16px;
        line-height: 1.5;
    }

    .tl-contact-details__about p:last-of-type {
        margin-bottom: 0;
    }

    /* =================================================
       TECHNICAL EXPERTISE
       ================================================= */

    .tl-contact-expertise {
        margin-top: 35px;
    }

    .tl-contact-expertise h3 {
        margin: 0 0 20px;
        color: #ffffff;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 700;
    }

    .tl-contact-expertise h3::after {
        content: "";
        display: block;
        width: 38px;
        height: 2px;
        margin-top: 8px;
        background: #6967e6;
    }

    .tl-contact-expertise__grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .tl-contact-expertise__grid span {
        color: #d0d0d0;
        font-size: 15px;
        line-height: 1.45;
    }
    
}