{"id":173,"date":"2026-09-27T19:45:30","date_gmt":"2026-09-27T19:45:30","guid":{"rendered":"https:\/\/laraibindustries.com\/products\/jackets\/"},"modified":"2026-10-15T19:21:54","modified_gmt":"2026-10-15T19:21:54","slug":"jackets","status":"publish","type":"page","link":"https:\/\/laraibindustries.com\/ja\/products\/jackets\/","title":{"rendered":"Jackets"},"content":{"rendered":"\n\n<script>\n\ndocument.body.classList.add(\n    'ljp-live'\n);\n\n<\/script>\n\n\n<style>\n\n\/* =========================================================\n   CORE VARIABLES\n========================================================= *\/\n\n:root {\n\n    --lj-red:\n        #ef1b24;\n\n    --lj-red2:\n        #b90f16;\n\n    --lj-bg:\n        #050506;\n\n    --lj-bg2:\n        #090a0c;\n\n    --lj-panel:\n        #101115;\n\n    --lj-text:\n        #f7f7f7;\n\n    --lj-muted:\n        #9da4ae;\n\n    --lj-line:\n        rgba(\n            255,\n            255,\n            255,\n            .09\n        );\n\n    --lj-max:\n        1480px;\n\n}\n\n\n\/* =========================================================\n   WORDPRESS SPACING FIX\n\n   IMPORTANT:\n   We remove spacing only.\n\n   Nothing containing the Laraib page is hidden.\n========================================================= *\/\n\nbody.ljp-live {\n\n    background:\n        var(--lj-bg)\n        !important;\n\n}\n\n\nbody.ljp-live\n.wp-site-blocks {\n\n    gap:\n        0\n        !important;\n\n\n    background:\n        var(--lj-bg)\n        !important;\n\n}\n\n\nbody.ljp-live\n.wp-site-blocks > * {\n\n    margin-block-start:\n        0\n        !important;\n\n\n    margin-block-end:\n        0\n        !important;\n\n}\n\n\nbody.ljp-live main,\n\nbody.ljp-live\n.wp-site-blocks > main,\n\nbody.ljp-live\n.wp-block-post-content,\n\nbody.ljp-live\n.entry-content {\n\n    margin:\n        0\n        !important;\n\n\n    padding:\n        0\n        !important;\n\n\n    background:\n        var(--lj-bg)\n        !important;\n\n}\n\n\nbody.ljp-live\n.wp-block-post-content {\n\n    gap:\n        0\n        !important;\n\n}\n\n\nbody.ljp-live\n.wp-block-post-title,\n\nbody.ljp-live\n.entry-title,\n\nbody.ljp-live\n.page-title,\n\nbody.ljp-live\n.archive-title,\n\nbody.ljp-live\n.wp-block-query-title,\n\nbody.ljp-live\n.woocommerce-breadcrumb,\n\nbody.ljp-live\n.breadcrumbs {\n\n    display:\n        none\n        !important;\n\n}\n\n\n\/* =========================================================\n   PAGE BASE\n========================================================= *\/\n\n.ljp-page,\n\n.ljp-page * {\n\n    box-sizing:\n        border-box;\n\n}\n\n\n.ljp-page {\n\n    width:\n        100vw\n        !important;\n\n\n    max-width:\n        none\n        !important;\n\n\n    margin:\n\n        0\n        calc(\n            50% - 50vw\n        )\n\n        !important;\n\n\n    padding:\n        0\n        !important;\n\n\n    overflow:\n        hidden;\n\n\n    background:\n        var(--lj-bg);\n\n\n    color:\n        var(--lj-text);\n\n\n    font-family:\n\n        Arial,\n        Helvetica,\n        sans-serif;\n\n}\n\n\n.ljp-page img {\n\n    display:\n        block;\n\n\n    max-width:\n        100%;\n\n}\n\n\n.ljp-shell {\n\n    width:\n\n        min(\n            var(--lj-max),\n            calc(\n                100% - 64px\n            )\n        );\n\n\n    margin-inline:\n        auto;\n\n}\n\n\n.ljp-sec {\n\n    padding:\n        88px 0;\n\n}\n\n\n.ljp-sec-sm {\n\n    padding:\n        64px 0;\n\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.ljp-ey {\n\n    display:\n        block;\n\n\n    margin:\n        0 0 13px;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        10px;\n\n\n    line-height:\n        1;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .19em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-xl,\n\n.ljp-lg,\n\n.ljp-md {\n\n    margin:\n        0;\n\n\n    color:\n        #fff;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        -.055em;\n\n}\n\n\n.ljp-xl {\n\n    font-size:\n\n        clamp(\n            56px,\n            7vw,\n            104px\n        );\n\n\n    line-height:\n        .88;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-lg {\n\n    font-size:\n\n        clamp(\n            40px,\n            5vw,\n            70px\n        );\n\n\n    line-height:\n        .93;\n\n}\n\n\n.ljp-md {\n\n    font-size:\n\n        clamp(\n            31px,\n            3.6vw,\n            50px\n        );\n\n\n    line-height:\n        .97;\n\n}\n\n\n.ljp-copy {\n\n    margin:\n        0;\n\n\n    color:\n        var(--lj-muted);\n\n\n    font-size:\n        14px;\n\n\n    line-height:\n        1.72;\n\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.ljp-actions {\n\n    display:\n        flex;\n\n\n    flex-wrap:\n        wrap;\n\n\n    gap:\n        11px;\n\n\n    margin-top:\n        26px;\n\n}\n\n\n.ljp-btn {\n\n    display:\n        inline-flex;\n\n\n    align-items:\n        center;\n\n\n    justify-content:\n        center;\n\n\n    min-height:\n        49px;\n\n\n    padding:\n        13px 22px;\n\n\n    border:\n        1px solid\n        transparent;\n\n\n    color:\n        #fff;\n\n\n    text-decoration:\n        none;\n\n\n    font-size:\n        10px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .1em;\n\n\n    text-transform:\n        uppercase;\n\n\n    transition:\n        .25s ease;\n\n}\n\n\n.ljp-btn:hover {\n\n    transform:\n        translateY(\n            -2px\n        );\n\n}\n\n\n.ljp-btn-red {\n\n    background:\n        var(--lj-red);\n\n}\n\n\n.ljp-btn-red:hover {\n\n    background:\n        var(--lj-red2);\n\n\n    color:\n        #fff;\n\n}\n\n\n.ljp-btn-ghost {\n\n    background:\n\n        rgba(\n            0,\n            0,\n            0,\n            .22\n        );\n\n\n    border-color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .3\n        );\n\n}\n\n\n.ljp-btn-ghost:hover {\n\n    background:\n        #fff;\n\n\n    border-color:\n        #fff;\n\n\n    color:\n        #111;\n\n}\n\n\n\/* =========================================================\n   FAIL SAFE LOADER\n========================================================= *\/\n\n.ljp-loader {\n\n    position:\n        fixed;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        999999;\n\n\n    display:\n        flex;\n\n\n    align-items:\n        center;\n\n\n    justify-content:\n        center;\n\n\n    background:\n        #050505;\n\n\n    color:\n        #fff;\n\n\n    opacity:\n        1;\n\n\n    visibility:\n        visible;\n\n\n    transition:\n        .5s;\n\n\n    animation:\n\n        ljpLoaderFail\n\n        .5s ease\n\n        2s forwards;\n\n}\n\n\n.ljp-loader.hide {\n\n    opacity:\n        0\n        !important;\n\n\n    visibility:\n        hidden\n        !important;\n\n\n    pointer-events:\n        none\n        !important;\n\n}\n\n\n@keyframes ljpLoaderFail {\n\n    to {\n\n        opacity:\n            0;\n\n\n        visibility:\n            hidden;\n\n\n        pointer-events:\n            none;\n\n    }\n\n}\n\n\n.ljp-loader-in {\n\n    width:\n\n        min(\n            420px,\n            calc(\n                100% - 44px\n            )\n        );\n\n}\n\n\n.ljp-loader-brand {\n\n    margin-bottom:\n        18px;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        10px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .22em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-loader-title {\n\n    margin:\n        0 0 23px;\n\n\n    font-size:\n\n        clamp(\n            42px,\n            7vw,\n            66px\n        );\n\n\n    line-height:\n        .9;\n\n\n    letter-spacing:\n        -.05em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-loader-line {\n\n    height:\n        2px;\n\n\n    overflow:\n        hidden;\n\n\n    background:\n\n        rgba(\n            255,\n            255,\n            255,\n            .12\n        );\n\n}\n\n\n.ljp-loader-line span {\n\n    display:\n        block;\n\n\n    width:\n        0;\n\n\n    height:\n        100%;\n\n\n    background:\n        var(--lj-red);\n\n\n    box-shadow:\n\n        0 0 18px\n\n        rgba(\n            239,\n            27,\n            36,\n            .65\n        );\n\n\n    animation:\n\n        ljpLoaderBar\n\n        1.25s\n\n        cubic-bezier(\n            .2,\n            .7,\n            .2,\n            1\n        )\n\n        forwards;\n\n}\n\n\n@keyframes ljpLoaderBar {\n\n    to {\n\n        width:\n            100%;\n\n    }\n\n}\n\n\n.ljp-loader-meta {\n\n    display:\n        flex;\n\n\n    justify-content:\n        space-between;\n\n\n    margin-top:\n        10px;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .42\n        );\n\n\n    font-size:\n        9px;\n\n\n    font-weight:\n        800;\n\n\n    letter-spacing:\n        .14em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.ljp-hero {\n\n    position:\n        relative;\n\n\n    min-height:\n\n        clamp(\n            650px,\n            78svh,\n            880px\n        );\n\n\n    display:\n        flex;\n\n\n    align-items:\n        flex-end;\n\n\n    overflow:\n        hidden;\n\n\n    isolation:\n        isolate;\n\n\n    margin:\n        0\n        !important;\n\n\n    background:\n        #050505;\n\n}\n\n\n.ljp-hero-slide {\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        -4;\n\n\n    opacity:\n        0;\n\n\n    visibility:\n        hidden;\n\n\n    transform:\n\n        scale(\n            1.025\n        );\n\n\n    transition:\n\n        opacity .75s ease,\n\n        visibility .75s ease,\n\n        transform 1.15s ease;\n\n}\n\n\n.ljp-hero-slide.on {\n\n    opacity:\n        1;\n\n\n    visibility:\n        visible;\n\n\n    transform:\n\n        scale(\n            1\n        );\n\n}\n\n\n.ljp-hero-slide img {\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n\n    object-position:\n        center;\n\n}\n\n\n.ljp-hero::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        -3;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .95\n            ),\n\n            rgba(\n                0,\n                0,\n                0,\n                .75\n            ) 31%,\n\n            rgba(\n                0,\n                0,\n                0,\n                .35\n            ) 57%,\n\n            rgba(\n                0,\n                0,\n                0,\n                .07\n            ) 82%\n\n        ),\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .72\n            ),\n\n            transparent 54%\n\n        );\n\n}\n\n\n.ljp-hero-in {\n\n    width:\n\n        min(\n            var(--lj-max),\n            calc(\n                100% - 64px\n            )\n        );\n\n\n    margin:\n        auto;\n\n\n    padding-bottom:\n        58px;\n\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        minmax(\n            0,\n            1fr\n        )\n\n        260px;\n\n\n    gap:\n        54px;\n\n\n    align-items:\n        end;\n\n}\n\n\n.ljp-hero-copy {\n\n    max-width:\n        760px;\n\n}\n\n\n.ljp-hero-copy\n.ljp-copy {\n\n    max-width:\n        540px;\n\n\n    margin-top:\n        21px;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .76\n        );\n\n}\n\n\n.ljp-hero-tabs {\n\n    border:\n\n        1px solid\n\n        rgba(\n            255,\n            255,\n            255,\n            .11\n        );\n\n\n    background:\n\n        rgba(\n            8,\n            8,\n            9,\n            .72\n        );\n\n\n    backdrop-filter:\n\n        blur(\n            12px\n        );\n\n}\n\n\n.ljp-hero-tab {\n\n    position:\n        relative;\n\n\n    width:\n        100%;\n\n\n    padding:\n        20px;\n\n\n    border:\n        0;\n\n\n    border-bottom:\n\n        1px solid\n\n        rgba(\n            255,\n            255,\n            255,\n            .08\n        );\n\n\n    background:\n        transparent;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .58\n        );\n\n\n    text-align:\n        left;\n\n\n    cursor:\n        pointer;\n\n}\n\n\n.ljp-hero-tab:last-child {\n\n    border-bottom:\n        0;\n\n}\n\n\n.ljp-hero-tab.on,\n\n.ljp-hero-tab:hover {\n\n    color:\n        #fff;\n\n\n    background:\n\n        rgba(\n            255,\n            255,\n            255,\n            .045\n        );\n\n}\n\n\n.ljp-hero-tab.on::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    left:\n        0;\n\n\n    top:\n        0;\n\n\n    bottom:\n        0;\n\n\n    width:\n        3px;\n\n\n    background:\n        var(--lj-red);\n\n}\n\n\n.ljp-no {\n\n    display:\n        block;\n\n\n    margin-bottom:\n        7px;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        9px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .14em;\n\n}\n\n\n.ljp-lab {\n\n    display:\n        block;\n\n\n    font-size:\n        13px;\n\n\n    font-weight:\n        800;\n\n}\n\n\n.ljp-hero-line {\n\n    position:\n        absolute;\n\n\n    left:\n        0;\n\n\n    right:\n        0;\n\n\n    bottom:\n        0;\n\n\n    height:\n        3px;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            var(--lj-red),\n\n            transparent 70%\n\n        );\n\n}\n\n\n\/* =========================================================\n   PRINCIPLES\n========================================================= *\/\n\n.ljp-principles {\n\n    background:\n        #090a0c;\n\n\n    border-bottom:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-principles-grid {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        repeat(\n            4,\n            1fr\n        );\n\n}\n\n\n.ljp-principle {\n\n    position:\n        relative;\n\n\n    min-height:\n        120px;\n\n\n    padding:\n        26px 28px;\n\n\n    border-right:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-principle:last-child {\n\n    border-right:\n        0;\n\n}\n\n\n.ljp-principle::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    left:\n        0;\n\n\n    top:\n        0;\n\n\n    width:\n        2px;\n\n\n    height:\n        0;\n\n\n    background:\n        var(--lj-red);\n\n\n    transition:\n        .3s;\n\n}\n\n\n.ljp-principle:hover::before {\n\n    height:\n        100%;\n\n}\n\n\n.ljp-principle strong {\n\n    display:\n        block;\n\n\n    margin-bottom:\n        8px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n        13px;\n\n}\n\n\n.ljp-principle span {\n\n    color:\n        #818690;\n\n\n    font-size:\n        11px;\n\n\n    line-height:\n        1.55;\n\n}\n\n\n\/* =========================================================\n   SHARED SECTION HEADER\n========================================================= *\/\n\n.ljp-head {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        minmax(\n            0,\n            1fr\n        )\n\n        minmax(\n            280px,\n            470px\n        );\n\n\n    gap:\n        58px;\n\n\n    align-items:\n        end;\n\n\n    margin-bottom:\n        38px;\n\n}\n\n\n\/* =========================================================\n   INTERACTIVE STORY\n========================================================= *\/\n\n.ljp-story {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        250px\n\n        minmax(\n            0,\n            1fr\n        );\n\n\n    min-height:\n        600px;\n\n\n    overflow:\n        hidden;\n\n\n    border:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        #08090a;\n\n}\n\n\n.ljp-story-tabs {\n\n    display:\n        flex;\n\n\n    flex-direction:\n        column;\n\n\n    background:\n        #090a0c;\n\n\n    border-right:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-story-tab {\n\n    position:\n        relative;\n\n\n    flex:\n        1;\n\n\n    padding:\n        26px 24px;\n\n\n    border:\n        0;\n\n\n    border-bottom:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        transparent;\n\n\n    color:\n        #70757e;\n\n\n    text-align:\n        left;\n\n\n    cursor:\n        pointer;\n\n}\n\n\n.ljp-story-tab:last-child {\n\n    border-bottom:\n        0;\n\n}\n\n\n.ljp-story-tab.on,\n\n.ljp-story-tab:hover {\n\n    background:\n        #141519;\n\n\n    color:\n        #fff;\n\n}\n\n\n.ljp-story-tab.on::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    left:\n        0;\n\n\n    top:\n        0;\n\n\n    bottom:\n        0;\n\n\n    width:\n        3px;\n\n\n    background:\n        var(--lj-red);\n\n}\n\n\n.ljp-story-stage {\n\n    position:\n        relative;\n\n\n    min-height:\n        600px;\n\n\n    overflow:\n        hidden;\n\n}\n\n\n.ljp-story-panel {\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    opacity:\n        0;\n\n\n    visibility:\n        hidden;\n\n\n    transform:\n\n        scale(\n            1.025\n        );\n\n\n    transition:\n        .65s;\n\n}\n\n\n.ljp-story-panel.on {\n\n    opacity:\n        1;\n\n\n    visibility:\n        visible;\n\n\n    transform:\n\n        scale(\n            1\n        );\n\n}\n\n\n.ljp-story-panel img {\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n}\n\n\n.ljp-story-panel::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        1;\n\n\n    background:\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .9\n            ),\n\n            rgba(\n                0,\n                0,\n                0,\n                .18\n            ) 58%,\n\n            rgba(\n                0,\n                0,\n                0,\n                .04\n            )\n\n        );\n\n}\n\n\n.ljp-story-copy {\n\n    position:\n        absolute;\n\n\n    left:\n        38px;\n\n\n    right:\n        38px;\n\n\n    bottom:\n        34px;\n\n\n    z-index:\n        2;\n\n\n    max-width:\n        560px;\n\n}\n\n\n.ljp-story-copy h3 {\n\n    margin:\n        0 0 11px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n\n        clamp(\n            32px,\n            4vw,\n            52px\n        );\n\n\n    line-height:\n        .96;\n\n\n    letter-spacing:\n        -.045em;\n\n}\n\n\n.ljp-story-copy p {\n\n    margin:\n        0;\n\n\n    max-width:\n        500px;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .7\n        );\n\n\n    font-size:\n        13px;\n\n\n    line-height:\n        1.7;\n\n}\n\n\n\/* =========================================================\n   COLLECTION DIRECTIONS\n========================================================= *\/\n\n.ljp-dirs {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        repeat(\n            4,\n            1fr\n        );\n\n\n    gap:\n        16px;\n\n}\n\n\n.ljp-dir {\n\n    position:\n        relative;\n\n\n    min-height:\n        440px;\n\n\n    overflow:\n        hidden;\n\n\n    border:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        #0a0b0c;\n\n}\n\n\n.ljp-dir img {\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n\n    transition:\n        .55s;\n\n}\n\n\n.ljp-dir:hover img {\n\n    transform:\n\n        scale(\n            1.045\n        );\n\n}\n\n\n.ljp-dir::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        1;\n\n\n    background:\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .92\n            ),\n\n            rgba(\n                0,\n                0,\n                0,\n                .1\n            ) 68%\n\n        );\n\n}\n\n\n.ljp-dir-copy {\n\n    position:\n        absolute;\n\n\n    left:\n        22px;\n\n\n    right:\n        22px;\n\n\n    bottom:\n        22px;\n\n\n    z-index:\n        2;\n\n}\n\n\n.ljp-dir-copy h3 {\n\n    margin:\n        0 0 8px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n        22px;\n\n\n    line-height:\n        1;\n\n}\n\n\n.ljp-dir-copy p {\n\n    margin:\n        0;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .64\n        );\n\n\n    font-size:\n        12px;\n\n\n    line-height:\n        1.6;\n\n}\n\n\n\/* =========================================================\n   PREMIUM JACKET CATALOGUE\n========================================================= *\/\n\n.ljp-catalog {\n\n    position:\n        relative;\n\n\n    background:\n\n        radial-gradient(\n\n            circle at 100% 5%,\n\n            rgba(\n                239,\n                27,\n                36,\n                .08\n            ),\n\n            transparent 28%\n\n        ),\n\n        linear-gradient(\n\n            180deg,\n\n            #090a0c,\n\n            #060607\n\n        );\n\n\n    border-top:\n\n        1px solid\n\n        rgba(\n            239,\n            27,\n            36,\n            .12\n        );\n\n\n    border-bottom:\n\n        1px solid\n\n        rgba(\n            239,\n            27,\n            36,\n            .2\n        );\n\n}\n\n\n.ljp-catalog::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    pointer-events:\n        none;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            transparent 0,\n\n            rgba(\n                239,\n                27,\n                36,\n                .025\n            ) 49.8%,\n\n            transparent 50.2%\n\n        ),\n\n        repeating-linear-gradient(\n\n            0deg,\n\n            rgba(\n                255,\n                255,\n                255,\n                .012\n            ) 0 1px,\n\n            transparent 1px 8px\n\n        );\n\n\n    opacity:\n        .5;\n\n}\n\n\n.ljp-catalog-head {\n\n    position:\n        relative;\n\n\n    z-index:\n        2;\n\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        minmax(\n            0,\n            1.25fr\n        )\n\n        minmax(\n            300px,\n            .75fr\n        );\n\n\n    gap:\n        56px;\n\n\n    align-items:\n        end;\n\n\n    margin-bottom:\n        34px;\n\n}\n\n\n.ljp-catalog-title\n.ljp-lg {\n\n    max-width:\n        850px;\n\n}\n\n\n.ljp-catalog-side {\n\n    align-self:\n        center;\n\n\n    max-width:\n        460px;\n\n\n    justify-self:\n        end;\n\n}\n\n\n\/* =========================================================\n   FILTER BAR\n========================================================= *\/\n\n.ljp-filter-row {\n\n    position:\n        relative;\n\n\n    z-index:\n        2;\n\n\n    display:\n        flex;\n\n\n    align-items:\n        center;\n\n\n    gap:\n        13px;\n\n\n    margin-bottom:\n        24px;\n\n}\n\n\n.ljp-filters {\n\n    display:\n        flex;\n\n\n    flex-wrap:\n        wrap;\n\n\n    gap:\n        12px;\n\n}\n\n\n.ljp-filter {\n\n    min-width:\n        92px;\n\n\n    height:\n        42px;\n\n\n    padding:\n        0 18px;\n\n\n    border:\n\n        1px solid\n\n        rgba(\n            255,\n            255,\n            255,\n            .14\n        );\n\n\n    border-radius:\n        8px;\n\n\n    background:\n        #0b0c0f;\n\n\n    color:\n        #e8e8e8;\n\n\n    font-size:\n        10px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .09em;\n\n\n    text-transform:\n        uppercase;\n\n\n    cursor:\n        pointer;\n\n\n    transition:\n        .25s ease;\n\n}\n\n\n.ljp-filter:hover {\n\n    border-color:\n\n        rgba(\n            239,\n            27,\n            36,\n            .7\n        );\n\n\n    color:\n        #fff;\n\n\n    transform:\n\n        translateY(\n            -1px\n        );\n\n}\n\n\n.ljp-filter.on {\n\n    background:\n        var(--lj-red);\n\n\n    border-color:\n        var(--lj-red);\n\n\n    box-shadow:\n\n        0 10px 30px\n\n        rgba(\n            239,\n            27,\n            36,\n            .18\n        );\n\n}\n\n\n.ljp-filter-line {\n\n    height:\n        1px;\n\n\n    flex:\n        1;\n\n\n    margin-left:\n        16px;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            rgba(\n                255,\n                255,\n                255,\n                .18\n            ),\n\n            rgba(\n                255,\n                255,\n                255,\n                .03\n            )\n\n        );\n\n}\n\n\n.ljp-explore {\n\n    display:\n        inline-flex;\n\n\n    align-items:\n        center;\n\n\n    gap:\n        10px;\n\n\n    color:\n        #fff;\n\n\n    text-decoration:\n        none;\n\n\n    font-size:\n        10px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .1em;\n\n\n    text-transform:\n        uppercase;\n\n\n    white-space:\n        nowrap;\n\n}\n\n\n.ljp-explore i {\n\n    font-style:\n        normal;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        18px;\n\n\n    transition:\n        .25s ease;\n\n}\n\n\n.ljp-explore:hover i {\n\n    transform:\n\n        translateX(\n            5px\n        );\n\n}\n\n\n\/* =========================================================\n   4 \u00d7 2 DESKTOP CATALOG GRID\n========================================================= *\/\n\n.ljp-catalog-grid {\n\n    position:\n        relative;\n\n\n    z-index:\n        2;\n\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        repeat(\n            4,\n            minmax(\n                0,\n                1fr\n            )\n        );\n\n\n    gap:\n        12px;\n\n}\n\n\n.ljp-cat-card {\n\n    --mx:\n        50%;\n\n\n    --my:\n        30%;\n\n\n    position:\n        relative;\n\n\n    min-width:\n        0;\n\n\n    overflow:\n        hidden;\n\n\n    border:\n\n        1px solid\n\n        rgba(\n            255,\n            255,\n            255,\n            .11\n        );\n\n\n    background:\n        #0a0b0d;\n\n\n    transform-style:\n        preserve-3d;\n\n\n    transition:\n\n        transform .38s\n        cubic-bezier(\n            .2,\n            .75,\n            .2,\n            1\n        ),\n\n        border-color .3s ease,\n\n        box-shadow .38s ease,\n\n        opacity .3s ease;\n\n}\n\n\n.ljp-cat-card.hide-card {\n\n    display:\n        none;\n\n}\n\n\n\/* Pointer light *\/\n\n.ljp-cat-card::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        4;\n\n\n    pointer-events:\n        none;\n\n\n    background:\n\n        radial-gradient(\n\n            circle at\n            var(--mx)\n            var(--my),\n\n            rgba(\n                255,\n                255,\n                255,\n                .13\n            ),\n\n            transparent 24%\n\n        );\n\n\n    opacity:\n        0;\n\n\n    transition:\n        .3s ease;\n\n}\n\n\n\/* Animated red sweep *\/\n\n.ljp-cat-card::after {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    left:\n        -40%;\n\n\n    bottom:\n        0;\n\n\n    width:\n        40%;\n\n\n    height:\n        2px;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            transparent,\n\n            var(--lj-red),\n\n            transparent\n\n        );\n\n\n    transition:\n        left .55s ease;\n\n\n    z-index:\n        5;\n\n}\n\n\n.ljp-cat-card:hover {\n\n    transform:\n\n        translateY(\n            -8px\n        )\n\n        perspective(\n            1000px\n        )\n\n        rotateX(\n            1.2deg\n        );\n\n\n    border-color:\n\n        rgba(\n            239,\n            27,\n            36,\n            .45\n        );\n\n\n    box-shadow:\n\n        0 26px 65px\n\n        rgba(\n            0,\n            0,\n            0,\n            .45\n        ),\n\n        0 0 0 1px\n\n        rgba(\n            239,\n            27,\n            36,\n            .05\n        );\n\n}\n\n\n.ljp-cat-card:hover::before {\n\n    opacity:\n        1;\n\n}\n\n\n.ljp-cat-card:hover::after {\n\n    left:\n        100%;\n\n}\n\n\n\/* =========================================================\n   CATALOG IMAGE\n========================================================= *\/\n\n.ljp-cat-media {\n\n    position:\n        relative;\n\n\n    aspect-ratio:\n        4 \/ 4.25;\n\n\n    overflow:\n        hidden;\n\n\n    background:\n        #08090a;\n\n}\n\n\n.ljp-cat-media::after {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    background:\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .28\n            ),\n\n            transparent 40%\n\n        );\n\n\n    pointer-events:\n        none;\n\n}\n\n\n.ljp-cat-media img {\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n\n    object-position:\n        center 44%;\n\n\n    transform:\n\n        scale(\n            1.01\n        );\n\n\n    transition:\n\n        transform .65s\n        cubic-bezier(\n            .2,\n            .75,\n            .2,\n            1\n        ),\n\n        filter .4s ease;\n\n}\n\n\n.ljp-cat-card:hover\n.ljp-cat-media img {\n\n    transform:\n\n        scale(\n            1.055\n        );\n\n\n    filter:\n\n        contrast(\n            1.04\n        )\n\n        saturate(\n            1.05\n        );\n\n}\n\n\n\/* =========================================================\n   CATALOG CARD COPY\n========================================================= *\/\n\n.ljp-cat-body {\n\n    position:\n        relative;\n\n\n    min-height:\n        178px;\n\n\n    padding:\n        22px 20px 20px;\n\n\n    background:\n\n        linear-gradient(\n\n            180deg,\n\n            #0d0e11,\n\n            #090a0c\n\n        );\n\n}\n\n\n.ljp-cat-series {\n\n    display:\n        block;\n\n\n    margin-bottom:\n        9px;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        9px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .13em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-cat-name {\n\n    margin:\n        0 0 8px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n        20px;\n\n\n    line-height:\n        1.08;\n\n\n    letter-spacing:\n        -.025em;\n\n}\n\n\n.ljp-cat-desc {\n\n    margin:\n        0 0 18px;\n\n\n    max-width:\n        240px;\n\n\n    color:\n        #a7abb2;\n\n\n    font-size:\n        12px;\n\n\n    line-height:\n        1.55;\n\n}\n\n\n.ljp-cat-link {\n\n    position:\n        absolute;\n\n\n    left:\n        20px;\n\n\n    right:\n        20px;\n\n\n    bottom:\n        18px;\n\n\n    display:\n        flex;\n\n\n    align-items:\n        center;\n\n\n    justify-content:\n        space-between;\n\n\n    color:\n        var(--lj-red);\n\n\n    text-decoration:\n        none;\n\n\n    font-size:\n        10px;\n\n\n    font-weight:\n        900;\n\n\n    letter-spacing:\n        .1em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-cat-link span:last-child {\n\n    font-size:\n        17px;\n\n\n    transition:\n        .25s ease;\n\n}\n\n\n.ljp-cat-card:hover\n.ljp-cat-link span:last-child {\n\n    transform:\n\n        translateX(\n            5px\n        );\n\n}\n\n\n\/* =========================================================\n   CATALOG FEATURES\n========================================================= *\/\n\n.ljp-catalog-features {\n\n    position:\n        relative;\n\n\n    z-index:\n        2;\n\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        repeat(\n            4,\n            1fr\n        );\n\n\n    margin-top:\n        52px;\n\n\n    border-top:\n\n        1px solid\n\n        rgba(\n            239,\n            27,\n            36,\n            .8\n        );\n\n}\n\n\n.ljp-feature {\n\n    padding:\n        30px 28px 10px;\n\n\n    border-right:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-feature:last-child {\n\n    border-right:\n        0;\n\n}\n\n\n.ljp-feature-icon {\n\n    display:\n        grid;\n\n\n    place-items:\n        center;\n\n\n    width:\n        42px;\n\n\n    height:\n        42px;\n\n\n    margin-bottom:\n        14px;\n\n\n    border:\n\n        1px solid\n\n        rgba(\n            239,\n            27,\n            36,\n            .65\n        );\n\n\n    border-radius:\n        8px;\n\n\n    color:\n        var(--lj-red);\n\n\n    font-size:\n        19px;\n\n}\n\n\n.ljp-feature strong {\n\n    display:\n        block;\n\n\n    margin-bottom:\n        7px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n        11px;\n\n\n    letter-spacing:\n        .14em;\n\n\n    text-transform:\n        uppercase;\n\n}\n\n\n.ljp-feature p {\n\n    margin:\n        0;\n\n\n    color:\n        #91969f;\n\n\n    font-size:\n        12px;\n\n\n    line-height:\n        1.55;\n\n}\n\n\n\/* =========================================================\n   MOVEMENT\n========================================================= *\/\n\n.ljp-move {\n\n    position:\n        relative;\n\n\n    min-height:\n        600px;\n\n\n    display:\n        flex;\n\n\n    align-items:\n        flex-end;\n\n\n    overflow:\n        hidden;\n\n\n    isolation:\n        isolate;\n\n\n    background:\n        #050505;\n\n}\n\n\n.ljp-move img {\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n\n    z-index:\n        -3;\n\n}\n\n\n.ljp-move::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        -2;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .92\n            ),\n\n            rgba(\n                0,\n                0,\n                0,\n                .5\n            ) 45%,\n\n            rgba(\n                0,\n                0,\n                0,\n                .08\n            ) 76%\n\n        ),\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .72\n            ),\n\n            transparent 56%\n\n        );\n\n}\n\n\n.ljp-move-in {\n\n    width:\n\n        min(\n            var(--lj-max),\n            calc(\n                100% - 64px\n            )\n        );\n\n\n    margin:\n        auto;\n\n\n    padding-bottom:\n        54px;\n\n}\n\n\n.ljp-move-copy {\n\n    max-width:\n        560px;\n\n}\n\n\n.ljp-move-copy\n.ljp-copy {\n\n    margin-top:\n        17px;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .72\n        );\n\n}\n\n\n\/* =========================================================\n   TECHNICAL DETAIL\n========================================================= *\/\n\n.ljp-tech {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        1.12fr\n        .88fr;\n\n\n    overflow:\n        hidden;\n\n\n    border-top:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    border-bottom:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        #08090b;\n\n}\n\n\n.ljp-tech-media {\n\n    min-height:\n        580px;\n\n\n    overflow:\n        hidden;\n\n}\n\n\n.ljp-tech-media img {\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n}\n\n\n.ljp-tech-copy {\n\n    position:\n        relative;\n\n\n    display:\n        flex;\n\n\n    align-items:\n        center;\n\n\n    padding:\n\n        66px\n\n        clamp(\n            34px,\n            6vw,\n            88px\n        );\n\n\n    background:\n\n        radial-gradient(\n\n            circle at 100% 100%,\n\n            rgba(\n                239,\n                27,\n                36,\n                .12\n            ),\n\n            transparent 36%\n\n        ),\n\n        #0d0f12;\n\n}\n\n\n.ljp-tech-copy::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    left:\n        0;\n\n\n    top:\n        0;\n\n\n    bottom:\n        0;\n\n\n    width:\n        2px;\n\n\n    background:\n        var(--lj-red);\n\n}\n\n\n.ljp-tech-in {\n\n    max-width:\n        520px;\n\n}\n\n\n.ljp-tech-in\n.ljp-copy {\n\n    margin-top:\n        20px;\n\n}\n\n\n.ljp-list {\n\n    margin:\n        26px 0 0;\n\n\n    padding:\n        0;\n\n\n    list-style:\n        none;\n\n\n    border-top:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-list li {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        38px\n        1fr;\n\n\n    gap:\n        10px;\n\n\n    padding:\n        15px 0;\n\n\n    border-bottom:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    color:\n        #fff;\n\n\n    font-size:\n        13px;\n\n}\n\n\n.ljp-list b {\n\n    color:\n        var(--lj-red);\n\n}\n\n\n\/* =========================================================\n   HERITAGE AND RACER EDITORIAL\n========================================================= *\/\n\n.ljp-duo {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        1fr\n        1fr;\n\n\n    gap:\n        16px;\n\n}\n\n\n.ljp-duo-card {\n\n    position:\n        relative;\n\n\n    min-height:\n        500px;\n\n\n    overflow:\n        hidden;\n\n\n    border:\n\n        1px solid\n\n        var(--lj-line);\n\n}\n\n\n.ljp-duo-card img {\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n}\n\n\n.ljp-duo-card::before {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    inset:\n        0;\n\n\n    z-index:\n        1;\n\n\n    background:\n\n        linear-gradient(\n\n            0deg,\n\n            rgba(\n                0,\n                0,\n                0,\n                .9\n            ),\n\n            transparent 66%\n\n        );\n\n}\n\n\n.ljp-duo-copy {\n\n    position:\n        absolute;\n\n\n    left:\n        28px;\n\n\n    right:\n        28px;\n\n\n    bottom:\n        28px;\n\n\n    z-index:\n        2;\n\n\n    max-width:\n        460px;\n\n}\n\n\n.ljp-duo-copy h3 {\n\n    margin:\n        0 0 10px;\n\n\n    color:\n        #fff;\n\n\n    font-size:\n\n        clamp(\n            29px,\n            3vw,\n            45px\n        );\n\n\n    line-height:\n        .98;\n\n\n    letter-spacing:\n        -.04em;\n\n}\n\n\n.ljp-duo-copy p {\n\n    margin:\n        0;\n\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .67\n        );\n\n\n    font-size:\n        13px;\n\n\n    line-height:\n        1.65;\n\n}\n\n\n\/* =========================================================\n   CRAFTSMANSHIP\n========================================================= *\/\n\n.ljp-craft {\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        .95fr\n        1.05fr;\n\n\n    overflow:\n        hidden;\n\n\n    border:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        #0b0c0e;\n\n}\n\n\n.ljp-craft-media {\n\n    min-height:\n        530px;\n\n\n    overflow:\n        hidden;\n\n}\n\n\n.ljp-craft-media img {\n\n    width:\n        100%;\n\n\n    height:\n        100%;\n\n\n    object-fit:\n        cover;\n\n}\n\n\n.ljp-craft-copy {\n\n    display:\n        flex;\n\n\n    align-items:\n        center;\n\n\n    padding:\n\n        58px\n\n        clamp(\n            34px,\n            6vw,\n            82px\n        );\n\n\n    background:\n\n        radial-gradient(\n\n            circle at bottom right,\n\n            rgba(\n                239,\n                27,\n                36,\n                .11\n            ),\n\n            transparent 36%\n\n        ),\n\n        #0d0f12;\n\n}\n\n\n\/* =========================================================\n   MANUFACTURING CTA\n========================================================= *\/\n\n.ljp-b2b {\n\n    position:\n        relative;\n\n\n    overflow:\n        hidden;\n\n\n    border-top:\n\n        1px solid\n\n        var(--lj-line);\n\n\n    background:\n        #060607;\n\n}\n\n\n.ljp-b2b::after {\n\n    content:\n        \"\";\n\n\n    position:\n        absolute;\n\n\n    right:\n        -170px;\n\n\n    top:\n        -250px;\n\n\n    width:\n        520px;\n\n\n    height:\n        520px;\n\n\n    border:\n\n        1px solid\n\n        rgba(\n            239,\n            27,\n            36,\n            .2\n        );\n\n\n    border-radius:\n        50%;\n\n}\n\n\n.ljp-b2b-grid {\n\n    position:\n        relative;\n\n\n    z-index:\n        2;\n\n\n    display:\n        grid;\n\n\n    grid-template-columns:\n\n        minmax(\n            0,\n            1fr\n        )\n\n        auto;\n\n\n    gap:\n        70px;\n\n\n    align-items:\n        end;\n\n}\n\n\n\/* =========================================================\n   DARK FOOTER\n========================================================= *\/\n\nbody.ljp-live footer,\n\nbody.ljp-live\n.wp-block-template-part footer {\n\n    position:\n        relative;\n\n\n    z-index:\n        5;\n\n\n    margin:\n        0\n        !important;\n\n\n    background:\n        #080808\n        !important;\n\n\n    color:\n        #fff\n        !important;\n\n\n    border-top:\n\n        1px solid\n\n        rgba(\n            255,\n            255,\n            255,\n            .08\n        )\n\n        !important;\n\n}\n\n\nbody.ljp-live\nfooter::before {\n\n    content:\n        \"\";\n\n\n    display:\n        block;\n\n\n    width:\n        100%;\n\n\n    height:\n        2px;\n\n\n    background:\n\n        linear-gradient(\n\n            90deg,\n\n            var(--lj-red),\n\n            rgba(\n                239,\n                27,\n                36,\n                .28\n            ) 30%,\n\n            transparent 70%\n\n        );\n\n}\n\n\nbody.ljp-live\nfooter\n.wp-block-group,\n\nbody.ljp-live\nfooter\n.wp-block-columns,\n\nbody.ljp-live\nfooter\n.wp-block-column,\n\nbody.ljp-live\nfooter\n.wp-block-navigation {\n\n    background:\n        #080808\n        !important;\n\n}\n\n\nbody.ljp-live footer h1,\n\nbody.ljp-live footer h2,\n\nbody.ljp-live footer h3,\n\nbody.ljp-live footer h4,\n\nbody.ljp-live footer h5,\n\nbody.ljp-live footer h6,\n\nbody.ljp-live\nfooter\n.wp-block-site-title,\n\nbody.ljp-live\nfooter\n.wp-block-site-title a {\n\n    color:\n        #fff\n        !important;\n\n}\n\n\nbody.ljp-live footer p,\n\nbody.ljp-live footer li,\n\nbody.ljp-live footer span,\n\nbody.ljp-live footer small {\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .62\n        )\n\n        !important;\n\n}\n\n\nbody.ljp-live footer a,\n\nbody.ljp-live\nfooter\n.wp-block-navigation-item__content {\n\n    color:\n\n        rgba(\n            255,\n            255,\n            255,\n            .74\n        )\n\n        !important;\n\n\n    text-decoration:\n        none\n        !important;\n\n}\n\n\nbody.ljp-live footer a:hover,\n\nbody.ljp-live\nfooter\n.wp-block-navigation-item__content:hover {\n\n    color:\n        var(--lj-red)\n        !important;\n\n}\n\n\n\/* =========================================================\n   SCROLL REVEAL\n========================================================= *\/\n\n.ljp-reveal {\n\n    opacity:\n        1;\n\n\n    transform:\n        none;\n\n}\n\n\nbody.ljp-js\n.ljp-reveal {\n\n    opacity:\n        0;\n\n\n    transform:\n\n        translateY(\n            26px\n        );\n\n\n    transition:\n\n        opacity .7s ease,\n\n        transform .7s\n        cubic-bezier(\n            .2,\n            .7,\n            .2,\n            1\n        );\n\n}\n\n\nbody.ljp-js\n.ljp-reveal.show {\n\n    opacity:\n        1;\n\n\n    transform:\n        none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(\n    max-width:\n    1100px\n) {\n\n    .ljp-hero-in {\n\n        grid-template-columns:\n            1fr;\n\n\n        gap:\n            27px;\n\n    }\n\n\n    .ljp-hero-tabs {\n\n        display:\n            grid;\n\n\n        grid-template-columns:\n\n            repeat(\n                3,\n                1fr\n            );\n\n    }\n\n\n    .ljp-hero-tab {\n\n        border-bottom:\n            0;\n\n\n        border-right:\n\n            1px solid\n\n            rgba(\n                255,\n                255,\n                255,\n                .08\n            );\n\n    }\n\n\n    .ljp-hero-tab:last-child {\n\n        border-right:\n            0;\n\n    }\n\n\n    .ljp-principles-grid {\n\n        grid-template-columns:\n\n            repeat(\n                2,\n                1fr\n            );\n\n    }\n\n\n    .ljp-head,\n\n    .ljp-catalog-head {\n\n        grid-template-columns:\n            1fr;\n\n\n        gap:\n            18px;\n\n    }\n\n\n    .ljp-catalog-side {\n\n        justify-self:\n            start;\n\n\n        max-width:\n            620px;\n\n    }\n\n\n    .ljp-story {\n\n        grid-template-columns:\n\n            210px\n\n            minmax(\n                0,\n                1fr\n            );\n\n    }\n\n\n    .ljp-dirs {\n\n        grid-template-columns:\n\n            repeat(\n                2,\n                1fr\n            );\n\n    }\n\n\n    .ljp-catalog-grid {\n\n        grid-template-columns:\n\n            repeat(\n                2,\n                minmax(\n                    0,\n                    1fr\n                )\n            );\n\n\n        gap:\n            14px;\n\n    }\n\n\n    .ljp-catalog-features {\n\n        grid-template-columns:\n\n            repeat(\n                2,\n                1fr\n            );\n\n    }\n\n\n    .ljp-feature:nth-child(\n        2\n    ) {\n\n        border-right:\n            0;\n\n    }\n\n\n    .ljp-feature:nth-child(\n        -n + 2\n    ) {\n\n        border-bottom:\n\n            1px solid\n\n            var(--lj-line);\n\n    }\n\n\n    .ljp-tech,\n\n    .ljp-craft {\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n\n    .ljp-tech-media,\n\n    .ljp-craft-media {\n\n        min-height:\n            470px;\n\n    }\n\n\n    .ljp-b2b-grid {\n\n        grid-template-columns:\n            1fr;\n\n\n        gap:\n            28px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(\n    max-width:\n    720px\n) {\n\n    .ljp-shell,\n\n    .ljp-hero-in,\n\n    .ljp-move-in {\n\n        width:\n\n            min(\n                var(--lj-max),\n                calc(\n                    100% - 30px\n                )\n            );\n\n    }\n\n\n    .ljp-sec {\n\n        padding:\n            66px 0;\n\n    }\n\n\n    .ljp-sec-sm {\n\n        padding:\n            50px 0;\n\n    }\n\n\n    \/* Hero mobile framing *\/\n\n    .ljp-hero {\n\n        min-height:\n            74svh;\n\n\n        max-height:\n            790px;\n\n    }\n\n\n    .ljp-hero-slide:nth-child(\n        1\n    ) img {\n\n        object-position:\n            68% center;\n\n    }\n\n\n    .ljp-hero-slide:nth-child(\n        2\n    ) img {\n\n        object-position:\n            61% center;\n\n    }\n\n\n    .ljp-hero-slide:nth-child(\n        3\n    ) img {\n\n        object-position:\n            63% center;\n\n    }\n\n\n    .ljp-hero::before {\n\n        background:\n\n            linear-gradient(\n\n                0deg,\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .97\n                ),\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .62\n                ) 54%,\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .1\n                ) 84%\n\n            );\n\n    }\n\n\n    .ljp-hero-in {\n\n        padding-bottom:\n            26px;\n\n    }\n\n\n    .ljp-xl {\n\n        font-size:\n\n            clamp(\n                47px,\n                14vw,\n                70px\n            );\n\n    }\n\n\n    .ljp-hero-tab {\n\n        padding:\n            14px 10px;\n\n    }\n\n\n    .ljp-lab {\n\n        font-size:\n            11px;\n\n    }\n\n\n    \/* Story *\/\n\n    .ljp-story {\n\n        display:\n            block;\n\n\n        min-height:\n            590px;\n\n    }\n\n\n    .ljp-story-tabs {\n\n        flex-direction:\n            row;\n\n\n        overflow-x:\n            auto;\n\n\n        border-right:\n            0;\n\n\n        border-bottom:\n\n            1px solid\n\n            var(--lj-line);\n\n    }\n\n\n    .ljp-story-tab {\n\n        flex:\n\n            0 0 33.333%;\n\n\n        min-width:\n            112px;\n\n\n        padding:\n            16px 12px;\n\n\n        border-bottom:\n            0;\n\n\n        border-right:\n\n            1px solid\n\n            var(--lj-line);\n\n    }\n\n\n    .ljp-story-stage,\n\n    .ljp-story-panel {\n\n        min-height:\n            490px;\n\n    }\n\n\n    .ljp-story-copy {\n\n        left:\n            21px;\n\n\n        right:\n            21px;\n\n\n        bottom:\n            22px;\n\n    }\n\n\n    .ljp-story-panel:nth-child(\n        1\n    ) img {\n\n        object-position:\n            62% center;\n\n    }\n\n\n    .ljp-story-panel:nth-child(\n        2\n    ) img {\n\n        object-position:\n            58% center;\n\n    }\n\n\n    .ljp-story-panel:nth-child(\n        3\n    ) img {\n\n        object-position:\n            52% center;\n\n    }\n\n\n    .ljp-dirs,\n\n    .ljp-duo {\n\n        grid-template-columns:\n            1fr;\n\n    }\n\n\n    .ljp-dir {\n\n        min-height:\n            410px;\n\n    }\n\n\n    \/* Catalogue filter *\/\n\n    .ljp-catalog-head {\n\n        margin-bottom:\n            26px;\n\n    }\n\n\n    .ljp-filter-row {\n\n        display:\n            block;\n\n\n        margin-bottom:\n            20px;\n\n    }\n\n\n    .ljp-filters {\n\n        display:\n            flex;\n\n\n        overflow-x:\n            auto;\n\n\n        flex-wrap:\n            nowrap;\n\n\n        padding-bottom:\n            6px;\n\n\n        scrollbar-width:\n            none;\n\n    }\n\n\n    .ljp-filters::-webkit-scrollbar {\n\n        display:\n            none;\n\n    }\n\n\n    .ljp-filter {\n\n        flex:\n            0 0 auto;\n\n\n        min-width:\n            auto;\n\n\n        height:\n            40px;\n\n\n        padding:\n            0 16px;\n\n    }\n\n\n    .ljp-filter-line,\n\n    .ljp-explore {\n\n        display:\n            none;\n\n    }\n\n\n    \/*\n     * Mobile becomes a premium swipe carousel.\n     * Desktop remains 4 \u00d7 2.\n     *\/\n\n    .ljp-catalog-grid {\n\n        display:\n            flex;\n\n\n        overflow-x:\n            auto;\n\n\n        gap:\n            13px;\n\n\n        padding:\n\n            0 15px\n            14px;\n\n\n        margin:\n\n            0 -15px;\n\n\n        scroll-snap-type:\n            x mandatory;\n\n\n        scrollbar-width:\n            none;\n\n    }\n\n\n    .ljp-catalog-grid::-webkit-scrollbar {\n\n        display:\n            none;\n\n    }\n\n\n    .ljp-cat-card {\n\n        flex:\n\n            0 0 86%;\n\n\n        scroll-snap-align:\n            start;\n\n    }\n\n\n    .ljp-cat-card:hover {\n\n        transform:\n            none;\n\n    }\n\n\n    .ljp-cat-media {\n\n        aspect-ratio:\n            4 \/ 4.45;\n\n    }\n\n\n    .ljp-cat-body {\n\n        min-height:\n            170px;\n\n    }\n\n\n    .ljp-catalog-features {\n\n        grid-template-columns:\n            1fr;\n\n\n        margin-top:\n            34px;\n\n    }\n\n\n    .ljp-feature {\n\n        border-right:\n            0;\n\n\n        border-bottom:\n\n            1px solid\n\n            var(--lj-line);\n\n\n        padding:\n            24px 2px;\n\n    }\n\n\n    .ljp-feature:last-child {\n\n        border-bottom:\n            0;\n\n    }\n\n\n    \/* Movement *\/\n\n    .ljp-move {\n\n        min-height:\n            560px;\n\n    }\n\n\n    .ljp-move img {\n\n        object-position:\n            61% center;\n\n    }\n\n\n    .ljp-move::before {\n\n        background:\n\n            linear-gradient(\n\n                0deg,\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .96\n                ),\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .5\n                ) 54%,\n\n                rgba(\n                    0,\n                    0,\n                    0,\n                    .08\n                ) 82%\n\n            );\n\n    }\n\n\n    .ljp-tech-media img {\n\n        object-position:\n            54% center;\n\n    }\n\n\n    .ljp-craft-media img {\n\n        object-position:\n            48% center;\n\n    }\n\n\n    .ljp-duo-card:nth-child(\n        1\n    ) img {\n\n        object-position:\n            57% center;\n\n    }\n\n\n    .ljp-duo-card:nth-child(\n        2\n    ) img {\n\n        object-position:\n            61% center;\n\n    }\n\n\n    .ljp-tech-media,\n\n    .ljp-craft-media {\n\n        min-height:\n            390px;\n\n    }\n\n\n    .ljp-tech-copy,\n\n    .ljp-craft-copy {\n\n        padding:\n            48px 22px;\n\n    }\n\n\n    .ljp-duo-card {\n\n        min-height:\n            440px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(\n    prefers-reduced-motion:\n    reduce\n) {\n\n    * {\n\n        animation-duration:\n            .01ms\n            !important;\n\n\n        animation-iteration-count:\n            1\n            !important;\n\n\n        transition-duration:\n            .01ms\n            !important;\n\n\n        scroll-behavior:\n            auto\n            !important;\n\n    }\n\n\n    .ljp-reveal,\n\n    body.ljp-js\n    .ljp-reveal {\n\n        opacity:\n            1\n            !important;\n\n\n        transform:\n            none\n            !important;\n\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"ljp-page\">\n\n\n<!-- =====================================================\n     LOADER\n===================================================== -->\n\n<div\n    class=\"ljp-loader\"\n    id=\"ljpLoader\">\n\n\n    <div class=\"ljp-loader-in\">\n\n\n        <div class=\"ljp-loader-brand\">\n\n            Laraib Industries\n\n        <\/div>\n\n\n        <h2 class=\"ljp-loader-title\">\n\n            Jackets\n\n        <\/h2>\n\n\n        <div class=\"ljp-loader-line\">\n\n            <span><\/span>\n\n        <\/div>\n\n\n        <div class=\"ljp-loader-meta\">\n\n\n            <span>\n\n                Loading collection\n\n            <\/span>\n\n\n            <span>\n\n                Preparing\n\n            <\/span>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"ljp-hero\">\n\n\n    <div class=\"ljp-hero-slide on\">\n\n\n        <img decoding=\"async\"\n\n            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jackets.png\"\n\n            alt=\"Laraib motorcycle leather jacket campaign\"\n\n            loading=\"eager\"\n\n            fetchpriority=\"high\">\n\n\n    <\/div>\n\n\n    <div class=\"ljp-hero-slide\">\n\n\n        <img decoding=\"async\"\n\n            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/angle-2.png\"\n\n            alt=\"Laraib motorcycle jacket alternate rider angle\">\n\n\n    <\/div>\n\n\n    <div class=\"ljp-hero-slide\">\n\n\n        <img decoding=\"async\"\n\n            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-5.png\"\n\n            alt=\"Laraib motorcycle jacket road campaign\">\n\n\n    <\/div>\n\n\n    <div class=\"ljp-hero-in\">\n\n\n        <div class=\"ljp-hero-copy\">\n\n\n            <span class=\"ljp-ey\">\n\n                Laraib Industries \/ Motorcycle Jackets\n\n            <\/span>\n\n\n            <h1 class=\"ljp-xl\">\n\n                Built to age.<br>\n\n                Made to ride.\n\n            <\/h1>\n\n\n            <p class=\"ljp-copy\">\n\n                Motorcycle leather shaped for the road,\n                cut around rider movement and finished with\n                material depth that gives a jacket character\n                beyond its first season.\n\n            <\/p>\n\n\n            <div class=\"ljp-actions\">\n\n\n                <a\n                    class=\"ljp-btn ljp-btn-red\"\n                    href=\"#jacketCatalogue\">\n\n                    Explore Collection\n\n                <\/a>\n\n\n                <a\n                    class=\"ljp-btn ljp-btn-ghost\"\n                    href=\"\/contact-us\/\">\n\n                    Manufacturing Enquiry\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-hero-tabs\">\n\n\n            <button\n                class=\"ljp-hero-tab on\"\n                data-hero=\"0\"\n                type=\"button\">\n\n\n                <span class=\"ljp-no\">\n\n                    01\n\n                <\/span>\n\n\n                <span class=\"ljp-lab\">\n\n                    Campaign\n\n                <\/span>\n\n\n            <\/button>\n\n\n            <button\n                class=\"ljp-hero-tab\"\n                data-hero=\"1\"\n                type=\"button\">\n\n\n                <span class=\"ljp-no\">\n\n                    02\n\n                <\/span>\n\n\n                <span class=\"ljp-lab\">\n\n                    Rider Angle\n\n                <\/span>\n\n\n            <\/button>\n\n\n            <button\n                class=\"ljp-hero-tab\"\n                data-hero=\"2\"\n                type=\"button\">\n\n\n                <span class=\"ljp-no\">\n\n                    03\n\n                <\/span>\n\n\n                <span class=\"ljp-lab\">\n\n                    Road\n\n                <\/span>\n\n\n            <\/button>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"ljp-hero-line\"><\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     PRINCIPLES\n===================================================== -->\n\n<section class=\"ljp-principles\">\n\n\n    <div class=\"ljp-principles-grid\">\n\n\n        <div class=\"ljp-principle\">\n\n\n            <strong>\n\n                Leather\n\n            <\/strong>\n\n\n            <span>\n\n                Material selected for depth,\n                structure and long term character.\n\n            <\/span>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-principle\">\n\n\n            <strong>\n\n                Construction\n\n            <\/strong>\n\n\n            <span>\n\n                Panels, seams and hardware\n                designed to work as one garment.\n\n            <\/span>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-principle\">\n\n\n            <strong>\n\n                Movement\n\n            <\/strong>\n\n\n            <span>\n\n                Riding posture considered\n                through shoulders and sleeves.\n\n            <\/span>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-principle\">\n\n\n            <strong>\n\n                Character\n\n            <\/strong>\n\n\n            <span>\n\n                Premium leather should gain personality\n                instead of simply wearing out.\n\n            <\/span>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     JACKET WORLDS\n===================================================== -->\n\n<section\n    class=\"ljp-sec ljp-reveal\">\n\n\n    <div class=\"ljp-shell\">\n\n\n        <div class=\"ljp-head\">\n\n\n            <div>\n\n\n                <span class=\"ljp-ey\">\n\n                    Jacket worlds\n\n                <\/span>\n\n\n                <h2 class=\"ljp-lg\">\n\n                    Different leather.<br>\n\n                    Different attitude.\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <p class=\"ljp-copy\">\n\n                Racer, heritage and construction each use\n                a different photographic role so the page\n                feels like a complete premium collection\n                instead of one repeated photoshoot.\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-story\">\n\n\n            <div class=\"ljp-story-tabs\">\n\n\n                <button\n                    class=\"ljp-story-tab on\"\n                    data-story=\"0\"\n                    type=\"button\">\n\n\n                    <span class=\"ljp-no\">\n\n                        01\n\n                    <\/span>\n\n\n                    <span class=\"ljp-lab\">\n\n                        Racer\n\n                    <\/span>\n\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-story-tab\"\n                    data-story=\"1\"\n                    type=\"button\">\n\n\n                    <span class=\"ljp-no\">\n\n                        02\n\n                    <\/span>\n\n\n                    <span class=\"ljp-lab\">\n\n                        Heritage\n\n                    <\/span>\n\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-story-tab\"\n                    data-story=\"2\"\n                    type=\"button\">\n\n\n                    <span class=\"ljp-no\">\n\n                        03\n\n                    <\/span>\n\n\n                    <span class=\"ljp-lab\">\n\n                        Construction\n\n                    <\/span>\n\n\n                <\/button>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-story-stage\">\n\n\n                <article\n                    class=\"ljp-story-panel on\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-2.png\"\n\n                        alt=\"Laraib racer jacket campaign\">\n\n\n                    <div class=\"ljp-story-copy\">\n\n\n                        <span class=\"ljp-ey\">\n\n                            Racer\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Sharper by design.\n\n                        <\/h3>\n\n\n                        <p>\n\n                            Darker energy,\n                            tighter rider proportions\n                            and a stronger performance attitude.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <article class=\"ljp-story-panel\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-3.png\"\n\n                        alt=\"Laraib heritage jacket\">\n\n\n                    <div class=\"ljp-story-copy\">\n\n\n                        <span class=\"ljp-ey\">\n\n                            Heritage\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Leather with a memory.\n\n                        <\/h3>\n\n\n                        <p>\n\n                            Warmer tones and a classic silhouette\n                            designed to gain character with time.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <article class=\"ljp-story-panel\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-6.png\"\n\n                        alt=\"Laraib jacket construction close up\">\n\n\n                    <div class=\"ljp-story-copy\">\n\n\n                        <span class=\"ljp-ey\">\n\n                            Construction\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Details do the work.\n\n                        <\/h3>\n\n\n                        <p>\n\n                            Leather grain, seam precision\n                            and reinforcement create the premium\n                            impression before a logo needs to.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     COLLECTION DIRECTIONS\n===================================================== -->\n\n<section class=\"ljp-sec-sm\">\n\n\n    <div class=\"ljp-shell\">\n\n\n        <div\n            class=\"ljp-head ljp-reveal\">\n\n\n            <div>\n\n\n                <span class=\"ljp-ey\">\n\n                    Collection directions\n\n                <\/span>\n\n\n                <h2 class=\"ljp-lg\">\n\n                    More than one<br>\n\n                    way to ride.\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <p class=\"ljp-copy\">\n\n                Different leather directions give\n                the collection contrast without repeating\n                the same rider composition throughout the page.\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"ljp-dirs\">\n\n\n            <article\n                class=\"ljp-dir ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-7.png\"\n\n                    alt=\"Black Laraib racer jacket\">\n\n\n                <div class=\"ljp-dir-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Racer\n\n                    <\/span>\n\n\n                    <h3>\n\n                        Black Performance\n\n                    <\/h3>\n\n\n                    <p>\n\n                        Darker construction\n                        with a sharper road presence.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n            <article\n                class=\"ljp-dir ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-8.png\"\n\n                    alt=\"Brown Laraib heritage jacket\">\n\n\n                <div class=\"ljp-dir-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Heritage\n\n                    <\/span>\n\n\n                    <h3>\n\n                        Brown Leather\n\n                    <\/h3>\n\n\n                    <p>\n\n                        Warmer tones\n                        and a timeless motorcycle silhouette.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n            <article\n                class=\"ljp-dir ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-4.png\"\n\n                    alt=\"Laraib jacket detail\">\n\n\n                <div class=\"ljp-dir-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Detail\n\n                    <\/span>\n\n\n                    <h3>\n\n                        Built Close\n\n                    <\/h3>\n\n\n                    <p>\n\n                        Texture,\n                        hardware and reinforcement in focus.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n            <article\n                class=\"ljp-dir ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/angle-2.png\"\n\n                    alt=\"Laraib motorcycle jacket rider angle\">\n\n\n                <div class=\"ljp-dir-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Road\n\n                    <\/span>\n\n\n                    <h3>\n\n                        Rider Perspective\n\n                    <\/h3>\n\n\n                    <p>\n\n                        A different angle\n                        that brings movement into the collection.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     NEW 8 JACKET PREMIUM CATALOGUE\n===================================================== -->\n\n<section\n    class=\"ljp-catalog ljp-sec\"\n    id=\"jacketCatalogue\">\n\n\n    <div class=\"ljp-shell\">\n\n\n        <div\n            class=\"ljp-catalog-head ljp-reveal\">\n\n\n            <div class=\"ljp-catalog-title\">\n\n\n                <span class=\"ljp-ey\">\n\n                    Jacket catalogue\n\n                <\/span>\n\n\n                <h2 class=\"ljp-lg\">\n\n                    Current Laraib<br>\n\n                    jacket collection.\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-catalog-side\">\n\n\n                <p class=\"ljp-copy\">\n\n                    Eight distinct leather directions\n                    presented as one disciplined collection\n                    with consistent framing,\n                    premium studio lighting\n                    and a stronger visual identity.\n\n                <\/p>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- FILTERS -->\n\n\n        <div\n            class=\"ljp-filter-row ljp-reveal\">\n\n\n            <div\n                class=\"ljp-filters\"\n                role=\"group\"\n                aria-label=\"Filter jackets\">\n\n\n                <button\n                    class=\"ljp-filter on\"\n                    type=\"button\"\n                    data-filter=\"all\">\n\n                    All\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-filter\"\n                    type=\"button\"\n                    data-filter=\"racer\">\n\n                    Racer\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-filter\"\n                    type=\"button\"\n                    data-filter=\"heritage\">\n\n                    Heritage\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-filter\"\n                    type=\"button\"\n                    data-filter=\"street\">\n\n                    Street\n\n                <\/button>\n\n\n                <button\n                    class=\"ljp-filter\"\n                    type=\"button\"\n                    data-filter=\"performance\">\n\n                    Performance\n\n                <\/button>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-filter-line\"><\/div>\n\n\n            <a\n                class=\"ljp-explore\"\n                href=\"\/contact-us\/\">\n\n                Explore all jackets\n\n                <i>\u2192<\/i>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- 4 \u00d7 2 GRID -->\n\n\n        <div\n            class=\"ljp-catalog-grid\"\n            id=\"ljpCatalogGrid\">\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"racer\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/black-performance\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/a.png\"\n\n                        alt=\"Black Performance Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Racer Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Black Performance\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        A sharper, more aggressive expression for the road.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"heritage\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/vintage-brown\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/b.png\"\n\n                        alt=\"Vintage Brown Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Heritage Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Vintage Brown\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        Timeless style with natural character and depth.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"racer\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/oxblood-legacy\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/c.png\"\n\n                        alt=\"Oxblood Legacy Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Racer Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Oxblood Legacy\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        A bold colour for riders who want a stronger presence.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"street\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/navy-urban\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/d.png\"\n\n                        alt=\"Navy Urban Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Street Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Navy Urban\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        A clean, versatile design shaped for everyday riding.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"street\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/olive-terrain\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/e.png\"\n\n                        alt=\"Olive Terrain Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Adventure Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Olive Terrain\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        Built for riders who move beyond the city.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"heritage\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/cognac-classic\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/f.png\"\n\n                        alt=\"Cognac Classic Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Premium Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Cognac Classic\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        A refined leather direction with enduring character.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"performance\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/graphite-motion\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/g.png\"\n\n                        alt=\"Graphite Motion Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Performance Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Graphite Motion\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        Modern construction with a technical edge.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n\n                class=\"ljp-cat-card ljp-reveal\"\n\n                data-cat=\"performance racer\">\n\n\n                <a class=\"ljp-cat-wrap\" href=\"\/products\/black-and-white-edition\/\">\n\n<div class=\"ljp-cat-media\">\n\n\n                    <img decoding=\"async\"\n\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/h.png\"\n\n                        alt=\"Black and White Edition Laraib leather jacket\"\n\n                        loading=\"lazy\">\n\n\n                <\/div>\n\n\n                <div class=\"ljp-cat-body\">\n\n\n                    <span class=\"ljp-cat-series\">\n\n                        Racer Series\n                    <\/span>\n\n\n                    <h3 class=\"ljp-cat-name\">\n\n                        Black and White Edition\n                    <\/h3>\n\n\n                    <p class=\"ljp-cat-desc\">\n\n                        Precision styling for a cleaner performance look.\n                    <\/p>\n\n\n                    <span class=\"ljp-cat-link\">\n\n\n                        <span>\n\n                            View Details\n\n                        <\/span>\n\n\n                        <span>\n\n                            \u2192\n\n                        <\/span>\n\n\n                    <\/span>\n\n\n                <\/div>\n\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n        <\/div>\n\n\n        <!-- COLLECTION VALUES -->\n\n\n        <div\n            class=\"ljp-catalog-features ljp-reveal\">\n\n\n            <div class=\"ljp-feature\">\n\n\n                <div class=\"ljp-feature-icon\">\n\n                    \u25c7\n\n                <\/div>\n\n\n                <strong>\n\n                    Premium Leather\n\n                <\/strong>\n\n\n                <p>\n\n                    Carefully selected for strength,\n                    depth and long term character.\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-feature\">\n\n\n                <div class=\"ljp-feature-icon\">\n\n                    \u25b1\n\n                <\/div>\n\n\n                <strong>\n\n                    Precision Construction\n\n                <\/strong>\n\n\n                <p>\n\n                    Engineered panels,\n                    reinforced seams\n                    and durable hardware.\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-feature\">\n\n\n                <div class=\"ljp-feature-icon\">\n\n                    \u2727\n\n                <\/div>\n\n\n                <strong>\n\n                    Rider Focused\n\n                <\/strong>\n\n\n                <p>\n\n                    Designed around real\n                    riding movement and comfort.\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <div class=\"ljp-feature\">\n\n\n                <div class=\"ljp-feature-icon\">\n\n                    \u2b21\n\n                <\/div>\n\n\n                <strong>\n\n                    Lasting Style\n\n                <\/strong>\n\n\n                <p>\n\n                    Jackets that gain personality\n                    instead of simply wearing out.\n\n                <\/p>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     MOVEMENT\n===================================================== -->\n\n<section\n    class=\"ljp-move ljp-reveal\">\n\n\n    <img decoding=\"async\"\n\n        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-5.png\"\n\n        alt=\"Laraib jacket movement campaign\"\n\n        loading=\"lazy\">\n\n\n    <div class=\"ljp-move-in\">\n\n\n        <div class=\"ljp-move-copy\">\n\n\n            <span class=\"ljp-ey\">\n\n                Movement in focus\n\n            <\/span>\n\n\n            <h2 class=\"ljp-md\">\n\n                The jacket should move with you.\n\n            <\/h2>\n\n\n            <p class=\"ljp-copy\">\n\n                Motorcycle leather has to look strong,\n                but the garment still has to respond naturally\n                through the shoulders,\n                sleeves and riding position.\n\n            <\/p>\n\n\n            <div class=\"ljp-actions\">\n\n\n                <a\n                    class=\"ljp-btn ljp-btn-red\"\n                    href=\"\/contact-us\/\">\n\n                    Enquire Jackets\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     TECHNICAL DETAIL\n===================================================== -->\n\n<section\n    class=\"ljp-tech ljp-reveal\">\n\n\n    <div class=\"ljp-tech-media\">\n\n\n        <img decoding=\"async\"\n\n            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-4.png\"\n\n            alt=\"Laraib leather jacket detail\"\n\n            loading=\"lazy\">\n\n\n    <\/div>\n\n\n    <div class=\"ljp-tech-copy\">\n\n\n        <div class=\"ljp-tech-in\">\n\n\n            <span class=\"ljp-ey\">\n\n                Construction\n\n            <\/span>\n\n\n            <h2 class=\"ljp-md\">\n\n                Quality becomes visible in the details.\n\n            <\/h2>\n\n\n            <p class=\"ljp-copy\">\n\n                A premium jacket page should let\n                the customer see the grain,\n                structure, hardware and seam work\n                instead of relying only on distant\n                lifestyle photography.\n\n            <\/p>\n\n\n            <ul class=\"ljp-list\">\n\n\n                <li>\n\n                    <b>01<\/b>\n\n                    <span>\n\n                        Premium leather depth\n\n                    <\/span>\n\n                <\/li>\n\n\n                <li>\n\n                    <b>02<\/b>\n\n                    <span>\n\n                        Controlled seam placement\n\n                    <\/span>\n\n                <\/li>\n\n\n                <li>\n\n                    <b>03<\/b>\n\n                    <span>\n\n                        Functional hardware integration\n\n                    <\/span>\n\n                <\/li>\n\n\n                <li>\n\n                    <b>04<\/b>\n\n                    <span>\n\n                        Reinforced riding zones\n\n                    <\/span>\n\n                <\/li>\n\n\n            <\/ul>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     EDITORIAL DUO\n===================================================== -->\n\n<section class=\"ljp-sec-sm\">\n\n\n    <div class=\"ljp-shell\">\n\n\n        <div class=\"ljp-duo\">\n\n\n            <article\n                class=\"ljp-duo-card ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-3.png\"\n\n                    alt=\"Laraib heritage jacket campaign\"\n\n                    loading=\"lazy\">\n\n\n                <div class=\"ljp-duo-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Heritage\n\n                    <\/span>\n\n\n                    <h3>\n\n                        Leather should gain character.\n\n                    <\/h3>\n\n\n                    <p>\n\n                        Natural variation and wear\n                        become part of the garment\n                        instead of something to hide.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n            <article\n                class=\"ljp-duo-card ljp-reveal\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-2.png\"\n\n                    alt=\"Laraib racer jacket campaign\"\n\n                    loading=\"lazy\">\n\n\n                <div class=\"ljp-duo-copy\">\n\n\n                    <span class=\"ljp-ey\">\n\n                        Racer\n\n                    <\/span>\n\n\n                    <h3>\n\n                        A sharper expression of the road.\n\n                    <\/h3>\n\n\n                    <p>\n\n                        Darker styling and a more aggressive\n                        rider language for the performance\n                        side of Laraib.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     CRAFTSMANSHIP\n===================================================== -->\n\n<section class=\"ljp-sec-sm\">\n\n\n    <div class=\"ljp-shell\">\n\n\n        <div\n            class=\"ljp-craft ljp-reveal\">\n\n\n            <div class=\"ljp-craft-media\">\n\n\n                <img decoding=\"async\"\n\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-stiching.png\"\n\n                    alt=\"Laraib jacket manufacturing\"\n\n                    loading=\"lazy\">\n\n\n            <\/div>\n\n\n            <div class=\"ljp-craft-copy\">\n\n\n                <div>\n\n\n                    <span class=\"ljp-ey\">\n\n                        Behind the product\n\n                    <\/span>\n\n\n                    <h2 class=\"ljp-md\">\n\n                        Premium starts before\n                        the jacket is finished.\n\n                    <\/h2>\n\n\n                    <p\n                        class=\"ljp-copy\"\n                        style=\"\n                            margin-top:\n                            20px;\n                        \">\n\n                        Material preparation,\n                        pattern work,\n                        controlled stitching\n                        and final inspection\n                        give the campaign imagery\n                        something real to stand behind.\n\n                    <\/p>\n\n\n                    <ul class=\"ljp-list\">\n\n\n                        <li>\n\n                            <b>01<\/b>\n\n                            <span>\n\n                                Leather selection and inspection\n\n                            <\/span>\n\n                        <\/li>\n\n\n                        <li>\n\n                            <b>02<\/b>\n\n                            <span>\n\n                                Pattern and panel preparation\n\n                            <\/span>\n\n                        <\/li>\n\n\n                        <li>\n\n                            <b>03<\/b>\n\n                            <span>\n\n                                Precision stitching and reinforcement\n\n                            <\/span>\n\n                        <\/li>\n\n\n                        <li>\n\n                            <b>04<\/b>\n\n                            <span>\n\n                                Finishing and quality review\n\n                            <\/span>\n\n                        <\/li>\n\n\n                    <\/ul>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<!-- =====================================================\n     MANUFACTURING CTA\n===================================================== -->\n\n<section class=\"ljp-b2b\">\n\n\n    <div\n        class=\"ljp-shell ljp-sec-sm\">\n\n\n        <div\n            class=\"ljp-b2b-grid ljp-reveal\">\n\n\n            <div>\n\n\n                <span class=\"ljp-ey\">\n\n                    Manufacturing enquiries\n\n                <\/span>\n\n\n                <h2 class=\"ljp-md\">\n\n                    Build your next leather\n                    collection with Laraib.\n\n                <\/h2>\n\n\n                <p\n                    class=\"ljp-copy\"\n                    style=\"\n                        margin-top:\n                        18px;\n\n                        max-width:\n                        680px;\n                    \">\n\n                    Talk to Laraib Industries\n                    about wholesale motorcycle jackets,\n                    custom requirements,\n                    product development\n                    and private manufacturing projects.\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <div>\n\n\n                <a\n                    class=\"ljp-btn ljp-btn-red\"\n                    href=\"\/contact-us\/\">\n\n                    Start an Enquiry\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\n\n(function () {\n\n\n    function ready(fn) {\n\n\n        if (\n            document.readyState ===\n            'loading'\n        ) {\n\n\n            document.addEventListener(\n                'DOMContentLoaded',\n                fn\n            );\n\n\n        } else {\n\n\n            fn();\n\n\n        }\n\n\n    }\n\n\n    ready(function () {\n\n\n        var page =\n            document.querySelector(\n                '.ljp-page'\n            );\n\n\n        if (!page) {\n\n            return;\n\n        }\n\n\n        document.body.classList.add(\n            'ljp-live',\n            'ljp-js'\n        );\n\n\n        \/* =====================================================\n           FIX WORDPRESS WHITE SPACE\n\n           This walks only through the wrapper chain\n           containing this shortcode.\n\n           No wrapper is hidden.\n        ===================================================== *\/\n\n        var node =\n            page.parentElement;\n\n\n        while (\n            node &&\n            node !== document.body\n        ) {\n\n\n            node.style.setProperty(\n                'margin-top',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'margin-bottom',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'margin-block-start',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'margin-block-end',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'padding-top',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'padding-bottom',\n                '0',\n                'important'\n            );\n\n\n            node.style.setProperty(\n                'background-color',\n                '#050506',\n                'important'\n            );\n\n\n            if (\n                node.matches(\n                    'main'\n                )\n            ) {\n\n                break;\n\n            }\n\n\n            node =\n                node.parentElement;\n\n\n        }\n\n\n        var main =\n            page.closest(\n                'main'\n            );\n\n\n        if (main) {\n\n\n            main.style.setProperty(\n                'margin',\n                '0',\n                'important'\n            );\n\n\n            main.style.setProperty(\n                'padding',\n                '0',\n                'important'\n            );\n\n\n            main.style.setProperty(\n                'background',\n                '#050506',\n                'important'\n            );\n\n\n        }\n\n\n        \/* =====================================================\n           REMOVE EMPTY TITLE HOLDER SAFELY\n        ===================================================== *\/\n\n        [\n\n            '.wp-block-post-title',\n\n            '.entry-title',\n\n            '.page-title',\n\n            '.archive-title',\n\n            '.wp-block-query-title',\n\n            '.woocommerce-breadcrumb',\n\n            '.breadcrumbs'\n\n        ].forEach(\n            function (selector) {\n\n\n                document\n                    .querySelectorAll(\n                        selector\n                    )\n                    .forEach(\n                        function (element) {\n\n\n                            if (\n                                page.contains(\n                                    element\n                                )\n                            ) {\n\n                                return;\n\n                            }\n\n\n                            element.style.setProperty(\n                                'display',\n                                'none',\n                                'important'\n                            );\n\n\n                            var parent =\n                                element.parentElement;\n\n\n                            if (\n                                parent &&\n                                !parent.contains(\n                                    page\n                                )\n                            ) {\n\n\n                                var meaningful =\n\n                                    Array\n                                        .from(\n                                            parent.children\n                                        )\n                                        .some(\n                                            function (child) {\n\n\n                                                if (\n                                                    child === element\n                                                ) {\n\n                                                    return false;\n\n                                                }\n\n\n                                                var text =\n\n                                                    (\n                                                        child.textContent ||\n                                                        ''\n                                                    )\n                                                    .trim();\n\n\n                                                return (\n\n                                                    text.length >\n                                                    0\n\n                                                ) ||\n\n                                                !!child\n                                                    .querySelector(\n                                                        'img,video,iframe,form,.ljp-page'\n                                                    );\n\n\n                                            }\n                                        );\n\n\n                                if (\n                                    !meaningful\n                                ) {\n\n\n                                    parent\n                                        .style\n                                        .setProperty(\n                                            'display',\n                                            'none',\n                                            'important'\n                                        );\n\n\n                                }\n\n\n                            }\n\n\n                        }\n                    );\n\n\n            }\n        );\n\n\n        \/* =====================================================\n           LOADER\n        ===================================================== *\/\n\n        var loader =\n            document.getElementById(\n                'ljpLoader'\n            );\n\n\n        setTimeout(\n            function () {\n\n\n                if (loader) {\n\n\n                    loader\n                        .classList\n                        .add(\n                            'hide'\n                        );\n\n\n                }\n\n\n            },\n            800\n        );\n\n\n        var reduce =\n\n            window.matchMedia &&\n\n            window.matchMedia(\n                '(prefers-reduced-motion: reduce)'\n            ).matches;\n\n\n        \/* =====================================================\n           SLIDER ENGINE\n        ===================================================== *\/\n\n        function slider(\n            buttonSelector,\n            panelSelector,\n            delay\n        ) {\n\n\n            var buttons =\n\n                Array.from(\n                    page.querySelectorAll(\n                        buttonSelector\n                    )\n                );\n\n\n            var panels =\n\n                Array.from(\n                    page.querySelectorAll(\n                        panelSelector\n                    )\n                );\n\n\n            var index =\n                0;\n\n\n            var timer =\n                null;\n\n\n            function show(i) {\n\n\n                if (\n                    i < 0 ||\n                    i >= panels.length\n                ) {\n\n                    return;\n\n                }\n\n\n                index =\n                    i;\n\n\n                panels.forEach(\n                    function (panel, j) {\n\n\n                        panel\n                            .classList\n                            .toggle(\n                                'on',\n                                j === i\n                            );\n\n\n                    }\n                );\n\n\n                buttons.forEach(\n                    function (button, j) {\n\n\n                        button\n                            .classList\n                            .toggle(\n                                'on',\n                                j === i\n                            );\n\n\n                    }\n                );\n\n\n            }\n\n\n            function run() {\n\n\n                if (timer) {\n\n\n                    clearInterval(\n                        timer\n                    );\n\n\n                }\n\n\n                if (\n                    reduce ||\n                    panels.length < 2\n                ) {\n\n                    return;\n\n                }\n\n\n                timer =\n\n                    setInterval(\n                        function () {\n\n\n                            show(\n\n                                (\n                                    index + 1\n                                ) %\n\n                                panels.length\n\n                            );\n\n\n                        },\n                        delay\n                    );\n\n\n            }\n\n\n            buttons.forEach(\n                function (button, i) {\n\n\n                    button.addEventListener(\n                        'click',\n                        function () {\n\n\n                            show(i);\n\n                            run();\n\n\n                        }\n                    );\n\n\n                }\n            );\n\n\n            show(0);\n\n            run();\n\n\n        }\n\n\n        slider(\n            '.ljp-hero-tab',\n            '.ljp-hero-slide',\n            6000\n        );\n\n\n        slider(\n            '.ljp-story-tab',\n            '.ljp-story-panel',\n            6200\n        );\n\n\n        \/* =====================================================\n           CATALOGUE FILTERS\n        ===================================================== *\/\n\n        var filters =\n\n            Array.from(\n                page.querySelectorAll(\n                    '.ljp-filter'\n                )\n            );\n\n\n        var cards =\n\n            Array.from(\n                page.querySelectorAll(\n                    '.ljp-cat-card'\n                )\n            );\n\n\n        filters.forEach(\n            function (button) {\n\n\n                button.addEventListener(\n                    'click',\n                    function () {\n\n\n                        var filter =\n                            button\n                                .getAttribute(\n                                    'data-filter'\n                                );\n\n\n                        filters.forEach(\n                            function (item) {\n\n\n                                item\n                                    .classList\n                                    .toggle(\n                                        'on',\n                                        item === button\n                                    );\n\n\n                            }\n                        );\n\n\n                        cards.forEach(\n                            function (card) {\n\n\n                                var categories =\n\n                                    (\n                                        card\n                                            .getAttribute(\n                                                'data-cat'\n                                            ) ||\n                                        ''\n                                    )\n                                    .split(\n                                        \/\\s+\/\n                                    );\n\n\n                                var visible =\n\n                                    filter ===\n                                    'all'\n\n                                    ||\n\n                                    categories\n                                        .indexOf(\n                                            filter\n                                        ) !==\n                                    -1;\n\n\n                                card\n                                    .classList\n                                    .toggle(\n                                        'hide-card',\n                                        !visible\n                                    );\n\n\n                            }\n                        );\n\n\n                    }\n                );\n\n\n            }\n        );\n\n\n        \/* =====================================================\n           PREMIUM POINTER LIGHTING\n        ===================================================== *\/\n\n        if (\n            !reduce &&\n            window.matchMedia(\n                '(min-width:721px)'\n            ).matches\n        ) {\n\n\n            cards.forEach(\n                function (card) {\n\n\n                    card.addEventListener(\n                        'pointermove',\n                        function (event) {\n\n\n                            var rect =\n                                card\n                                    .getBoundingClientRect();\n\n\n                            var x =\n\n                                (\n                                    (\n                                        event.clientX -\n                                        rect.left\n                                    )\n\n                                    \/\n\n                                    rect.width\n\n                                    *\n\n                                    100\n                                )\n\n                                + '%';\n\n\n                            var y =\n\n                                (\n                                    (\n                                        event.clientY -\n                                        rect.top\n                                    )\n\n                                    \/\n\n                                    rect.height\n\n                                    *\n\n                                    100\n                                )\n\n                                + '%';\n\n\n                            card.style.setProperty(\n                                '--mx',\n                                x\n                            );\n\n\n                            card.style.setProperty(\n                                '--my',\n                                y\n                            );\n\n\n                        }\n                    );\n\n\n                }\n            );\n\n\n        }\n\n\n        \/* =====================================================\n           REVEAL ANIMATIONS\n        ===================================================== *\/\n\n        var items =\n            page.querySelectorAll(\n                '.ljp-reveal'\n            );\n\n\n        if (\n            reduce ||\n            !(\n                'IntersectionObserver'\n                in window\n            )\n        ) {\n\n\n            items.forEach(\n                function (item) {\n\n\n                    item\n                        .classList\n                        .add(\n                            'show'\n                        );\n\n\n                }\n            );\n\n\n        } else {\n\n\n            items.forEach(\n                function (item) {\n\n\n                    if (\n                        item\n                            .getBoundingClientRect()\n                            .top\n                        <\n                        window.innerHeight\n                    ) {\n\n\n                        item\n                            .classList\n                            .add(\n                                'show'\n                            );\n\n\n                    }\n\n\n                }\n            );\n\n\n            var observer =\n\n                new IntersectionObserver(\n\n                    function (entries) {\n\n\n                        entries.forEach(\n                            function (entry) {\n\n\n                                if (\n                                    entry.isIntersecting\n                                ) {\n\n\n                                    entry.target\n                                        .classList\n                                        .add(\n                                            'show'\n                                        );\n\n\n                                    observer\n                                        .unobserve(\n                                            entry.target\n                                        );\n\n\n                                }\n\n\n                            }\n                        );\n\n\n                    },\n\n                    {\n\n                        threshold:\n                            .08\n\n                    }\n\n                );\n\n\n            items.forEach(\n                function (item) {\n\n\n                    if (\n                        !item\n                            .classList\n                            .contains(\n                                'show'\n                            )\n                    ) {\n\n\n                        observer\n                            .observe(\n                                item\n                            );\n\n\n                    }\n\n\n                }\n            );\n\n\n        }\n\n\n        \/* =====================================================\n           SMOOTH INTERNAL LINKS\n        ===================================================== *\/\n\n        page\n            .querySelectorAll(\n                'a[href^=\"#\"]'\n            )\n            .forEach(\n                function (anchor) {\n\n\n                    anchor.addEventListener(\n                        'click',\n                        function (event) {\n\n\n                            var id =\n                                anchor\n                                    .getAttribute(\n                                        'href'\n                                    );\n\n\n                            if (\n                                !id ||\n                                id === '#'\n                            ) {\n\n                                return;\n\n                            }\n\n\n                            var target =\n                                document\n                                    .querySelector(\n                                        id\n                                    );\n\n\n                            if (target) {\n\n\n                                event\n                                    .preventDefault();\n\n\n                                target\n                                    .scrollIntoView(\n                                        {\n\n                                            behavior:\n\n                                                reduce\n\n                                                ? 'auto'\n\n                                                : 'smooth',\n\n                                            block:\n                                                'start'\n\n                                        }\n                                    );\n\n\n                            }\n\n\n                        }\n                    );\n\n\n                }\n            );\n\n\n    });\n\n\n})();\n\n<\/script>\n\n<style id=\"ljp-stability-guard\">\n\/* Stability guard: never let enhancement classes hide real page images. *\/\n.ljp-page .ljp-hero-slide.on img,\n.ljp-page .ljp-story-panel.on img,\n.ljp-page .ljp-dir img,\n.ljp-page .ljp-cat-media img,\n.ljp-page .ljp-move img,\n.ljp-page .ljp-tech-media img,\n.ljp-page .ljp-duo-card img,\n.ljp-page .ljp-craft-media img {\n    visibility: visible !important;\n}\n\n\/* Keep the shortcode flush with the Twenty Twenty-Five content wrapper. *\/\nbody.ljp-live main,\nbody.ljp-live .wp-site-blocks > main,\nbody.ljp-live .wp-block-post-content,\nbody.ljp-live .entry-content {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\nbody.ljp-live .wp-block-post-content > .ljp-page,\nbody.ljp-live .entry-content > .ljp-page {\n    margin-block-start: 0 !important;\n    margin-block-end: 0 !important;\n}\n<\/style>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":2,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/173\/revisions\/331"}],"up":[{"embeddable":true,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}