@import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

        * {
            box-sizing: border-box;
        }

        html,
        body {
            overflow-x: hidden !important;

        }

        body {
            margin: 0;
            font-family: "Inter", sans-serif;
            color: #171313;
            background: #fff;
            /* overflow-x: hidden; */
        }

        body.tlb-lock {
            overflow: hidden !important;
            touch-action: none;
        }

        .tlb-main-section {
            width: 100%;
            min-height: 100vh;
            position: relative;
            overflow: hidden;
            background: #fff;
        }

        .tlb-top-bar {
            background: #2e2a63;
            color: #fff;
            text-align: center;
            font-family: "Space Mono", monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: .4px;
            padding: 7px 15px;
            text-transform: uppercase;
            position: relative;
            z-index: 40;
            animation: tlbTopDrop .95s cubic-bezier(.22, .61, .36, 1) .2s both;
        }

        @keyframes tlbTopDrop {
            from {
                opacity: 0;
                transform: translateY(-18px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .tlb-navbar-wrap {
            position: absolute;
            top: 46px;
            left: 15px;
            right: 15px;
            z-index: 999;
            background: #fffef9;
            border: 1.5px solid #171313;
            border-radius: 11px;
            overflow: visible;
            animation: tlbNavFloatIn 1.15s cubic-bezier(.22, .61, .36, 1) .55s both;
            transition:
                left .35s cubic-bezier(.16, 1, .3, 1),
                right .35s cubic-bezier(.16, 1, .3, 1),
                top .35s cubic-bezier(.16, 1, .3, 1),
                border-radius .35s cubic-bezier(.16, 1, .3, 1),
                box-shadow .35s ease;
        }

        .tlb-navbar-wrap.tlb-nav-no-intro {
            animation: none !important;
        }

        .tlb-navbar-wrap.tlb-nav-fixed {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            border-left: 0 !important;
            border-right: 0 !important;
            border-radius: 0 !important;
            overflow: visible !important;
            z-index: 99999 !important;
            animation: tlbNavStickClean .22s cubic-bezier(.16, 1, .3, 1) both !important;
            box-shadow: 0 10px 26px rgba(0, 0, 0, .10);
        }

        .tlb-navbar-wrap.tlb-nav-fixed .tlb-navbar {
            border-radius: 0 !important;
        }

        .tlb-navbar-wrap.tlb-nav-fixed .tlb-mega-menu {
            top: 60px;
            z-index: 100000;
        }

        @keyframes tlbNavStickClean {
            from {
                opacity: .98;
                transform: translateY(-2px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes tlbNavFloatIn {
            from {
                opacity: 0;
                transform: translateY(-18px) scale(.985);
                filter: blur(5px);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
        }

        .tlb-navbar {
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            position: relative;
            z-index: 1000;
            background: #fffef9;
            border-radius: 11px;
        }

        .tlb-nav-left,
        .tlb-nav-right {
            display: flex;
            align-items: center;
            gap: 28px;
        }

        .tlb-nav-link,
        .tlb-small-link {
            position: relative;
        }


        .tlb-small-link::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -3px;
            width: 0;
            height: 1.5px;
            background: #171313;
            transition: width .45s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-nav-link:hover::after,
        .tlb-small-link:hover::after,
        .tlb-nav-link.tlb-active::after {
            width: 100%;
        }

        .tlb-nav-link {
            border: 0;
            background: transparent;
            padding: 0;
            color: #100c0b;
            text-decoration: none;
            font-family: "Playfair Display", serif;
            font-size: 20px;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            cursor: pointer;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), color .3s ease;
        }

        .tlb-nav-link:hover {
            transform: translateY(-2px);
        }

        .tlb-small-link {
            font-family: "Space Mono", monospace;
            font-size: 12px;
            font-weight: 700;
            color: #100c0b;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .3px;
            white-space: nowrap;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), color .3s ease;
        }

        .tlb-small-link:hover {
            transform: translateY(-2px);
            color: #2e2a63;
        }

        .tlb-logo {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            text-decoration: none;
            color: #100c0b;
            font-family: "Playfair Display", serif;
            font-size: 25px;
            font-weight: 700;
            line-height: .83;
            letter-spacing: -1.1px;
            transition: transform .35s ease;
        }

        .tlb-logo:hover {
            transform: translateX(-50%) scale(1.04);
        }

        .tlb-arrow-icon {
            width: 18px;
            height: 18px;
            border: 1.5px solid #171313;
            border-radius: 50%;
            background: #cce5ff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: background .3s ease, transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .3s ease;
            flex-shrink: 0;
        }

        .tlb-arrow-icon svg {
            width: 10px;
            height: 10px;
            transition: .25s ease;
        }

        .tlb-nav-link:hover .tlb-arrow-icon {
            transform: translateY(-1px) scale(1.08);
            box-shadow: 0 4px 0 rgba(23, 19, 19, .16);
        }

        .tlb-nav-link.tlb-active .tlb-arrow-icon,
        .tlb-mobile-acc-btn.tlb-active .tlb-arrow-icon {
            background: #ffc107;
        }

        .tlb-nav-link.tlb-active .tlb-arrow-icon svg,
        .tlb-mobile-acc-btn.tlb-active .tlb-arrow-icon svg {
            transform: rotate(180deg);
        }

        .tlb-star {
            width: 24px;
            height: 24px;
            display: inline-block;
            transition: transform .45s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-nav-link:hover .tlb-star {
            transform: rotate(18deg) scale(1.15);
        }

        .tlb-cart-btn {
            width: 34px;
            height: 35px;
            border: 0;
            background: transparent;
            position: relative;
            cursor: pointer;
            padding: 0;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-cart-btn:hover {
            transform: translateY(-3px) rotate(-2deg);
        }

        .tlb-cart-icon {
            width: 22px;
            height: 22px;
            border: 1.6px solid #171313;
            border-radius: 4px;
            position: absolute;
            left: 4px;
            bottom: 2px;
            transition: background .25s ease;
        }

        .tlb-cart-btn:hover .tlb-cart-icon {
            background: rgba(255, 192, 0, .14);
        }

        .tlb-cart-icon::before {
            content: "";
            position: absolute;
            width: 11px;
            height: 8px;
            border: 1.6px solid #171313;
            border-bottom: 0;
            border-radius: 10px 10px 0 0;
            top: -8px;
            left: 4px;
        }

        .tlb-cart-count {
            width: 17px;
            height: 17px;
            border-radius: 50%;
            background: #ffc000;
            border: 1.4px solid #171313;
            font-size: 10px;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: 0;
            bottom: 4px;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-cart-btn:hover .tlb-cart-count {
            transform: scale(1.16);
        }

        .tlb-mega-menu {
            position: absolute;
            top: 58px;
            left: -1.5px;
            right: -1.5px;
            background: #fffef9;
            border: 1.5px solid #171313;
            border-top: 1.5px solid #171313;
            border-radius: 0 0 9px 9px;
            padding: 32px 50px 52px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-14px) scaleY(.98);
            transform-origin: top;
            transition: opacity .46s ease, visibility .46s ease, transform .62s cubic-bezier(.16, 1, .3, 1);
            z-index: 9999;
            pointer-events: none;
        }

        .tlb-mega-menu.tlb-show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scaleY(1);
            pointer-events: auto;
        }

        .tlb-mega-menu.tlb-show .tlb-mega-title,
        .tlb-mega-menu.tlb-show .tlb-mega-list li,
        .tlb-mega-menu.tlb-show .tlb-product-card,
        .tlb-mega-menu.tlb-show .tlb-learn-card,
        .tlb-mega-menu.tlb-show .tlb-shop-all-btn {
            animation: tlbMegaItemIn .62s cubic-bezier(.16, 1, .3, 1) both;
        }

        @keyframes tlbMegaItemIn {
            from {
                opacity: 0;
                transform: translateY(14px);
                filter: blur(4px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-mega-title {
            font-family: "Space Mono", monospace;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 25px;
            color: #070707;
        }

        .tlb-mega-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .tlb-mega-list li {
            margin-bottom: 9px;
        }

        .tlb-mega-list a {
            position: relative;
            display: inline-block;
            text-decoration: none;
            color: #292624;
            font-size: 15.5px;
            transition: color .25s ease, padding-left .25s ease;
        }

        .tlb-mega-list a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -3px;
            width: 0;
            height: 1.5px;
            background: #2e2a63;
            transition: width .25s ease;
        }

        .tlb-mega-list a:hover {
            color: #2e2a63;
            padding-left: 5px;
        }

        .tlb-mega-list a:hover::after {
            width: 100%;
        }

        .tlb-shop-all-btn,
        .tlb-shop-btn,
        .tlb-checkout-btn,
        .tlb-gift-btn,
        .tlb-best-explore,
        .tlb-best-add-btn {
            position: relative;
            overflow: hidden;
            isolation: isolate;
        }

        .tlb-shop-all-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #2e2a63;
            color: #fff;
            text-decoration: none;
            min-width: 145px;
            height: 49px;
            border-radius: 100px;
            font-size: 15px;
            font-weight: 700;
            margin-top: 58px;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease, background .35s ease;
        }

        .tlb-shop-all-btn::before,
        .tlb-shop-btn::before,
        .tlb-checkout-btn::before,
        .tlb-gift-btn::before,
        .tlb-best-explore::before,
        .tlb-best-add-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .38) 45%, transparent 70%);
            transform: translateX(-120%) skewX(-18deg);
            transition: transform .85s cubic-bezier(.16, 1, .3, 1);
            z-index: -1;
        }

        .tlb-shop-all-btn:hover,
        .tlb-shop-btn:hover,
        .tlb-best-explore:hover {
            background: #171342;
            color: #fff;
            transform: translateY(-5px) scale(1.025);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .16), 0 18px 38px rgba(46, 42, 99, .28);
        }

        .tlb-shop-all-btn:hover::before,
        .tlb-shop-btn:hover::before,
        .tlb-checkout-btn:hover::before,
        .tlb-gift-btn:hover::before,
        .tlb-best-explore:hover::before,
        .tlb-best-add-btn:hover::before {
            transform: translateX(120%) skewX(-18deg);
        }

        .tlb-product-card {
            text-decoration: none;
            color: #100c0b;
            display: block;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-product-card:hover {
            transform: translateY(-5px);
        }

        .tlb-product-img {
            height: 278px;
            border: 1.5px solid #171313;
            border-radius: 7px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            transition: box-shadow .35s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-product-img img {
            max-width: 74%;
            max-height: 74%;
            object-fit: contain;
            filter: drop-shadow(0 20px 15px rgba(0, 0, 0, .12));
            transition: .55s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-product-card:hover .tlb-product-img {
            box-shadow: 0 10px 0 rgba(23, 19, 19, .1);
        }

        .tlb-product-card:hover img {
            transform: translateY(-7px) scale(1.04);
        }

        .tlb-product-title {
            font-family: "Playfair Display", serif;
            font-size: 22px;
            line-height: 1.12;
            margin: 0;
        }

        .tlb-bg-green {
            background: #c6e88b;
        }

        .tlb-bg-orange {
            background: #ffc58d;
        }

        .tlb-bg-blue {
            background: #c9def5;
        }

        .tlb-learn-card {
            text-decoration: none;
            color: #100c0b;
            text-align: center;
            display: block;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1);
        }

        .tlb-learn-card:hover {
            transform: translateY(-5px);
        }

        .tlb-learn-img {
            height: 220px;
            border: 1.5px solid #171313;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 16px;
            transition: box-shadow .35s ease;
        }

        .tlb-learn-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .65s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-learn-card:hover .tlb-learn-img {
            box-shadow: 0 10px 0 rgba(23, 19, 19, .1);
        }

        .tlb-learn-card:hover img {
            transform: scale(1.06);
        }

        .tlb-learn-title {
            font-family: "Playfair Display", serif;
            font-size: 22px;
            margin: 0;
        }

        .tlb-hero {
            min-height: calc(100vh - 31px);
            position: relative;
            display: flex;
            align-items: center;
            padding: 50px 40px 28px;
            overflow: hidden;
            border-bottom: 1.5px solid #171313;
            background: #f5ddba;
        }

        .tlb-hero-bg {
            position: absolute;
            inset: 0;
            background-image: url("images/img-01.webp");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            z-index: 1;
            transform: scale(1.08);
            opacity: 0;
            animation: tlbBgFirstIn 1.8s cubic-bezier(.16, 1, .3, 1) .08s both;
        }

        @keyframes tlbBgFirstIn {
            0% {
                opacity: 0;
                transform: scale(1.08);
                filter: blur(10px) saturate(.9);
            }

            55% {
                opacity: 1;
                filter: blur(3px) saturate(1);
            }

            100% {
                opacity: 1;
                transform: scale(1);
                filter: blur(0) saturate(1);
            }
        }

        .tlb-bg-reveal-grid {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: repeat(3, 1fr);
            pointer-events: none;
        }

        .tlb-bg-reveal-grid span {
            background: #f8dfb9;
            transform-origin: center;
            animation: tlbTilePopAway 1.15s cubic-bezier(.16, 1, .3, 1) both;
            animation-delay: calc(.38s + (var(--i) * .06s));
        }

        @keyframes tlbTilePopAway {
            0% {
                opacity: 1;
                transform: scale(1);
                border-radius: 0;
            }

            55% {
                opacity: .9;
                transform: scale(.78);
                border-radius: 18px;
            }

            100% {
                opacity: 0;
                transform: scale(.42) translateY(-10px);
                border-radius: 28px;
            }
        }

        .tlb-hero-content {
            max-width: 800px;
            position: relative;
            z-index: 3;
            animation: tlbContentIn 1.15s cubic-bezier(.16, 1, .3, 1) 1.45s both;
        }

        @keyframes tlbContentIn {
            from {
                opacity: 0;
                transform: translateY(22px);
                filter: blur(6px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-date-row {
            display: block;
            width: 100%;
            margin-bottom: 7px;
            animation: tlbSoftRise .9s cubic-bezier(.16, 1, .3, 1) 1.6s both;
        }

        .tlb-date-box {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            color: #171313;
            font-family: "Space Mono", monospace;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: .6px;
            text-transform: uppercase;
            padding: 3px 14px;
        }

        .tlb-discount-row {
            display: block;
            width: 100%;
            margin-bottom: 16px;
            animation: tlbStickerPop .95s cubic-bezier(.16, 1, .3, 1) 1.78s both;
        }

        @keyframes tlbStickerPop {
            from {
                opacity: 0;
                transform: rotate(-6deg) scale(.82);
                filter: blur(4px);
            }

            to {
                opacity: 1;
                transform: rotate(0deg) scale(1);
                filter: blur(0);
            }
        }

        .tlb-discount-sticker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #ff5e59;
            color: #171313;
            border: 2px solid #171313;
            border-radius: 6px;
            font-size: 42px;
            line-height: 1;
            font-weight: 900;
            transform: rotate(-2deg);
            padding: 5px 13px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            letter-spacing: 1px;
            box-shadow: 0 2px 0 #171313;
        }

        .tlb-hero h1 {
            font-family: "Playfair Display", serif;
            font-size: clamp(45px, 5.9vw, 70px);
            line-height: 1.17;
            font-weight: 500;
            letter-spacing: -2.5px;
            margin: 0 0 24px;
            color: #1c1714;
            overflow: hidden;
        }

        .tlb-heading-line {
            display: block;
            transform-origin: left bottom;
            animation: tlbHeadingSilk 1.25s cubic-bezier(.16, 1, .3, 1) both;
        }

        .tlb-heading-line:nth-child(1) {
            animation-delay: 1.95s;
        }

        .tlb-heading-line:nth-child(2) {
            animation-delay: 2.15s;
        }

        @keyframes tlbHeadingSilk {
            0% {
                opacity: 0;
                transform: translateY(85%) rotateX(14deg);
                clip-path: inset(0 0 100% 0);
                filter: blur(7px);
            }

            55% {
                opacity: 1;
                filter: blur(2px);
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotateX(0);
                clip-path: inset(0 0 0 0);
                filter: blur(0);
            }
        }

        .tlb-hero p {
            max-width: 510px;
            font-size: 18px;
            line-height: 1.25;
            margin: 0 0 18px;
            color: #1c1714;
            animation: tlbSoftRise .9s cubic-bezier(.16, 1, .3, 1) 2.45s both;
        }

        .tlb-hero p strong {
            font-weight: 800;
        }

        @keyframes tlbSoftRise {
            from {
                opacity: 0;
                transform: translateY(14px);
                filter: blur(4px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-shop-btn {
            width: 204px;
            height: 53px;
            background: #2e2a63;
            color: #fff;
            text-decoration: none;
            border-radius: 100px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 17px;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease, background .35s ease;
            animation: tlbSoftRise .9s cubic-bezier(.16, 1, .3, 1) 2.65s both;
        }

        .tlb-note {
            position: absolute;
            left: 40px;
            bottom: 0;
            margin: 10px 0;
            z-index: 3;
            font-size: 15px;
            font-style: italic;
            color: #2f2a24;
            animation: tlbSoftRise .9s cubic-bezier(.16, 1, .3, 1) 2.82s both;
        }

        .tlb-mobile-head {
            display: none;
        }

        .tlb-mobile-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .42);
            z-index: 100000 !important;
            opacity: 0;
            visibility: hidden;
            transition: opacity .32s ease, visibility .32s ease;
        }

        .tlb-mobile-overlay.tlb-show {
            opacity: 1;
            visibility: visible;
        }

        .tlb-mobile-panel {
            position: fixed;
            top: 0;
            left: 0;
            width: 355px;
            max-width: 88vw;
            height: 100dvh;
            background: #fffef9;
            border-right: 1.5px solid #171313;
            z-index: 100001 !important;
            transform: translateX(-105%);
            transition: transform .42s cubic-bezier(.22, .61, .36, 1);
            overflow-y: auto;
            will-change: transform;
        }

        .tlb-mobile-panel.tlb-show {
            transform: translateX(0);
        }

        .tlb-mobile-panel-head {
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 18px;
            border-bottom: 1.5px solid #171313;
        }

        .tlb-mobile-panel-logo {
            text-decoration: none;
            color: #171313;
            font-family: "Playfair Display", serif;
            font-size: 21px;
            line-height: .78;
            font-weight: 700;
            letter-spacing: -1px;
            text-align: center;
        }

        .tlb-mobile-panel-logo span {
            display: block;
            font-size: 14px;
        }

        .tlb-mobile-close {
            width: 38px;
            height: 38px;
            border: 1.5px solid #171313;
            border-radius: 50%;
            background: #fff;
            position: relative;
            cursor: pointer;
            transition: transform .35s ease, background .35s ease;
        }

        .tlb-mobile-close:hover {
            transform: rotate(90deg) scale(1.05);
            background: #fff5d7;
        }

        .tlb-mobile-close::before,
        .tlb-mobile-close::after {
            content: "";
            width: 18px;
            height: 1.5px;
            background: #171313;
            position: absolute;
            left: 9px;
            top: 18px;
        }

        .tlb-mobile-close::before {
            transform: rotate(45deg);
        }

        .tlb-mobile-close::after {
            transform: rotate(-45deg);
        }

        .tlb-mobile-menu-body {
            padding: 20px 18px 28px;
        }

        .tlb-mobile-acc-btn,
        .tlb-mobile-link {
            width: 100%;
            border: 0;
            background: transparent;
            color: #171313;
            text-decoration: none;
            font-family: "Playfair Display", serif;
            font-size: 28px;
            line-height: 1;
            padding: 15px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid rgba(23, 19, 19, .22);
            cursor: pointer;
            transition: padding-left .3s ease, color .3s ease;
        }

        .tlb-mobile-acc-btn:hover,
        .tlb-mobile-link:hover {
            padding-left: 5px;
            color: #2e2a63;
        }

        .tlb-mobile-submenu {
            display: grid;
            grid-template-rows: 0fr;
            opacity: 0;
            transform: translateY(-8px);
            transition:
                grid-template-rows .55s cubic-bezier(.16, 1, .3, 1),
                opacity .42s ease,
                transform .45s ease;
            border-bottom: 1px solid rgba(23, 19, 19, .22);
        }

        .tlb-mobile-submenu.tlb-show {
            grid-template-rows: 1fr;
            opacity: 1;
            transform: translateY(0);
        }

        .tlb-mobile-submenu-inner {
            overflow: hidden;
        }

        .tlb-mobile-submenu-content {
            padding: 14px 0 18px;
        }

        .tlb-mobile-submenu ul {
            list-style: none;
            padding: 0;
            margin: 0 0 16px;
        }

        .tlb-mobile-submenu li {
            margin: 9px 0;
        }

        .tlb-mobile-submenu a {
            color: #292624;
            text-decoration: none;
            font-size: 16px;
            transition: .2s ease;
        }

        .tlb-mobile-submenu a:hover {
            color: #2e2a63;
            padding-left: 5px;
        }

        .tlb-mobile-card-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 14px;
            margin-top: 15px;
        }

        .tlb-mobile-product-card,
        .tlb-mobile-learn-card {
            text-decoration: none;
            color: #171313;
            display: block;
            transition: transform .35s ease;
        }

        .tlb-mobile-product-card:hover,
        .tlb-mobile-learn-card:hover {
            transform: translateY(-4px);
        }

        .tlb-mobile-product-img,
        .tlb-mobile-learn-img {
            width: 100%;
            height: 145px;
            border: 1.5px solid #171313;
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
            transition: box-shadow .35s ease;
        }

        .tlb-mobile-product-img img {
            max-width: 78%;
            max-height: 78%;
            object-fit: contain;
            filter: drop-shadow(0 14px 12px rgba(0, 0, 0, .12));
        }

        .tlb-mobile-learn-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .tlb-mobile-card-title {
            font-family: "Playfair Display", serif;
            font-size: 18px;
            line-height: 1.15;
            margin: 0;
        }

        .tlb-mobile-small-links {
            margin-top: 22px;
            display: grid;
            gap: 14px;
        }

        .tlb-mobile-small-links a {
            color: #171313;
            text-decoration: none;
            font-family: "Space Mono", monospace;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .tlb-best-section {
            background: #fbf8ea;
            border-top: 2px solid #171313;
            border-bottom: 2px solid #171313;
            padding: 70px 0 105px;
            overflow: hidden;
            position: relative;
        }

        .tlb-best-main-heading {
            max-width: 830px;
            margin: 0 auto 145px;
            text-align: center;
            font-family: "Playfair Display", serif;
            font-size: clamp(38px, 4.3vw, 58px);
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -2px;
            opacity: 0;
        }

        .tlb-best-section.tlb-visible .tlb-best-main-heading {
            animation: tlbBestHeadingIn 1s cubic-bezier(.16, 1, .3, 1) both;
        }

        @keyframes tlbBestHeadingIn {
            from {
                opacity: 0;
                transform: translateY(34px);
                filter: blur(7px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-best-label-wrap {
            text-align: center;
            margin-bottom: 55px;
            perspective: 500px;
        }

        .tlb-best-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #d4a8eb;
            border: 1.5px solid #171313;
            border-radius: 7px;
            padding: 3px 9px 6px;
            transform: rotate(-2deg);
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .95;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #171313;
            opacity: 0;
            box-shadow: 0 3px 0 rgba(23, 19, 19, .18);
        }

        .tlb-best-section.tlb-visible .tlb-best-label {
            animation: tlbBestLabelDrop 1.05s cubic-bezier(.17, .88, .25, 1.25) .28s both;
        }

        @keyframes tlbBestLabelDrop {
            0% {
                opacity: 0;
                transform: translateY(-120px) rotate(-10deg) scale(.88);
                filter: blur(8px);
            }

            55% {
                opacity: 1;
                transform: translateY(12px) rotate(2deg) scale(1.03);
                filter: blur(0);
            }

            75% {
                transform: translateY(-6px) rotate(-3deg) scale(.98);
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotate(-2deg) scale(1);
                filter: blur(0);
            }
        }

        .tlb-best-slider-wrap {
            position: relative;
            padding-left: 40px;
            padding-right: 35px;
            opacity: 0;
            transform: translateY(45px);
        }

        .tlb-best-section.tlb-visible .tlb-best-slider-wrap {
            animation: tlbBestSliderIn 1s cubic-bezier(.16, 1, .3, 1) .58s both;
        }

        @keyframes tlbBestSliderIn {
            from {
                opacity: 0;
                transform: translateY(45px);
                filter: blur(6px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-best-viewport {
            overflow: hidden;
            width: 100%;
            cursor: grab;
        }

        .tlb-best-track {
            display: flex;
            gap: 20px;
            transition: transform .78s cubic-bezier(.16, 1, .3, 1);
            will-change: transform;
        }

        .tlb-best-track.tlb-no-transition {
            transition: none !important;
        }

        .tlb-best-card {
            flex: 0 0 calc((100% - 60px) / 4);
            min-width: calc((100% - 60px) / 4);
            color: #171313;
        }

        .tlb-best-img-box {
            height: 360px;
            border: 1.5px solid #171313;
            border-radius: 7px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .45s ease;
        }

        .tlb-best-card:hover .tlb-best-img-box {
            transform: translateY(-6px);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .12);
        }

        .tlb-best-img-box img {
            max-width: 88%;
            max-height: 86%;
            object-fit: contain;
            filter: drop-shadow(18px 25px 11px rgba(0, 0, 0, .12));
            transition: transform .6s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-best-card:hover .tlb-best-img-box img {
            transform: translateY(-9px) scale(1.035) rotate(-1deg);
        }

        .tlb-best-badge {
            position: absolute;
            top: 14px;
            left: 14px;
            background: #fff;
            color: #171313;
            border: 1.5px solid #171313;
            border-radius: 6px;
            padding: 4px 8px 5px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: 18px;
            line-height: 1;
            letter-spacing: .4px;
            text-transform: uppercase;
            z-index: 2;
        }

        .tlb-best-rating {
            position: absolute;
            top: 17px;
            right: 14px;
            font-size: 14px;
            color: #171313;
            z-index: 2;
            white-space: nowrap;
        }

        .tlb-best-add-btn {
            position: absolute;
            right: 14px;
            bottom: 14px;
            width: 50px;
            height: 50px;
            border: 1.5px solid #171313;
            border-radius: 10px;
            background: #fff;
            color: #171313;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: 14px;
            line-height: 1;
            transition: transform .35s cubic-bezier(.16, 1, .3, 1), background .35s ease, box-shadow .35s ease;
            z-index: 3;
        }

        .tlb-best-add-btn span {
            font-size: 28px;
            line-height: .75;
        }

        .tlb-best-add-btn:hover {
            background: #2e2a63;
            color: #fff;
            transform: translateY(-4px) scale(1.04);
            box-shadow: 0 8px 0 rgba(23, 19, 19, .14);
        }

        .tlb-best-info {
            padding-top: 20px;
        }

        .tlb-best-title {
            font-family: "Playfair Display", serif;
            font-size: 25px;
            line-height: 1.12;
            font-weight: 500;
            margin: 0 0 18px;
            min-height: 56px;
        }

        .tlb-best-price {
            font-size: 15px;
            margin: 0 0 8px;
            color: #111;
        }

        .tlb-best-desc {
            color: #55524d;
            font-size: 15px;
            line-height: 1.25;
            margin: 0;
            max-width: 310px;
        }

        .tlb-best-bg-1 {
            background: #c6ed92;
        }

        .tlb-best-bg-2 {
            background: #c8eb8d;
        }

        .tlb-best-bg-3 {
            background: #abe7c0;
        }

        .tlb-best-bg-4 {
            background: #c8e0f8;
        }

        .tlb-best-bg-5 {
            background: #ffc78e;
        }

        .tlb-best-bg-6 {
            background: #efd4ff;
        }

        .tlb-best-arrow {
            width: 51px;
            height: 51px;
            border-radius: 50%;
            border: 1.5px solid #171313;
            background: #fff;
            position: absolute;
            top: 154px;
            z-index: 5;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform .35s cubic-bezier(.16, 1, .3, 1), background .35s ease, box-shadow .35s ease;
        }

        .tlb-best-arrow svg {
            width: 22px;
            height: 22px;
        }

        .tlb-best-arrow:hover {
            background: #2e2a63;
            color: #fff;
            transform: translateY(-3px) scale(1.05);
            box-shadow: 0 8px 0 rgba(23, 19, 19, .14);
        }

        .tlb-best-arrow:hover svg path {
            stroke: #fff;
        }

        .tlb-best-prev {
            left: 17px;
        }

        .tlb-best-next {
            right: 18px;
        }

        .tlb-best-bottom {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 38px;
            margin-top: 55px;
        }

        .tlb-best-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
        }

        .tlb-best-dot {
            width: 42px;
            height: 2px;
            border: 0;
            background: rgba(23, 19, 19, .22);
            padding: 0;
            transition: background .35s ease, width .35s ease;
        }

        .tlb-best-dot.tlb-active {
            background: #171313;
        }

        .tlb-best-explore {
            min-width: 243px;
            height: 52px;
            border-radius: 100px;
            background: #2e2a63;
            color: #fff;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            font-weight: 700;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease, background .35s ease;
        }

        .tlb-cart-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, .35);
            z-index: 100002;
            opacity: 0;
            visibility: hidden;
            transition: .25s ease;
        }

        .tlb-cart-overlay.tlb-show {
            opacity: 1;
            visibility: visible;
        }

        .tlb-cart-drawer {
            width: 400px;
            max-width: calc(100vw - 34px);
            min-height: 576px;
            background: #f5fae9;
            border: 1.5px solid #171313;
            border-radius: 11px;
            position: fixed;
            top: 27px;
            right: 56px;
            z-index: 100003;
            transform: translateY(-15px) scale(.97);
            opacity: 0;
            visibility: hidden;
            transition: .25s ease;
            overflow: visible;
        }

        .tlb-cart-drawer.tlb-show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }

        .tlb-cart-close {
            width: 51px;
            height: 51px;
            border-radius: 50%;
            background: #fffef9;
            border: 1.5px solid #171313;
            position: absolute;
            left: -58px;
            top: 0;
            cursor: pointer;
            transition: transform .35s ease, background .35s ease;
        }

        .tlb-cart-close:hover {
            transform: rotate(90deg) scale(1.05);
            background: #fff5d7;
        }

        .tlb-cart-close::before,
        .tlb-cart-close::after {
            content: "";
            width: 22px;
            height: 1.5px;
            background: #171313;
            position: absolute;
            left: 14px;
            top: 24px;
        }

        .tlb-cart-close::before {
            rotate: 45deg;
        }

        .tlb-cart-close::after {
            rotate: -45deg;
        }

        .tlb-cart-head {
            background: #d8e9ff;
            border-radius: 10px 10px 0 0;
            border-bottom: 1.5px solid #171313;
            padding: 18px 20px 18px;
            text-align: center;
        }

        .tlb-cart-head h3 {
            font-family: "Playfair Display", serif;
            font-size: 34px;
            margin: 0 0 8px;
        }

        .tlb-cart-shipping {
            width: 92%;
            margin: auto;
            background: rgba(200, 224, 255, .45);
            padding: 3px 0 11px;
            font-family: "Space Mono", monospace;
            font-size: 12px;
            line-height: 1.05;
            font-weight: 700;
            text-transform: uppercase;
        }

        .tlb-cart-empty {
            min-height: 256px;
            background: #fffdf0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1.5px solid #171313;
        }

        .tlb-cart-empty h4 {
            font-family: "Playfair Display", serif;
            font-size: 30px;
            margin: 0;
        }

        .tlb-cart-body {
            padding: 20px;
        }

        .tlb-gift-btn {
            width: 100%;
            height: 36px;
            background: #fffef9;
            border: 1.5px solid #171313;
            border-radius: 6px;
            text-align: left;
            padding: 0 18px;
            font-size: 12px;
            margin-bottom: 13px;
            transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
        }

        .tlb-checkout-btn {
            width: 100%;
            height: 56px;
            background: #fff;
            border: 1.5px solid #171313;
            border-radius: 100px;
            font-size: 17px;
            transition: transform .35s cubic-bezier(.22, .61, .36, 1), background .35s ease, color .35s ease, box-shadow .35s ease;
        }

        .tlb-checkout-btn:hover {
            background: #2e2a63;
            color: #fff;
            transform: translateY(-4px);
            box-shadow: 0 10px 0 rgba(23, 19, 19, .12);
        }

        .tlb-shipping-link {
            display: block;
            text-align: center;
            color: #777;
            font-family: "Space Mono", monospace;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .6px;
            text-decoration: underline;
            margin-top: 12px;
        }

        .tlb-tax-text {
            text-align: center;
            color: #777;
            font-family: "Space Mono", monospace;
            font-size: 10px;
            margin-top: 12px;
            text-transform: uppercase;
        }

        @media (max-width:1199px) {
            .tlb-navbar {
                padding: 0 15px;
            }

            .tlb-nav-left,
            .tlb-nav-right {
                gap: 18px;
            }

            .tlb-small-link {
                font-size: 10px;
            }

            .tlb-best-card {
                flex: 0 0 calc((100% - 40px) / 3);
                min-width: calc((100% - 40px) / 3);
            }
        }

        @media (max-width:991px) {
            .tlb-navbar-wrap {
                display: none;
            }

            .tlb-mobile-head {
                position: absolute;
                top: 58px;
                left: 11px;
                right: 11px;
                height: 55px;
                border: 1.5px solid #171313;
                border-radius: 6px;
                background: #fffef9;
                z-index: 999;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0 13px;
                animation: tlbNavFloatIn 1.15s cubic-bezier(.22, .61, .36, 1) .55s both;
                transition: top .35s ease, left .35s ease, right .35s ease, border-radius .35s ease, box-shadow .35s ease;
            }

            .tlb-mobile-head.tlb-nav-no-intro {
                animation: none !important;
            }

            .tlb-mobile-head.tlb-nav-fixed-mobile {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                border-radius: 0 !important;
                border-left: 0 !important;
                border-right: 0 !important;
                z-index: 99990 !important;
                animation: tlbNavStickClean .22s cubic-bezier(.16, 1, .3, 1) both !important;
                box-shadow: 0 10px 26px rgba(0, 0, 0, .10);
            }

            .tlb-menu-btn {
                border: 0;
                background: transparent;
                width: 28px;
                height: 22px;
                padding: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                cursor: pointer;
            }

            .tlb-menu-btn span {
                width: 100%;
                height: 1.5px;
                background: #171313;
            }

            .tlb-mobile-logo {
                color: #171313;
                text-decoration: none;
                font-family: "Playfair Display", serif;
                text-align: center;
                font-size: 17px;
                font-weight: 700;
                line-height: .76;
                letter-spacing: -1px;
            }

            .tlb-mobile-logo span {
                display: block;
                font-size: 12px;
            }

            .tlb-hero {
                min-height: auto;
                display: block;
                padding: 0 15px 30px;
                background: #fff;
            }

            .tlb-hero-bg {
                height: 630px !important;
                bottom: auto;
                background-image: url("images/img-mbl-001.webp");
                background-position: top center;
                background-size: cover;
            }

            .tlb-bg-reveal-grid {
                height: 630px;
                bottom: auto;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(6, 1fr);
            }

            .tlb-hero-content {
                max-width: 360px;
                margin: auto;
                text-align: center;
                position: relative;
                z-index: 3;
                padding-top: 430px;
            }

            .tlb-date-box {
                min-height: 21px;
                font-size: 11px;
                letter-spacing: .45px;
                padding: 2px 10px;
            }

            .tlb-discount-sticker {
                font-size: 29px;
                padding: 3px 8px;
            }

            .tlb-hero h1 {
                font-size: 30px;
                line-height: 1.03;
                letter-spacing: -1px;
                margin-bottom: 7px;
            }

            .tlb-hero p {
                font-size: 12px;
                line-height: 1.25;
                margin: 0 auto 10px;
                max-width: 320px;
            }

            .tlb-shop-btn {
                width: 100%;
                max-width: 334px;
                height: 43px;
                font-size: 14px;
            }

            .tlb-note {
                position: relative;
                z-index: 3;
                text-align: center;
                max-width: 330px;
                margin: 12px auto 0;
                left: auto;
                bottom: auto;
                font-size: 10px;
                line-height: 1.25;
            }

            .tlb-top-bar {
                font-size: 8px;
                white-space: nowrap;
                overflow: hidden;
                padding: 6px 8px;
            }

            .tlb-cart-drawer {
                top: 18px;
                right: 14px;
                left: 14px;
                width: auto;
                max-width: none;
            }

            .tlb-cart-close {
                left: 7px;
                top: 7px;
                z-index: 3;
                width: 42px;
                height: 42px;
            }

            .tlb-cart-close::before,
            .tlb-cart-close::after {
                left: 10px;
                top: 20px;
            }

            .tlb-best-section {
                padding: 55px 0 80px;
            }

            .tlb-best-main-heading {
                margin-bottom: 90px;
            }

            .tlb-best-slider-wrap {
                padding-left: 18px;
                padding-right: 18px;
            }

            .tlb-best-card {
                flex: 0 0 calc((100% - 20px) / 2);
                min-width: calc((100% - 20px) / 2);
            }

            .tlb-best-img-box {
                height: 310px;
            }

            .tlb-best-arrow {
                top: 132px;
            }

            .tlb-best-prev {
                left: 8px;
            }

            .tlb-best-next {
                right: 8px;
            }
        }

        @media (max-width:575px) {
            .tlb-top-bar {
                font-size: 7.5px;
            }

            .tlb-mobile-head {
                top: 27px;
            }

            .tlb-hero-bg,
            .tlb-bg-reveal-grid {
                height: 630px;
            }

            .tlb-hero-content {
                padding-top: 385px;
            }

            .tlb-hero h1 {
                font-size: 28px;
            }

            .tlb-best-main-heading {
                font-size: 34px;
                padding: 0 18px;
                margin-bottom: 75px;
            }

            .tlb-best-label {
                font-size: 35px;
            }

            .tlb-best-card {
                flex: 0 0 100%;
                min-width: 100%;
            }

            .tlb-best-img-box {
                height: 310px;
            }

            .tlb-best-arrow {
                top: 132px;
                width: 46px;
                height: 46px;
            }

            .tlb-best-prev {
                left: 4px;
            }

            .tlb-best-next {
                right: 4px;
            }

            .tlb-best-title {
                font-size: 24px;
                min-height: auto;
            }

            .tlb-best-desc {
                max-width: 100%;
            }

            .tlb-best-dot {
                width: 32px;
            }

            .tlb-best-dot.tlb-active {
                width: 36px;
            }
        }

        @media (max-width:390px) {

            .tlb-hero-bg,
            .tlb-bg-reveal-grid {
                height: 360px;
            }

            .tlb-hero-content {
                padding-top: 360px;
            }

            .tlb-hero h1 {
                font-size: 27px;
            }
        }

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

            *,
            *::before,
            *::after {
                animation-duration: .01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .01ms !important;
                scroll-behavior: auto !important;
            }
        }

        /* ================================
   DISCOVER SEARCH SECTION
================================ */

        .tlb-discover-section {
            background: #fbf8ea;
            border-top: 2px solid #171313;
            border-bottom: 0px solid #171313;
            padding: 72px 15px 88px;
            overflow: hidden;
            position: relative;
        }

        .tlb-discover-container {
            max-width: 1125px;
            margin: 0 auto;
        }

        .tlb-discover-sticker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #ff7a32;
            color: #171313;
            border: 2px solid #171313;
            border-radius: 7px;
            padding: 5px 10px 7px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: translateY(-90px) rotate(-9deg) scale(.88);
            opacity: 0;
            filter: blur(7px);
            box-shadow: 0 2px 0 #171313;
            margin-bottom: 28px;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-sticker {
            animation: tlbDiscoverDrop .95s cubic-bezier(.17, .88, .25, 1.25) both;
        }

        @keyframes tlbDiscoverDrop {
            0% {
                opacity: 0;
                transform: translateY(-100px) rotate(-10deg) scale(.86);
                filter: blur(8px);
            }

            58% {
                opacity: 1;
                transform: translateY(10px) rotate(2deg) scale(1.04);
                filter: blur(0);
            }

            78% {
                transform: translateY(-5px) rotate(-4deg) scale(.98);
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotate(-2deg) scale(1);
                filter: blur(0);
            }
        }

        .tlb-discover-heading {
            font-family: "Playfair Display", serif;
            font-size: clamp(40px, 5vw, 64px);
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -2.5px;
            color: #171313;
            margin: 0 0 58px;
        }

        .tlb-discover-heading span {
            display: block;
            opacity: 0;
            transform: translateY(35px);
            filter: blur(8px);
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-heading span:nth-child(1) {
            animation: tlbDiscoverTextIn .9s cubic-bezier(.16, 1, .3, 1) .22s both;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-heading span:nth-child(2) {
            animation: tlbDiscoverTextIn .9s cubic-bezier(.16, 1, .3, 1) .36s both;
        }

        @keyframes tlbDiscoverTextIn {
            from {
                opacity: 0;
                transform: translateY(38px);
                filter: blur(9px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-discover-heading em {
            font-style: italic;
        }

        .tlb-discover-search-wrap {
            width: 100%;
            margin-bottom: 125px;
            opacity: 0;
            transform: translateY(28px) scale(.98);
            filter: blur(6px);
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-search-wrap {
            animation: tlbDiscoverSearchIn .9s cubic-bezier(.16, 1, .3, 1) .55s both;
        }

        @keyframes tlbDiscoverSearchIn {
            from {
                opacity: 0;
                transform: translateY(28px) scale(.98);
                filter: blur(6px);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
        }

        .tlb-discover-search {
            width: 390px;
            max-width: 100%;
            height: 84px;
            border: 1.5px solid #171313;
            border-radius: 12px;
            background: transparent;
            color: #171313;
            outline: none;
            padding: 0 38px;
            font-family: "Playfair Display", serif;
            font-size: 31px;
            line-height: 1;
            transition:
                width .7s cubic-bezier(.16, 1, .3, 1),
                border-radius .45s ease,
                box-shadow .45s ease,
                background .45s ease,
                transform .45s ease;
        }

        .tlb-discover-search::placeholder {
            color: rgba(23, 19, 19, .38);
        }

        .tlb-discover-search:focus,
        .tlb-discover-search.tlb-search-active {
            width: 95%;
            background: rgba(255, 255, 255, .18);
            box-shadow: 0 9px 0 rgba(23, 19, 19, .08);
            transform: translateY(-2px);
        }

        .tlb-discover-vibe-text {
            font-family: "Inter", sans-serif;
            font-size: 14px;
            color: #171313;
            text-transform: uppercase;
            margin-bottom: 28px;
            opacity: 0;
            transform: translateY(18px);
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-vibe-text {
            animation: tlbDiscoverFadeUp .75s cubic-bezier(.16, 1, .3, 1) .78s both;
        }

        @keyframes tlbDiscoverFadeUp {
            from {
                opacity: 0;
                transform: translateY(18px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .tlb-discover-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 9px;
        }

        .tlb-discover-tags button {
            border: 1.5px solid #171313;
            background: #d9e9ff;
            color: #001c44;
            border-radius: 11px;
            padding: 7px 20px 9px;
            font-family: "Playfair Display", serif;
            font-size: 25px;
            line-height: 1;
            cursor: pointer;
            opacity: 0;
            transform: translateY(28px) rotate(-1.5deg) scale(.96);
            filter: blur(5px);
            transition:
                transform .32s cubic-bezier(.16, 1, .3, 1),
                background .32s ease,
                color .32s ease,
                box-shadow .32s ease;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button {
            animation: tlbDiscoverTagIn .7s cubic-bezier(.16, 1, .3, 1) both;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(1) {
            animation-delay: .92s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(2) {
            animation-delay: .98s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(3) {
            animation-delay: 1.04s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(4) {
            animation-delay: 1.10s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(5) {
            animation-delay: 1.16s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(6) {
            animation-delay: 1.22s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(7) {
            animation-delay: 1.28s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(8) {
            animation-delay: 1.34s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(9) {
            animation-delay: 1.40s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(10) {
            animation-delay: 1.46s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(11) {
            animation-delay: 1.52s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(12) {
            animation-delay: 1.58s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(13) {
            animation-delay: 1.64s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(14) {
            animation-delay: 1.70s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(15) {
            animation-delay: 1.76s;
        }

        .tlb-discover-section.tlb-discover-visible .tlb-discover-tags button:nth-child(16) {
            animation-delay: 1.82s;
        }

        @keyframes tlbDiscoverTagIn {
            from {
                opacity: 0;
                transform: translateY(28px) rotate(-1.5deg) scale(.96);
                filter: blur(5px);
            }

            to {
                opacity: 1;
                transform: translateY(0) rotate(0) scale(1);
                filter: blur(0);
            }
        }

        .tlb-discover-tags button:hover {
            background: #2e2a63;
            color: #fff;
            transform: translateY(-4px) scale(1.03);
            box-shadow: 0 7px 0 rgba(23, 19, 19, .14);
        }

        @media (max-width: 991px) {
            .tlb-discover-section {
                padding: 58px 15px 70px;
            }

            .tlb-discover-search-wrap {
                margin-bottom: 80px;
            }

            .tlb-discover-search {
                width: 360px;
                height: 74px;
                font-size: 28px;
                padding: 0 28px;
            }

            .tlb-discover-tags button {
                font-size: 25px;
                padding: 7px 17px 9px;
            }
        }

        @media (max-width: 575px) {
            .tlb-discover-section {
                padding: 50px 15px 60px;
            }

            .tlb-discover-sticker {
                font-size: 34px;
                margin-bottom: 24px;
            }

            .tlb-discover-heading {
                font-size: 37px;
                letter-spacing: -1.5px;
                margin-bottom: 38px;
            }

            .tlb-discover-search-wrap {
                margin-bottom: 55px;
            }

            .tlb-discover-search {
                width: 100%;
                height: 64px;
                font-size: 25px;
                padding: 0 22px;
                border-radius: 10px;
            }

            .tlb-discover-vibe-text {
                font-size: 12px;
                margin-bottom: 20px;
            }

            .tlb-discover-tags {
                gap: 8px;
            }

            .tlb-discover-tags button {
                font-size: 22px;
                padding: 7px 14px 8px;
                border-radius: 9px;
            }
        }



        /* ================================
   FINAL ORIGIN PARALLAX SECTION
================================ */

        .tlb-origin-section {
            position: relative;
            min-height: 1320px;
            overflow: hidden !important;
            /* border-top: 2px solid #171313; */
            border-bottom: 1px solid #171313;
            background: #07150f;
        }

        .tlb-origin-bg {
            position: absolute !important;
            inset: -230px 0 !important;
            background-image: url("https://www.twoleavestea.com/cdn/shop/files/adam-vradenburg-_gu7E90QChU-unsplash_1_1.webp?v=1771592855&width=2560");
            background-size: cover !important;
            background-position: center center !important;
            background-repeat: no-repeat;
            transform: translate3d(0, var(--tlb-bg-parallax-y, 0px), 0) scale(1.18) !important;
            will-change: transform !important;
            transition: none !important;
            z-index: 1;
        }

        .tlb-origin-dark {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg,
                    rgba(0, 0, 0, .06) 0%,
                    rgba(0, 0, 0, .10) 38%,
                    rgba(0, 0, 0, .28) 68%,
                    rgba(0, 0, 0, .42) 100%);
            z-index: 2;
            pointer-events: none;
        }

        .tlb-origin-content {
            position: relative;
            z-index: 3;
            min-height: 1320px;
            max-width: 1220px;
            margin: 0 auto;
            padding: 72px 20px 92px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* every content item moves 40px up on scroll */
        .tlb-origin-parallax-item {
            --tlb-origin-reveal-y: 36px;
            --tlb-origin-scroll-y: 0px;
            opacity: 0;
            filter: blur(8px);
            transform: translate3d(0, calc(var(--tlb-origin-reveal-y) + var(--tlb-origin-scroll-y)), 0) !important;
            will-change: transform, opacity, filter;
            transition:
                opacity .9s cubic-bezier(.16, 1, .3, 1),
                filter .9s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-origin-section.tlb-origin-visible .tlb-origin-parallax-item {
            --tlb-origin-reveal-y: 0px;
            opacity: 1;
            filter: blur(0);
        }

        /* top right SVG image */
        .tlb-origin-farm-badge {
            position: absolute;
            top: 70px;
            right: 55px;
            width: 170px;
            height: 170px;
            /* transition-delay: .1s; */
        }

        .tlb-origin-farm-badge img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            /* animation: tlbOriginBadgeRotate 18s linear infinite; */
        }



        /* label */
        .tlb-origin-label-wrap {
            margin-top: 185px;
            transition-delay: .05s;
        }

        .tlb-origin-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #b9d6ff;
            color: #171313;
            border: 1.5px solid #171313;
            border-radius: 7px;
            padding: 6px 11px 8px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: rotate(-2deg);
            box-shadow: 0 2px 0 rgba(23, 19, 19, .2);
        }

        /* heading */
        .tlb-origin-heading-wrap {
            margin-top: 380px;
            text-align: center;
            transition-delay: .16s;
        }

        .tlb-origin-heading {
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(72px, 9vw, 156px);
            line-height: .88;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #fff;
            margin: 0;
            text-shadow: 0 12px 28px rgba(0, 0, 0, .18);
        }

        /* paragraph */
        .tlb-origin-text-wrap {
            margin-top: 360px;
            transition-delay: .25s;
        }

        .tlb-origin-text-wrap p {
            max-width: 1200px;
            text-align: center;
            font-family: "Playfair Display", serif;
            font-size: clamp(27px, 3.55vw, 52px);
            line-height: 1.22;
            color: #fff;
            margin: 0;
            text-shadow: 0 7px 20px rgba(0, 0, 0, .28);
        }

        /* bottom SVG images */
        .tlb-origin-icons {
            margin-top: 230px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 86px;
            align-items: start;
            justify-content: center;
            transition-delay: .34s;
        }

        .tlb-origin-icon-card {
            width: 185px;
            text-align: center;
        }

        .tlb-origin-icon-card img {
            width: 112px;
            height: 112px;
            object-fit: contain;
            display: block;
            margin: 0 auto 18px;
            transition: transform .45s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-origin-icon-card:hover img {
            transform: translateY(-8px) rotate(-4deg) scale(1.06);
        }

        .tlb-origin-icon-card h4 {
            margin: 0;
            font-family: "Inter", sans-serif;
            color: #fff;
            font-size: 15px;
            line-height: 1.2;
            font-weight: 900;
            letter-spacing: .5px;
            text-transform: uppercase;
            text-shadow: 0 5px 14px rgba(0, 0, 0, .28);
        }

        /* button */
        .tlb-origin-btn-wrap {
            margin-top: 92px;
            transition-delay: .42s;
        }

        .tlb-origin-btn {
            min-width: 200px;
            height: 58px;
            border: 1.5px solid #171313;
            border-radius: 100px;
            background: #fff;
            color: #171313;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 500;
            transition:
                background .35s ease,
                color .35s ease,
                transform .35s cubic-bezier(.16, 1, .3, 1),
                box-shadow .35s ease;
        }

        .tlb-origin-btn:hover {
            background: #b9f22d;
            color: #171313;
            transform: translateY(-5px);
            box-shadow: 0 9px 0 rgba(23, 19, 19, .18);
        }

        /* responsive */
        @media (max-width: 991px) {
            .tlb-origin-section {
                min-height: 1120px;
            }

            .tlb-origin-content {
                min-height: 1120px;
                padding: 55px 18px 75px;
            }

            .tlb-origin-bg {
                inset: -200px -55px !important;
            }

            .tlb-origin-farm-badge {
                width: 120px;
                height: 120px;
                right: 24px;
                top: 42px;
            }

            .tlb-origin-label-wrap {
                margin-top: 155px;
            }

            .tlb-origin-heading-wrap {
                margin-top: 150px;
            }

            .tlb-origin-text-wrap {
                margin-top: 120px;
            }

            .tlb-origin-icons {
                margin-top: 170px;
                gap: 35px;
            }

            .tlb-origin-icon-card {
                width: 150px;
            }

            .tlb-origin-icon-card img {
                width: 94px;
                height: 94px;
            }

            .tlb-origin-icon-card h4 {
                font-size: 12px;
            }
        }

        @media (max-width: 575px) {
            .tlb-origin-section {
                min-height: 980px;
            }

            .tlb-origin-content {
                min-height: 980px;
                padding: 48px 15px 60px;
            }

            .tlb-origin-bg {
                inset: -170px -150px !important;
                background-position: center center !important;
            }

            .tlb-origin-farm-badge {
                width: 96px;
                height: 96px;
                top: 112px;
                right: 14px;
            }

            .tlb-origin-label-wrap {
                margin-top: 115px;
            }

            .tlb-origin-label {
                font-size: 33px;
            }

            .tlb-origin-heading-wrap {
                margin-top: 155px;
            }

            .tlb-origin-heading {
                font-size: 78px;
                letter-spacing: .04em;
            }

            .tlb-origin-text-wrap {
                margin-top: 130px;
            }

            .tlb-origin-text-wrap p {
                font-size: 33px;
                line-height: 1.18;
            }

            .tlb-origin-icons {
                margin-top: 115px;
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .tlb-origin-icon-card {
                width: 100%;
            }

            .tlb-origin-icon-card img {
                width: 88px;
                height: 88px;
                margin-bottom: 12px;
            }

            .tlb-origin-icon-card h4 {
                font-size: 12px;
            }

            .tlb-origin-btn-wrap {
                margin-top: 52px;
            }

            .tlb-origin-btn {
                min-width: 190px;
                height: 54px;
            }
        }


        /* ================================
   ORIGIN PARALLAX FINAL REAL FIX
   Paste this at END of CSS
================================ */

        .tlb-origin-section {
            overflow: hidden !important;
            position: relative !important;
        }

        .tlb-origin-bg {
            position: absolute !important;
            inset: -300px 0 !important;
            background-size: cover !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            transform: translate3d(0, 0, 0) scale(1.26) !important;
            will-change: transform !important;
            transition: none !important;
        }

        .tlb-origin-parallax-item {
            opacity: 0;
            filter: blur(8px);
            will-change: transform, opacity, filter !important;
            transition:
                opacity .75s cubic-bezier(.16, 1, .3, 1),
                filter .75s cubic-bezier(.16, 1, .3, 1) !important;
        }

        .tlb-origin-section.tlb-origin-visible .tlb-origin-parallax-item {
            opacity: 1 !important;
            filter: blur(0) !important;
        }



        /* ================================
   ORIGIN CONTENT MOVE WORKING FINAL
   bg parallax + content visible 40px up
================================ */

        .tlb-origin-section {
            overflow: hidden !important;
            position: relative !important;
        }

        .tlb-origin-bg {
            position: absolute !important;
            inset: -320px 0 !important;
            background-size: cover !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            transform: translate3d(0, 0, 0) scale(1.28) !important;
            will-change: transform !important;
            transition: none !important;
        }

        .tlb-origin-parallax-item {
            opacity: 0;
            filter: blur(8px);
            will-change: transform, opacity, filter !important;
            transition:
                opacity .75s cubic-bezier(.16, 1, .3, 1),
                filter .75s cubic-bezier(.16, 1, .3, 1) !important;
        }

        .tlb-origin-section.tlb-origin-visible .tlb-origin-parallax-item {
            opacity: 1 !important;
            filter: blur(0) !important;
        }

        .tlb-origin-farm-badge,
        .tlb-origin-label-wrap,
        .tlb-origin-heading-wrap,
        .tlb-origin-text-wrap,
        .tlb-origin-icons,
        .tlb-origin-btn-wrap {
            will-change: transform !important;
            backface-visibility: hidden;
        }

        /* ================================
           FINAL ORIGIN FIX
           top badge no cut + bg clipped + smooth scroll animation
        ================================ */

        .tlb-origin-section {
            overflow: visible !important;
            position: relative !important;
            z-index: 5;
        }

        .tlb-origin-bg-clip {
            position: absolute;
            inset: 0;
            overflow: hidden;
            z-index: 1;
            pointer-events: none;
        }

        .tlb-origin-bg {
            position: absolute !important;
            inset: -320px 0 !important;
            background-size: cover !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            transform: translate3d(0, 0, 0) scale(1.28) !important;
            will-change: transform !important;
            transition: none !important;
            z-index: 1 !important;
        }

        .tlb-origin-dark {
            position: absolute !important;
            inset: 0 !important;
            z-index: 2 !important;
            pointer-events: none !important;
        }

        .tlb-origin-content {
            position: relative !important;
            z-index: 4 !important;
        }

        .tlb-origin-parallax-item {
            opacity: 0;
            filter: blur(8px);
            will-change: transform, opacity, filter !important;
            transition:
                opacity .85s cubic-bezier(.16, 1, .3, 1),
                filter .85s cubic-bezier(.16, 1, .3, 1) !important;
            backface-visibility: hidden;
        }

        .tlb-origin-section.tlb-origin-visible .tlb-origin-parallax-item {
            opacity: 1 !important;
            filter: blur(0) !important;
        }

        .tlb-origin-farm-badge {
            z-index: 20 !important;
            overflow: visible !important;
            pointer-events: auto;
        }

        .tlb-origin-farm-badge img {
            display: block;
            transform: translateZ(0);
        }

        .tlb-origin-label-wrap {
            z-index: 10 !important;
        }

        @media (max-width: 575px) {
            .tlb-origin-bg-clip {
                overflow: hidden;
            }

            .tlb-origin-bg {
                inset: -220px -150px !important;
            }
        }




        /* ================================
   UNIQUE REVIEWS SLIDER FINAL FIX
   25PX SIDE GAP + ONLY FULL CARDS
================================ */

        .tlb-rv2-section {
            background: #fbf8ea;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            padding: 92px 20px 92px;
            overflow: hidden;
            position: relative;
        }

        .tlb-rv2-head {
            max-width: 1025px;
            margin: 0 auto 96px;
            padding: 0 25px;
        }

        .tlb-rv2-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #6ec72e;
            color: #171313;
            border: 2px solid #171313;
            border-radius: 7px;
            padding: 5px 10px 7px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: translateY(-75px) rotate(-8deg) scale(.9);
            opacity: 0;
            filter: blur(7px);
            box-shadow: 0 2px 0 #171313;
            margin-bottom: 28px;
        }

        .tlb-rv2-heading {
            font-family: "Playfair Display", serif;
            font-size: clamp(40px, 5vw, 64px);
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -2.5px;
            color: #171313;
            margin: 0;
            opacity: 0;
            transform: translateY(42px);
            filter: blur(8px);
        }

        .tlb-rv2-heading em {
            font-style: italic;
        }

        .tlb-rv2-section.tlb-rv2-visible .tlb-rv2-label {
            animation: tlbRv2LabelIn .95s cubic-bezier(.17, .88, .25, 1.25) both;
        }

        @keyframes tlbRv2LabelIn {
            0% {
                opacity: 0;
                transform: translateY(-80px) rotate(-12deg) scale(.86);
                filter: blur(8px);
            }

            62% {
                opacity: 1;
                transform: translateY(9px) rotate(2deg) scale(1.04);
                filter: blur(0);
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotate(-3deg) scale(1);
                filter: blur(0);
            }
        }

        .tlb-rv2-section.tlb-rv2-visible .tlb-rv2-heading {
            animation: tlbRv2HeadingIn .9s cubic-bezier(.16, 1, .3, 1) .18s both;
        }

        @keyframes tlbRv2HeadingIn {
            from {
                opacity: 0;
                transform: translateY(42px);
                filter: blur(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-rv2-slider-area {
            position: relative;
            opacity: 0;
            transform: translateY(55px);
            filter: blur(8px);
        }

        .tlb-rv2-section.tlb-rv2-visible .tlb-rv2-slider-area {
            animation: tlbRv2SliderIn .95s cubic-bezier(.16, 1, .3, 1) .42s both;
        }

        @keyframes tlbRv2SliderIn {
            from {
                opacity: 0;
                transform: translateY(55px);
                filter: blur(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-rv2-viewport {
            width: calc(100% - 50px);
            margin: 0 25px;
            padding: 0;
            overflow: hidden;
            cursor: grab;
        }

        .tlb-rv2-viewport:active {
            cursor: grabbing;
        }

        .tlb-rv2-track {
            width: 100%;
            display: flex;
            gap: 16px;
            will-change: transform;
            transition: transform .82s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-rv2-track.tlb-rv2-no-transition {
            transition: none !important;
        }

        .tlb-rv2-card {
            flex: 0 0 calc((100% - 48px) / 4);
            min-width: calc((100% - 48px) / 4);
            height: 470px;
            border: 1.5px solid #171313;
            border-radius: 10px;
            padding: 34px 10px 10px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
            color: #171313;
            transition:
                transform .45s cubic-bezier(.16, 1, .3, 1),
                box-shadow .45s ease;
        }

        .tlb-rv2-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .12);
        }

        .tlb-rv2-orange {
            background: #f4ad88;
        }

        .tlb-rv2-green {
            background: #a8e56f;
        }

        .tlb-rv2-yellow {
            background: #ffd466;
        }

        .tlb-rv2-purple {
            background: #d7bee1;
        }

        .tlb-rv2-text {
            min-height: 330px;
            padding: 0 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .tlb-rv2-text p {
            font-family: "Playfair Display", serif;
            font-size: 25px;
            line-height: 1.17;
            text-align: center;
            color: #070707;
            margin: 0 0 18px;
        }

        .tlb-rv2-card:nth-child(2) .tlb-rv2-text p,
        .tlb-rv2-card:nth-child(3) .tlb-rv2-text p,
        .tlb-rv2-card:nth-child(5) .tlb-rv2-text p {
            font-size: 23px;
            line-height: 1.22;
        }

        .tlb-rv2-text span {
            font-size: 13px;
            color: rgba(23, 19, 19, .58);
        }

        .tlb-rv2-product {
            height: 82px;
            border: 1.5px solid #171313;
            border-radius: 9px;
            display: grid;
            grid-template-columns: 75px 1fr 80px;
            overflow: hidden;
            background: rgba(255, 255, 255, .13);
            flex-shrink: 0;
        }

        .tlb-rv2-product-img {
            border-right: 1.5px solid #171313;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tlb-rv2-product-img img {
            width: 68px;
            height: 75px;
            object-fit: contain;
            filter: drop-shadow(0 9px 7px rgba(0, 0, 0, .13));
        }

        .tlb-rv2-product h4 {
            margin: 0;
            padding: 0 10px;
            display: flex;
            align-items: center;
            font-family: "Space Mono", monospace;
            font-size: 12px;
            line-height: 1.02;
            font-weight: 700;
            text-transform: uppercase;
            color: #080808;
        }

        .tlb-rv2-product a {
            width: 66px;
            height: 50px;
            margin: auto 10px auto 0;
            border: 1.5px solid #171313;
            border-radius: 100px;
            background: #fff;
            color: #171313;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 17px;
            transition:
                background .32s ease,
                color .32s ease,
                transform .32s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-rv2-product a:hover {
            background: #2e2a63;
            color: #fff;
            transform: translateY(-3px);
        }

        .tlb-rv2-arrow {
            width: 51px;
            height: 51px;
            border-radius: 50%;
            border: 1.5px solid #171313;
            background: #fff;
            color: #171313;
            position: absolute;
            top: 50%;
            translate: 0 -50%;
            z-index: 8;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition:
                transform .35s cubic-bezier(.16, 1, .3, 1),
                background .35s ease,
                box-shadow .35s ease;
        }

        .tlb-rv2-arrow svg {
            width: 23px;
            height: 23px;
        }

        .tlb-rv2-arrow:hover {
            background: #2e2a63;
            transform: translateY(-4px) scale(1.05);
            box-shadow: 0 8px 0 rgba(23, 19, 19, .14);
        }

        .tlb-rv2-arrow:hover svg path {
            stroke: #fff;
        }

        .tlb-rv2-prev {
            left: 5px;
        }

        .tlb-rv2-next {
            right: 5px;
        }

        .tlb-rv2-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            margin-top: 42px;
        }

        .tlb-rv2-dot {
            width: 42px;
            height: 2px;
            border: 0;
            padding: 0;
            background: rgba(23, 19, 19, .22);
            transition: background .3s ease, width .3s ease;
        }

        .tlb-rv2-dot.tlb-rv2-active {
            background: #171313;
            width: 44px;
        }

        @media (max-width: 1199px) {
            .tlb-rv2-card {
                flex: 0 0 calc((100% - 32px) / 3);
                min-width: calc((100% - 32px) / 3);
            }
        }

        @media (max-width: 991px) {
            .tlb-rv2-section {
                padding: 70px 0 80px;
            }

            .tlb-rv2-head {
                margin-bottom: 70px;
            }

            .tlb-rv2-card {
                flex: 0 0 calc((100% - 16px) / 2);
                min-width: calc((100% - 16px) / 2);
                height: 390px;
            }

            .tlb-rv2-text {
                min-height: 250px;
                padding: 0 20px;
            }

            .tlb-rv2-text p {
                font-size: 24px;
            }

            .tlb-rv2-card:nth-child(2) .tlb-rv2-text p,
            .tlb-rv2-card:nth-child(3) .tlb-rv2-text p,
            .tlb-rv2-card:nth-child(5) .tlb-rv2-text p {
                font-size: 20px;
            }
        }

        @media (max-width: 575px) {
            .tlb-rv2-section {
                padding: 55px 0 65px;
            }

            .tlb-rv2-head {
                margin-bottom: 50px;
            }

            .tlb-rv2-heading {
                font-size: 37px;
                letter-spacing: -1.5px;
            }

            .tlb-rv2-card {
                flex: 0 0 100%;
                min-width: 100%;
                height: 370px;
            }

            .tlb-rv2-text {
                min-height: 235px;
                padding: 0 18px;
            }

            .tlb-rv2-text p {
                font-size: 26px;
            }

            .tlb-rv2-card:nth-child(2) .tlb-rv2-text p,
            .tlb-rv2-card:nth-child(3) .tlb-rv2-text p,
            .tlb-rv2-card:nth-child(5) .tlb-rv2-text p {
                font-size: 20px;
            }

            .tlb-rv2-product {
                grid-template-columns: 65px 1fr 75px;
            }

            .tlb-rv2-product-img img {
                width: 52px;
                height: 60px;
            }

            .tlb-rv2-arrow {
                width: 46px;
                height: 46px;
            }

            .tlb-rv2-prev {
                left: 10px;
            }

            .tlb-rv2-next {
                right: 10px;
            }
        }

        @media (max-width: 575px) {
            .tlb-rv2-dots {
                display: none !important;
            }
        }

        /* ================================
           CAFE WHOLESALE PARTNERS SECTION
        ================================ */

        .tlb-cafe-section {
            width: 100%;
            min-height: 535px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            background: #2e2a63;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            overflow: hidden;
            position: relative;
        }

        .tlb-cafe-img-wrap {
            width: 100%;
            height: 100%;
            min-height: 535px;
            overflow: hidden;
            opacity: 0;
            transform: translateX(-70px) scale(.98);
            filter: blur(12px);
        }

        .tlb-cafe-img-wrap img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center;
            transform: scale(1.16) translateX(-18px);
            transition: transform 2.2s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-cafe-content {
            min-height: 535px;
            background: #2e2a63;
            padding: 70px 60px 60px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            overflow: hidden;
        }

        .tlb-cafe-content h2 {
            font-family: "Playfair Display", serif;
            font-size: clamp(52px, 6vw, 82px);
            line-height: 1.12;
            font-weight: 500;
            letter-spacing: -2.5px;
            color: #fff;
            margin: 0 0 72px;
            opacity: 0;
            transform: translateY(48px);
            filter: blur(10px);
        }

        .tlb-cafe-btn {
            min-width: 210px;
            height: 52px;
            border: 1.5px solid #171313;
            border-radius: 100px;
            background: #fffef9;
            color: #171313;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 17px;
            font-weight: 500;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            opacity: 0;
            transform: translateY(32px) scale(.96);
            filter: blur(7px);
            transition:
                transform .45s cubic-bezier(.16, 1, .3, 1),
                background .45s ease,
                color .45s ease,
                box-shadow .45s ease,
                border-color .45s ease;
        }

        .tlb-cafe-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #4813d8 !important;
            transform: translateY(105%);
            transition: transform .48s cubic-bezier(.16, 1, .3, 1);
            z-index: -2;
        }

        .tlb-cafe-btn::after {
            content: "→";
            width: 27px;
            height: 27px;
            border-radius: 50%;
            background: #2e2a63;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 17px;
            line-height: 1;
            transform: translateX(-8px) scale(0);
            opacity: 0;
            transition:
                transform .45s cubic-bezier(.16, 1, .3, 1),
                opacity .35s ease,
                background .35s ease;
        }

        .tlb-cafe-btn:hover {
            background: #302df2 !important;
            color: #171313;
            border-color: #171313;
            transform: translateY(-7px) scale(1.025);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .26);
        }

        .tlb-cafe-btn:hover::before {
            transform: translateY(0);
        }

        .tlb-cafe-btn:hover::after {
            transform: translateX(0) scale(1);
            opacity: 1;
        }

        .tlb-cafe-btn:active {
            transform: translateY(-2px) scale(.99);
            box-shadow: 0 5px 0 rgba(23, 19, 19, .24);
        }

        /* animation starts when section comes on screen */

        .tlb-cafe-section.tlb-cafe-visible .tlb-cafe-img-wrap {
            animation: tlbCafeImgIn 1.55s cubic-bezier(.16, 1, .3, 1) both;
        }

        .tlb-cafe-section.tlb-cafe-visible .tlb-cafe-img-wrap img {
            transform: scale(1) translateX(0);
        }

        .tlb-cafe-section.tlb-cafe-visible .tlb-cafe-content h2 {
            animation: tlbCafeTitleIn 1.35s cubic-bezier(.16, 1, .3, 1) .22s both;
        }

        .tlb-cafe-section.tlb-cafe-visible .tlb-cafe-btn {
            animation: tlbCafeBtnIn 1.05s cubic-bezier(.17, .88, .25, 1.2) .55s both;
        }

        @keyframes tlbCafeImgIn {
            0% {
                opacity: 0;
                transform: translateX(-70px) scale(.98);
                filter: blur(12px);
            }

            60% {
                opacity: 1;
                filter: blur(3px);
            }

            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes tlbCafeTitleIn {
            0% {
                opacity: 0;
                transform: translateY(48px);
                filter: blur(10px);
            }

            60% {
                opacity: 1;
                filter: blur(3px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        @keyframes tlbCafeBtnIn {
            0% {
                opacity: 0;
                transform: translateY(34px) scale(.94);
                filter: blur(8px);
            }

            70% {
                opacity: 1;
                transform: translateY(-5px) scale(1.03);
                filter: blur(0);
            }

            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
        }

        @media (max-width: 991px) {
            .tlb-cafe-section {
                grid-template-columns: 1fr;
            }

            .tlb-cafe-img-wrap {
                min-height: 430px;
            }

            .tlb-cafe-content {
                min-height: auto;
                padding: 55px 28px 65px;
            }

            .tlb-cafe-content h2 {
                font-size: 56px;
                margin-bottom: 42px;
            }
        }

        @media (max-width: 575px) {
            .tlb-cafe-img-wrap {
                min-height: 330px;
            }

            .tlb-cafe-content {
                padding: 44px 20px 55px;
            }

            .tlb-cafe-content h2 {
                font-size: 43px;
                line-height: 1.08;
                letter-spacing: -1.5px;
                margin-bottom: 34px;
            }

            .tlb-cafe-btn {
                width: 100%;
                max-width: 240px;
                height: 50px;
            }
        }


        /* ================================
   SOURCING SECTION AFTER TLB-LV
================================ */

        .tlb-src-section {
            position: relative;
            z-index: 90;
            background: #fbf8ea;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            overflow: hidden;
            isolation: isolate;
        }

        .tlb-lv-section {
            position: relative;
            z-index: 1;
        }

        .tlb-src-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 575px;
            position: relative;
            z-index: 4;
        }

        .tlb-src-img {
            position: relative;
            overflow: hidden;
            border-right: 1.5px solid #171313;
        }

        .tlb-src-img img {
            width: 100%;
            height: 100%;
            min-height: 575px;
            display: block;
            object-fit: cover;
            object-position: center;
        }

        .tlb-src-content {
            position: relative;
            z-index: 6;
            padding: 92px 60px 70px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: #fbf8ea;
        }

        .tlb-src-label {
            width: fit-content;
            background: #6fa440;
            color: #171313;
            border: 1.8px solid #171313;
            border-radius: 6px;
            padding: 5px 10px 7px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: rotate(-2.5deg);
            margin-bottom: 28px;
            box-shadow: 0 2px 0 #171313;
        }

        .tlb-src-content h2 {
            margin: 0 0 24px;
            color: #171313;
            font-family: "Playfair Display", Georgia, serif;
            font-size: clamp(58px, 6vw, 86px);
            line-height: .98;
            font-weight: 500;
            letter-spacing: -3px;
        }

        .tlb-src-content p {
            max-width: 590px;
            margin: 0;
            color: #25211f;
            font-family: "Inter", Arial, sans-serif;
            font-size: clamp(21px, 2vw, 25px);
            line-height: 1.15;
            font-weight: 500;
        }

        /* leaves only right content side */
        .tlb-src-leaf-layer {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            z-index: 5;
            overflow: hidden;
            pointer-events: none;
        }

        .tlb-src-leaf {
            position: absolute;
            top: -170px;
            left: 50%;
            width: var(--src-leaf-size, 92px);
            opacity: 0;
            pointer-events: none;
            will-change: transform, opacity;
            animation: tlbSrcLeafFall var(--src-fall-duration, 20s) linear var(--src-delay, 0s) infinite;
            animation-play-state: paused;
        }

        .tlb-src-section.tlb-src-active .tlb-src-leaf {
            animation-play-state: running;
        }

        .tlb-src-leaf svg {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .08));
        }

        .tlb-src-leaf.tlb-src-light .tlb-src-leaf-body {
            fill: #b9e26d;
        }

        .tlb-src-leaf.tlb-src-dark .tlb-src-leaf-body {
            fill: #82b63d;
        }

        @keyframes tlbSrcLeafFall {
            0% {
                transform: translate3d(0, -180px, 0) rotate(var(--src-start-rot, -10deg));
                opacity: 0;
            }

            12% {
                opacity: .95;
            }

            35% {
                transform: translate3d(var(--src-sway-one, 24px), 235px, 0) rotate(var(--src-mid-rot, 18deg));
                opacity: .95;
            }

            64% {
                transform: translate3d(var(--src-sway-two, -18px), 455px, 0) rotate(var(--src-mid-rot-two, -14deg));
                opacity: .88;
            }

            86% {
                opacity: .72;
            }

            100% {
                transform: translate3d(var(--src-drift-x, 30px), 720px, 0) rotate(var(--src-end-rot, 22deg));
                opacity: 0;
            }
        }

        /* reveal */
        .tlb-src-label,
        .tlb-src-content h2,
        .tlb-src-content p,
        .tlb-src-img {
            opacity: 0;
            transform: translateY(34px);
            transition: opacity .9s ease, transform .9s ease;
        }

        .tlb-src-section.tlb-src-active .tlb-src-label,
        .tlb-src-section.tlb-src-active .tlb-src-content h2,
        .tlb-src-section.tlb-src-active .tlb-src-content p,
        .tlb-src-section.tlb-src-active .tlb-src-img {
            opacity: 1;
            transform: translateY(0);
        }

        .tlb-src-section.tlb-src-active .tlb-src-label {
            transform: rotate(-2.5deg);
            transition-delay: .08s;
        }

        .tlb-src-section.tlb-src-active .tlb-src-content h2 {
            transition-delay: .18s;
        }

        .tlb-src-section.tlb-src-active .tlb-src-content p {
            transition-delay: .28s;
        }

        /* responsive */
        @media (max-width: 991px) {
            .tlb-src-grid {
                grid-template-columns: 1fr;
                min-height: auto;
            }

            .tlb-src-img {
                border-right: 0;
                border-bottom: 1.5px solid #171313;
            }

            .tlb-src-img img {
                min-height: 420px;
                height: 420px;
            }

            .tlb-src-content {
                padding: 64px 28px 72px;
            }

            .tlb-src-leaf-layer {
                top: 420px;
                width: 100%;
                height: calc(100% - 420px);
            }
        }

        @media (max-width: 575px) {
            .tlb-src-img img {
                min-height: 330px;
                height: 330px;
            }

            .tlb-src-content {
                padding: 50px 20px 62px;
            }

            .tlb-src-content h2 {
                font-size: 50px;
                letter-spacing: -2px;
            }

            .tlb-src-content p {
                font-size: 18px;
                line-height: 1.25;
            }

            .tlb-src-leaf-layer {
                top: 330px;
                height: calc(100% - 330px);
            }

            .tlb-src-leaf {
                width: calc(var(--src-leaf-size, 92px) * .75);
            }
        }

        /* TLB LV SESSION STRT */
        :root {
            --tlb-lv-top-bg: #b77e38;
            --tlb-lv-top-label-bg: #f4cf8f;
            --tlb-lv-top-heading-color: #fff;
            --tlb-lv-card-border: #2b221a;
            --tlb-lv-btn-bg: #fff;
            --tlb-lv-btn-text: #171313;
            --tlb-lv-btn-hover: #171313;
            --tlb-lv-btn-hover-text: #fff;
        }

        .tlb-lv-section {
            position: relative;
            width: 100%;
            overflow: visible;
            background: var(--tlb-lv-top-bg);
            transition: background-color .85s cubic-bezier(.16, 1, .3, 1);
            border-top: 1.5px solid #2b221a;
            border-bottom: 1.5px solid #2b221a;
        }

        .tlb-lv-badge {
            position: absolute;
            top: 0;
            right: clamp(18px, 5vw, 74px);
            width: clamp(120px, 12vw, 172px);
            z-index: 20;
            transform: translateY(-40%) rotate(0deg);
            transform-origin: center;
            pointer-events: none;
            filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            opacity: 0;
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-badge {
            animation:
                tlbLvBadgeDrop 1.25s cubic-bezier(.16, 1, .3, 1) .12s both,
                tlbLvBadgeFloat 4.8s ease-in-out 1.45s infinite;
        }

        @keyframes tlbLvBadgeDrop {
            0% {
                opacity: 0;
                transform: translateY(-90%) rotate(-13deg) scale(.86);
                filter: blur(8px) drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            }

            70% {
                opacity: 1;
                transform: translateY(-34%) rotate(5deg) scale(1.04);
                filter: blur(0) drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            }

            100% {
                opacity: 1;
                transform: translateY(-40%) rotate(0deg) scale(1);
                filter: blur(0) drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            }
        }

        @keyframes tlbLvBadgeFloat {

            0%,
            100% {
                transform: translateY(-40%) rotate(0deg);
            }

            50% {
                transform: translateY(-44%) rotate(4deg);
            }
        }

        .tlb-lv-top {
            text-align: center;
            padding: 68px 20px 180px;
            position: relative;
            z-index: 2;
        }

        .tlb-lv-kicker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 54px;
            padding: 8px 18px 10px;
            background: var(--tlb-lv-top-label-bg);
            border: 1.5px solid #2b221a;
            border-radius: 8px;
            font-family: "Anton", sans-serif;
            font-size: clamp(34px, 3vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #171313;
            box-shadow: 0 2px 0 rgba(43, 34, 26, .4);
            transform: translateY(-48px) rotate(-2deg) scale(.92);
            opacity: 0;
            transition: background-color .85s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-lv-title {
            margin: 26px 0 18px;
            font-family: "Anton", sans-serif;
            font-size: clamp(48px, 6vw, 82px);
            line-height: .98;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--tlb-lv-top-heading-color);
            opacity: 0;
            transform: translateY(38px);
        }

        .tlb-lv-subtitle {
            margin: 0;
            font-family: "Space Mono", monospace;
            font-size: clamp(15px, 1.4vw, 18px);
            font-weight: 700;
            letter-spacing: .5px;
            color: #fff;
            opacity: 0;
            transform: translateY(24px);
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-kicker {
            animation: tlbLvKickerIn 1s cubic-bezier(.17, .88, .25, 1.2) both;
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-title {
            animation: tlbLvTitleIn 1.08s cubic-bezier(.16, 1, .3, 1) .17s both;
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-subtitle {
            animation: tlbLvSubtitleIn .9s cubic-bezier(.16, 1, .3, 1) .36s both;
        }

        @keyframes tlbLvKickerIn {
            from {
                opacity: 0;
                transform: translateY(-52px) rotate(-6deg) scale(.9);
                filter: blur(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0) rotate(-2deg) scale(1);
                filter: blur(0);
            }
        }

        @keyframes tlbLvTitleIn {
            from {
                opacity: 0;
                transform: translateY(38px);
                filter: blur(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        @keyframes tlbLvSubtitleIn {
            from {
                opacity: 0;
                transform: translateY(24px);
                filter: blur(6px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-lv-slider-wrap {
            position: relative;
            padding: 0 24px 46px;
            margin-top: -95px;
            z-index: 4;
            opacity: 0;
            transform: translateY(45px);
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-slider-wrap {
            animation: tlbLvSliderIn 1.08s cubic-bezier(.16, 1, .3, 1) .28s both;
        }

        @keyframes tlbLvSliderIn {
            from {
                opacity: 0;
                transform: translateY(45px);
                filter: blur(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-lv-viewport {
            overflow: hidden;
            border-radius: 16px;
        }

        .tlb-lv-track {
            display: flex;
            will-change: transform;
            transition: transform .85s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-lv-track.tlb-lv-no-transition {
            transition: none !important;
        }

        .tlb-lv-slide {
            min-width: 100%;
            width: 100%;
            flex: 0 0 100%;
            padding-top: 145px;
        }

        .tlb-lv-card {
            position: relative;
            min-height: 560px;
            border: 1.5px solid var(--tlb-lv-card-border);
            border-radius: 14px;
            background: var(--tlb-lv-card-bg, #f4d7b6);
            overflow: visible;
            display: flex;
            align-items: stretch;
            transition: background-color .85s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-lv-visual {
            position: absolute;
            left: clamp(-95px, -25vw, -59px);
            top: -38px;
            width: min(65vw, 705px);
            z-index: 6;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            pointer-events: none;
        }

        .tlb-lv-visual img {
            width: 100%;
            max-height: 1050px;
            height: auto;
            object-fit: contain;
            display: block;
            transform: translateY(0) scale(1.08);
            filter: drop-shadow(0 26px 20px rgba(0, 0, 0, .16));
            animation: tlbLvProductFloat 5.2s ease-in-out infinite;
        }

        @keyframes tlbLvProductFloat {

            0%,
            100% {
                transform: translateY(0) scale(1.08);
            }

            50% {
                transform: translateY(-12px) scale(1.08);
            }
        }

        .tlb-lv-copy {
            margin-left: auto;
            width: min(45%, 560px);
            padding: 62px clamp(28px, 4vw, 70px) 58px 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            z-index: 8;
        }

        .tlb-lv-card-kicker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            min-height: 58px;
            padding: 8px 14px 10px;
            background: var(--tlb-lv-chip-bg, #ebb65c);
            border: 1.5px solid #2b221a;
            border-radius: 8px;
            font-family: "Anton", sans-serif;
            font-size: clamp(32px, 3vw, 50px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #171313;
            box-shadow: 0 2px 0 rgba(43, 34, 26, .24);
            transform: rotate(-2deg);
            transition: background-color .85s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-lv-product-title {
            margin: 20px 0 24px;
            font-family: "Playfair Display", serif;
            font-size: clamp(42px, 4.6vw, 72px);
            line-height: .96;
            font-weight: 500;
            color: #1d1713;
            letter-spacing: -1.5px;
        }

        .tlb-lv-product-desc {
            margin: 0 0 28px;
            font-size: clamp(17px, 1.6vw, 20px);
            line-height: 1.45;
            color: #251e1a;
            max-width: 520px;
        }

        .tlb-lv-btn {
            min-width: 205px;
            height: 52px;
            padding: 0 26px;
            border-radius: 100px;
            border: 1.5px solid #2b221a;
            background: var(--tlb-lv-btn-bg);
            color: var(--tlb-lv-btn-text);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 17px;
            font-weight: 500;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            transition:
                transform .35s cubic-bezier(.16, 1, .3, 1),
                color .35s ease,
                background .35s ease,
                box-shadow .35s ease;
        }

        .tlb-lv-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: var(--tlb-lv-btn-hover);
            transform: translateY(105%);
            transition: transform .4s cubic-bezier(.16, 1, .3, 1);
            z-index: -1;
        }

        .tlb-lv-btn:hover {
            color: var(--tlb-lv-btn-hover-text);
            transform: translateY(-6px);
            box-shadow: 0 10px 0 rgba(0, 0, 0, .14);
        }

        .tlb-lv-btn:hover::before {
            transform: translateY(0);
        }

        .tlb-lv-arrow {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            border: 1.5px solid #2b221a;
            background: rgba(255, 255, 255, .96);
            position: absolute;
            top: 52%;
            translate: 0 -50%;
            z-index: 15;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition:
                transform .32s cubic-bezier(.16, 1, .3, 1),
                background .32s ease,
                box-shadow .32s ease;
        }

        .tlb-lv-arrow svg {
            width: 24px;
            height: 24px;
        }

        .tlb-lv-arrow:hover {
            background: #fff;
            transform: translateY(-4px) scale(1.05);
            box-shadow: 0 8px 0 rgba(0, 0, 0, .12);
        }

        .tlb-lv-prev {
            left: 44px;
        }

        .tlb-lv-next {
            right: 44px;
        }

        .tlb-lv-dots {
            margin-top: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .tlb-lv-dot {
            width: 40px;
            height: 3px;
            border: 0;
            padding: 0;
            background: rgba(255, 255, 255, .38);
            cursor: pointer;
            transition: all .3s ease;
        }

        .tlb-lv-dot.tlb-lv-active {
            background: #fff;
            width: 52px;
        }

        @media (max-width: 1199px) {
            .tlb-lv-top {
                padding-bottom: 155px;
            }

            .tlb-lv-card {
                min-height: 520px;
            }

            .tlb-lv-visual {
                left: -120px;
                top: -72px;
                width: min(60vw, 560px);
            }

            .tlb-lv-copy {
                width: 50%;
                padding-right: 42px;
            }

            .tlb-lv-prev {
                left: 28px;
            }

            .tlb-lv-next {
                right: 28px;
            }
        }

        @media (max-width: 991px) {
            .tlb-lv-badge {
                width: 126px;
            }

            .tlb-lv-top {
                padding: 62px 20px 128px;
            }

            .tlb-lv-slider-wrap {
                margin-top: -64px;
                padding: 0 16px 34px;
            }

            .tlb-lv-slide {
                padding-top: 115px;
            }

            .tlb-lv-card {
                padding-top: 285px;
                min-height: auto;
                flex-direction: column;
                overflow: visible;
            }

            .tlb-lv-visual {
                left: 42%;
                top: -75px;
                width: min(78vw, 600px);
                transform: translateX(-50%);
            }

            .tlb-lv-visual img {
                transform: translateY(0) scale(1);
                animation: none;
            }

            .tlb-lv-copy {
                width: 100%;
                padding: 34px 30px 38px;
            }

            .tlb-lv-product-title {
                font-size: 56px;
            }

            .tlb-lv-product-desc {
                max-width: 100%;
            }

            .tlb-lv-prev {
                left: 18px;
            }

            .tlb-lv-next {
                right: 18px;
            }
        }

        @media (max-width: 575px) {
            .tlb-lv-badge {
                width: 104px;
                right: 14px;
            }

            .tlb-lv-top {
                padding: 52px 16px 104px;
            }

            .tlb-lv-kicker {
                min-height: 42px;
                padding: 7px 12px 8px;
                font-size: 26px;
            }

            .tlb-lv-title {
                font-size: 38px;
                line-height: 1.02;
                margin-top: 18px;
            }

            .tlb-lv-subtitle {
                font-size: 13px;
            }

            .tlb-lv-slider-wrap {
                margin-top: -45px;
                padding: 0 12px 24px;
            }

            .tlb-lv-slide {
                padding-top: 86px;
            }

            .tlb-lv-card {
                border-radius: 12px;
                padding-top: 215px;
            }

            .tlb-lv-visual {
                top: -58px;
                width: min(86vw, 460px);
            }

            .tlb-lv-copy {
                padding: 18px 18px 24px;
            }

            .tlb-lv-card-kicker {
                min-height: 42px;
                font-size: 24px;
                padding: 6px 11px 7px;
            }

            .tlb-lv-product-title {
                font-size: 40px;
                line-height: .98;
                margin: 16px 0 16px;
            }

            .tlb-lv-product-desc {
                font-size: 16px;
                line-height: 1.42;
                margin-bottom: 20px;
            }

            .tlb-lv-btn {
                width: 100%;
                min-width: 0;
                max-width: 220px;
            }

            .tlb-lv-arrow {
                width: 44px;
                height: 44px;
                top: 55%;
            }

            .tlb-lv-prev {
                left: 10px;
            }

            .tlb-lv-next {
                right: 10px;
            }

            .tlb-lv-dots {
                display: none;
            }
        }

        .tlb-lv-section {
            overflow: visible !important;
            z-index: 7;
        }

        .tlb-lv-badge {
            top: 34px !important;
            transform: translate3d(0, var(--tlb-lv-badge-y, 24px), 0) rotate(var(--tlb-lv-badge-rot, 0deg)) !important;
            will-change: transform, opacity, filter !important;
        }

        .tlb-lv-section.tlb-lv-visible .tlb-lv-badge {
            animation: tlbLvBadgeFadeFinal 1.05s cubic-bezier(.16, 1, .3, 1) .12s both !important;
        }

        @keyframes tlbLvBadgeFadeFinal {
            0% {
                opacity: 0;
                filter: blur(8px) drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            }

            100% {
                opacity: 1;
                filter: blur(0) drop-shadow(0 10px 16px rgba(0, 0, 0, .13));
            }
        }

        @media (max-width: 991px) {
            .tlb-lv-badge {
                top: 28px !important;
                right: 22px !important;
            }
        }

        @media (max-width: 575px) {
            .tlb-lv-badge {
                top: 22px !important;
                right: 14px !important;
            }
        }

        /* TLB LV SESSION END */

        /* JOURNL SESSION STRT */
        .tlb-jrnl-section {
            background: #fbf8ea;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            padding: 88px 0 95px;
            overflow: hidden;
            position: relative;
        }

        .tlb-jrnl-head {
            max-width: 1040px;
            margin: 0 auto 135px;
            padding: 0 25px;
        }

        .tlb-jrnl-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #ffb400;
            color: #171313;
            border: 2px solid #171313;
            border-radius: 7px;
            padding: 5px 10px 7px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: translateY(-75px) rotate(-7deg) scale(.9);
            opacity: 0;
            filter: blur(8px);
            box-shadow: 0 2px 0 #171313;
            margin-bottom: 28px;
        }

        .tlb-jrnl-heading {
            font-family: "Playfair Display", serif;
            font-size: clamp(40px, 5vw, 64px);
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -2.5px;
            color: #171313;
            margin: 0;
            opacity: 0;
            transform: translateY(42px);
            filter: blur(8px);
        }

        .tlb-jrnl-heading em {
            font-style: italic;
        }

        .tlb-jrnl-section.tlb-jrnl-visible .tlb-jrnl-label {
            animation: tlbJrnlLabelIn .95s cubic-bezier(.17, .88, .25, 1.25) both;
        }

        @keyframes tlbJrnlLabelIn {
            0% {
                opacity: 0;
                transform: translateY(-85px) rotate(-12deg) scale(.86);
                filter: blur(8px);
            }

            65% {
                opacity: 1;
                transform: translateY(9px) rotate(3deg) scale(1.04);
                filter: blur(0);
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotate(-3deg) scale(1);
                filter: blur(0);
            }
        }

        .tlb-jrnl-section.tlb-jrnl-visible .tlb-jrnl-heading {
            animation: tlbJrnlHeadingIn .9s cubic-bezier(.16, 1, .3, 1) .18s both;
        }

        @keyframes tlbJrnlHeadingIn {
            from {
                opacity: 0;
                transform: translateY(42px);
                filter: blur(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-jrnl-slider-area {
            position: relative;
            opacity: 0;
            transform: translateY(60px);
            filter: blur(8px);
        }

        .tlb-jrnl-section.tlb-jrnl-visible .tlb-jrnl-slider-area {
            animation: tlbJrnlSliderIn .95s cubic-bezier(.16, 1, .3, 1) .42s both;
        }

        @keyframes tlbJrnlSliderIn {
            from {
                opacity: 0;
                transform: translateY(60px);
                filter: blur(8px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        .tlb-jrnl-viewport {
            width: calc(100% - 80px);
            margin: 0 40px;
            overflow: hidden;
            cursor: grab;
        }

        .tlb-jrnl-viewport:active {
            cursor: grabbing;
        }

        .tlb-jrnl-track {
            display: flex;
            gap: 20px;
            will-change: transform;
            transition: transform .82s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-jrnl-track.tlb-jrnl-no-transition {
            transition: none !important;
        }

        .tlb-jrnl-card {
            flex: 0 0 calc((100% - 60px) / 4);
            min-width: calc((100% - 60px) / 4);
        }

        .tlb-jrnl-card-link {
            display: block;
            text-decoration: none;
            color: #171313;
            border: 1.5px solid #171313;
            border-radius: 10px;
            overflow: hidden;
            background: #bcd8f8;
            transition:
                transform .45s cubic-bezier(.16, 1, .3, 1),
                box-shadow .45s ease;
        }

        .tlb-jrnl-card-link:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .12);
        }

        .tlb-jrnl-img-wrap {
            height: 354px;
            background: #a9e272;
            border-bottom: 1.5px solid #171313;
            position: relative;
            overflow: hidden;
        }

        .tlb-jrnl-art-bg {
            background: #2e2a63;
        }

        .tlb-jrnl-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .6s cubic-bezier(.16, 1, .3, 1);
        }

        .tlb-jrnl-card-link:hover .tlb-jrnl-img-wrap img {
            transform: scale(1.06);
        }

        .tlb-jrnl-tag {
            position: absolute;
            top: 13px;
            left: 13px;
            z-index: 3;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fffef9;
            border: 1.5px solid #171313;
            border-radius: 5px;
            padding: 4px 7px 5px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: 18px;
            line-height: .95;
            color: #171313;
            text-transform: uppercase;
            letter-spacing: .4px;
            box-shadow: 0 2px 0 rgba(23, 19, 19, .16);
        }

        .tlb-jrnl-tilt-tag {
            transform: rotate(-4deg);
        }

        .tlb-jrnl-card h3 {
            min-height: 72px;
            background: #bdd9fa;
            margin: 0;
            padding: 17px 14px;
            font-family: "Space Mono", monospace;
            font-size: 15px;
            line-height: 1.35;
            font-weight: 400;
            letter-spacing: .8px;
            color: #001c44;
            text-transform: uppercase;
        }

        .tlb-jrnl-arrow {
            width: 51px;
            height: 51px;
            border-radius: 50%;
            border: 1.5px solid #171313;
            background: #fff;
            color: #171313;
            position: absolute;
            top: 50%;
            translate: 0 -50%;
            z-index: 8;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition:
                transform .35s cubic-bezier(.16, 1, .3, 1),
                background .35s ease,
                box-shadow .35s ease;
        }

        .tlb-jrnl-arrow svg {
            width: 23px;
            height: 23px;
        }

        .tlb-jrnl-arrow:hover {
            background: #2e2a63;
            transform: translateY(-4px) scale(1.05);
            box-shadow: 0 8px 0 rgba(23, 19, 19, .14);
        }

        .tlb-jrnl-arrow:hover svg path {
            stroke: #fff;
        }

        .tlb-jrnl-prev {
            left: 25px;
        }

        .tlb-jrnl-next {
            right: 25px;
        }

        .tlb-jrnl-bottom {
            margin-top: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .tlb-jrnl-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            margin-bottom: 40px;
        }

        .tlb-jrnl-dot {
            width: 42px;
            height: 2px;
            border: 0;
            padding: 0;
            background: rgba(23, 19, 19, .22);
            transition: background .3s ease, width .3s ease;
        }

        .tlb-jrnl-dot.tlb-jrnl-active {
            background: #171313;
            width: 44px;
        }

        .tlb-jrnl-btn {
            min-width: 305px;
            height: 52px;
            border-radius: 100px;
            background: #2e2a63;
            color: #fff;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid #171313;
            font-size: 17px;
            font-weight: 700;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            transition:
                transform .35s cubic-bezier(.16, 1, .3, 1),
                box-shadow .35s ease,
                background .35s ease;
        }

        .tlb-jrnl-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .35) 45%, transparent 70%);
            transform: translateX(-120%) skewX(-18deg);
            transition: transform .85s cubic-bezier(.16, 1, .3, 1);
            z-index: -1;
        }

        .tlb-jrnl-btn:hover {
            background: #171342;
            color: #fff;
            transform: translateY(-5px) scale(1.025);
            box-shadow: 0 12px 0 rgba(23, 19, 19, .16);
        }

        .tlb-jrnl-btn:hover::before {
            transform: translateX(120%) skewX(-18deg);
        }

        @media (max-width: 1199px) {
            .tlb-jrnl-card {
                flex: 0 0 calc((100% - 40px) / 3);
                min-width: calc((100% - 40px) / 3);
            }
        }

        @media (max-width: 991px) {
            .tlb-jrnl-section {
                padding: 70px 0 80px;
            }

            .tlb-jrnl-head {
                margin-bottom: 85px;
            }

            .tlb-jrnl-viewport {
                width: calc(100% - 36px);
                margin: 0 18px;
            }

            .tlb-jrnl-card {
                flex: 0 0 calc((100% - 20px) / 2);
                min-width: calc((100% - 20px) / 2);
            }

            .tlb-jrnl-img-wrap {
                height: 245px;
            }

            .tlb-jrnl-prev {
                left: 8px;
            }

            .tlb-jrnl-next {
                right: 8px;
            }
        }

        @media (max-width: 575px) {
            .tlb-jrnl-section {
                padding: 55px 0 65px;
            }

            .tlb-jrnl-head {
                margin-bottom: 55px;
            }

            .tlb-jrnl-heading {
                font-size: 37px;
                letter-spacing: -1.5px;
            }

            .tlb-jrnl-card {
                flex: 0 0 100%;
                min-width: 100%;
            }

            .tlb-jrnl-img-wrap {
                height: 250px;
            }

            .tlb-jrnl-card h3 {
                font-size: 14px;
            }

            .tlb-jrnl-arrow {
                width: 46px;
                height: 46px;
            }

            .tlb-jrnl-dots {
                display: none;
            }

            .tlb-jrnl-btn {
                min-width: 0;
                width: calc(100% - 40px);
                max-width: 320px;
            }
        }

        /* JOURNL SESSION END */

        /* TLB MFG SESSION STRT */
        .tlb-mfg-section {
            position: relative;
            width: 100%;
            background: #f8f5e9;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            overflow: hidden;
            isolation: isolate;
            padding: 40px 0;
        }

        .tlb-mfg-stage {
            position: relative;
            min-height: 620px;
            padding: 32px 30px 34px;
        }

        .tlb-mfg-falling-layer {
            position: absolute;
            inset: 0;
            z-index: 30;
            overflow: hidden;
            pointer-events: none;
        }

        .tlb-mfg-fall-leaf {
            position: absolute;
            top: -170px;
            left: 50%;
            width: var(--leaf-size, 96px);
            opacity: 0;
            pointer-events: none;
            will-change: transform, opacity;
            animation: tlbMfgLeafFall var(--fall-duration, 18s) linear var(--delay, 0s) infinite;
            animation-play-state: paused;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-fall-leaf {
            animation-play-state: running;
        }

        .tlb-mfg-fall-leaf svg {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .08));
        }

        .tlb-mfg-fall-leaf.tlb-mfg-light svg path.tlb-leaf-body {
            fill: #b9e26d;
        }

        .tlb-mfg-fall-leaf.tlb-mfg-dark svg path.tlb-leaf-body {
            fill: #82b63d;
        }

        @keyframes tlbMfgLeafFall {
            0% {
                transform: translate3d(0, -180px, 0) rotate(var(--start-rot, -10deg));
                opacity: 0;
            }

            12% {
                opacity: .95;
            }

            34% {
                transform: translate3d(var(--sway-one, 24px), 260px, 0) rotate(var(--mid-rot, 18deg));
                opacity: .95;
            }

            62% {
                transform: translate3d(var(--sway-two, -18px), 540px, 0) rotate(var(--mid-rot-two, -14deg));
                opacity: .92;
            }

            84% {
                opacity: .8;
            }

            100% {
                transform: translate3d(var(--drift-x, 30px), 930px, 0) rotate(var(--end-rot, 22deg));
                opacity: 0;
            }
        }

        .tlb-mfg-card {
            position: absolute;
            border: 1.5px solid #171313;
            border-radius: 10px;
            overflow: hidden;
            background: #ddd;
            z-index: 5;
            opacity: 0;
            transform: translateY(35px);
            transition: opacity .9s ease, transform .9s ease;
        }

        .tlb-mfg-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .tlb-mfg-card-powder {
            top: 0;
            left: 246px;
            width: 177px;
            height: 156px;
        }

        .tlb-mfg-card-pour {
            top: 0;
            right: 108px;
            width: 270px;
            height: 214px;
        }

        .tlb-mfg-card-blur {
            top: 183px;
            left: 40px;
            width: 294px;
            height: 293px;
        }

        .tlb-mfg-card-kettle {
            top: 350px;
            right: 244px;
            width: 177px;
            height: 177px;
        }

        .tlb-mfg-content {
            position: absolute;
            left: 50%;
            top: 175px;
            transform: translate(-50%, 35px);
            width: min(430px, 90%);
            text-align: center;
            z-index: 6;
            opacity: 0;
            transition: opacity .9s ease, transform .9s ease;
        }

        .tlb-mfg-content h2 {
            margin: 0;
            font-family: "Playfair Display", Georgia, serif;
            font-size: clamp(34px, 3.2vw, 44px);
            line-height: 1.55;
            font-weight: 400;
            color: #292421;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card,
        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-content {
            opacity: 1;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card {
            transform: translateY(0);
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-content {
            transform: translate(-50%, 0);
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card-powder {
            transition-delay: .06s;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card-pour {
            transition-delay: .14s;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card-blur {
            transition-delay: .22s;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-card-kettle {
            transition-delay: .30s;
        }

        .tlb-mfg-section.tlb-mfg-active .tlb-mfg-content {
            transition-delay: .18s;
        }

        @media (max-width: 1199px) {
            .tlb-mfg-stage {
                min-height: 710px;
            }

            .tlb-mfg-card-powder {
                left: 185px;
                width: 160px;
                height: 142px;
            }

            .tlb-mfg-card-pour {
                right: 55px;
                width: 240px;
                height: 192px;
            }

            .tlb-mfg-card-blur {
                left: 20px;
                width: 250px;
                height: 260px;
            }

            .tlb-mfg-card-kettle {
                right: 178px;
                width: 168px;
                height: 168px;
            }

            .tlb-mfg-content {
                top: 178px;
            }
        }

        @media (max-width: 991px) {
            .tlb-mfg-stage {
                min-height: auto;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 18px;
                padding: 24px 16px 80px;
            }

            .tlb-mfg-card,
            .tlb-mfg-content {
                position: relative;
            }

            .tlb-mfg-card-powder,
            .tlb-mfg-card-pour,
            .tlb-mfg-card-blur,
            .tlb-mfg-card-kettle {
                top: auto;
                left: auto;
                right: auto;
                width: 100%;
                height: 220px;
            }

            .tlb-mfg-card-blur {
                height: 260px;
            }

            .tlb-mfg-content {
                grid-column: 1 / -1;
                left: auto;
                top: auto;
                transform: translateY(35px);
                width: 100%;
                order: 3;
                padding: 12px 8px;
            }

            .tlb-mfg-section.tlb-mfg-active .tlb-mfg-content {
                transform: translateY(0);
            }
        }

        @media (max-width: 575px) {
            .tlb-mfg-stage {
                grid-template-columns: 1fr;
                gap: 16px;
                padding: 18px 12px 70px;
            }

            .tlb-mfg-card-powder,
            .tlb-mfg-card-pour,
            .tlb-mfg-card-blur,
            .tlb-mfg-card-kettle {
                height: 190px;
            }

            .tlb-mfg-card-blur {
                height: 220px;
            }

            .tlb-mfg-content h2 {
                font-size: 34px;
                line-height: 1.3;
            }

            .tlb-mfg-fall-leaf {
                width: calc(var(--leaf-size, 96px) * .82);
            }
        }

        /* TLB MFG SESSION END */

        /* TLB-ABOUT SESSION STRT  */
        .tlb-abt-section {
            width: 100%;
            min-height: 760px;
            position: relative;
            overflow: hidden;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            background: #fbf8ea;
            padding: 42px;
            display: flex;
            align-items: stretch;
        }

        .tlb-abt-bg-wrap {
            position: absolute;
            inset: 0;
            overflow: hidden;
            z-index: 1;
        }

        .tlb-abt-bg-img {
            position: absolute;
            left: 0;
            top: -120px;
            width: 100%;
            height: calc(100% + 210px);
            object-fit: cover;
            object-position: center;
            transform: translate3d(0, var(--tlb-abt-bg-y, 0px), 0) scale(1.04);
            will-change: transform;
        }

        .tlb-abt-card {
            position: relative;
            z-index: 3;
            width: min(465px, 100%);
            min-height: 565px;
            background: #ff5a08;
            border: 1.5px solid #171313;
            border-radius: 11px;
            padding: 78px 44px 62px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            opacity: 0;
            transform: translateY(55px);
            filter: blur(9px);
        }

        .tlb-abt-card h2 {
            font-family: "Playfair Display", serif;
            font-size: clamp(48px, 5vw, 64px);
            line-height: 1.04;
            font-weight: 500;
            letter-spacing: -2px;
            color: #fff;
            margin: 0;
        }

        .tlb-abt-bottom p {
            font-family: "Inter", sans-serif;
            font-size: 21px;
            line-height: 1.25;
            font-weight: 700;
            color: #fff;
            margin: 0 0 36px;
        }

        .tlb-abt-btn {
            width: 224px;
            height: 52px;
            border-radius: 100px;
            border: 1.5px solid #171313;
            background: #fffef9;
            color: #171313;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 17px;
            font-weight: 500;
            position: relative;
            overflow: hidden;
            isolation: isolate;
            transition:
                transform .36s cubic-bezier(.16, 1, .3, 1),
                color .36s ease,
                box-shadow .36s ease;
        }

        .tlb-abt-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #2e2a63;
            transform: translateY(105%);
            transition: transform .42s cubic-bezier(.16, 1, .3, 1);
            z-index: -1;
        }

        .tlb-abt-btn:hover {
            color: #fff;
            transform: translateY(-6px);
            box-shadow: 0 10px 0 rgba(23, 19, 19, .18);
        }

        .tlb-abt-btn:hover::before {
            transform: translateY(0);
        }

        .tlb-abt-section.tlb-abt-visible .tlb-abt-card {
            animation: tlbAbtCardIn 1.05s cubic-bezier(.16, 1, .3, 1) both;
        }

        @keyframes tlbAbtCardIn {
            from {
                opacity: 0;
                transform: translateY(55px);
                filter: blur(9px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
                filter: blur(0);
            }
        }

        @media (max-width: 991px) {
            .tlb-abt-section {
                min-height: 620px;
                padding: 32px;
                align-items: flex-start;
            }

            .tlb-abt-bg-img {
                top: -30px;
                height: calc(100% + 110px);
                object-position: center;
            }

            .tlb-abt-card {
                width: min(430px, 100%);
                min-height: 430px;
                padding: 58px 36px 46px;
            }

            .tlb-abt-card h2 {
                font-size: 52px;
            }
        }

        @media (max-width: 575px) {
            .tlb-abt-section {
                min-height: 650px;
                padding: 20px;
            }

            .tlb-abt-bg-img {
                top: -25px;
                height: calc(100% + 95px);
                object-position: center;
            }

            .tlb-abt-card {
                width: 100%;
                min-height: 390px;
                padding: 44px 26px 34px;
            }

            .tlb-abt-card h2 {
                font-size: 43px;
                letter-spacing: -1.4px;
            }

            .tlb-abt-bottom p {
                font-size: 18px;
            }

            .tlb-abt-btn {
                width: 100%;
                max-width: 224px;
            }
        }

        /* TLB-ABOUT SESSION END */

        /* TLB-SRCX-SESSION STRT */
        .tlb-srcx-section {
            position: relative;
            z-index: 5;
            background: #f7f4e8;
            border-top: 1.5px solid #171313;
            border-bottom: 1.5px solid #171313;
            overflow: visible !important;
            isolation: auto !important;
        }

        .tlb-srcx-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 575px;
            position: relative;
            z-index: 2;
        }

        .tlb-srcx-image {
            position: relative;
            overflow: hidden;
            background: #ddd;
            z-index: 3;
        }

        .tlb-srcx-image img {
            width: 100%;
            height: 100%;
            min-height: 575px;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        .tlb-srcx-content {
            position: relative;
            z-index: 4;
            background: #f7f4e8;
            padding: 78px 58px 70px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: visible !important;
            isolation: auto !important;
        }

        .tlb-srcx-label {
            width: fit-content;
            background: #78a93a;
            color: #111;
            border: 1.6px solid #171313;
            border-radius: 6px;
            padding: 8px 14px 10px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: clamp(34px, 4vw, 52px);
            line-height: .9;
            letter-spacing: 1px;
            text-transform: uppercase;
            transform: rotate(-2deg);
            margin-bottom: 28px;
            box-shadow: 0 2px 0 #171313;
        }

        .tlb-srcx-title {
            margin: 0 0 26px;
            color: #1e1b18;
            font-family: "Playfair Display", Georgia, serif;
            font-size: clamp(58px, 6vw, 82px);
            line-height: .98;
            font-weight: 500;
            letter-spacing: -2.5px;
        }

        .tlb-srcx-text {
            margin: 0;
            max-width: 590px;
            color: #282522;
            font-family: Arial, Helvetica, sans-serif;
            font-size: clamp(20px, 2vw, 24px);
            line-height: 1.22;
            font-weight: 500;
        }

        .tlb-srcx-label,
        .tlb-srcx-title,
        .tlb-srcx-text {
            position: relative;
            z-index: 8;
        }

        .tlb-srcx-leaf-layer {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            overflow: visible !important;
            pointer-events: none;
            z-index: 2;
        }

        .tlb-srcx-fall-leaf {
            position: absolute;
            top: -150px;
            left: 50%;
            width: var(--srcx-leaf-size, 92px);
            opacity: 0;
            pointer-events: none;
            will-change: transform, opacity;
            animation: tlbSrcxLeafFall var(--srcx-fall-duration, 18s) linear var(--srcx-delay, 0s) infinite;
            animation-play-state: paused;
        }

        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-fall-leaf {
            animation-play-state: running;
        }

        .tlb-srcx-fall-leaf svg {
            width: 100%;
            height: auto;
            display: block;
            filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .08));
        }

        .tlb-srcx-fall-leaf.tlb-srcx-light .tlb-srcx-leaf-body {
            fill: #b8df73;
        }

        .tlb-srcx-fall-leaf.tlb-srcx-dark .tlb-srcx-leaf-body {
            fill: #80b142;
        }

        @keyframes tlbSrcxLeafFall {
            0% {
                transform: translate3d(0, -170px, 0) rotate(var(--srcx-start-rot, -10deg));
                opacity: 0;
            }

            10% {
                opacity: .95;
            }

            34% {
                transform: translate3d(var(--srcx-sway-one, 22px), 210px, 0) rotate(var(--srcx-mid-rot, 18deg));
                opacity: .95;
            }

            62% {
                transform: translate3d(var(--srcx-sway-two, -18px), 430px, 0) rotate(var(--srcx-mid-rot-two, -14deg));
                opacity: .88;
            }

            84% {
                opacity: .85;
            }

            100% {
                transform: translate3d(var(--srcx-drift-x, 24px), 760px, 0) rotate(var(--srcx-end-rot, 20deg));
                opacity: .85;
            }
        }


        .tlb-next-cover-section {
            position: relative;
            z-index: 60;
            background: #f7f4e8;
        }

        .tlb-abt-section {
            position: relative;
            z-index: 60;
            background: #f7f4e8;
        }

        .tlb-srcx-image,
        .tlb-srcx-label,
        .tlb-srcx-title,
        .tlb-srcx-text {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity .9s ease, transform .9s ease;
        }

        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-image,
        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-label,
        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-title,
        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-text {
            opacity: 1;
            transform: translateY(0);
        }

        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-label {
            transform: rotate(-2deg);
            transition-delay: .06s;
        }

        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-title {
            transition-delay: .16s;
        }

        .tlb-srcx-section.tlb-srcx-active .tlb-srcx-text {
            transition-delay: .26s;
        }

        @media (max-width: 991px) {
            .tlb-srcx-wrap {
                grid-template-columns: 1fr;
                min-height: auto;
            }

            .tlb-srcx-image img {
                min-height: 390px;
                height: 390px;
            }

            .tlb-srcx-content {
                padding: 56px 24px 64px;
                min-height: 420px;
            }

            .tlb-srcx-title {
                letter-spacing: -1.5px;
            }

            .tlb-srcx-leaf-layer {
                inset: 0;
                width: 100%;
                height: 100%;
            }
        }

        @media (max-width: 575px) {
            .tlb-srcx-image img {
                min-height: 300px;
                height: 300px;
            }

            .tlb-srcx-content {
                padding: 46px 18px 54px;
                min-height: 390px;
            }

            .tlb-srcx-label {
                font-size: 36px;
            }

            .tlb-srcx-title {
                font-size: 48px;
                line-height: 1.02;
                letter-spacing: -2px;
            }

            .tlb-srcx-text {
                font-size: 18px;
                line-height: 1.28;
            }

            .tlb-srcx-fall-leaf {
                width: calc(var(--srcx-leaf-size, 92px) * .76);
            }
        }

        /* TLB-SRCX-SESSION END */

        /* FOOTER SESSION CSS STRT  */
        .tlb-footer-section {
            position: relative;
            width: 100%;
            background: #bdd9fa;
            color: #171313;
            border-top: 1.5px solid #171313;
            overflow: hidden;
            z-index: 80;
            margin-top: auto;
            flex-shrink: 0;
        }

        .tlb-footer-inner {
            width: min(1280px, calc(100% - 84px));
            margin: 0 auto;
            padding: 74px 0 0;
            position: relative;
            z-index: 3;
        }

        .tlb-footer-top {
            display: grid;
            grid-template-columns: minmax(320px, 620px) 1fr;
            gap: 60px;
            align-items: end;
            margin-bottom: 78px;
            padding-left: 128px;
        }

        .tlb-footer-kicker {
            margin: 0 0 26px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            font-size: 36px;
            line-height: 1;
            letter-spacing: .3px;
            text-transform: uppercase;
            color: #171313;
        }

        .tlb-footer-news-title {
            margin: 0 0 34px;
            max-width: 650px;
            font-family: "Playfair Display", Georgia, serif;
            font-size: clamp(32px, 3.1vw, 42px);
            line-height: 1.13;
            font-weight: 400;
            letter-spacing: -1.2px;
            color: #3a3635;
        }

        .tlb-footer-form {
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 568px;
        }

        .tlb-footer-form input {
            width: 390px;
            height: 56px;
            border: 1.5px solid #171313;
            border-radius: 12px;
            background: #fff;
            outline: none;
            padding: 0 17px;
            font-family: "Inter", sans-serif;
            font-size: 17px;
            color: #171313;
        }

        .tlb-footer-form input::placeholder {
            color: #a8a8a8;
        }

        .tlb-footer-submit {
            width: 168px;
            height: 52px;
            border: 1.5px solid #171313;
            border-radius: 100px;
            background: #2e2b63;
            color: #fff;
            font-family: "Inter", sans-serif;
            font-size: 17px;
            font-weight: 700;
            cursor: pointer;
            transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
        }

        .tlb-footer-submit:hover {
            background: #171342;
            transform: translateY(-4px);
            box-shadow: 0 8px 0 rgba(23, 19, 19, .15);
        }

        .tlb-footer-socials {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
            padding-right: 86px;
            padding-bottom: 2px;
        }

        .tlb-footer-socials a {
            width: 51px;
            height: 51px;
            border: 1.5px solid #171313;
            border-radius: 50%;
            color: #171313;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            transition: transform .35s ease, background .35s ease, color .35s ease;
        }

        .tlb-footer-socials a:hover {
            background: #2e2b63;
            color: #fff;
            transform: translateY(-6px) rotate(-6deg);
        }

        .tlb-footer-links-card {
            background: #2e2b63;
            border-radius: 11px;
            padding: 38px 40px 36px;
            min-height: 386px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 54px;
            position: relative;
            z-index: 5;
        }

        .tlb-footer-col h4 {
            margin: 0 0 21px;
            font-family: "Playfair Display", Georgia, serif;
            font-size: 23px;
            line-height: 1.1;
            font-weight: 600;
            color: #fff;
        }

        .tlb-footer-col ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .tlb-footer-col li {
            margin-bottom: 8px;
        }

        .tlb-footer-col a {
            display: inline-block;
            text-decoration: none;
            color: rgba(255, 255, 255, .52);
            font-family: "Inter", sans-serif;
            font-size: 18px;
            line-height: 1.15;
            font-weight: 700;
            transition: color .3s ease, transform .3s ease;
        }

        .tlb-footer-col a:hover {
            color: #fff;
            transform: translateX(7px);
        }

        .tlb-footer-spacer {
            display: block;
            height: 34px;
        }

        .tlb-footer-art-wrap {
            position: relative;
            margin-top: 32px;
            min-height: 500px;
            overflow: hidden;
            border-top: 1.5px solid rgba(23, 19, 19, .18);
            background: #bdd9fa;
        }

        .tlb-footer-logo-text {
            position: absolute;
            top: 22px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4;
            font-family: "Playfair Display", Georgia, serif;
            font-size: clamp(58px, 6vw, 86px);
            line-height: .72;
            font-weight: 500;
            letter-spacing: -4px;
            text-align: center;
            color: #171313;
            white-space: nowrap;
        }

        .tlb-footer-logo-text span {
            display: block;
            margin-top: 2px;
            font-size: .72em;
            letter-spacing: -3px;
        }

        .tlb-footer-bottom-img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            max-width: none;
            object-fit: cover;
            object-position: center bottom;
            display: block;
            z-index: 2;
            pointer-events: none;
        }

        .tlb-footer-bottom-text {
            position: absolute;
            bottom: 42px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5;
            font-family: "Inter", monospace;
            font-size: 12px;
            line-height: 1.15;
            font-weight: 800;
            letter-spacing: 2px;
            text-align: center;
            color: rgba(23, 19, 19, .7);
            text-transform: uppercase;
        }

        .tlb-footer-designed {
            position: absolute;
            bottom: 16px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 6;
            font-family: "Inter", sans-serif;
            font-size: 13px;
            line-height: 1;
            font-weight: 800;
            letter-spacing: .7px;
            color: rgba(23, 19, 19, .75);
            text-align: center;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .tlb-footer-designed a {
            color: #171313;
            text-decoration: none;
            position: relative;
            transition: color .3s ease;
        }

        .tlb-footer-designed a:hover {
            color: rgba(23, 19, 19, .75);
        }

        .tlb-footer-top-btn {
            position: fixed;
            right: 22px;
            bottom: 22px;
            width: 54px;
            height: 54px;
            border-radius: 50%;
            border: 1.5px solid #171313;
            background: #2e2b63;
            color: #fff;
            z-index: 999;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 24px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(18px) scale(.9);
            transition: opacity .3s ease, visibility .3s ease, transform .3s ease, background .3s ease;
        }

        .tlb-footer-top-btn.tlb-top-show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }

        .tlb-footer-top-btn:hover {
            background: #171342;
            transform: translateY(-5px) scale(1.04);
        }

        @media (max-width: 1199px) {
            .tlb-footer-inner {
                width: min(100% - 48px, 1180px);
            }

            .tlb-footer-top {
                padding-left: 60px;
            }

            .tlb-footer-socials {
                padding-right: 34px;
            }

            .tlb-footer-links-card {
                gap: 34px;
            }
        }

        @media (max-width: 991px) {
            .tlb-footer-inner {
                width: calc(100% - 32px);
                padding-top: 58px;
            }

            .tlb-footer-top {
                grid-template-columns: 1fr;
                padding-left: 0;
                gap: 34px;
                margin-bottom: 54px;
            }

            .tlb-footer-socials {
                justify-content: flex-start;
                padding-right: 0;
            }

            .tlb-footer-links-card {
                grid-template-columns: repeat(2, 1fr);
                padding: 34px 30px;
            }

            .tlb-footer-art-wrap {
                min-height: 430px;
            }

            .tlb-footer-logo-text {
                top: 22px;
                font-size: 64px;
            }

            .tlb-footer-bottom-img {
                object-position: center bottom;
            }
        }

        @media (max-width: 575px) {
            .tlb-footer-inner {
                width: calc(100% - 24px);
                padding-top: 44px;
            }

            .tlb-footer-kicker {
                font-size: 30px;
            }

            .tlb-footer-news-title {
                font-size: 31px;
            }

            .tlb-footer-form {
                flex-direction: column;
                align-items: stretch;
            }

            .tlb-footer-form input,
            .tlb-footer-submit {
                width: 100%;
            }

            .tlb-footer-socials a {
                width: 46px;
                height: 46px;
                font-size: 22px;
            }

            .tlb-footer-links-card {
                grid-template-columns: 1fr;
                gap: 20px;
                padding: 30px 24px;
            }

            .tlb-footer-spacer {
                height: 8px;
            }

            .tlb-footer-art-wrap {
                margin-top: 24px;
                min-height: 280px;
            }

            .tlb-footer-logo-text {
                top: 28px;
                font-size: 48px;
                letter-spacing: -2.5px;
            }

            .tlb-footer-bottom-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center bottom;
            }

            .tlb-footer-bottom-text {
                bottom: 42px;
                font-size: 10px;
                letter-spacing: 1.4px;
                width: 90%;
            }

            .tlb-footer-designed {
                bottom: 16px;
                font-size: 10px;
                letter-spacing: .5px;
                width: 92%;
                white-space: normal;
            }

            .tlb-footer-top-btn {
                right: 14px;
                bottom: 14px;
                width: 48px;
                height: 48px;
                font-size: 21px;
            }
        }

        /* FOOTER SESSION CSS END  */