@media (max-width: 991.99px) and (min-width: 576px) {
    .section-offices-careers {
        padding: 40px 24px 80px;
    }

    .offices-header {
        margin-bottom: 40px;
    }

    .grid-offices {
        gap: 18px;
        margin-bottom: 60px;
    }

    .office-img-wrap {
        border-radius: 10px;
    }

    .careers-row {
        gap: 30px;
    }
}

@media (min-width: 992px) and (max-height: 850px) {
    .service-section .service-thumb {
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 992px) and (max-height: 750px) {
    .service-section .service-thumb {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) {
    .our-trajectory-sec .white-cta-line span {
        font-size: 1.25em;
    }

    .case-media,
    [class*="case-media-"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .case-media .media-slot,
    [class*="case-media-"] .media-slot {
        aspect-ratio: 3/4;
    }

    .case-media.is-single .media-slot,
    [class*="case-media-"].is-single .media-slot {
        aspect-ratio: 16/9;
    }

    .case-study-cover>.vimeo-bg {
        width: 100%;
        height: 100%;
    }

    .hd-title {
        font-size: 2em;
    }
}

@media (min-width: 992px) {
    .pillars-carousel-nav {
        display: none;
    }

    .collection-item-cs.cs-span2 {
        grid-column: span 2 !important;
    }

    .collection-item-cs.cs-span2 .case-study-img {
        aspect-ratio: 16 / 9 !important;
    }

    .collection-item-cs.cs-span1 {
        grid-column: span 1 !important;
    }

    .collection-item-cs.cs-vertical .case-study-img {
        aspect-ratio: 4 / 5 !important;
        width: 100% !important;
    }

    h2.text-copy.lh-sm.m-0 {
        max-width: 1360px;
        font-size: 3.3em;
    }

    .hindi {
        font-size: 0.7em;
    }

    .service-section .service-thumb-tooltip {
        display: block;
        position: absolute;
        right: 80px;
        /* Overlaps the 100px wide thumbnail by 20px */
        top: 50%;
        transform: translateY(-50%) translateX(10px);
        background-color: var(--yellow);
        color: var(--black);
        padding: 10px 20px;
        border-radius: 50px;
        font-size: 0.85rem;
        font-weight: 600;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        z-index: 10;
        transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .service-section .service-thumb:hover .service-thumb-tooltip {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }

    .service-section .service-content-main {
        /* padding-top: 80px;
        padding-bottom: 80px; */
    }

    /* Default thumbnail size on desktop */
    .service-section .service-thumb {
        width: 70px;
        height: 70px;
    }

    /* .scroll-morph-section .sticky-container {
        top: 15vh;
        height: 70vh;
    } */

    .scroll-morph-section .text-copy {
        margin-top: 30px;
    }
}

@media (min-width: 1500px) {
    .heading-13 {
        bottom: -14px;
    }

    .services-page .stacking-cards-section .stacking-card-text {
        padding: 1rem 3rem 5rem 5rem;
    }
}

@media (min-width: 1500px) and (max-width: 1749.98px) {
    .service-section .service-showcase-card {
        width: 680px !important;
        max-width: 680px !important;
        height: 680px !important;
        max-height: 680px !important;
    }
}

@media (min-width: 1700px) {
    .heading-13 {
        bottom: -18px;
    }
}

@media (min-width: 1750px) {
    .service-section .service-showcase-card {
        width: 740px !important;
        max-width: 740px !important;
        height: 740px !important;
        max-height: 740px !important;
    }
}

@media (max-width: 1500px) {
    .services-page .stacking-cards-section .stacking-card-text {
        padding: 1rem 3rem 5rem 5rem;
    }

    .services-page .stacking-cards-section .stacking-card-subtitle {
        padding-bottom: 30px;
    }

    .heading-copy-sec-1 {
        max-width: 100%;
    }

    .text-about {
        width: 45%;
    }
}

@media (max-width: 1400px) {
    .approach-culture-v2 {
        padding: 30px 2%;
    }

    .item-a-c {
        grid-template-columns: 2.5fr 5fr 3.5fr;
        height: 380px;
    }

    .textblock-a-c {
        padding: 0 0 28px 32px;
    }

    .a-c-txt-below-wrap {
        padding: 28px 24px 28px 40px;
    }

    .image-holder-a-c {
        position: relative;
        width: 320px;
        height: 320px;
        max-width: calc(100% - 24px);
        max-height: calc(100% - 24px);
        aspect-ratio: 1 / 1;
        margin: auto 12px auto auto;
        align-self: center;
        justify-self: end;
        overflow: hidden;
        border-radius: 0;
        padding: 0;
    }

    .img-slide-a-c {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}

@media (max-width: 1199.99px) {
    .navbar-tbp {
        padding: 0 50px;
    }

    .heading-copy-1 {

        font-size: 3.5em !important;
        margin-bottom: 7px;
    }
}

@media (max-width: 991.99px) {
    .portfolio-detail-body .grid-placeholder {
        display: none !important;
    }

    .portfolio-detail-body .mobile-hide-placeholder {
        display: none !important;
    }

    .portfolio-detail-body .title-problem-sol-hidden {
        display: none !important;
    }

    .portfolio-detail-body .read-more-clickable {
        grid-column: 1 / -1 !important;
    }

    .connect-banner-hover .button-primary {
        padding: 10px 20px !important;
        font-size: 10px !important;
        letter-spacing: 1px !important;
    }

    #sib-container.sib-container--large.sib-container--vertical,
    #sib-container {
        padding: 24px 18px 24px !important;
    }

    /* Titles and subheadings size reduction */
    #sib-container>#sib-form>div:nth-of-type(1) .sib-form-block,
    #sib-container>#sib-form>div:nth-of-type(1) .sib-form-block * {
        font-size: 26px !important;
    }

    #sib-container>#sib-form>div:nth-of-type(2) .sib-form-block,
    #sib-container>#sib-form>div:nth-of-type(2) .sib-form-block * {
        font-size: 15px !important;
    }

    /* Stack SMS/WhatsApp calling code select and phone number vertically */
    #sib-container .sib-sms-input,
    #sib-container .sib-sms-select {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        height: auto !important;
        border: none !important;
        background: transparent !important;
    }

    #sib-container .sib-sms-input>.entry__field,
    #sib-container .sib-sms-input>.entry__field:first-child,
    #sib-container .sib-sms-input>.entry__field:last-child {
        flex: 1 1 auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #sib-container .sib-sms-input>.entry__field:first-child .choices,
    #sib-container .sib-sms-input>.entry__field:first-child select.input {
        width: 100% !important;
    }

    #sib-container .sib-sms-select__title {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px 24px 12px 14px !important;
        font-size: 16px !important;
        background-position: right 10px center !important;
        border: 1px solid var(--tbp-hairline) !important;
        border-radius: 4px !important;
        height: 48px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    #sib-container .sib-sms-select__number-input {
        width: 100% !important;
    }

    #sib-container .sib-sms-select__phone-number {
        padding: 12px 14px !important;
        min-width: 0 !important;
        width: 100% !important;
        border: 1px solid var(--tbp-hairline) !important;
        border-radius: 4px !important;
        height: 48px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    #sib-container select.input {
        font-size: 16px !important;
        padding: 5px 36px 5px 14px !important;
    }

    /* Choice Radio Cards compact style */
    #sib-container .entry__choice,
    #sib-container .tbp-choice {
        padding: 14px 0 !important;
    }

    #sib-container .entry__choice label,
    #sib-container .tbp-choice label {
        gap: 12px !important;
    }

    #sib-container .tbp-choice-title {
        font-size: 16px !important;
    }

    #sib-container .tbp-choice-desc {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Send button matches screen width */
    #sib-container .sib-form-block__button,
    #sib-container button.sib-form-block__button-with-loader {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        padding: 16px 24px !important;
    }

    #error-message.sib-form-message-panel,
    #success-message.sib-form-message-panel,
    #sib-container .tbp-submit-status {
        max-width: 100% !important;
    }

    #sib-container .choices__list--dropdown,
    #sib-container .choices__list[aria-expanded] {
        max-width: 100% !important;
    }

    .portfolio-detail-body h1 {
        font-size: 8em
    }

    .portfolio-detail-body h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 2em
    }

    .portfolio-detail-body h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.4em
    }

    .portfolio-detail-body h4 {
        font-size: 1em
    }

    .portfolio-detail-body h5 {
        font-size: 3em
    }

    .portfolio-detail-body a {
        color: #000;
        text-decoration: none
    }

    .portfolio-detail-body .subtitle-meta {
        font-size: 20px;
    }

    .portfolio-detail-body .section-title-n-cover {
        height: auto
    }

    .portfolio-detail-body .section-text {
        padding-top: 2em;
        padding-bottom: 2em
    }

    .portfolio-detail-body .case-study-cover {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
        min-height: auto;
        max-height: none
    }

    .portfolio-detail-body .cs-services {
        margin-top: 25px;
    }

    .portfolio-detail-body .cs-services .services-meta-title {
        margin-bottom: 0.5em;
        font-size: 20px;
    }

    .portfolio-detail-body .cs-services .w-row:before,
    .portfolio-detail-body .cs-services .w-row:after,
    .portfolio-detail-body .cs-services .w-dyn-items:before,
    .portfolio-detail-body .cs-services .w-dyn-items:after {
        display: none !important;
        content: none !important;
    }

    .portfolio-detail-body .cs-services .w-dyn-items {
        display: flex !important;
        flex-wrap: wrap !important;
        column-gap: 20px !important;
        /* row-gap: 8px !important; */
        width: 100% !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .portfolio-detail-body .service-provided-col {
        width: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        line-height: 1.4 !important;
    }

    .portfolio-detail-body .divider-service-meta {
        display: none !important;
    }

    .portfolio-detail-body .cs-textblock-grid {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 20px;
        padding-top: 1.5em;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only {
        grid-row-gap: 0px !important;
        grid-column-gap: 0px !important;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only .w-richtext,
    .portfolio-detail-body .section-text .row > div {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .portfolio-detail-body .rich-text-block-2 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only .w-richtext p,
    .portfolio-detail-body .section-text .row .w-richtext p {
        margin-bottom: 12px !important;
    }

    .portfolio-detail-body .cs-textblock-grid .mb-5 {
        margin-bottom: 1rem !important;
    }

   

    .portfolio-detail-body .section-text .w-richtext p {
        margin-bottom: 0.5rem;
    }

    .portfolio-detail-body .cs-textblock-grid .w-richtext p.fw-bold,
    .portfolio-detail-body .cs-textblock-grid .w-richtext p.fw-bolder {
        margin-bottom: 4px !important;
    }

    .portfolio-detail-body .case-media {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0
    }

    .service-section {
        height: auto !important;
    }

    .service-section .service-showcase-card {
        aspect-ratio: 16 / 9 !important;
        /* 16:9 on mobile/tablet */
    }

    .service-section #service-indicator-line {
        display: none !important;
    }

    .service-section .service-thumb {
        width: 48px !important;
        height: 48px !important;
    }

    /* PARALLAX VERTICAL SLIDER OVERRIDES */
    .h1-parallax {
        font-size: 2.2rem;
        top: 15%;
        left: 6%;
        max-width: 90%;
    }

    .descript-parallax {
        font-size: 1rem;
        bottom: 12%;
        left: 6%;
    }

    .parallax-chooser-wrap {
        display: none;
    }

    /* PORTFOLIO ARCHIVE OVERRIDES */
    .portfolio-shell {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .portfolio-stage {
        display: none;
    }

    .mobile-portfolio-image-wrap {
        display: block;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, margin 0.4s ease;
    }

    .portfolio-name-wrap.is-active .mobile-portfolio-image-wrap {
        max-height: 450px;
        opacity: 1;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .mobile-portfolio-image-wrap img {
        width: 100%;
        height: 75vw;
        max-height: 380px;
        object-fit: cover;
        border-radius: 4px;
    }

    .portfolio-ar-title {
        padding: 20px 0;
    }

    .portfolio-a-title {
        font-size: 2.25rem;
    }

    /* Disable desktop hover text shifts & force black active text to match mockup */
    .portfolio-ar-title:hover .portfolio-a-title {
        transform: none;
        color: var(--black);
    }

    .portfolio-name-wrap.is-active .portfolio-a-title {
        color: var(--black);
    }

    /* Show arrow on active items */
    .portfolio-name-wrap.is-active .arrow-up-hover-pf {
        opacity: 1;
        transform: none;
    }

    .portfolio-ar-title:hover .arrow-up-hover-pf {
        transform: none;
    }

    /* BOTTOM CTA OVERRIDES */
    .white-cta-line {
        flex-direction: column;
        gap: 20px;
        border-radius: 20px;
        padding: 24px 20px;
        text-align: center;
        /* margin-top: 40px; */
    }

    .our-trajectory-sec .white-cta-line,
    .portfolio-archive .white-cta-line,
    .white-cta-line.special-marg {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-align: left !important;
        gap: 15px !important;
        border-radius: 100px !important;
    }

    .portfolio-archive .white-cta-line .cta-text {
        font-size: 1rem !important;
        margin-bottom: 0 !important;
        width: auto !important;
        max-width: 70% !important;
    }

    .white-cta-line.special-marg .heading-20 {
        font-size: 1em !important;
        margin-bottom: 0 !important;
        width: auto !important;
        max-width: 70% !important;
    }

    .portfolio-archive .white-cta-line .button-primary,
    .white-cta-line.special-marg .button-primary {
        width: auto !important;
        text-align: center !important;
        font-size: 0.75rem !important;
        padding: 8px 16px !important;
        margin-left: 0.5rem !important;
        white-space: nowrap !important;
    }

    .cta-text {
        font-size: 1rem;
    }

    /* SOCIALS SECTION OVERRIDES */
    .section-ig-posts {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .socials-wrap {
        padding: 50px 0;
    }

    /* FOOTER OVERRIDES */
    .footer-tbp {
        padding: 60px 0 30px;
    }

    .footer-wrap-s1 {
        gap: 15px;
        margin-bottom: 40px;
    }

    .footer-h1 {
        font-size: 10vw;
    }

    .arrows-footer {
        width: 5vw;
    }

    .footer-wrap-s2n3 {
        margin-bottom: 30px;
    }

    .hq-1 {
        display: none;
    }

    .footer-wrap-s3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        text-align: center;
    }

    .footer-ins-w3-left {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .hq-2 {
        display: block;
        margin: 5px 0;
    }

    .footer-ins-w3-right {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .footer-wrap-s4 {
        margin-top: 50px;
        padding-top: 30px;
    }

    .image-14 {
        margin-bottom: 30px;
    }

    .footer-last-text {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .pp-disc-termsnc {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    body {
        cursor: default;
        background-color: #d2d5d6;
    }

    .custom-cursor {
        display: none;
    }

    .navbar-tbp {
        padding: 0 30px;
        height: 80px;
    }

    .navbar-content-left,
    .navbar-content-right {
        display: none !important;
    }

    .tbp-logo-navbar-container {
        flex: 1;
        max-width: calc(100% - 70px);
        justify-content: flex-start;
        overflow: hidden;
    }

    .nav-button-wrap {
        display: flex;
        flex-shrink: 0;
        z-index: 1010;
    }

    .line-nav-m {
        background-color: #ffffff !important;
        height: 1.5px !important;
    }

    .tbp-logo-navbar {
        display: none !important;
    }

    .tbp-logo-navbar-mobile {
        display: block !important;
        height: 26px;
        width: auto;
        /* filter: invert(1) !important; */
    }

    .tbp-logo-down {
        display: none !important;
    }

    .tbp-logo-down-mobile {
        /* display: block !important; */
        width: 78vw !important;
        max-width: 310px !important;
        height: auto !important;
        /* filter: invert(1) !important; */
    }

    .big-flobber-container .canvas {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .text-heading-copy-1 {
        font-size: 13px;
        line-height: 1.5;
        max-width: 90%;
        padding: 0 15px;
    }

    .heading-copy-1 {
        font-size: 9.5vw;
        letter-spacing: -1.5px;
        margin-top: 20px;
    }

    .gsap_split_word-mask {
        margin-right: 4px;
    }

    /* ---------------------------------------------------- */
    /* Clients Section & Mobile Marquees Tablet/Mobile Overrides */
    /* ---------------------------------------------------- */
    .section-clients {
        padding: 40px 17px;
        gap: 18px;
    }

    .heading-34 {
        font-size: 26px;
        letter-spacing: -0.8px;
        max-width: 100%;
    }

    .marquee-clients {
        padding: 30px 0;
        cursor: default;
    }

    .marquee-clients-logos {
        /* padding: 30px 0; */
    }

    .marquee-clients-logos .client-logo-img {
        height: 150px;
    }

    .gif-content {
        width: 300px;
        height: 280px;
        pointer-events: none;
    }

    .infinite-marquee {
        display: none;
    }

    .infinitemq-mobile {
        display: flex;
        overflow: hidden;
        width: 100%;
        margin: 10px 0;
    }

    .marquee-mobile {
        display: flex;
        gap: 40px;
        padding-right: 40px;
        width: max-content;
        animation: marquee-mobile-left 15s linear infinite;
        will-change: transform;
    }

    .infinitemq-mobile._2nd {
        margin-bottom: 300px;
    }

    .infinitemq-mobile._2nd .marquee-mobile {
        animation: marquee-mobile-right 18s linear infinite;
    }

    .infinitemq-mobile._3rd .marquee-mobile {
        animation: marquee-mobile-left 16s linear infinite;
    }

    .infinitemq-mobile._4th .marquee-mobile {
        animation: marquee-mobile-right 20s linear infinite;
    }

    .we-llt {
        font-family: "KMR Melange Book", Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: rgba(0, 0, 0, 0.12);
        white-space: nowrap;
    }

    .div-block-9 {
        display: none;
    }

    .grid-copy-clients {
        display: block;
        margin-top: 10px;
    }

    .meta-grey.wider {
        font-family: "KMR Melange Book", Arial, sans-serif;
        font-size: 18px;
        line-height: 1.5;
        color: rgba(0, 0, 0, 0.45);
        letter-spacing: -0.2px;
    }

    .white-cta-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        padding: 40px 30px;
        border-radius: 20px;
    }

    .heading-12.morecontent {
        width: 100%;
        font-size: 24px;
        letter-spacing: -0.5px;
    }

    .right-white-3-cont {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .white-cta-separator {
        display: none;
    }

    .white-cta-line .button-primary {
        width: 100%;
        text-align: center;
        padding: 14px 20px;
    }

    .approach-culture-v2 {
        padding: 80px 24px;
    }

    .item-a-c {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: stretch;
        height: auto;
    }

    .textblock-a-c {
        flex-direction: row;
        align-self: flex-start;
        margin-bottom: 0;
        gap: 25px;
    }

    .h2-a-c {
        font-size: 2.2rem;
    }

    .subtitle-a-c {
        font-size: 1.7rem;
        margin-bottom: 24px;
    }

    .text-a-c {
        font-size: 1rem;
    }

    .image-holder-a-c {
        height: 320px;
        order: -1;
        padding: 16px;
    }

    .img-slide-a-c {
        top: 16px;
        left: 16px;
        width: calc(100% - 32px);
        height: calc(100% - 32px);
    }

    .cta-wrapper {
        padding: 60px 24px 0;
    }

    .heading-20 {
        font-size: 1.6rem;
        width: 100%;
        line-height: 1.25;
    }

    /* Section 5: Team Grid Tablet */
    .section-team {
        padding: 80px 24px 60px;
    }

    .grid-team {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 16px;
    }

    .teammate-pill {
        font-size: 11px;
        padding: 6px 14px;
    }

    .team-footer-text {
        font-size: 14px;
        margin-top: 60px;
    }

    .philosophy-block {
        padding: 80px 24px 40px;
    }

    .pillars-copy {
        font-size: 1.1rem;
        max-width: 100%;
    }

    .pillars-sticky {
        height: auto;
        position: relative;
    }

    .pillars {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        width: 100vw;
        /* margin-left: -24px; */
        margin-right: -24px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        background: #f7f7f7;
        scrollbar-width: none;
        /* Hide scrollbars Firefox */
    }

    .pillars::-webkit-scrollbar {
        display: none;
        /* Hide scrollbars Chrome/Safari */
    }

    .pillar-step {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: auto;
        opacity: 1 !important;
        visibility: visible !important;
        scroll-snap-align: start;
        flex-shrink: 0;
        z-index: 1 !important;
        box-sizing: border-box;
        background: transparent;
    }

    .pillar-image-container {
        height: 380px;
        background-color: #d2d5d6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .name-pillar {
        display: block;
        position: absolute;
        left: 24px;
        top: 24px;
        z-index: 5;
        text-align: left;
    }

    .name-pillar .text-block-9 {
        font-family: "KMR Melange Book", Arial, sans-serif;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.7);
    }

    .name-pillar .h2-pillar-mobile {
        font-family: "KMR Melange Book", Arial, sans-serif;
        font-size: 2rem;
        font-weight: 700;
        color: #ffffff;
        margin: 4px 0 0 0;
        text-transform: uppercase;
        letter-spacing: -0.5px;
    }

    .divider-centered {
        display: none;
    }

    .flobber-pillar {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 40px;
        /* Offset title overlap */
    }

    .image-pillar {
        max-width: 55%;
        max-height: 55%;
    }

    .pillar-content {
        background-color: #ffffff;
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
        height: auto;
        width: 100%;
        box-sizing: border-box;
    }

    .h2-pillar {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .pillar-text-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 0;
    }

    .pillars-text {
        font-size: 0.95rem;
        max-width: 75%;
    }

    .button-wrap {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .pillar-titles {
        display: none;
    }

    .our-pillars-title-top {
        display: none;
    }

    .mobile-steper {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin: 0;
        width: auto;
        z-index: 10;
    }

    .line-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.15);
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .line-dot.is-active {
        background-color: #003DFF;
        transform: scale(1.25);
    }

    /* Carousel Navigation: dots wrapper */
    .pillars-carousel-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto 30px;
        width: 100%;
        z-index: 10;
    }


    .section-2-about {
        padding: 80px 24px;
    }

    .heading-copy-sec-1 {
        font-size: 6.5vw;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .shaping-only-mobile {
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        width: 100vw;
        margin-left: -24px;
        margin-right: -24px;
        padding: 16px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin: 40px 0;
        background-color: transparent;
    }

    .shaping-only-mobile span {
        display: inline-block;
        padding-right: 50px;
        font-family: "KMR Melange Book", Arial, sans-serif;
        font-size: 1.5rem;
        text-transform: uppercase;
        color: #003DFF;
        animation: marquee-mobile-left 35s linear infinite;
        will-change: transform;
        flex-shrink: 0;
    }

    .grid-see-more {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 40px;
        padding-right: 0;
    }

    .grid-see-more::before {
        display: none;
        /* Hide the centered dot on mobile */
    }

    .text-about {
        width: 100%;
        font-size: 1.05rem;
        margin-left: 70px;
    }

    .heading-13 {
        font-size: 8vw;
        bottom: 2vh;
        white-space: break-spaces;
        width: 80%;
    }

    .journal-main-wrapper {
        height: auto;
        overflow-y: auto;
        background-color: #fafafa;
    }

    .journal-desktop-int {
        display: none !important;
    }

    .journal-mobile-int {
        display: block !important;
        padding: 110px 24px 40px !important;
    }

    .journal-mobile-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .journal-mobile-item {
        display: block;
        background: none;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        transition: transform 0.3s ease;
    }

    .journal-mobile-item img.journal-mobile-image {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        border-radius: 0px;
    }

    .mobile-item-title {
        display: none;
    }

    .journal-custom-cursor {
        display: none !important;
    }

    .intro-tbp-content {
        flex-direction: column;
        gap: 30px;
    }

    .text-intro {
        font-size: 20px;
        white-space: normal;
        text-align: center;
    }

    .intro-in-wrapper,
    .introflips {
        width: 200px;
        height: 200px;
    }

    .services-page .stacking-cards-section .stacking-card-text {
        padding: 3rem 1.5rem;
        height: auto;
    }

    .services-page .stacking-cards-section .stacking-card-title {
        font-size: clamp(1.6rem, 6vw, 2.2rem);
    }

    .services-page .stacking-cards-section .stacking-card-body {
        max-width: 100%;
    }

    .services-page .stacking-cards-section .stacking-card-image {
        height: 45vh;
    }

    .services-page .methodology-section {
        padding: 4rem 1.5rem 4rem !important;
    }

    .services-page .methodology-section .dimensions-grid {
        border: none !important;
    }

    .services-page .methodology-section .dimension {
        height: auto !important;
        border: 1px solid rgba(0, 0, 0, 0.12) !important;
        background-color: #f7f6f5 !important;
        padding: 1.5rem !important;
        border-radius: 4px !important;
        margin-bottom: 0 !important;
        transition: background-color 0.4s ease, border-color 0.4s ease !important;
    }

    .services-page .methodology-section .dimension.expanded {
        background-color: #ffffff !important;
        border-color: var(--primary-blue, #0d6efd) !important;
    }

    .services-page .methodology-section .shutter-container {
        height: 210px !important;
    }

    .services-page .methodology-section .dimension-img {
        background-size: cover !important;
        background-position: center !important;
        border-radius: 4px !important;
    }

    .services-page .methodology-section .dimension-body {
        justify-content: flex-start !important;
    }

    .services-page .methodology-section .dimension>.d-flex {
        margin-bottom: 0.4rem !important;
    }

    .main-portfolio-wrapper {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 40px;
    }

    .collection-list-4 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-auto-flow: row dense !important;
        gap: 1.2em !important;
    }

    .collection-item-cs.cs-tab-v916 .case-study-img {
        aspect-ratio: 9 / 16 !important;
    }

    .collection-item-cs.cs-tab-h169 {
        grid-column: span 2 !important;
    }

    .collection-item-cs.cs-tab-h169 .case-study-img {
        aspect-ratio: 16 / 9 !important;
    }

    .collection-item-cs.cs-tab-tall {
        grid-row: span 2 !important;
    }

    .collection-item-cs.cs-tab-small .case-study-img {
        aspect-ratio: 9 / 8 !important;
    }

    .collection-item-cs.cs-tab-left {
        grid-column: 1 !important;
    }

    .collection-item-cs.cs-tab-right {
        grid-column: 2 !important;
    }

    .wrapper-main-filter {
        flex-flow: column;
        padding: 120px 15px 40px;
    }

    .portfolio-header {
        font-size: 5rem;
        margin-bottom: 30px;
    }

    .cont-filters {
        width: 100%;
    }

    .form-2 {
        grid-column-gap: 16px;
        grid-row-gap: 8px;
    }

    .filter_radio-item {
        font-size: 1.1rem;
        padding-right: 8px;
    }

    .info-portfolio-only-mobile {
        display: none;
        justify-content: space-between;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px;
        font-family: "KMR Melange Book", Arial, sans-serif;
        color: var(--black);
    }

    .heading-10 {
        font-size: 1.1rem;
        font-weight: 600;
        margin: 0;
    }

    .heading-11 {
        font-size: 0.95rem;
        font-weight: 400;
        color: rgba(6, 6, 6, 0.55);
        margin: 0;
    }

    .case-study-title-n-meta {
        display: none !important;
    }

    .case-media,
    [class*="case-media-"] {
        gap: 15px;
    }

    #scroll-knob {
        display: none !important;
    }

    .office-name {
        font-size: 1.4em !important;
    }
}

@media (max-width: 860px) {
    .wrapper-slide-in-flobber {
        width: 100% !important;
    }

    #sib-container.sib-container--large.sib-container--vertical,
    #sib-container {
        max-width: 100% !important;
        padding: 32px 24px 28px !important;
    }

    .sap-top-content {
        padding: 24px 24px 16px !important;
    }
}

@media (max-width: 767.99px) {
    .service-section .services-swiper {
        width: 100%;
        padding: 0;
    }

    .image-holder-a-c {
        margin: 0;
    }

    .portfolio-detail-body h1 {
        font-size: 5em
    }

    .portfolio-detail-body .section-text {
        padding: 0 15px 2em 15px
    }

    .portfolio-detail-body .case-study-cover {
        padding-bottom: 0
    }

    .portfolio-detail-body .case-media-1 {
        grid-template-columns: 1fr;
        margin: 15px;
        padding: 0
    }

    .portfolio-detail-body .cs-textblock-grid {
        grid-template-rows: auto auto auto;
        grid-template-columns: 1fr
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto
    }

    .portfolio-detail-body .case-media {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        margin: 5px 15px
    }

    .portfolio-detail-body .second-col-txt-pad {
        padding-top: 0
    }

    .portfolio-detail-body .go-to-portfolio {
        margin-left: 15px;
        margin-right: 15px
    }

    .portfolio-detail-body .next-project-wrapper {
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px
    }

    .portfolio-detail-body .cases-title {
        max-width: 90%
    }

    .portfolio-detail-body .container-meta {
        flex-flow: column-reverse;
        justify-content: space-between;
        align-items: flex-start
    }

    .portfolio-detail-body .right-container-meta {
        width: 100%
    }

    .portfolio-detail-body .short-descript-meta {
        max-width: 365px
    }

    .portfolio-detail-body .cs-cover-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }

    .portfolio-detail-body .rich-text-block-2 {
        margin-top: 25px;
        padding-top: 0
    }

    .portfolio-detail-body .case-m-gallery {
        padding-left: 15px;
        padding-right: 15px
    }

    .portfolio-detail-body .collection-list-8 {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .portfolio-detail-body .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .portfolio-detail-body .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .text-about {
        margin-left: 0;
    }

    .scroll-morph-section {
        height: auto !important;
        min-height: auto !important;
        position: relative !important;
        padding: 40px 0 !important;
    }

    .scroll-morph-section .sticky-container {
        position: relative !important;
        top: unset !important;
        height: auto !important;
        min-height: auto !important;
        overflow: hidden !important;
    }

    .scroll-morph-section .container-fluid {
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 0 15px !important;
    }

    .scroll-morph-section .slide-viewport {
        margin-top: clamp(80px, 14vh, 120px) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        width: 100% !important;
    }

    .scroll-morph-section.text-copy {
        font-size: 3.2rem;
        line-height: 1.25;
    }

    .navbar-tbp {
        padding: 0 20px;
        height: 70px;
    }

    .heading-copy-1 {
        font-size: 10.5vw;
        letter-spacing: -1px;
        line-height: 1.0;
        margin-top: 20px;
    }

    .press-page .press-section .press-card {
        width: 200px;
    }

    .press-page .press-section .press-card-img {
        width: 200px;
        height: 260px;
    }

    .press-page .press-section .conveyor-track {
        animation-duration: 22s;
    }

    .services-page .ticker-scale-section {
        min-height: unset !important;
        padding: 2.5rem 0 !important;
    }

    .services-page .ticker-scale-section .ticker-track span {
        font-size: 10vw;
        padding-right: 2rem;
    }

    .services-page .ticker-scale-section .scroll-scale-image {
        transform: scale(0.7);
    }

    .result-two-column .result-columns {
        grid-template-columns: 1fr;
    }

    .textblock-a-c {
        padding: 0 0 0 32px;
    }

    .services-page .services-swiper-section {
        padding: 3rem 0 0rem;
    }
}

@media (max-width: 575.99px) {
    .our-trajectory-sec .white-cta-line span {
        font-size: 1em;
    }

    .tbp-popup-container {
        padding: 28px 20px;
        max-height: 92vh;
    }

    .our-trajectory-sec .white-cta-line,
    .portfolio-archive .white-cta-line,
    .white-cta-line.special-marg {
        padding: 12px 16px !important;
    }

    .our-trajectory-sec .white-cta-line .fs-6,
    .portfolio-archive .white-cta-line .cta-text {
        font-size: 0.8rem !important;
        line-height: 1.35 !important;
        margin-left: 0.25rem !important;
    }

    .white-cta-line.special-marg .heading-20 {
        font-size: 1em !important;
        line-height: 1.35 !important;
        margin-left: 0.25rem !important;
    }

    .our-trajectory-sec .white-cta-line .btn-blue,
    .portfolio-archive .white-cta-line .button-primary,
    .white-cta-line.special-marg .button-primary {
        font-size: 0.75rem !important;
        padding: 8px 16px !important;
        margin-left: 0.5rem !important;
    }

    /* SOCIALS SECTION MOBILE OVERRIDES */
    .section-ig-posts {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    /* FOOTER MOBILE OVERRIDES */
    .footer-h1 {
        font-size: 12vw;
    }

    .arrows-footer {
        width: 6vw;
    }

    .navbar-tbp {
        padding: 0 15px;
    }

    .tbp-logo-down-mobile {
        width: 76vw !important;
        max-width: 290px !important;
    }

    .heading-copy-1 {
        font-size: 12vw;
        margin-top: 15px;
    }

    .text-heading-copy-1 {
        font-size: 12.5px;
        line-height: 1.55;
    }

    .gif-content {
        width: 280px;
        height: 220px;
    }

    .infinitemq-mobile._2nd {
        margin-bottom: 240px;
    }

    .approach-culture-v2 {
        padding: 0px 16px 30px;
    }

    .a-c-txt-below-wrap {
        padding: 0px;
    }

    .textblock-a-c {
        gap: 20px;
    }

    .h2-a-c {
        font-size: 1.8rem;
    }

    .subtitle-a-c {
        font-size: 1.45rem;
    }

    .image-holder-a-c {
        height: 260px;
    }

    .cta-wrapper {
        padding: 40px 16px 0;
    }

    .heading-20 {
        font-size: 1.35rem;
    }

    /* Section 5: Team Grid Mobile */
    .section-team {
        padding: 60px 16px 40px;
    }

    .grid-team {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 12px;
    }

    /* .teammate-item {
        aspect-ratio: 1 / 1.2;
    } */

    .teammate-pill {
        font-size: 10px;
        padding: 5px 12px;
    }

    .team-footer-text {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 40px;
    }

    /* Section 6: Offices & Careers Mobile */
    .section-offices-careers {
        padding: 40px 16px 60px;
    }

    .offices-header {
        margin-bottom: 30px;
    }

    .offices-header-title {
        font-size: 1.1rem;
        padding: 12px 0 10px;
    }

    .grid-offices {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 50px;
    }

    .office-img-wrap {
        aspect-ratio: 16 / 10;
        border-radius: 10px;
    }

    .office-time {
        font-size: 0.85rem;
    }

    .careers-row {
        flex-direction: column;
        gap: 20px;
    }

    .careers-label {
        min-width: unset;
    }

    .careers-unified-card {
        flex-direction: column;
        width: 100%;
        padding: 20px;
        border-radius: 14px;
        gap: 0;
    }

    .career-listing {
        padding: 0;
    }

    .career-listing:first-child {
        padding-bottom: 18px;
        text-align: center;
    }

    .career-listing:last-child {
        padding-top: 18px;
        text-align: center;
    }

    .career-divider {
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.08);
    }

    .career-title {
        font-size: 0.95rem;
    }

    .career-skills {
        font-size: 0.82rem;
    }

    .heading-13 {
        font-size: 10vw;
        bottom: -1vh;
        white-space: break-spaces;

    }

    .section-2-about {
        padding: 30px 16px;
    }

    .text-about {
        margin-left: 0;
    }

    .heading-copy-sec-1 {
        font-size: 3.1em;
        line-height: 0.95em;
        padding-right: 20px;
    }

    .heading-copy-sec-1 .about-copy-desc {
        display: none;
    }

    .shaping-only-mobile {
        margin-left: -16px;
        margin-right: -16px;
    }

    .shaping-only-mobile span {
        font-size: 1.25rem;
    }

    .philosophy-block {
        padding: 30px 16px;
    }

    .pillars {
        /* margin-left: -16px;
        margin-right: -16px; */
    }

    .pillar-image-container {
        height: 300px;
    }

    .name-pillar {
        left: 16px;
        top: 16px;
    }

    .name-pillar .h2-pillar-mobile {
        font-size: 1.6rem;
    }

    .pillar-content {
        padding: 30px 16px;
    }

    .h2-pillar {
        font-size: 1.45rem;
    }

    .pillars-text {
        font-size: 0.88rem;
        max-width: 72%;
    }

    .filter_radio-item {
        font-size: 0.8rem;
        padding-right: 0px;
    }

    .portfolio-header {
        font-size: 4rem;
    }

    .collection-list-4 {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5em !important;
    }

    .form-2 {
        grid-column-gap: 10px;
        grid-row-gap: 6px;
    }

    .info-portfolio-only-mobile {
        display: none;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    .heading-10 {
        font-size: 0.95rem;
    }

    .heading-11 {
        font-size: 0.8rem;
    }

    .case-media.is-single {
        margin-bottom: -15px;
    }
}

@media (max-width:479px) {
    .portfolio-detail-body .w-col {
        width: 100%
    }

    .portfolio-detail-body h1 {
        font-size: 3.2em
    }

    .portfolio-detail-body h2 {
        line-height: 1.1em
    }

    .portfolio-detail-body .divider-grey.withmargin-top {
        margin-top: 1.5em
    }

    .portfolio-detail-body .cta-link-line {
        transition-duration: 0s
    }

    .portfolio-detail-body .case-study-cover-info {
        height: auto;
        padding-left: 15px
    }

    .portfolio-detail-body .title-wrapper {
        padding-right: 15px
    }

    .portfolio-detail-body .cs-textblock-grid {
        grid-template-columns: 1fr !important;
        grid-row-gap: 16px !important;
        padding-top: 2em !important;
        width: 100% !important;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only {
        grid-row-gap: 0px !important;
        grid-column-gap: 0px !important;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only .w-richtext,
    .portfolio-detail-body .section-text .row > div {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .portfolio-detail-body .rich-text-block-2 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .portfolio-detail-body .cs-textblock-grid.one-row-only .w-richtext p,
    .portfolio-detail-body .section-text .row .w-richtext p {
        margin-bottom: 12px !important;
    }

    .portfolio-detail-body .cs-textblock-grid .mb-5 {
        margin-bottom: 0.75rem !important;
    }

    .portfolio-detail-body .read-more-clickable {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .portfolio-detail-body .read-more-ins {
        white-space: normal
    }

    .portfolio-detail-body .case-media {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-top: 15px;
        margin-bottom: 0
    }

    .portfolio-detail-body .second-col-txt-pad {
        padding-top: 0
    }

    .portfolio-detail-body .go-to-portfolio {
        padding-top: 2.4em;
        padding-bottom: .1em
    }

    .portfolio-detail-body .next-project-wrapper {
        margin-top: 25px
    }

    .portfolio-detail-body .link-cta-next-case {
        flex-flow: column;
        margin-bottom: 0
    }

    .portfolio-detail-body .next-portfolio-title {
        width: 100%;
        padding-top: 3em;
        padding-bottom: 3em
    }

    .portfolio-detail-body .next-portfolio-img {
        width: 100%;
        height: 140px;
        position: relative;
        transform: translate(0)
    }

    .portfolio-detail-body .cases-title {
        font-size: 4.25em
    }

    .portfolio-detail-body .rich-text-block {
        font-family: KMR Melange Book, Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5em;
    }

    .portfolio-detail-body .rich-text-block p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .portfolio-detail-body .collection-list-8 {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    h2.text-copy.lh-sm.m-0 {
        padding-right: 20px;
        font-size: 2.2em;
        line-height: 1.05em;

    }

    h2.text-copy.lh-sm.m-0 .highlight-link {
        display: inline !important;
        width: 100% !important;
    }

    h2.text-copy.lh-sm.m-0 .text-copy-desc {
        /* max-width: 420px; */
        display: block;
        font-size: 1.1rem;
        line-height: 1.5;
        margin-top: 15px;
    }
}

@keyframes marquee-mobile-left {
    0% {
        transform: translate3d(0, 0, 0);
    }

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

@keyframes marquee-mobile-right {
    0% {
        transform: translate3d(-50%, 0, 0);
    }

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