{"id":175,"date":"2026-09-27T19:45:31","date_gmt":"2026-09-27T19:45:31","guid":{"rendered":"https:\/\/laraibindustries.com\/products\/gloves\/"},"modified":"2026-10-15T17:14:32","modified_gmt":"2026-10-15T17:14:32","slug":"gloves","status":"publish","type":"page","link":"https:\/\/laraibindustries.com\/ja\/products\/gloves\/","title":{"rendered":"Gloves"},"content":{"rendered":"\n\n<style>\n\n:root{\n\n    --lgx-red:#e31e24;\n    --lgx-red-dark:#b71319;\n\n    --lgx-bg:#080808;\n\n    --lgx-panel:#121315;\n    --lgx-panel2:#181a1e;\n\n    --lgx-line:rgba(255,255,255,.09);\n\n    --lgx-text:#f6f6f6;\n\n    --lgx-muted:#9da2aa;\n\n}\n\n\n\/* =========================================================\n   GLOBAL PAGE\n========================================================= *\/\n\nbody.lgx-gloves-page{\n\n    overflow-x:hidden;\n\n    background:#080808;\n\n}\n\n\nbody.lgx-loading{\n\n    overflow:hidden;\n\n}\n\n\n.lgx-page,\n.lgx-page *{\n\n    box-sizing:border-box;\n\n}\n\n\n.lgx-page{\n\n    width:100vw!important;\n\n    max-width:none!important;\n\n    margin-left:calc(50% - 50vw)!important;\n\n    margin-right:calc(50% - 50vw)!important;\n\n    background:var(--lgx-bg);\n\n    color:var(--lgx-text);\n\n    overflow:hidden;\n\n}\n\n\n.entry-content > .lgx-page{\n\n    margin-block-start:0!important;\n\n}\n\n\n.lgx-page img{\n\n    display:block;\n\n    max-width:100%;\n\n}\n\n\n.lgx-shell{\n\n    width:min(\n        1440px,\n        calc(100% - 72px)\n    );\n\n    margin:auto;\n\n}\n\n\n.lgx-kicker{\n\n    display:block;\n\n    margin:0 0 14px;\n\n    color:var(--lgx-red);\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.2em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-title{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(\n        38px,\n        4.7vw,\n        70px\n    );\n\n    line-height:.96;\n\n    letter-spacing:-.05em;\n\n    font-weight:800;\n\n}\n\n\n.lgx-copy{\n\n    margin:0;\n\n    color:var(--lgx-muted);\n\n    font-size:15px;\n\n    line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.lgx-btn{\n\n    position:relative;\n\n    z-index:1;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    min-height:50px;\n\n    padding:14px 26px;\n\n    overflow:hidden;\n\n    border:1px solid transparent;\n\n    text-decoration:none;\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.1em;\n\n    text-transform:uppercase;\n\n    transition:.25s;\n\n}\n\n\n.lgx-btn:hover{\n\n    transform:translateY(-2px);\n\n}\n\n\n.lgx-btn--red{\n\n    background:var(--lgx-red);\n\n    color:#fff;\n\n}\n\n\n.lgx-btn--red:hover{\n\n    background:var(--lgx-red-dark);\n\n}\n\n\n.lgx-btn--ghost{\n\n    color:#fff;\n\n    border-color:rgba(255,255,255,.35);\n\n    background:rgba(0,0,0,.18);\n\n}\n\n\n.lgx-btn--ghost:hover{\n\n    background:#fff;\n\n    color:#111;\n\n    border-color:#fff;\n\n}\n\n\n\/* =========================================================\n   LOADER\n========================================================= *\/\n\n.lgx-loader{\n\n    position:fixed;\n\n    inset:0;\n\n    z-index:999999;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    background:#050505;\n\n    color:#fff;\n\n    transition:\n        opacity .7s,\n        visibility .7s;\n\n}\n\n\n.lgx-loader.is-hidden{\n\n    opacity:0;\n\n    visibility:hidden;\n\n    pointer-events:none;\n\n}\n\n\n.lgx-loader__inner{\n\n    width:min(\n        470px,\n        calc(100% - 48px)\n    );\n\n}\n\n\n.lgx-loader__brand{\n\n    margin-bottom:22px;\n\n    color:var(--lgx-red);\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.24em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-loader__title{\n\n    margin:0 0 32px;\n\n    font-size:clamp(\n        42px,\n        8vw,\n        72px\n    );\n\n    line-height:.9;\n\n    letter-spacing:-.05em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-loader__bar{\n\n    height:2px;\n\n    background:rgba(255,255,255,.12);\n\n    overflow:hidden;\n\n}\n\n\n.lgx-loader__bar span{\n\n    display:block;\n\n    width:0;\n\n    height:100%;\n\n    background:var(--lgx-red);\n\n    box-shadow:\n        0 0 18px\n        rgba(227,30,36,.7);\n\n    transition:width .25s;\n\n}\n\n\n.lgx-loader__bottom{\n\n    display:flex;\n\n    justify-content:space-between;\n\n    margin-top:12px;\n\n    color:rgba(255,255,255,.45);\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.14em;\n\n    text-transform:uppercase;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.lgx-hero{\n\n    position:relative;\n\n    min-height:clamp(\n        650px,\n        82svh,\n        920px\n    );\n\n    display:flex;\n\n    align-items:flex-end;\n\n    isolation:isolate;\n\n    overflow:hidden;\n\n    background:#050505;\n\n}\n\n\n.lgx-hero__media{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:63% 48%;\n\n    z-index:-4;\n\n    transform:scale(1.08);\n\n    transition:\n        transform 1.7s\n        cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n.lgx-page.is-ready\n.lgx-hero__media{\n\n    transform:scale(1);\n\n}\n\n\n.lgx-hero::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-3;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.95) 0%,\n            rgba(0,0,0,.78) 29%,\n            rgba(0,0,0,.42) 53%,\n            rgba(0,0,0,.12) 78%\n        );\n\n}\n\n\n.lgx-hero::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    right:0;\n\n    bottom:0;\n\n    height:42%;\n\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(0,0,0,.88),\n            transparent\n        );\n\n}\n\n\n.lgx-hero__inner{\n\n    width:min(\n        1440px,\n        calc(100% - 72px)\n    );\n\n    margin:auto;\n\n    padding-bottom:80px;\n\n}\n\n\n.lgx-hero__content{\n\n    max-width:720px;\n\n}\n\n\n.lgx-hero__eyebrow{\n\n    display:block;\n\n    margin-bottom:18px;\n\n    color:var(--lgx-red);\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.23em;\n\n    text-transform:uppercase;\n\n    opacity:0;\n\n    transform:translateY(20px);\n\n    transition:.7s .15s;\n\n}\n\n\n.lgx-hero h1{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(\n        58px,\n        7.8vw,\n        110px\n    );\n\n    line-height:.85;\n\n    letter-spacing:-.065em;\n\n    font-weight:800;\n\n    text-transform:uppercase;\n\n    opacity:0;\n\n    transform:translateY(30px);\n\n    transition:.9s .28s;\n\n}\n\n\n.lgx-hero__copy{\n\n    max-width:520px;\n\n    margin:27px 0 31px;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:15px;\n\n    line-height:1.7;\n\n    opacity:0;\n\n    transform:translateY(22px);\n\n    transition:.8s .44s;\n\n}\n\n\n.lgx-hero__actions{\n\n    display:flex;\n\n    flex-wrap:wrap;\n\n    gap:11px;\n\n    opacity:0;\n\n    transform:translateY(20px);\n\n    transition:.8s .58s;\n\n}\n\n\n.lgx-page.is-ready\n.lgx-hero__eyebrow,\n\n.lgx-page.is-ready\n.lgx-hero h1,\n\n.lgx-page.is-ready\n.lgx-hero__copy,\n\n.lgx-page.is-ready\n.lgx-hero__actions{\n\n    opacity:1;\n\n    transform:none;\n\n}\n\n\n.lgx-hero__redline{\n\n    position:absolute;\n\n    left:0;\n\n    right:0;\n\n    bottom:0;\n\n    height:3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--lgx-red),\n            transparent 70%\n        );\n\n}\n\n\n\/* =========================================================\n   PRINCIPLES\n========================================================= *\/\n\n.lgx-principles{\n\n    background:#0a0a0b;\n\n    border-bottom:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-principles__grid{\n\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n}\n\n\n.lgx-principle{\n\n    position:relative;\n\n    min-height:135px;\n\n    padding:31px 32px;\n\n    border-right:1px solid var(--lgx-line);\n\n    transition:.3s;\n\n}\n\n\n.lgx-principle:last-child{\n\n    border-right:0;\n\n}\n\n\n.lgx-principle:hover{\n\n    background:#111214;\n\n}\n\n\n.lgx-principle::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    top:0;\n\n    width:2px;\n\n    height:0;\n\n    background:var(--lgx-red);\n\n    transition:.35s;\n\n}\n\n\n.lgx-principle:hover::before{\n\n    height:100%;\n\n}\n\n\n.lgx-principle strong{\n\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#fff;\n\n    font-size:14px;\n\n}\n\n\n.lgx-principle span{\n\n    color:#7f838a;\n\n    font-size:11px;\n\n    line-height:1.55;\n\n}\n\n\n\/* =========================================================\n   RIDING MODES\n========================================================= *\/\n\n.lgx-modes{\n\n    padding:115px 0;\n\n    background:\n        radial-gradient(\n            circle at 0 0,\n            rgba(227,30,36,.07),\n            transparent 30%\n        ),\n        #0d0e10;\n\n}\n\n\n.lgx-modes__heading{\n\n    display:grid;\n\n    grid-template-columns:1fr .7fr;\n\n    gap:90px;\n\n    align-items:end;\n\n    margin-bottom:48px;\n\n}\n\n\n.lgx-modes__heading\n.lgx-copy{\n\n    max-width:490px;\n\n}\n\n\n.lgx-modes__shell{\n\n    display:grid;\n\n    grid-template-columns:\n        300px\n        minmax(0,1fr);\n\n    min-height:650px;\n\n    overflow:hidden;\n\n    border:1px solid var(--lgx-line);\n\n    background:#080808;\n\n}\n\n\n.lgx-mode-tabs{\n\n    display:flex;\n\n    flex-direction:column;\n\n    background:#0b0b0c;\n\n    border-right:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-mode-tab{\n\n    position:relative;\n\n    flex:1;\n\n    min-height:120px;\n\n    padding:28px;\n\n    appearance:none;\n\n    text-align:left;\n\n    border:0;\n\n    border-bottom:1px solid var(--lgx-line);\n\n    background:transparent;\n\n    color:#6f7379;\n\n    cursor:pointer;\n\n    transition:.3s;\n\n}\n\n\n.lgx-mode-tab:last-child{\n\n    border-bottom:0;\n\n}\n\n\n.lgx-mode-tab small{\n\n    display:block;\n\n    margin-bottom:12px;\n\n    color:var(--lgx-red);\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.18em;\n\n}\n\n\n.lgx-mode-tab strong{\n\n    font-size:19px;\n\n}\n\n\n.lgx-mode-tab.is-active{\n\n    color:#fff;\n\n    background:#161719;\n\n}\n\n\n.lgx-mode-tab::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    bottom:0;\n\n    width:0;\n\n    height:2px;\n\n    background:var(--lgx-red);\n\n}\n\n\n.lgx-mode-tab.is-active::after{\n\n    animation:\n        lgxProgress\n        6s linear forwards;\n\n}\n\n\n@keyframes lgxProgress{\n\n    to{\n        width:100%;\n    }\n\n}\n\n\n.lgx-mode-stage{\n\n    position:relative;\n\n    min-height:650px;\n\n    overflow:hidden;\n\n}\n\n\n.lgx-mode-panel{\n\n    position:absolute;\n\n    inset:0;\n\n    display:flex;\n\n    align-items:flex-end;\n\n    visibility:hidden;\n\n    opacity:0;\n\n    transform:scale(1.035);\n\n    isolation:isolate;\n\n    transition:\n        opacity .7s,\n        visibility .7s,\n        transform 1.1s;\n\n}\n\n\n.lgx-mode-panel.is-active{\n\n    visibility:visible;\n\n    opacity:1;\n\n    transform:scale(1);\n\n}\n\n\n.lgx-mode-panel img{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    z-index:-3;\n\n}\n\n\n.lgx-mode-panel::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(0,0,0,.93),\n            rgba(0,0,0,.38) 50%,\n            rgba(0,0,0,.08)\n        );\n\n}\n\n\n.lgx-mode-panel__body{\n\n    max-width:680px;\n\n    padding:50px;\n\n}\n\n\n.lgx-mode-panel__body small{\n\n    display:block;\n\n    margin-bottom:13px;\n\n    color:var(--lgx-red);\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.18em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-mode-panel h3{\n\n    margin:0 0 14px;\n\n    color:#fff;\n\n    font-size:clamp(\n        40px,\n        4.5vw,\n        68px\n    );\n\n    line-height:.94;\n\n    letter-spacing:-.05em;\n\n}\n\n\n.lgx-mode-panel p{\n\n    max-width:520px;\n\n    margin:0;\n\n    color:rgba(255,255,255,.69);\n\n    font-size:13px;\n\n    line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   PRODUCTS\n========================================================= *\/\n\n.lgx-featured,\n.lgx-collection{\n\n    padding:115px 0;\n\n    background:#09090a;\n\n}\n\n\n.lgx-collection{\n\n    background:\n        radial-gradient(\n            circle at 100% 0,\n            rgba(227,30,36,.06),\n            transparent 28%\n        ),\n        #0d0e10;\n\n}\n\n\n.lgx-featured__head,\n.lgx-collection__head{\n\n    display:grid;\n\n    grid-template-columns:1fr .66fr;\n\n    gap:80px;\n\n    align-items:end;\n\n    margin-bottom:36px;\n\n}\n\n\n.lgx-featured__head\n.lgx-copy,\n\n.lgx-collection__head\n.lgx-copy{\n\n    max-width:450px;\n\n}\n\n\n.lgx-featured-grid,\n.lgx-products-grid{\n\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:18px;\n\n}\n\n\n.lgx-product-card{\n\n    overflow:hidden;\n\n    background:var(--lgx-panel);\n\n    border:1px solid var(--lgx-line);\n\n    transition:.35s;\n\n}\n\n\n.lgx-product-card:hover{\n\n    transform:translateY(-6px);\n\n    border-color:rgba(227,30,36,.42);\n\n    box-shadow:\n        0 20px 50px\n        rgba(0,0,0,.42);\n\n}\n\n\n.lgx-product-card a{\n\n    display:block;\n\n    color:#fff;\n\n    text-decoration:none;\n\n}\n\n\n.lgx-product-card__image{\n\n    aspect-ratio:4 \/ 5;\n\n    display:grid;\n\n    place-items:center;\n\n    overflow:hidden;\n\n    background:#e9e7e2;\n\n}\n\n\n.lgx-product-card__image img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:contain;\n\n    padding:16px;\n\n    transition:.55s;\n\n}\n\n\n.lgx-product-card:hover\n.lgx-product-card__image img{\n\n    transform:scale(1.045);\n\n}\n\n\n.lgx-product-fallback{\n\n    display:grid;\n\n    place-items:center;\n\n    width:100%;\n\n    height:100%;\n\n    padding:30px;\n\n    color:#fff;\n\n    text-align:center;\n\n    background:\n        linear-gradient(\n            135deg,\n            #26282b,\n            #090909\n        );\n\n}\n\n\n.lgx-product-card__body{\n\n    padding:18px 18px 20px;\n\n}\n\n\n.lgx-product-card__type{\n\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--lgx-red);\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.12em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-product-card h3{\n\n    margin:0 0 12px;\n\n    color:#fff;\n\n    font-size:14px;\n\n    line-height:1.35;\n\n}\n\n\n.lgx-product-card__cta{\n\n    color:#aaaeb5;\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:.09em;\n\n    text-transform:uppercase;\n\n}\n\n\n.lgx-product-card:hover\n.lgx-product-card__cta{\n\n    color:var(--lgx-red);\n\n}\n\n\n.lgx-filters{\n\n    display:flex;\n\n    flex-wrap:wrap;\n\n    gap:8px;\n\n    margin-bottom:32px;\n\n}\n\n\n.lgx-filter{\n\n    appearance:none;\n\n    padding:11px 18px;\n\n    border:1px solid var(--lgx-line);\n\n    border-radius:999px;\n\n    background:#131416;\n\n    color:#8e9298;\n\n    cursor:pointer;\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.1em;\n\n    text-transform:uppercase;\n\n    transition:.22s;\n\n}\n\n\n.lgx-filter:hover,\n\n.lgx-filter.is-active{\n\n    color:#fff;\n\n    background:var(--lgx-red);\n\n    border-color:var(--lgx-red);\n\n}\n\n\n.lgx-product-item.is-filtered{\n\n    display:none;\n\n}\n\n\n\/* =========================================================\n   PERFORMANCE EDITORIAL\n========================================================= *\/\n\n.lgx-editorial{\n\n    position:relative;\n\n    min-height:730px;\n\n    display:flex;\n\n    align-items:flex-end;\n\n    overflow:hidden;\n\n    isolation:isolate;\n\n    background:#050505;\n\n}\n\n\n.lgx-editorial__image{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    z-index:-3;\n\n}\n\n\n.lgx-editorial::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.93),\n            rgba(0,0,0,.72) 34%,\n            rgba(0,0,0,.24) 62%,\n            rgba(0,0,0,.08) 82%\n        );\n\n}\n\n\n.lgx-editorial__inner{\n\n    width:min(\n        1440px,\n        calc(100% - 72px)\n    );\n\n    margin:auto;\n\n    padding-bottom:72px;\n\n}\n\n\n.lgx-editorial__content{\n\n    max-width:610px;\n\n}\n\n\n.lgx-editorial h2,\n\n.lgx-women h2,\n\n.lgx-b2b h2{\n\n    margin:0 0 20px;\n\n    color:#fff;\n\n    font-size:clamp(\n        46px,\n        5.3vw,\n        80px\n    );\n\n    line-height:.93;\n\n    letter-spacing:-.055em;\n\n}\n\n\n.lgx-editorial p,\n\n.lgx-women p,\n\n.lgx-b2b p{\n\n    max-width:520px;\n\n    margin:0 0 29px;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:14px;\n\n    line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   TECHNICAL SECTION\n========================================================= *\/\n\n.lgx-tech{\n\n    display:grid;\n\n    grid-template-columns:1.12fr .88fr;\n\n    background:#070707;\n\n    border-top:1px solid var(--lgx-line);\n\n    border-bottom:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-tech__image{\n\n    min-height:730px;\n\n    overflow:hidden;\n\n}\n\n\n.lgx-tech__image img{\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n}\n\n\n.lgx-tech__content{\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    padding:\n        90px\n        clamp(\n            40px,\n            7vw,\n            120px\n        );\n\n    background:\n        radial-gradient(\n            circle at 100% 100%,\n            rgba(227,30,36,.10),\n            transparent 33%\n        ),\n        #0c0c0d;\n\n}\n\n\n.lgx-tech__content::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    top:0;\n\n    bottom:0;\n\n    width:2px;\n\n    background:var(--lgx-red);\n\n}\n\n\n.lgx-tech__inner{\n\n    max-width:540px;\n\n}\n\n\n.lgx-tech h2{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(\n        42px,\n        4.6vw,\n        68px\n    );\n\n    line-height:.95;\n\n    letter-spacing:-.05em;\n\n}\n\n\n.lgx-tech__copy{\n\n    margin:24px 0 35px;\n\n    color:#969aa0;\n\n    font-size:14px;\n\n    line-height:1.75;\n\n}\n\n\n.lgx-tech-list,\n\n.lgx-process{\n\n    margin:0;\n\n    padding:0;\n\n    list-style:none;\n\n    border-top:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-tech-list li,\n\n.lgx-process li{\n\n    display:grid;\n\n    grid-template-columns:45px 1fr;\n\n    gap:12px;\n\n    padding:19px 0;\n\n    border-bottom:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-tech-list b,\n\n.lgx-process b{\n\n    color:var(--lgx-red);\n\n    font-size:10px;\n\n}\n\n\n.lgx-tech-list span,\n\n.lgx-process span{\n\n    color:#fff;\n\n    font-size:13px;\n\n    font-weight:700;\n\n}\n\n\n\/* =========================================================\n   WOMEN\n========================================================= *\/\n\n.lgx-women{\n\n    position:relative;\n\n    min-height:700px;\n\n    display:flex;\n\n    align-items:center;\n\n    overflow:hidden;\n\n    isolation:isolate;\n\n    background:#080808;\n\n}\n\n\n.lgx-women__image{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:62% center;\n\n    z-index:-3;\n\n}\n\n\n.lgx-women::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0,0,0,.94),\n            rgba(0,0,0,.72) 35%,\n            rgba(0,0,0,.19) 68%,\n            rgba(0,0,0,.04) 88%\n        );\n\n}\n\n\n.lgx-women__inner{\n\n    width:min(\n        1440px,\n        calc(100% - 72px)\n    );\n\n    margin:auto;\n\n}\n\n\n.lgx-women__content{\n\n    max-width:560px;\n\n}\n\n\n\/* =========================================================\n   CRAFT\n========================================================= *\/\n\n.lgx-craft{\n\n    padding:115px 0;\n\n    background:#0d0e10;\n\n}\n\n\n.lgx-craft__grid{\n\n    display:grid;\n\n    grid-template-columns:1.1fr .9fr;\n\n    gap:80px;\n\n    align-items:center;\n\n}\n\n\n.lgx-craft__image{\n\n    position:relative;\n\n    min-height:650px;\n\n    overflow:hidden;\n\n    background:#080808;\n\n    border:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-craft__image img{\n\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n\n    height:100%;\n\n    object-fit:cover;\n\n}\n\n\n.lgx-craft__content{\n\n    max-width:540px;\n\n}\n\n\n.lgx-craft__content\n.lgx-title{\n\n    margin-bottom:24px;\n\n}\n\n\n.lgx-craft__content\n.lgx-copy{\n\n    margin-bottom:31px;\n\n}\n\n\n\/* =========================================================\n   B2B\n========================================================= *\/\n\n.lgx-b2b{\n\n    position:relative;\n\n    padding:120px 0;\n\n    overflow:hidden;\n\n    background:#050505;\n\n    border-top:1px solid var(--lgx-line);\n\n}\n\n\n.lgx-b2b::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:520px;\n\n    height:520px;\n\n    right:-150px;\n\n    top:-230px;\n\n    border:1px solid rgba(227,30,36,.24);\n\n    border-radius:50%;\n\n}\n\n\n.lgx-b2b__grid{\n\n    position:relative;\n\n    z-index:2;\n\n    display:grid;\n\n    grid-template-columns:1fr auto;\n\n    gap:80px;\n\n    align-items:end;\n\n}\n\n\n.lgx-b2b p{\n\n    margin-top:23px;\n\n    color:#83878d;\n\n}\n\n\n\/* =========================================================\n   SCROLL REVEALS\n========================================================= *\/\n\n.lgx-reveal{\n\n    opacity:0;\n\n    transform:translateY(36px);\n\n    transition:\n        opacity .85s,\n        transform .85s\n        cubic-bezier(.2,.7,.2,1);\n\n}\n\n\n.lgx-reveal.is-visible{\n\n    opacity:1;\n\n    transform:none;\n\n}\n\n\n\/* =========================================================\n   GLOBAL FOOTER FIX\n========================================================= *\/\n\nbody.lgx-gloves-page footer,\n\nbody.lgx-gloves-page\n.wp-block-template-part footer,\n\nbody.lgx-gloves-page\nfooter.wp-block-template-part{\n\n    position:relative;\n\n    z-index:3;\n\n    background:#080808!important;\n\n    color:#fff!important;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.09)!important;\n\n}\n\n\nbody.lgx-gloves-page\nfooter::before{\n\n    content:\"\";\n\n    display:block;\n\n    width:100%;\n\n    height:2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #e31e24 0%,\n            rgba(227,30,36,.35) 24%,\n            transparent 65%\n        );\n\n}\n\n\nbody.lgx-gloves-page\nfooter .wp-block-group,\n\nbody.lgx-gloves-page\nfooter .wp-block-columns,\n\nbody.lgx-gloves-page\nfooter .wp-block-column,\n\nbody.lgx-gloves-page\nfooter .wp-block-navigation{\n\n    background-color:#080808!important;\n\n}\n\n\nbody.lgx-gloves-page footer h1,\n\nbody.lgx-gloves-page footer h2,\n\nbody.lgx-gloves-page footer h3,\n\nbody.lgx-gloves-page footer h4,\n\nbody.lgx-gloves-page footer h5,\n\nbody.lgx-gloves-page footer h6,\n\nbody.lgx-gloves-page\nfooter .wp-block-site-title,\n\nbody.lgx-gloves-page\nfooter .wp-block-site-title a{\n\n    color:#fff!important;\n\n}\n\n\nbody.lgx-gloves-page footer p,\n\nbody.lgx-gloves-page footer li,\n\nbody.lgx-gloves-page footer span,\n\nbody.lgx-gloves-page footer small{\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .62\n        )!important;\n\n}\n\n\nbody.lgx-gloves-page footer a,\n\nbody.lgx-gloves-page\nfooter .wp-block-navigation-item__content{\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .74\n        )!important;\n\n    text-decoration:none!important;\n\n    transition:\n        color .22s;\n\n}\n\n\nbody.lgx-gloves-page footer a:hover,\n\nbody.lgx-gloves-page\nfooter .wp-block-navigation-item__content:hover{\n\n    color:#e31e24!important;\n\n}\n\n\nbody.lgx-gloves-page footer hr,\n\nbody.lgx-gloves-page\nfooter .wp-block-separator{\n\n    border-color:\n        rgba(\n            255,\n            255,\n            255,\n            .09\n        )!important;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .09\n        )!important;\n\n}\n\n\nbody.lgx-gloves-page\nfooter .wp-block-site-logo img{\n\n    opacity:1!important;\n\n    filter:none!important;\n\n}\n\n\nbody.lgx-gloves-page\nfooter .wp-block-navigation__responsive-container,\n\nbody.lgx-gloves-page\nfooter .wp-block-navigation__responsive-container-content{\n\n    background:#080808!important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1050px){\n\n    .lgx-principles__grid{\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n    }\n\n\n    .lgx-modes__heading,\n\n    .lgx-featured__head,\n\n    .lgx-collection__head{\n\n        grid-template-columns:1fr;\n\n        gap:20px;\n\n    }\n\n\n    .lgx-modes__shell{\n\n        grid-template-columns:\n            230px\n            1fr;\n\n    }\n\n\n    .lgx-featured-grid,\n\n    .lgx-products-grid{\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n    }\n\n\n    .lgx-tech{\n\n        grid-template-columns:1fr;\n\n    }\n\n\n    .lgx-tech__image{\n\n        min-height:560px;\n\n    }\n\n\n    .lgx-craft__grid{\n\n        grid-template-columns:1fr;\n\n        gap:45px;\n\n    }\n\n\n    .lgx-craft__image{\n\n        min-height:520px;\n\n    }\n\n\n    .lgx-b2b__grid{\n\n        grid-template-columns:1fr;\n\n        gap:36px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:720px){\n\n    .lgx-shell,\n\n    .lgx-hero__inner,\n\n    .lgx-editorial__inner,\n\n    .lgx-women__inner{\n\n        width:min(\n            100% - 32px,\n            1440px\n        );\n\n    }\n\n\n    .lgx-hero{\n\n        min-height:720px;\n\n    }\n\n\n    .lgx-hero__media{\n\n        object-position:\n            67% center;\n\n    }\n\n\n    .lgx-hero::before{\n\n        background:\n            linear-gradient(\n                0deg,\n                rgba(0,0,0,.96),\n                rgba(0,0,0,.70) 47%,\n                rgba(0,0,0,.12) 80%\n            );\n\n    }\n\n\n    .lgx-hero__inner{\n\n        padding-bottom:38px;\n\n    }\n\n\n    .lgx-hero h1{\n\n        font-size:clamp(\n            52px,\n            16vw,\n            78px\n        );\n\n    }\n\n\n    .lgx-hero__actions{\n\n        max-width:285px;\n\n    }\n\n\n    .lgx-hero__actions\n    .lgx-btn{\n\n        width:100%;\n\n    }\n\n\n    .lgx-modes{\n\n        padding:78px 0;\n\n    }\n\n\n    .lgx-modes__shell{\n\n        display:block;\n\n        min-height:600px;\n\n    }\n\n\n    .lgx-mode-tabs{\n\n        flex-direction:row;\n\n        overflow-x:auto;\n\n        border-right:0;\n\n        border-bottom:\n            1px solid\n            var(--lgx-line);\n\n        scrollbar-width:none;\n\n    }\n\n\n    .lgx-mode-tabs::-webkit-scrollbar{\n\n        display:none;\n\n    }\n\n\n    .lgx-mode-tab{\n\n        flex:0 0 auto;\n\n        width:150px;\n\n        min-height:90px;\n\n        padding:18px;\n\n    }\n\n\n    .lgx-mode-stage,\n\n    .lgx-mode-panel{\n\n        min-height:500px;\n\n    }\n\n\n    .lgx-mode-panel__body{\n\n        padding:29px;\n\n    }\n\n\n    .lgx-featured,\n\n    .lgx-collection,\n\n    .lgx-craft{\n\n        padding:78px 0;\n\n    }\n\n\n    .lgx-editorial{\n\n        min-height:650px;\n\n    }\n\n\n    .lgx-tech__image{\n\n        min-height:450px;\n\n    }\n\n\n    .lgx-tech__content{\n\n        padding:65px 24px;\n\n    }\n\n\n    .lgx-women{\n\n        min-height:650px;\n\n        align-items:flex-end;\n\n    }\n\n\n    .lgx-women::before{\n\n        background:\n            linear-gradient(\n                0deg,\n                rgba(0,0,0,.95),\n                rgba(0,0,0,.63) 46%,\n                rgba(0,0,0,.08) 79%\n            );\n\n    }\n\n\n    .lgx-women__inner{\n\n        padding-bottom:48px;\n\n    }\n\n\n    .lgx-b2b{\n\n        padding:82px 0;\n\n    }\n\n}\n\n\n@media(max-width:480px){\n\n    .lgx-featured-grid,\n\n    .lgx-products-grid{\n\n        grid-template-columns:1fr;\n\n    }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n    *,\n\n    *::before,\n\n    *::after{\n\n        animation-duration:.01ms!important;\n\n        animation-iteration-count:1!important;\n\n        transition-duration:.01ms!important;\n\n        scroll-behavior:auto!important;\n\n    }\n\n\n    .lgx-reveal{\n\n        opacity:1!important;\n\n        transform:none!important;\n\n    }\n\n}\n\/* =========================================================\n   REMOVE WORDPRESS GAP ABOVE GLOVES HERO\n========================================================= *\/\n\nbody.lgx-gloves-page main,\nbody.lgx-gloves-page .wp-site-blocks > main,\nbody.lgx-gloves-page .wp-block-post-content,\nbody.lgx-gloves-page .entry-content{\n    margin-top:0 !important;\n    margin-block-start:0 !important;\n    padding-top:0 !important;\n}\n\n\n\/* Twenty Twenty-Five may wrap page content in a padded group *\/\n\nbody.lgx-gloves-page main > .wp-block-group,\nbody.lgx-gloves-page main > .wp-block-group.has-global-padding,\nbody.lgx-gloves-page .wp-block-post-content > .wp-block-group:first-child{\n    margin-top:0 !important;\n    margin-block-start:0 !important;\n    padding-top:0 !important;\n}\n\n\n\/* Shortcode itself must begin immediately *\/\n\nbody.lgx-gloves-page .lgx-page{\n    margin-top:0 !important;\n    margin-block-start:0 !important;\n    padding-top:0 !important;\n}\n\n\n\/* No block gap before the shortcode *\/\n\nbody.lgx-gloves-page .entry-content > .lgx-page,\nbody.lgx-gloves-page .wp-block-post-content > .lgx-page{\n    margin-block-start:0 !important;\n}\n<\/style>\n\n\n<div class=\"lgx-page\">\n\n\n<!-- =====================================================\n     LOADER\n===================================================== -->\n\n<div\n    class=\"lgx-loader\"\n    id=\"lgxLoader\">\n\n    <div class=\"lgx-loader__inner\">\n\n        <div class=\"lgx-loader__brand\">\n            Laraib Industries\n        <\/div>\n\n        <h2 class=\"lgx-loader__title\">\n            Gloves\n        <\/h2>\n\n        <div class=\"lgx-loader__bar\">\n\n            <span id=\"lgxLoaderBar\"><\/span>\n\n        <\/div>\n\n        <div class=\"lgx-loader__bottom\">\n\n            <span>\n                Preparing collection\n            <\/span>\n\n            <span id=\"lgxLoaderNumber\">\n                0%\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"lgx-hero\">\n\n    <img decoding=\"async\"\n        class=\"lgx-hero__media\"\n        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/Hero-Image-for-Glove-page.png\"\n        alt=\"Laraib motorcycle gloves\"\n        data-lgx-preload\n        loading=\"eager\"\n        fetchpriority=\"high\">\n\n\n    <div class=\"lgx-hero__inner\">\n\n        <div class=\"lgx-hero__content\">\n\n            <span class=\"lgx-hero__eyebrow\">\n                Laraib Industries \/ Motorcycle Gloves\n            <\/span>\n\n\n            <h1>\n                Control<br>\n                starts here.\n            <\/h1>\n\n\n            <p class=\"lgx-hero__copy\">\n\n                Motorcycle gloves shaped around grip,\n                movement, leather construction and the\n                connection between rider and machine.\n\n            <\/p>\n\n\n            <div class=\"lgx-hero__actions\">\n\n                <a\n                    class=\"lgx-btn lgx-btn--red\"\n                    href=\"#lgxCollection\">\n\n                    Explore Gloves\n\n                <\/a>\n\n\n                <a\n                    class=\"lgx-btn lgx-btn--ghost\"\n                    href=\"\/contact-us\/\">\n\n                    Manufacturing Enquiry\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"lgx-hero__redline\"><\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     PRINCIPLES\n===================================================== -->\n\n<section class=\"lgx-principles\">\n\n    <div class=\"lgx-principles__grid\">\n\n\n        <div class=\"lgx-principle\">\n\n            <strong>\n                Grip\n            <\/strong>\n\n            <span>\n                Palm construction developed around motorcycle control.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"lgx-principle\">\n\n            <strong>\n                Protection\n            <\/strong>\n\n            <span>\n                Reinforcement positioned where riding demands it.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"lgx-principle\">\n\n            <strong>\n                Movement\n            <\/strong>\n\n            <span>\n                Articulation built around natural riding hand position.\n            <\/span>\n\n        <\/div>\n\n\n        <div class=\"lgx-principle\">\n\n            <strong>\n                Leather\n            <\/strong>\n\n            <span>\n                Different constructions for road, touring and lifestyle.\n            <\/span>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     RIDING ENVIRONMENTS\n===================================================== -->\n\n<section class=\"lgx-modes lgx-reveal\">\n\n    <div class=\"lgx-shell\">\n\n\n        <div class=\"lgx-modes__heading\">\n\n            <div>\n\n                <span class=\"lgx-kicker\">\n                    Find your ride\n                <\/span>\n\n                <h2 class=\"lgx-title\">\n                    One category.\n                    Four different environments.\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"lgx-copy\">\n\n                Different gloves answer different riding\n                requirements. Explore Laraib through the\n                environment each style is intended to serve.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"lgx-modes__shell\">\n\n\n            <div\n                class=\"lgx-mode-tabs\"\n                role=\"tablist\">\n\n\n                <button\n                    class=\"lgx-mode-tab is-active\"\n                    type=\"button\"\n                    data-mode=\"0\">\n\n                    <small>\n                        01\n                    <\/small>\n\n                    <strong>\n                        Performance\n                    <\/strong>\n\n                <\/button>\n\n\n                <button\n                    class=\"lgx-mode-tab\"\n                    type=\"button\"\n                    data-mode=\"1\">\n\n                    <small>\n                        02\n                    <\/small>\n\n                    <strong>\n                        Touring\n                    <\/strong>\n\n                <\/button>\n\n\n                <button\n                    class=\"lgx-mode-tab\"\n                    type=\"button\"\n                    data-mode=\"2\">\n\n                    <small>\n                        03\n                    <\/small>\n\n                    <strong>\n                        Urban\n                    <\/strong>\n\n                <\/button>\n\n\n                <button\n                    class=\"lgx-mode-tab\"\n                    type=\"button\"\n                    data-mode=\"3\">\n\n                    <small>\n                        04\n                    <\/small>\n\n                    <strong>\n                        Women\n                    <\/strong>\n\n                <\/button>\n\n\n            <\/div>\n\n\n            <div class=\"lgx-mode-stage\">\n\n\n                <article class=\"lgx-mode-panel is-active\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/touring.png\"\n                        alt=\"Performance motorcycle gloves\"\n                        data-lgx-preload>\n\n                    <div class=\"lgx-mode-panel__body\">\n\n                        <small>\n                            Performance\n                        <\/small>\n\n                        <h3>\n                            Built for harder riding.\n                        <\/h3>\n\n                        <p>\n                            Reinforced construction, secure wrist\n                            support and protective detailing for\n                            more demanding motorcycle use.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"lgx-mode-panel\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/racing-gloves.png\"\n                        alt=\"Touring motorcycle gloves\"\n                        data-lgx-preload>\n\n                    <div class=\"lgx-mode-panel__body\">\n\n                        <small>\n                            Touring\n                        <\/small>\n\n                        <h3>\n                            Made for the long road.\n                        <\/h3>\n\n                        <p>\n                            Comfortable leather construction,\n                            dependable grip and practical protection\n                            for longer riding days.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"lgx-mode-panel\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/in-city.png\"\n                        alt=\"Urban motorcycle gloves\"\n                        data-lgx-preload>\n\n                    <div class=\"lgx-mode-panel__body\">\n\n                        <small>\n                            Urban\n                        <\/small>\n\n                        <h3>\n                            Protection without the bulk.\n                        <\/h3>\n\n                        <p>\n                            Cleaner leather styling for city riding,\n                            commuting and classic motorcycles.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"lgx-mode-panel\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/Ladies-gloves.png\"\n                        alt=\"Women's leather gloves\"\n                        data-lgx-preload>\n\n                    <div class=\"lgx-mode-panel__body\">\n\n                        <small>\n                            Women\n                        <\/small>\n\n                        <h3>\n                            Refined for everyday riding.\n                        <\/h3>\n\n                        <p>\n                            Lightweight leather, clean proportions\n                            and restrained detailing.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     FEATURED PRODUCTS\n===================================================== -->\n\n\n<section class=\"lgx-featured lgx-reveal\">\n\n    <div class=\"lgx-shell\">\n\n\n        <div class=\"lgx-featured__head\">\n\n            <div>\n\n                <span class=\"lgx-kicker\">\n                    Selected gloves\n                <\/span>\n\n                <h2 class=\"lgx-title\">\n                    Start with the essentials.\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"lgx-copy\">\n\n                A focused selection from the current\n                Laraib glove collection.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"lgx-featured-grid\">\n\n\n            \n\n            <article class=\"lgx-product-card\">\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/black-gauntlet-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.31-PM-2.jpeg\"\n                            alt=\"Black Gauntlet Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Performance\n                        <\/span>\n\n\n                        <h3>\n\n                            Black Gauntlet Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article class=\"lgx-product-card\">\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/brown-touring-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.32-PM-1-1024x1024.jpeg\"\n                            alt=\"Brown Touring Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Touring\n                        <\/span>\n\n\n                        <h3>\n\n                            Brown Touring Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article class=\"lgx-product-card\">\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/classic-black-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.32-PM.jpeg\"\n                            alt=\"Classic Black Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Urban\n                        <\/span>\n\n\n                        <h3>\n\n                            Classic Black Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article class=\"lgx-product-card\">\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/cream-ladies-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/IMG-20260923-WA0084-1024x1024.jpg\"\n                            alt=\"Cream Ladies Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Women\n                        <\/span>\n\n\n                        <h3>\n\n                            Cream Ladies Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================\n     PERFORMANCE CAMPAIGN\n===================================================== -->\n\n<section class=\"lgx-editorial lgx-reveal\">\n\n\n    <img decoding=\"async\"\n        class=\"lgx-editorial__image\"\n        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/touring.png\"\n        alt=\"Performance glove campaign\"\n        loading=\"lazy\">\n\n\n    <div class=\"lgx-editorial__inner\">\n\n\n        <div class=\"lgx-editorial__content\">\n\n\n            <span class=\"lgx-kicker\">\n                Performance\n            <\/span>\n\n\n            <h2>\n                Every input starts at the hand.\n            <\/h2>\n\n\n            <p>\n\n                Throttle, brake and clutch control all begin\n                through the glove. Protection should never\n                disconnect the rider from the machine.\n\n            <\/p>\n\n\n            <a\n                class=\"lgx-btn lgx-btn--red\"\n                href=\"#lgxCollection\"\n                data-lgx-filter-link=\"performance\">\n\n                Performance Gloves\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     FULL PRODUCT COLLECTION\n===================================================== -->\n\n<section\n    class=\"lgx-collection lgx-reveal\"\n    id=\"lgxCollection\">\n\n\n    <div class=\"lgx-shell\">\n\n\n        <div class=\"lgx-collection__head\">\n\n\n            <div>\n\n                <span class=\"lgx-kicker\">\n                    The collection\n                <\/span>\n\n                <h2 class=\"lgx-title\">\n                    Gloves for the way you ride.\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"lgx-copy\">\n\n                Every published Laraib glove is pulled\n                directly from your WordPress product catalogue,\n                including its current featured image.\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <div class=\"lgx-filters\">\n\n\n            <button\n                class=\"lgx-filter is-active\"\n                type=\"button\"\n                data-filter=\"all\">\n\n                All\n\n            <\/button>\n\n\n            <button\n                class=\"lgx-filter\"\n                type=\"button\"\n                data-filter=\"performance\">\n\n                Performance\n\n            <\/button>\n\n\n            <button\n                class=\"lgx-filter\"\n                type=\"button\"\n                data-filter=\"touring\">\n\n                Touring\n\n            <\/button>\n\n\n            <button\n                class=\"lgx-filter\"\n                type=\"button\"\n                data-filter=\"urban\">\n\n                Urban\n\n            <\/button>\n\n\n            <button\n                class=\"lgx-filter\"\n                type=\"button\"\n                data-filter=\"women\">\n\n                Women\n\n            <\/button>\n\n\n        <\/div>\n\n\n        <div class=\"lgx-products-grid\">\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"performance\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/black-gauntlet-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.31-PM-2.jpeg\"\n                            alt=\"Black Gauntlet Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Performance\n                        <\/span>\n\n\n                        <h3>\n\n                            Black Gauntlet Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"touring\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/brown-touring-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.32-PM-1-1024x1024.jpeg\"\n                            alt=\"Brown Touring Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Touring\n                        <\/span>\n\n\n                        <h3>\n\n                            Brown Touring Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"urban\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/classic-black-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.32-PM.jpeg\"\n                            alt=\"Classic Black Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Urban\n                        <\/span>\n\n\n                        <h3>\n\n                            Classic Black Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"women\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/cream-ladies-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/IMG-20260923-WA0084-1024x1024.jpg\"\n                            alt=\"Cream Ladies Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Women\n                        <\/span>\n\n\n                        <h3>\n\n                            Cream Ladies Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"women\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/ladies-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/IMG-20260923-WA0083-1024x1024.jpg\"\n                            alt=\"Ladies Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Women\n                        <\/span>\n\n\n                        <h3>\n\n                            Ladies Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"urban\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/leather-driving-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.30-PM-1024x1024.jpeg\"\n                            alt=\"Leather Driving Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Urban\n                        <\/span>\n\n\n                        <h3>\n\n                            Leather Driving Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"touring\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/olive-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.31-PM-3.jpeg\"\n                            alt=\"Olive Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Touring\n                        <\/span>\n\n\n                        <h3>\n\n                            Olive Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"performance\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/short-cuff-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.34-PM-1.jpeg\"\n                            alt=\"Short Cuff Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Performance\n                        <\/span>\n\n\n                        <h3>\n\n                            Short Cuff Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"urban\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/tan-and-white-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.33-PM-2.jpeg\"\n                            alt=\"Tan and White Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Urban\n                        <\/span>\n\n\n                        <h3>\n\n                            Tan and White Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n            <article\n                class=\"lgx-product-card lgx-product-item\"\n                data-category=\"performance\">\n\n\n                <a href=\"https:\/\/laraibindustries.com\/ja\/products\/white-perforated-riding-gloves\/\">\n\n\n                    <div class=\"lgx-product-card__image\">\n\n\n                        \n\n                        <img decoding=\"async\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-23-at-7.03.33-PM-1-1024x1024.jpeg\"\n                            alt=\"White Perforated Riding Gloves\"\n                            loading=\"lazy\">\n\n\n                        \n\n                    <\/div>\n\n\n                    <div class=\"lgx-product-card__body\">\n\n\n                        <span class=\"lgx-product-card__type\">\n\n                            Performance\n                        <\/span>\n\n\n                        <h3>\n\n                            White Perforated Riding Gloves\n                        <\/h3>\n\n\n                        <span class=\"lgx-product-card__cta\">\n                            View Product \u2192\n                        <\/span>\n\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n\n            \n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     TECHNICAL DETAIL\n===================================================== -->\n\n<section class=\"lgx-tech lgx-reveal\">\n\n\n    <div class=\"lgx-tech__image\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/close-up-gloves.png\"\n            alt=\"Motorcycle glove construction detail\"\n            loading=\"lazy\">\n\n    <\/div>\n\n\n    <div class=\"lgx-tech__content\">\n\n\n        <div class=\"lgx-tech__inner\">\n\n\n            <span class=\"lgx-kicker\">\n                Construction\n            <\/span>\n\n\n            <h2>\n                Protection starts with the way a glove is built.\n            <\/h2>\n\n\n            <p class=\"lgx-tech__copy\">\n\n                Leather, reinforcement, articulation and\n                wrist support need to function as one system\n                without compromising control.\n\n            <\/p>\n\n\n            <ul class=\"lgx-tech-list\">\n\n\n                <li>\n                    <b>01<\/b>\n                    <span>\n                        Reinforced knuckle construction\n                    <\/span>\n                <\/li>\n\n\n                <li>\n                    <b>02<\/b>\n                    <span>\n                        Articulated finger zones\n                    <\/span>\n                <\/li>\n\n\n                <li>\n                    <b>03<\/b>\n                    <span>\n                        Structured palm and grip surfaces\n                    <\/span>\n                <\/li>\n\n\n                <li>\n                    <b>04<\/b>\n                    <span>\n                        Secure wrist and cuff construction\n                    <\/span>\n                <\/li>\n\n\n            <\/ul>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     WOMEN\n===================================================== -->\n\n<section class=\"lgx-women lgx-reveal\">\n\n\n    <img decoding=\"async\"\n        class=\"lgx-women__image\"\n        src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/Ladies-gloves.png\"\n        alt=\"Woman wearing leather riding gloves\"\n        loading=\"lazy\">\n\n\n    <div class=\"lgx-women__inner\">\n\n\n        <div class=\"lgx-women__content\">\n\n\n            <span class=\"lgx-kicker\">\n                Women's gloves\n            <\/span>\n\n\n            <h2>\n                A lighter expression of riding leather.\n            <\/h2>\n\n\n            <p>\n\n                Cleaner proportions, perforated leather\n                and classic detailing for riders who prefer\n                a more refined glove.\n\n            <\/p>\n\n\n            <a\n                class=\"lgx-btn lgx-btn--red\"\n                href=\"#lgxCollection\"\n                data-lgx-filter-link=\"women\">\n\n                Explore Women's Gloves\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     CRAFTSMANSHIP\n===================================================== -->\n\n<section class=\"lgx-craft lgx-reveal\">\n\n\n    <div class=\"lgx-shell\">\n\n\n        <div class=\"lgx-craft__grid\">\n\n\n            <div class=\"lgx-craft__image\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/stitching.png\"\n                    alt=\"Leather stitching in Laraib manufacturing\"\n                    loading=\"lazy\">\n\n            <\/div>\n\n\n            <div class=\"lgx-craft__content\">\n\n\n                <span class=\"lgx-kicker\">\n                    Inside the workshop\n                <\/span>\n\n\n                <h2 class=\"lgx-title\">\n                    Good gloves are built before they are branded.\n                <\/h2>\n\n\n                <p class=\"lgx-copy\">\n\n                    Leather selection, pattern cutting,\n                    stitch placement, reinforcement and finishing\n                    determine how a glove ultimately feels and performs.\n\n                <\/p>\n\n\n                <ol class=\"lgx-process\">\n\n\n                    <li>\n                        <b>01<\/b>\n                        <span>\n                            Leather selection and inspection\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <b>02<\/b>\n                        <span>\n                            Pattern cutting and preparation\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <b>03<\/b>\n                        <span>\n                            Stitching and reinforcement\n                        <\/span>\n                    <\/li>\n\n\n                    <li>\n                        <b>04<\/b>\n                        <span>\n                            Assembly and finishing\n                        <\/span>\n                    <\/li>\n\n\n                <\/ol>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     B2B CTA\n===================================================== -->\n\n<section class=\"lgx-b2b lgx-reveal\">\n\n\n    <div class=\"lgx-shell\">\n\n\n        <div class=\"lgx-b2b__grid\">\n\n\n            <div>\n\n\n                <span class=\"lgx-kicker\">\n                    Manufacturing enquiries\n                <\/span>\n\n\n                <h2>\n                    Looking for motorcycle glove manufacturing?\n                <\/h2>\n\n\n                <p>\n\n                    Talk to Laraib Industries about wholesale\n                    quantities, custom requirements, product\n                    development and business orders.\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <div>\n\n\n                <a\n                    class=\"lgx-btn lgx-btn--red\"\n                    href=\"\/contact-us\/\">\n\n                    Start an Enquiry\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\n\n(function(){\n\n\nfunction ready(fn){\n\n    document.readyState === 'loading'\n\n        ? document.addEventListener(\n            'DOMContentLoaded',\n            fn\n        )\n\n        : fn();\n\n}\n\n\nready(function(){\n\n\n    var page =\n        document.querySelector(\n            '.lgx-page'\n        );\n\n\n    if(!page){\n        return;\n    }\n\n\n    document.body.classList.add(\n        'lgx-gloves-page',\n        'lgx-loading'\n    );\n\n\n    \/* =====================================================\n       REMOVE OLD PAGE HEADING \/ BREADCRUMBS\n    ===================================================== *\/\n\n    [\n\n        '.wp-block-post-title',\n\n        '.entry-title',\n\n        '.archive-title',\n\n        '.page-title',\n\n        '.wp-block-query-title',\n\n        '.woocommerce-breadcrumb',\n\n        '.breadcrumbs'\n\n    ].forEach(function(sel){\n\n\n        document\n            .querySelectorAll(sel)\n            .forEach(function(el){\n\n\n                if(!page.contains(el)){\n\n                    el.style.display =\n                        'none';\n\n                }\n\n\n            });\n\n\n    });\n\n\n    \/* =====================================================\n       LOADER\n    ===================================================== *\/\n\n    var loader =\n        document.getElementById(\n            'lgxLoader'\n        );\n\n\n    var bar =\n        document.getElementById(\n            'lgxLoaderBar'\n        );\n\n\n    var num =\n        document.getElementById(\n            'lgxLoaderNumber'\n        );\n\n\n    var imgs =\n        [].slice.call(\n            page.querySelectorAll(\n                'img[data-lgx-preload]'\n            )\n        );\n\n\n    var done = 0;\n\n    var finished = false;\n\n\n    function finish(){\n\n\n        if(finished){\n            return;\n        }\n\n\n        finished = true;\n\n\n        if(bar){\n            bar.style.width =\n                '100%';\n        }\n\n\n        if(num){\n            num.textContent =\n                '100%';\n        }\n\n\n        setTimeout(\n            function(){\n\n\n                page.classList.add(\n                    'is-ready'\n                );\n\n\n                document.body\n                    .classList.remove(\n                        'lgx-loading'\n                    );\n\n\n                if(loader){\n\n                    loader.classList.add(\n                        'is-hidden'\n                    );\n\n                }\n\n\n            },\n            220\n        );\n\n\n    }\n\n\n    function tick(){\n\n\n        done++;\n\n\n        var p =\n            imgs.length\n\n            ? Math.round(\n                done \/\n                imgs.length *\n                100\n            )\n\n            : 100;\n\n\n        if(bar){\n\n            bar.style.width =\n                p + '%';\n\n        }\n\n\n        if(num){\n\n            num.textContent =\n                p + '%';\n\n        }\n\n\n        if(done >= imgs.length){\n\n            finish();\n\n        }\n\n\n    }\n\n\n    if(imgs.length){\n\n\n        imgs.forEach(\n            function(img){\n\n\n                if(img.complete){\n\n                    tick();\n\n                }else{\n\n\n                    img.addEventListener(\n                        'load',\n                        tick,\n                        {\n                            once:true\n                        }\n                    );\n\n\n                    img.addEventListener(\n                        'error',\n                        tick,\n                        {\n                            once:true\n                        }\n                    );\n\n\n                }\n\n\n            }\n        );\n\n\n    }else{\n\n        finish();\n\n    }\n\n\n    setTimeout(\n        finish,\n        4000\n    );\n\n\n    \/* =====================================================\n       REDUCED MOTION\n    ===================================================== *\/\n\n    var reduce =\n        window.matchMedia &&\n        window.matchMedia(\n            '(prefers-reduced-motion: reduce)'\n        ).matches;\n\n\n    \/* =====================================================\n       SCROLL REVEALS\n    ===================================================== *\/\n\n    var reveals =\n        page.querySelectorAll(\n            '.lgx-reveal'\n        );\n\n\n    if(\n        reduce ||\n        !(\n            'IntersectionObserver'\n            in window\n        )\n    ){\n\n\n        reveals.forEach(\n            function(x){\n\n                x.classList.add(\n                    'is-visible'\n                );\n\n            }\n        );\n\n\n    }else{\n\n\n        var io =\n            new IntersectionObserver(\n\n                function(entries){\n\n\n                    entries.forEach(\n                        function(e){\n\n\n                            if(\n                                e.isIntersecting\n                            ){\n\n\n                                e.target\n                                    .classList.add(\n                                        'is-visible'\n                                    );\n\n\n                                io.unobserve(\n                                    e.target\n                                );\n\n\n                            }\n\n\n                        }\n                    );\n\n\n                },\n\n                {\n                    threshold:.1\n                }\n\n            );\n\n\n        reveals.forEach(\n            function(x){\n\n                io.observe(x);\n\n            }\n        );\n\n\n    }\n\n\n    \/* =====================================================\n       RIDING MODE SLIDER\n    ===================================================== *\/\n\n    var tabs =\n        [].slice.call(\n            page.querySelectorAll(\n                '.lgx-mode-tab'\n            )\n        );\n\n\n    var panels =\n        [].slice.call(\n            page.querySelectorAll(\n                '.lgx-mode-panel'\n            )\n        );\n\n\n    var active = 0;\n\n    var timer;\n\n\n    function showMode(i){\n\n\n        if(\n            i < 0 ||\n            i >= panels.length\n        ){\n            return;\n        }\n\n\n        active = i;\n\n\n        tabs.forEach(\n            function(t,j){\n\n                t.classList.toggle(\n                    'is-active',\n                    j === i\n                );\n\n            }\n        );\n\n\n        panels.forEach(\n            function(p,j){\n\n                p.classList.toggle(\n                    'is-active',\n                    j === i\n                );\n\n            }\n        );\n\n\n        restart();\n\n\n    }\n\n\n    function restart(){\n\n\n        if(timer){\n\n            clearInterval(timer);\n\n        }\n\n\n        if(\n            !reduce &&\n            panels.length > 1\n        ){\n\n\n            timer =\n                setInterval(\n\n                    function(){\n\n                        showMode(\n                            (\n                                active + 1\n                            ) %\n                            panels.length\n                        );\n\n                    },\n\n                    6000\n\n                );\n\n\n        }\n\n\n    }\n\n\n    tabs.forEach(\n        function(t,i){\n\n\n            t.addEventListener(\n                'click',\n                function(){\n\n                    showMode(i);\n\n                }\n            );\n\n\n        }\n    );\n\n\n    restart();\n\n\n    \/* =====================================================\n       PRODUCT FILTERS\n    ===================================================== *\/\n\n    var filterBtns =\n        [].slice.call(\n            page.querySelectorAll(\n                '.lgx-filter'\n            )\n        );\n\n\n    var items =\n        [].slice.call(\n            page.querySelectorAll(\n                '.lgx-product-item'\n            )\n        );\n\n\n    function filter(cat){\n\n\n        filterBtns.forEach(\n            function(b){\n\n\n                b.classList.toggle(\n\n                    'is-active',\n\n                    b.getAttribute(\n                        'data-filter'\n                    ) === cat\n\n                );\n\n\n            }\n        );\n\n\n        items.forEach(\n            function(it){\n\n\n                it.classList.toggle(\n\n                    'is-filtered',\n\n                    cat !== 'all' &&\n\n                    it.getAttribute(\n                        'data-category'\n                    ) !== cat\n\n                );\n\n\n            }\n        );\n\n\n    }\n\n\n    filterBtns.forEach(\n        function(b){\n\n\n            b.addEventListener(\n                'click',\n                function(){\n\n\n                    filter(\n                        b.getAttribute(\n                            'data-filter'\n                        )\n                    );\n\n\n                }\n            );\n\n\n        }\n    );\n\n\n    \/* =====================================================\n       FILTER CTA LINKS\n    ===================================================== *\/\n\n    page\n        .querySelectorAll(\n            '[data-lgx-filter-link]'\n        )\n        .forEach(\n            function(a){\n\n\n                a.addEventListener(\n                    'click',\n                    function(){\n\n\n                        var c =\n                            a.getAttribute(\n                                'data-lgx-filter-link'\n                            );\n\n\n                        setTimeout(\n                            function(){\n\n                                filter(c);\n\n                            },\n                            250\n                        );\n\n\n                    }\n                );\n\n\n            }\n        );\n\n\n    \/* =====================================================\n       SMOOTH INTERNAL SCROLL\n    ===================================================== *\/\n\n    page\n        .querySelectorAll(\n            'a[href^=\"#\"]'\n        )\n        .forEach(\n            function(a){\n\n\n                a.addEventListener(\n                    'click',\n                    function(e){\n\n\n                        var id =\n                            a.getAttribute(\n                                'href'\n                            );\n\n\n                        if(\n                            !id ||\n                            id === '#'\n                        ){\n                            return;\n                        }\n\n\n                        var target =\n                            document.querySelector(\n                                id\n                            );\n\n\n                        if(target){\n\n\n                            e.preventDefault();\n\n\n                            target.scrollIntoView(\n                                {\n\n                                    behavior:\n                                        reduce\n                                        ? 'auto'\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\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-175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/175","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=175"}],"version-history":[{"count":4,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/175\/revisions\/322"}],"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=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}