{"id":415,"date":"2026-10-29T06:12:30","date_gmt":"2026-10-29T06:12:30","guid":{"rendered":"https:\/\/laraibindustries.com\/?page_id=415"},"modified":"2026-10-29T06:12:30","modified_gmt":"2026-10-29T06:12:30","slug":"collections","status":"publish","type":"page","link":"https:\/\/laraibindustries.com\/ja\/collections\/","title":{"rendered":"Laraib Collections"},"content":{"rendered":"\n\n\n    <div\n        class=\"lc29-page\"\n        id=\"lc29Page\"\n    >\n\n\n\n        <style>\n\n\n        \/* =========================================================\n           LARAIB COLLECTIONS\n           2026 FINAL COLLECTION HUB\n        ========================================================= *\/\n\n\n        .lc29-page {\n\n            --lc29-red:#ef1b24;\n\n            --lc29-red-dark:#b90f16;\n\n            --lc29-black:#050505;\n\n            --lc29-bg:#070809;\n\n            --lc29-panel:#0d0f12;\n\n            --lc29-panel-light:#15181d;\n\n            --lc29-white:#f7f7f7;\n\n            --lc29-muted:#a9adb5;\n\n            --lc29-muted-dark:#858b94;\n\n            --lc29-line:rgba(255,255,255,.10);\n\n            --lc29-max:1460px;\n\n            --lc29-ease:\n                cubic-bezier(.2,.75,.2,1);\n\n\n            position:relative;\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            min-width:0!important;\n\n            margin:0!important;\n\n            padding:0!important;\n\n            overflow:hidden;\n\n            background:\n                var(--lc29-black);\n\n            color:\n                var(--lc29-white);\n\n            font-family:\n                Arial,\n                Helvetica,\n                sans-serif;\n\n            line-height:1.5;\n\n            isolation:isolate;\n\n        }\n\n\n\n        .lc29-page,\n        .lc29-page *,\n        .lc29-page *::before,\n        .lc29-page *::after {\n\n            box-sizing:border-box;\n\n        }\n\n\n\n        \/* =========================================================\n           CRITICAL WORDPRESS WIDTH FIX\n           NO 100VW\n           NO NEGATIVE MARGIN\n           NO LEFT SHIFT\n        ========================================================= *\/\n\n\n        html:has(.lc29-page),\n\n        body:has(.lc29-page) {\n\n            margin:0!important;\n\n            padding:0!important;\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            overflow-x:hidden!important;\n\n            background:#050505!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        .wp-site-blocks {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            padding:0!important;\n\n            gap:0!important;\n\n            overflow-x:hidden!important;\n\n            background:#050505!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        main,\n\n        body:has(.lc29-page)\n        .wp-site-blocks > main {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            margin-block-start:0!important;\n\n            margin-block-end:0!important;\n\n            padding:0!important;\n\n            background:#050505!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        article,\n\n        body:has(.lc29-page)\n        .wp-block-post-content,\n\n        body:has(.lc29-page)\n        .entry-content {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            padding:0!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        .wp-block-post-content > .lc29-page,\n\n        body:has(.lc29-page)\n        .entry-content > .lc29-page {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            padding:0!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        .is-layout-constrained:has(.lc29-page),\n\n        body:has(.lc29-page)\n        .is-layout-flow:has(.lc29-page) {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            padding-left:0!important;\n\n            padding-right:0!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        main > *:has(.lc29-page) {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin-left:0!important;\n\n            margin-right:0!important;\n\n            padding-left:0!important;\n\n            padding-right:0!important;\n\n        }\n\n\n\n        \/* Hide only WordPress-generated page furniture. *\/\n\n        body:has(.lc29-page)\n        .wp-block-post-title,\n\n        body:has(.lc29-page)\n        .entry-title,\n\n        body:has(.lc29-page)\n        .page-title,\n\n        body:has(.lc29-page)\n        .wp-block-query-title,\n\n        body:has(.lc29-page)\n        .wp-block-post-featured-image,\n\n        body:has(.lc29-page)\n        .woocommerce-breadcrumb,\n\n        body:has(.lc29-page)\n        .breadcrumbs {\n\n            display:none!important;\n\n        }\n\n\n\n        \/* =========================================================\n           CONTAINED CONTENT\n        ========================================================= *\/\n\n\n        .lc29-shell {\n\n            width:min(\n                var(--lc29-max),\n                calc(100% - 72px)\n            );\n\n            max-width:100%;\n\n            margin-left:auto;\n\n            margin-right:auto;\n\n        }\n\n\n\n        \/* =========================================================\n           EYEBROW\n        ========================================================= *\/\n\n\n        .lc29-eyebrow {\n\n            display:flex;\n\n            align-items:center;\n\n            gap:12px;\n\n            margin:0 0 16px;\n\n            color:\n                var(--lc29-red);\n\n            font-size:10px;\n\n            line-height:1;\n\n            font-weight:900;\n\n            letter-spacing:.19em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-eyebrow::before {\n\n            content:\"\";\n\n            display:block;\n\n            width:38px;\n\n            height:2px;\n\n            flex:0 0 auto;\n\n            background:\n                var(--lc29-red);\n\n            transform-origin:left;\n\n        }\n\n\n\n        \/* =========================================================\n           HERO\n        ========================================================= *\/\n\n\n        .lc29-hero {\n\n            position:relative;\n\n            width:100%;\n\n            min-height:\n                clamp(\n                    520px,\n                    57vw,\n                    760px\n                );\n\n            display:flex;\n\n            align-items:flex-end;\n\n            overflow:hidden;\n\n            isolation:isolate;\n\n            background:#050505;\n\n            border-bottom:\n                1px solid\n                rgba(255,255,255,.08);\n\n        }\n\n\n\n        .lc29-hero-image {\n\n            position:absolute;\n\n            inset:-2%;\n\n            z-index:-4;\n\n            width:104%;\n\n            height:104%;\n\n            max-width:none!important;\n\n            object-fit:cover;\n\n            object-position:center center;\n\n            transform:\n\n                translate3d(\n                    var(--hero-x,0px),\n                    var(--hero-y,0px),\n                    0\n                )\n\n                scale(1.025);\n\n            transition:\n                transform\n                .25s\n                linear;\n\n            will-change:transform;\n\n        }\n\n\n\n        .lc29-hero::before {\n\n            content:\"\";\n\n            position:absolute;\n\n            inset:0;\n\n            z-index:-3;\n\n            pointer-events:none;\n\n            background:\n\n                linear-gradient(\n                    90deg,\n\n                    rgba(0,0,0,.94)\n                    0%,\n\n                    rgba(0,0,0,.79)\n                    30%,\n\n                    rgba(0,0,0,.43)\n                    54%,\n\n                    rgba(0,0,0,.12)\n                    78%,\n\n                    rgba(0,0,0,.08)\n                    100%\n                ),\n\n                linear-gradient(\n                    0deg,\n\n                    rgba(0,0,0,.80),\n\n                    transparent\n                    58%\n                );\n\n        }\n\n\n\n        .lc29-hero::after {\n\n            content:\"\";\n\n            position:absolute;\n\n            left:0;\n\n            bottom:0;\n\n            width:100%;\n\n            height:3px;\n\n            z-index:4;\n\n            transform-origin:left;\n\n            background:\n\n                linear-gradient(\n                    90deg,\n\n                    var(--lc29-red)\n                    0%,\n\n                    var(--lc29-red)\n                    32%,\n\n                    transparent\n                    32%\n                );\n\n            animation:\n                lc29HeroRule\n                1.15s\n                var(--lc29-ease)\n                both;\n\n        }\n\n\n\n        .lc29-hero-inner {\n\n            width:min(\n                var(--lc29-max),\n                calc(100% - 72px)\n            );\n\n            max-width:100%;\n\n            margin-left:auto;\n\n            margin-right:auto;\n\n            padding:\n                96px 0 71px;\n\n            position:relative;\n\n            z-index:2;\n\n        }\n\n\n\n        .lc29-hero-copy {\n\n            max-width:780px;\n\n        }\n\n\n\n        .lc29-hero h1 {\n\n            margin:0;\n\n            max-width:850px;\n\n            color:#fff;\n\n            font-size:\n                clamp(\n                    56px,\n                    7vw,\n                    102px\n                );\n\n            line-height:.88;\n\n            font-weight:900;\n\n            letter-spacing:-.055em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-hero h1 span {\n\n            display:block;\n\n            color:\n                var(--lc29-red);\n\n        }\n\n\n\n        .lc29-hero p {\n\n            max-width:590px;\n\n            margin:\n                24px 0 29px;\n\n            color:\n                rgba(255,255,255,.80);\n\n            font-size:14px;\n\n            line-height:1.68;\n\n        }\n\n\n\n        .lc29-hero-actions {\n\n            display:flex;\n\n            flex-wrap:wrap;\n\n            gap:10px;\n\n        }\n\n\n\n        \/* =========================================================\n           BUTTONS\n        ========================================================= *\/\n\n\n        .lc29-btn {\n\n            position:relative;\n\n            display:inline-flex;\n\n            align-items:center;\n\n            justify-content:center;\n\n            gap:12px;\n\n            min-height:50px;\n\n            padding:\n                13px 24px;\n\n            overflow:hidden;\n\n            border:\n                1px solid\n                transparent;\n\n            color:#fff!important;\n\n            text-decoration:none!important;\n\n            font-size:9px;\n\n            font-weight:900;\n\n            letter-spacing:.12em;\n\n            text-transform:uppercase;\n\n            transition:\n\n                transform\n                .25s\n                ease,\n\n                background\n                .25s\n                ease,\n\n                border-color\n                .25s\n                ease;\n\n        }\n\n\n\n        .lc29-btn::after {\n\n            content:\"\";\n\n            position:absolute;\n\n            inset:0;\n\n            pointer-events:none;\n\n            background:\n\n                linear-gradient(\n\n                    110deg,\n\n                    transparent\n                    0 34%,\n\n                    rgba(255,255,255,.22)\n                    48%,\n\n                    transparent\n                    62%\n\n                );\n\n            transform:\n                translateX(-140%);\n\n            transition:\n\n                transform\n                .75s\n                var(--lc29-ease);\n\n        }\n\n\n\n        .lc29-btn:hover {\n\n            transform:\n                translateY(-2px);\n\n        }\n\n\n\n        .lc29-btn:hover::after {\n\n            transform:\n                translateX(140%);\n\n        }\n\n\n\n        .lc29-btn-red {\n\n            background:\n                var(--lc29-red);\n\n        }\n\n\n\n        .lc29-btn-red:hover {\n\n            background:\n                var(--lc29-red-dark);\n\n        }\n\n\n\n        .lc29-btn-outline {\n\n            background:\n                rgba(0,0,0,.25);\n\n            border-color:\n                rgba(255,255,255,.40);\n\n        }\n\n\n\n        .lc29-btn-outline:hover {\n\n            background:\n                rgba(255,255,255,.07);\n\n            border-color:#fff;\n\n        }\n\n\n\n        .lc29-arrow {\n\n            display:inline-block;\n\n            transition:\n                transform\n                .25s\n                ease;\n\n        }\n\n\n\n        .lc29-btn:hover\n        .lc29-arrow {\n\n            transform:\n                translateX(5px);\n\n        }\n\n\n\n        \/* =========================================================\n           HERO SCROLL INDICATOR\n        ========================================================= *\/\n\n\n        .lc29-scroll {\n\n            position:absolute;\n\n            right:\n                max(\n                    26px,\n                    calc(\n                        (100% - var(--lc29-max))\n                        \/\n                        2\n                    )\n                );\n\n            bottom:28px;\n\n            z-index:4;\n\n            display:flex;\n\n            align-items:center;\n\n            gap:10px;\n\n            color:\n                rgba(255,255,255,.50);\n\n            font-size:7px;\n\n            font-weight:900;\n\n            letter-spacing:.17em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-scroll-line {\n\n            position:relative;\n\n            width:35px;\n\n            height:1px;\n\n            overflow:hidden;\n\n            background:\n                rgba(255,255,255,.24);\n\n        }\n\n\n\n        .lc29-scroll-line::after {\n\n            content:\"\";\n\n            position:absolute;\n\n            inset:0;\n\n            background:\n                var(--lc29-red);\n\n            animation:\n                lc29Scroll\n                1.8s\n                infinite\n                ease-in-out;\n\n        }\n\n\n\n        \/* =========================================================\n           INTRO\n        ========================================================= *\/\n\n\n        .lc29-intro {\n\n            width:100%;\n\n            padding:\n                72px 0 38px;\n\n            background:#070809;\n\n        }\n\n\n\n        .lc29-intro-grid {\n\n            display:grid;\n\n            grid-template-columns:\n\n                minmax(0,1fr)\n\n                minmax(\n                    300px,\n                    430px\n                );\n\n            gap:54px;\n\n            align-items:end;\n\n        }\n\n\n\n        .lc29-intro h2 {\n\n            margin:0;\n\n            color:#fff;\n\n            font-size:\n                clamp(\n                    42px,\n                    5vw,\n                    70px\n                );\n\n            line-height:.93;\n\n            font-weight:900;\n\n            letter-spacing:-.05em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-intro h2 span {\n\n            color:\n                var(--lc29-red);\n\n        }\n\n\n\n        .lc29-intro p {\n\n            margin:0;\n\n            color:\n                var(--lc29-muted);\n\n            font-size:12px;\n\n            line-height:1.72;\n\n        }\n\n\n\n        \/* =========================================================\n           COLLECTION GRID\n        ========================================================= *\/\n\n\n        .lc29-collections {\n\n            width:100%;\n\n            background:#050505;\n\n        }\n\n\n\n        .lc29-grid {\n\n            width:100%;\n\n            display:grid;\n\n            grid-template-columns:\n\n                repeat(\n                    4,\n                    minmax(\n                        0,\n                        1fr\n                    )\n                );\n\n            gap:2px;\n\n            background:#030303;\n\n        }\n\n\n\n        \/* =========================================================\n           COLLECTION CARD\n        ========================================================= *\/\n\n\n        .lc29-card {\n\n            --rx:0deg;\n\n            --ry:0deg;\n\n            --sx:50%;\n\n            --sy:50%;\n\n\n            position:relative;\n\n            display:block;\n\n            width:100%;\n\n            min-width:0;\n\n            aspect-ratio:1 \/ 1;\n\n            overflow:hidden;\n\n            isolation:isolate;\n\n            background:#080808;\n\n            color:#fff!important;\n\n            text-decoration:none!important;\n\n            perspective:1000px;\n\n        }\n\n\n\n        .lc29-card-image {\n\n            position:absolute;\n\n            inset:0;\n\n            z-index:-4;\n\n            display:block;\n\n            width:100%;\n\n            height:100%;\n\n            max-width:none!important;\n\n            object-fit:cover;\n\n            object-position:center;\n\n            transform:\n\n                scale(1.012)\n\n                rotateX(\n                    var(--rx)\n                )\n\n                rotateY(\n                    var(--ry)\n                );\n\n            transition:\n\n                transform\n                .75s\n                var(--lc29-ease),\n\n                filter\n                .4s\n                ease;\n\n            will-change:transform;\n\n        }\n\n\n\n        .lc29-card:hover\n        .lc29-card-image {\n\n            transform:\n\n                scale(1.065)\n\n                rotateX(\n                    var(--rx)\n                )\n\n                rotateY(\n                    var(--ry)\n                );\n\n            filter:\n                saturate(1.05)\n                contrast(1.03);\n\n        }\n\n\n\n        .lc29-card::before {\n\n            content:\"\";\n\n            position:absolute;\n\n            inset:0;\n\n            z-index:-3;\n\n            background:\n\n                linear-gradient(\n\n                    0deg,\n\n                    rgba(0,0,0,.97)\n                    0%,\n\n                    rgba(0,0,0,.78)\n                    28%,\n\n                    rgba(0,0,0,.21)\n                    58%,\n\n                    rgba(0,0,0,.03)\n                    100%\n\n                );\n\n        }\n\n\n\n        .lc29-card::after {\n\n            content:\"\";\n\n            position:absolute;\n\n            inset:14px;\n\n            z-index:4;\n\n            pointer-events:none;\n\n            border:\n                1px solid\n                rgba(255,255,255,.15);\n\n            transition:\n\n                inset\n                .35s\n                ease,\n\n                border-color\n                .35s\n                ease;\n\n        }\n\n\n\n        .lc29-card:hover::after {\n\n            inset:10px;\n\n            border-color:\n                rgba(\n                    239,\n                    27,\n                    36,\n                    .75\n                );\n\n        }\n\n\n\n        .lc29-card-light {\n\n            position:absolute;\n\n            inset:-45%;\n\n            z-index:0;\n\n            pointer-events:none;\n\n            opacity:0;\n\n            background:\n\n                radial-gradient(\n\n                    circle at\n                    var(--sx)\n                    var(--sy),\n\n                    rgba(255,255,255,.14),\n\n                    transparent 20%\n\n                );\n\n            transition:\n                opacity\n                .3s\n                ease;\n\n        }\n\n\n\n        .lc29-card:hover\n        .lc29-card-light {\n\n            opacity:1;\n\n        }\n\n\n\n        .lc29-card-content {\n\n            position:absolute;\n\n            left:0;\n\n            right:0;\n\n            bottom:0;\n\n            z-index:2;\n\n            padding:\n                33px 28px 30px;\n\n            transition:\n\n                transform\n                .35s\n                var(--lc29-ease);\n\n        }\n\n\n\n        .lc29-card:hover\n        .lc29-card-content {\n\n            transform:\n                translateY(-5px);\n\n        }\n\n\n\n        .lc29-card-label {\n\n            display:flex;\n\n            align-items:center;\n\n            gap:8px;\n\n            margin-bottom:10px;\n\n            color:\n                var(--lc29-red);\n\n            font-size:8px;\n\n            font-weight:900;\n\n            letter-spacing:.14em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-card-label::before {\n\n            content:\"\";\n\n            width:18px;\n\n            height:1px;\n\n            flex:0 0 auto;\n\n            background:\n                var(--lc29-red);\n\n            transition:\n                width\n                .3s\n                ease;\n\n        }\n\n\n\n        .lc29-card:hover\n        .lc29-card-label::before {\n\n            width:30px;\n\n        }\n\n\n\n        .lc29-card h3 {\n\n            margin:\n                0 0 10px;\n\n            color:#fff;\n\n            font-size:\n                clamp(\n                    24px,\n                    2.15vw,\n                    34px\n                );\n\n            line-height:.95;\n\n            font-weight:900;\n\n            letter-spacing:-.035em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-card p {\n\n            max-width:350px;\n\n            margin:\n                0 0 17px;\n\n            color:\n                rgba(\n                    255,\n                    255,\n                    255,\n                    .72\n                );\n\n            font-size:11px;\n\n            line-height:1.58;\n\n        }\n\n\n\n        .lc29-card-link {\n\n            display:inline-flex;\n\n            align-items:center;\n\n            gap:9px;\n\n            padding-bottom:4px;\n\n            border-bottom:\n                1px solid\n                var(--lc29-red);\n\n            color:#fff;\n\n            font-size:8px;\n\n            font-weight:900;\n\n            letter-spacing:.10em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-card-link\n        .lc29-arrow {\n\n            transition:\n                transform\n                .25s\n                ease;\n\n        }\n\n\n\n        .lc29-card:hover\n        .lc29-card-link\n        .lc29-arrow {\n\n            transform:\n                translateX(5px);\n\n        }\n\n\n\n        \/* =========================================================\n           MANUFACTURING\n        ========================================================= *\/\n\n\n        .lc29-manufacturing {\n\n            position:relative;\n\n            width:100%;\n\n            overflow:hidden;\n\n            padding:\n                74px 0 80px;\n\n            background:\n\n                linear-gradient(\n\n                    135deg,\n\n                    #0b0c0f,\n\n                    #111318 58%,\n\n                    #260609\n\n                );\n\n            border-top:\n                1px solid\n                rgba(255,255,255,.07);\n\n            border-bottom:\n                1px solid\n                rgba(239,27,36,.14);\n\n        }\n\n\n\n        .lc29-manufacturing::before {\n\n            content:\"\";\n\n            position:absolute;\n\n            width:560px;\n\n            height:560px;\n\n            right:-200px;\n\n            top:-350px;\n\n            border-radius:50%;\n\n            pointer-events:none;\n\n            background:\n\n                radial-gradient(\n\n                    circle,\n\n                    rgba(239,27,36,.21),\n\n                    transparent\n                    68%\n\n                );\n\n        }\n\n\n\n        .lc29-man-head {\n\n            position:relative;\n\n            z-index:2;\n\n            display:grid;\n\n            grid-template-columns:\n\n                minmax(0,1fr)\n\n                minmax(\n                    280px,\n                    400px\n                );\n\n            gap:50px;\n\n            align-items:end;\n\n            margin-bottom:38px;\n\n        }\n\n\n\n        .lc29-man-head h2 {\n\n            margin:0;\n\n            color:#fff;\n\n            font-size:\n                clamp(\n                    35px,\n                    4vw,\n                    58px\n                );\n\n            line-height:.95;\n\n            font-weight:900;\n\n            letter-spacing:-.045em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-man-head p {\n\n            margin:0;\n\n            color:\n                var(--lc29-muted);\n\n            font-size:12px;\n\n            line-height:1.7;\n\n        }\n\n\n\n        .lc29-man-grid {\n\n            position:relative;\n\n            z-index:2;\n\n            display:grid;\n\n            grid-template-columns:\n\n                repeat(\n                    4,\n                    minmax(0,1fr)\n                );\n\n            border-top:\n                1px solid\n                var(--lc29-line);\n\n            border-left:\n                1px solid\n                var(--lc29-line);\n\n        }\n\n\n\n        .lc29-man-item {\n\n            position:relative;\n\n            min-height:180px;\n\n            padding:\n                26px 24px;\n\n            overflow:hidden;\n\n            background:\n                rgba(\n                    255,\n                    255,\n                    255,\n                    .018\n                );\n\n            border-right:\n                1px solid\n                var(--lc29-line);\n\n            border-bottom:\n                1px solid\n                var(--lc29-line);\n\n            transition:\n\n                background\n                .3s\n                ease,\n\n                transform\n                .3s\n                ease;\n\n        }\n\n\n\n        .lc29-man-item::before {\n\n            content:\"\";\n\n            position:absolute;\n\n            left:0;\n\n            top:0;\n\n            width:100%;\n\n            height:2px;\n\n            transform:\n                scaleX(0);\n\n            transform-origin:left;\n\n            background:\n                var(--lc29-red);\n\n            transition:\n                transform\n                .35s\n                ease;\n\n        }\n\n\n\n        .lc29-man-item:hover {\n\n            background:\n                rgba(\n                    255,\n                    255,\n                    255,\n                    .045\n                );\n\n            transform:\n                translateY(-3px);\n\n        }\n\n\n\n        .lc29-man-item:hover::before {\n\n            transform:\n                scaleX(1);\n\n        }\n\n\n\n        .lc29-man-num {\n\n            color:\n                var(--lc29-red);\n\n            font-size:9px;\n\n            font-weight:900;\n\n            letter-spacing:.13em;\n\n        }\n\n\n\n        .lc29-man-item h3 {\n\n            margin:\n                48px 0 0;\n\n            color:#fff;\n\n            font-size:15px;\n\n            line-height:1.3;\n\n        }\n\n\n\n        \/* =========================================================\n           CTA\n        ========================================================= *\/\n\n\n        .lc29-cta {\n\n            position:relative;\n\n            width:100%;\n\n            overflow:hidden;\n\n            padding:\n                94px 0 101px;\n\n            background:#08090b;\n\n            text-align:center;\n\n        }\n\n\n\n        .lc29-cta::before {\n\n            content:\"\";\n\n            position:absolute;\n\n            width:650px;\n\n            height:650px;\n\n            left:50%;\n\n            top:-320px;\n\n            transform:\n                translateX(-50%);\n\n            border-radius:50%;\n\n            pointer-events:none;\n\n            background:\n\n                radial-gradient(\n\n                    circle,\n\n                    rgba(239,27,36,.13),\n\n                    transparent\n                    68%\n\n                );\n\n        }\n\n\n\n        .lc29-cta-inner {\n\n            position:relative;\n\n            z-index:2;\n\n        }\n\n\n\n        .lc29-cta\n        .lc29-eyebrow {\n\n            justify-content:center;\n\n        }\n\n\n\n        .lc29-cta h2 {\n\n            max-width:850px;\n\n            margin:\n                0 auto 20px;\n\n            color:#fff;\n\n            font-size:\n                clamp(\n                    39px,\n                    5vw,\n                    68px\n                );\n\n            line-height:.94;\n\n            font-weight:900;\n\n            letter-spacing:-.05em;\n\n            text-transform:uppercase;\n\n        }\n\n\n\n        .lc29-cta h2 span {\n\n            color:\n                var(--lc29-red);\n\n        }\n\n\n\n        .lc29-cta p {\n\n            max-width:620px;\n\n            margin:\n                0 auto 29px;\n\n            color:\n                var(--lc29-muted);\n\n            font-size:12px;\n\n            line-height:1.7;\n\n        }\n\n\n\n        \/* =========================================================\n           FOOTER FIX\n           COLLECTIONS PAGE ONLY\n        ========================================================= *\/\n\n\n        body:has(.lc29-page)\n        footer,\n\n        body:has(.lc29-page)\n        footer.wp-block-template-part,\n\n        body:has(.lc29-page)\n        .wp-site-blocks > footer {\n\n            width:100%!important;\n\n            max-width:none!important;\n\n            margin:0!important;\n\n            margin-block-start:0!important;\n\n            background:#14171b!important;\n\n            color:#fff!important;\n\n            border-top:\n                1px solid\n                rgba(\n                    255,\n                    255,\n                    255,\n                    .11\n                )!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        footer\n        .wp-block-group,\n\n        body:has(.lc29-page)\n        footer\n        .wp-block-columns,\n\n        body:has(.lc29-page)\n        footer\n        .wp-block-column {\n\n            background:\n                transparent!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        footer h1,\n\n        body:has(.lc29-page)\n        footer h2,\n\n        body:has(.lc29-page)\n        footer h3,\n\n        body:has(.lc29-page)\n        footer h4,\n\n        body:has(.lc29-page)\n        footer h5,\n\n        body:has(.lc29-page)\n        footer h6,\n\n        body:has(.lc29-page)\n        footer strong {\n\n            color:#fff!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        footer p,\n\n        body:has(.lc29-page)\n        footer li,\n\n        body:has(.lc29-page)\n        footer span {\n\n            color:\n                #aeb4bd!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        footer a {\n\n            color:\n                #e1e4e8!important;\n\n            text-decoration:\n                none!important;\n\n        }\n\n\n\n        body:has(.lc29-page)\n        footer a:hover {\n\n            color:\n                var(--lc29-red)!important;\n\n        }\n\n\n\n        \/* =========================================================\n           SCROLL REVEALS\n        ========================================================= *\/\n\n\n        .lc29-reveal {\n\n            opacity:1;\n\n            transform:none;\n\n        }\n\n\n\n        body.lc29-js\n        .lc29-reveal {\n\n            opacity:0;\n\n            transform:\n                translateY(25px);\n\n            transition:\n\n                opacity\n                .72s\n                ease,\n\n                transform\n                .72s\n                var(--lc29-ease);\n\n        }\n\n\n\n        body.lc29-js\n        .lc29-reveal.is-visible {\n\n            opacity:1;\n\n            transform:none;\n\n        }\n\n\n\n        \/* =========================================================\n           KEYFRAMES\n        ========================================================= *\/\n\n\n        @keyframes\n        lc29HeroRule {\n\n            from {\n\n                transform:\n                    scaleX(0);\n\n            }\n\n            to {\n\n                transform:\n                    scaleX(1);\n\n            }\n\n        }\n\n\n\n        @keyframes\n        lc29Scroll {\n\n            0% {\n\n                transform:\n                    translateX(-100%);\n\n            }\n\n            50% {\n\n                transform:\n                    translateX(0);\n\n            }\n\n            100% {\n\n                transform:\n                    translateX(100%);\n\n            }\n\n        }\n\n\n\n        \/* =========================================================\n           DESKTOP \/ SMALL LAPTOP\n        ========================================================= *\/\n\n\n        @media\n        (max-width:1180px) {\n\n\n            .lc29-shell,\n\n            .lc29-hero-inner {\n\n                width:\n                    calc(\n                        100% - 48px\n                    );\n\n            }\n\n\n\n            .lc29-grid {\n\n                grid-template-columns:\n\n                    repeat(\n                        2,\n                        minmax(0,1fr)\n                    );\n\n            }\n\n\n\n            .lc29-card h3 {\n\n                font-size:\n                    clamp(\n                        29px,\n                        3.3vw,\n                        40px\n                    );\n\n            }\n\n\n\n            .lc29-man-grid {\n\n                grid-template-columns:\n\n                    repeat(\n                        2,\n                        minmax(0,1fr)\n                    );\n\n            }\n\n        }\n\n\n\n        \/* =========================================================\n           TABLET \/ MOBILE\n        ========================================================= *\/\n\n\n        @media\n        (max-width:780px) {\n\n\n            .lc29-shell,\n\n            .lc29-hero-inner {\n\n                width:\n                    calc(\n                        100% - 32px\n                    );\n\n            }\n\n\n\n            .lc29-hero {\n\n                min-height:650px;\n\n            }\n\n\n\n            .lc29-hero-image {\n\n                inset:0;\n\n                width:100%;\n\n                height:100%;\n\n                object-position:\n                    55% center;\n\n                transform:none;\n\n            }\n\n\n\n            .lc29-hero::before {\n\n                background:\n\n                    linear-gradient(\n\n                        0deg,\n\n                        rgba(0,0,0,.96)\n                        0%,\n\n                        rgba(0,0,0,.76)\n                        43%,\n\n                        rgba(0,0,0,.30)\n                        72%,\n\n                        rgba(0,0,0,.08)\n                        100%\n\n                    );\n\n            }\n\n\n\n            .lc29-hero-inner {\n\n                padding:\n                    105px 0 47px;\n\n            }\n\n\n\n            .lc29-hero h1 {\n\n                font-size:\n                    clamp(\n                        46px,\n                        14vw,\n                        72px\n                    );\n\n            }\n\n\n\n            .lc29-hero p {\n\n                max-width:95%;\n\n                font-size:13px;\n\n            }\n\n\n\n            .lc29-hero-actions {\n\n                display:block;\n\n                max-width:330px;\n\n            }\n\n\n\n            .lc29-hero-actions\n            .lc29-btn {\n\n                width:100%;\n\n            }\n\n\n\n            .lc29-hero-actions\n            .lc29-btn\n            +\n            .lc29-btn {\n\n                margin-top:9px;\n\n            }\n\n\n\n            .lc29-scroll {\n\n                display:none;\n\n            }\n\n\n\n            .lc29-intro {\n\n                padding:\n                    57px 0 29px;\n\n            }\n\n\n\n            .lc29-intro-grid,\n\n            .lc29-man-head {\n\n                grid-template-columns:1fr;\n\n                gap:20px;\n\n            }\n\n\n\n            .lc29-grid {\n\n                grid-template-columns:1fr;\n\n            }\n\n\n\n            .lc29-card {\n\n                aspect-ratio:1 \/ 1;\n\n            }\n\n\n\n            .lc29-card-content {\n\n                padding:\n                    29px 26px;\n\n            }\n\n\n\n            .lc29-card h3 {\n\n                font-size:\n                    clamp(\n                        31px,\n                        9vw,\n                        43px\n                    );\n\n            }\n\n\n\n            .lc29-card p {\n\n                max-width:94%;\n\n                font-size:12px;\n\n            }\n\n\n\n            .lc29-manufacturing {\n\n                padding:\n                    59px 0 65px;\n\n            }\n\n\n\n            .lc29-man-grid {\n\n                grid-template-columns:1fr;\n\n            }\n\n\n\n            .lc29-man-item {\n\n                min-height:145px;\n\n            }\n\n\n\n            .lc29-man-item h3 {\n\n                margin-top:28px;\n\n            }\n\n\n\n            .lc29-cta {\n\n                padding:\n                    74px 0 80px;\n\n            }\n\n        \n\n\/* Mobile-only collection image centering *\/\n.lc29-card:nth-child(1) .lc29-card-image { transform-origin: 100% 50%; transform: translateX(6%) scale(1.08); }\n.lc29-card:nth-child(2) .lc29-card-image { transform-origin: 100% 50%; transform: translateX(7%) scale(1.08); }\n.lc29-card:nth-child(3) .lc29-card-image { transform: translateX(1%) scale(1.04); }\n.lc29-card:nth-child(4) .lc29-card-image { transform-origin: 100% 50%; transform: translateX(6%) scale(1.07); }\n}\n\n\n\n        \/* =========================================================\n           SMALL MOBILE\n        ========================================================= *\/\n\n\n        @media\n        (max-width:520px) {\n\n\n            .lc29-card::after {\n\n                inset:10px;\n\n            }\n\n\n\n            .lc29-card:hover::after {\n\n                inset:8px;\n\n            }\n\n\n\n            .lc29-card-label {\n\n                font-size:7px;\n\n            }\n\n\n\n            .lc29-card-link {\n\n                font-size:7px;\n\n            }\n\n\n\n            .lc29-intro h2 {\n\n                font-size:\n                    clamp(\n                        36px,\n                        11vw,\n                        52px\n                    );\n\n            }\n\n        }\n\n\n\n        \/* =========================================================\n           REDUCED MOTION\n        ========================================================= *\/\n\n\n        @media\n        (prefers-reduced-motion:reduce) {\n\n\n            .lc29-page *,\n\n            .lc29-page *::before,\n\n            .lc29-page *::after {\n\n                animation:none!important;\n\n                transition-duration:\n                    .01ms!important;\n\n                scroll-behavior:\n                    auto!important;\n\n            }\n\n\n\n            body.lc29-js\n            .lc29-reveal {\n\n                opacity:1!important;\n\n                transform:none!important;\n\n            }\n\n\n\n            .lc29-card-image,\n\n            .lc29-hero-image {\n\n                transform:none!important;\n\n            }\n\n        }\n\n\n\/* =========================================================\n   REMOVE WORDPRESS GAP BETWEEN HEADER AND COLLECTION HERO\n   COLLECTIONS PAGE ONLY\n========================================================= *\/\n\nbody:has(.lc29-page)\n.wp-site-blocks > main {\n    margin-top:0!important;\n    padding-top:0!important;\n}\n\nbody:has(.lc29-page)\nmain > .wp-block-group,\nbody:has(.lc29-page)\nmain > .wp-block-group:has(.lc29-page),\nbody:has(.lc29-page)\nmain .wp-block-group:has(.lc29-page),\nbody:has(.lc29-page)\narticle:has(.lc29-page),\nbody:has(.lc29-page)\narticle:has(.lc29-page) > *,\nbody:has(.lc29-page)\n.wp-block-post-content:has(.lc29-page),\nbody:has(.lc29-page)\n.entry-content:has(.lc29-page) {\n    margin-top:0!important;\n    padding-top:0!important;\n}\n\nbody:has(.lc29-page)\n.is-layout-constrained:has(.lc29-page),\nbody:has(.lc29-page)\n.has-global-padding:has(.lc29-page) {\n    padding-top:0!important;\n    margin-top:0!important;\n}\n\nbody:has(.lc29-page)\n.lc29-page {\n    margin-top:0!important;\n    padding-top:0!important;\n}\n\nbody:has(.lc29-page)\n.lc29-hero {\n    margin-top:0!important;\n}\n\n        <\/style>\n\n\n\n        <!-- =====================================================\n             HERO\n        ====================================================== -->\n\n\n        <section\n            class=\"lc29-hero\"\n            id=\"lc29Hero\"\n            aria-label=\"Laraib Collections\"\n        >\n\n\n            <img decoding=\"async\"\n                class=\"lc29-hero-image\"\n                src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/Hero-for-collection.png\"\n                alt=\"Laraib riders and motorcycles in the mountains\"\n                fetchpriority=\"high\"\n            >\n\n\n            <div class=\"lc29-hero-inner\">\n\n\n                <div class=\"lc29-hero-copy\">\n\n\n                    <span class=\"lc29-eyebrow\">\n\n                        Laraib Collections\n\n                    <\/span>\n\n\n                    <h1>\n\n                        Ride in a\n\n                        <span>\n\n                            different class.\n\n                        <\/span>\n\n                    <\/h1>\n\n\n                    <p>\n\n                        Four focused motorcycle apparel collections,\n                        developed with one standard for leather,\n                        performance, finish and purposeful construction.\n\n                    <\/p>\n\n\n                    <div class=\"lc29-hero-actions\">\n\n\n                        <a\n                            class=\"lc29-btn lc29-btn-red\"\n                            href=\"#lc29Collections\"\n                        >\n\n                            Explore Collections\n\n                            <span class=\"lc29-arrow\">\n\n                                \u2192\n\n                            <\/span>\n\n                        <\/a>\n\n\n                        <a\n                            class=\"lc29-btn lc29-btn-outline\"\n                            href=\"https:\/\/laraibindustries.com\/ja\/contact-us\/\"\n                        >\n\n                            Manufacturing Enquiry\n\n                        <\/a>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div\n                class=\"lc29-scroll\"\n                aria-hidden=\"true\"\n            >\n\n                Scroll to explore\n\n                <span class=\"lc29-scroll-line\"><\/span>\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =====================================================\n             INTRO\n        ====================================================== -->\n\n\n        <section class=\"lc29-intro\">\n\n\n            <div class=\"lc29-shell lc29-intro-grid\">\n\n\n                <div class=\"lc29-reveal\">\n\n\n                    <span class=\"lc29-eyebrow\">\n\n                        The Range\n\n                    <\/span>\n\n\n                    <h2>\n\n                        Four categories.\n\n                        <br>\n\n                        <span>\n\n                            One standard.\n\n                        <\/span>\n\n                    <\/h2>\n\n\n                <\/div>\n\n\n                <p class=\"lc29-reveal\">\n\n                    From race focused suits to jackets,\n                    gloves and leather vests, each category\n                    is developed to feel part of the same\n                    Laraib manufacturing language.\n\n                <\/p>\n\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =====================================================\n             COLLECTIONS\n        ====================================================== -->\n\n\n        <section\n            class=\"lc29-collections\"\n            id=\"lc29Collections\"\n            aria-label=\"Laraib collections\"\n        >\n\n\n            <div class=\"lc29-grid\">\n\n\n                \n\n                    <a\n                        class=\"lc29-card lc29-reveal\"\n                        href=\"https:\/\/laraibindustries.com\/ja\/products\/motorbike-suits\/\"\n                    >\n\n\n                        <img decoding=\"async\"\n                            class=\"lc29-card-image\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/suit-collection.png\"\n                            alt=\"Motorbike Suits\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <span\n                            class=\"lc29-card-light\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n\n                        <div class=\"lc29-card-content\">\n\n\n                            <span class=\"lc29-card-label\">\n\n                                01 \/ MOTORBIKE SUITS\n                            <\/span>\n\n\n                            <h3>\n\n                                Motorbike Suits\n                            <\/h3>\n\n\n                            <p>\n\n                                Racing and touring leather suits built for movement, fit and the demands of real riding.\n                            <\/p>\n\n\n                            <span class=\"lc29-card-link\">\n\n                                Explore Collection\n\n                                <span class=\"lc29-arrow\">\n\n                                    \u2192\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/a>\n\n\n                \n\n                    <a\n                        class=\"lc29-card lc29-reveal\"\n                        href=\"https:\/\/laraibindustries.com\/ja\/products\/jackets\/\"\n                    >\n\n\n                        <img decoding=\"async\"\n                            class=\"lc29-card-image\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/jacket-collection.png\"\n                            alt=\"Leather Jackets\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <span\n                            class=\"lc29-card-light\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n\n                        <div class=\"lc29-card-content\">\n\n\n                            <span class=\"lc29-card-label\">\n\n                                02 \/ LEATHER JACKETS\n                            <\/span>\n\n\n                            <h3>\n\n                                Leather Jackets\n                            <\/h3>\n\n\n                            <p>\n\n                                Premium leather jackets engineered for riders and finished with Laraib craftsmanship.\n                            <\/p>\n\n\n                            <span class=\"lc29-card-link\">\n\n                                Explore Collection\n\n                                <span class=\"lc29-arrow\">\n\n                                    \u2192\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/a>\n\n\n                \n\n                    <a\n                        class=\"lc29-card lc29-reveal\"\n                        href=\"https:\/\/laraibindustries.com\/ja\/products\/gloves\/\"\n                    >\n\n\n                        <img decoding=\"async\"\n                            class=\"lc29-card-image\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/glove-collection.png\"\n                            alt=\"Gloves\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <span\n                            class=\"lc29-card-light\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n\n                        <div class=\"lc29-card-content\">\n\n\n                            <span class=\"lc29-card-label\">\n\n                                03 \/ GLOVES\n                            <\/span>\n\n\n                            <h3>\n\n                                Gloves\n                            <\/h3>\n\n\n                            <p>\n\n                                Riding gloves built around grip, articulation, reinforcement and dependable control.\n                            <\/p>\n\n\n                            <span class=\"lc29-card-link\">\n\n                                Explore Collection\n\n                                <span class=\"lc29-arrow\">\n\n                                    \u2192\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/a>\n\n\n                \n\n                    <a\n                        class=\"lc29-card lc29-reveal\"\n                        href=\"https:\/\/laraibindustries.com\/ja\/products\/leather-vests\/\"\n                    >\n\n\n                        <img decoding=\"async\"\n                            class=\"lc29-card-image\"\n                            src=\"https:\/\/laraibindustries.com\/wp-content\/uploads\/2026\/10\/vest-collextion.png\"\n                            alt=\"Leather Vests\"\n                            loading=\"lazy\"\n                        >\n\n\n                        <span\n                            class=\"lc29-card-light\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n\n                        <div class=\"lc29-card-content\">\n\n\n                            <span class=\"lc29-card-label\">\n\n                                04 \/ LEATHER VESTS\n                            <\/span>\n\n\n                            <h3>\n\n                                Leather Vests\n                            <\/h3>\n\n\n                            <p>\n\n                                Classic and performance leather vests with distinctive Laraib character and road-ready construction.\n                            <\/p>\n\n\n                            <span class=\"lc29-card-link\">\n\n                                Explore Collection\n\n                                <span class=\"lc29-arrow\">\n\n                                    \u2192\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/a>\n\n\n                \n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =====================================================\n             MANUFACTURING\n        ====================================================== -->\n\n\n        <section\n            class=\"lc29-manufacturing\"\n            aria-label=\"Laraib manufacturing\"\n        >\n\n\n            <div class=\"lc29-shell\">\n\n\n                <div class=\"lc29-man-head\">\n\n\n                    <div class=\"lc29-reveal\">\n\n\n                        <span class=\"lc29-eyebrow\">\n\n                            Manufacturing Partner\n\n                        <\/span>\n\n\n                        <h2>\n\n                            Built beyond\n\n                            <br>\n\n                            the collection.\n\n                        <\/h2>\n\n\n                    <\/div>\n\n\n                    <p class=\"lc29-reveal\">\n\n                        Laraib supports brands and distributors\n                        with focused motorcycle apparel development,\n                        scalable manufacturing and controlled finishing.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n                <div class=\"lc29-man-grid\">\n\n\n                    <article class=\"lc29-man-item lc29-reveal\">\n\n\n                        <span class=\"lc29-man-num\">\n\n                            01\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Custom Product Development\n\n                        <\/h3>\n\n\n                    <\/article>\n\n\n                    <article class=\"lc29-man-item lc29-reveal\">\n\n\n                        <span class=\"lc29-man-num\">\n\n                            02\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Wholesale &amp; Bulk Orders\n\n                        <\/h3>\n\n\n                    <\/article>\n\n\n                    <article class=\"lc29-man-item lc29-reveal\">\n\n\n                        <span class=\"lc29-man-num\">\n\n                            03\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Private Label Manufacturing\n\n                        <\/h3>\n\n\n                    <\/article>\n\n\n                    <article class=\"lc29-man-item lc29-reveal\">\n\n\n                        <span class=\"lc29-man-num\">\n\n                            04\n\n                        <\/span>\n\n\n                        <h3>\n\n                            Quality Focused Finishing\n\n                        <\/h3>\n\n\n                    <\/article>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n        <!-- =====================================================\n             CTA\n        ====================================================== -->\n\n\n        <section class=\"lc29-cta\">\n\n\n            <div class=\"lc29-shell lc29-cta-inner\">\n\n\n                <span class=\"lc29-eyebrow\">\n\n                    Work With Laraib\n\n                <\/span>\n\n\n                <h2 class=\"lc29-reveal\">\n\n                    Build your next collection\n\n                    <span>\n\n                        with Laraib.\n\n                    <\/span>\n\n                <\/h2>\n\n\n                <p class=\"lc29-reveal\">\n\n                    Discuss custom development,\n                    wholesale quantities,\n                    private label requirements\n                    or a complete motorcycle apparel program.\n\n                <\/p>\n\n\n                <a\n                    class=\"lc29-btn lc29-btn-red lc29-reveal\"\n                    href=\"https:\/\/laraibindustries.com\/ja\/contact-us\/\"\n                >\n\n                    Start A Manufacturing Enquiry\n\n                    <span class=\"lc29-arrow\">\n\n                        \u2192\n\n                    <\/span>\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/section>\n\n\n\n    <\/div>\n\n\n\n    <script>\n\n\n    (function(){\n\n\n        function ready(fn){\n\n\n            if(\n                document.readyState\n                !==\n                'loading'\n            ){\n\n\n                fn();\n\n\n            }else{\n\n\n                document.addEventListener(\n                    'DOMContentLoaded',\n                    fn\n                );\n\n\n            }\n\n\n        }\n\n\n\n        ready(function(){\n\n\n            var page =\n                document.getElementById(\n                    'lc29Page'\n                );\n\n\n            if(!page){\n\n                return;\n\n            }\n\n\n            document.body\n                .classList\n                .add(\n                    'lc29-js'\n                );\n\n\n            var reduced =\n                window.matchMedia\n                &&\n                window\n                .matchMedia(\n                    '(prefers-reduced-motion: reduce)'\n                )\n                .matches;\n\n\n\n            \/* =================================================\n               SMOOTH SCROLL\n            ================================================= *\/\n\n\n            page\n            .querySelectorAll(\n                'a[href^=\"#\"]'\n            )\n            .forEach(function(link){\n\n\n                link.addEventListener(\n                    'click',\n                    function(event){\n\n\n                        var href =\n                            link.getAttribute(\n                                'href'\n                            );\n\n\n                        if(\n                            !href\n                            ||\n                            href\n                            ===\n                            '#'\n                        ){\n\n                            return;\n\n                        }\n\n\n                        var target =\n                            page.querySelector(\n                                href\n                            );\n\n\n                        if(!target){\n\n                            return;\n\n                        }\n\n\n                        event.preventDefault();\n\n\n                        target.scrollIntoView({\n\n                            behavior:\n                                reduced\n                                ?\n                                'auto'\n                                :\n                                'smooth',\n\n                            block:'start'\n\n                        });\n\n\n                    }\n                );\n\n\n            });\n\n\n\n            \/* =================================================\n               REVEALS\n            ================================================= *\/\n\n\n            var reveals =\n                page.querySelectorAll(\n                    '.lc29-reveal'\n                );\n\n\n            if(\n                reduced\n                ||\n                !(\n                    'IntersectionObserver'\n                    in\n                    window\n                )\n            ){\n\n\n                reveals.forEach(\n                    function(element){\n\n\n                        element\n                        .classList\n                        .add(\n                            'is-visible'\n                        );\n\n\n                    }\n                );\n\n\n            }else{\n\n\n                var observer =\n                    new IntersectionObserver(\n                        function(entries){\n\n\n                            entries.forEach(\n                                function(entry){\n\n\n                                    if(\n                                        entry.isIntersecting\n                                    ){\n\n\n                                        entry\n                                        .target\n                                        .classList\n                                        .add(\n                                            'is-visible'\n                                        );\n\n\n                                        observer\n                                        .unobserve(\n                                            entry.target\n                                        );\n\n\n                                    }\n\n\n                                }\n                            );\n\n\n                        },\n                        {\n\n                            threshold:.12,\n\n                            rootMargin:\n                                '0px 0px -35px 0px'\n\n                        }\n                    );\n\n\n                reveals.forEach(\n                    function(element){\n\n\n                        observer\n                        .observe(\n                            element\n                        );\n\n\n                    }\n                );\n\n\n            }\n\n\n\n            \/* =================================================\n               HERO PARALLAX\n            ================================================= *\/\n\n\n            var hero =\n                page.querySelector(\n                    '.lc29-hero'\n                );\n\n\n            if(\n                hero\n                &&\n                !reduced\n                &&\n                window.innerWidth\n                >\n                800\n            ){\n\n\n                hero.addEventListener(\n                    'pointermove',\n                    function(event){\n\n\n                        var rect =\n                            hero\n                            .getBoundingClientRect();\n\n\n                        var x =\n                            (\n                                (\n                                    event.clientX\n                                    -\n                                    rect.left\n                                )\n                                \/\n                                rect.width\n                                -\n                                .5\n                            )\n                            *\n                            -10;\n\n\n                        var y =\n                            (\n                                (\n                                    event.clientY\n                                    -\n                                    rect.top\n                                )\n                                \/\n                                rect.height\n                                -\n                                .5\n                            )\n                            *\n                            -6;\n\n\n                        hero.style\n                            .setProperty(\n                                '--hero-x',\n                                x\n                                +\n                                'px'\n                            );\n\n\n                        hero.style\n                            .setProperty(\n                                '--hero-y',\n                                y\n                                +\n                                'px'\n                            );\n\n\n                    },\n                    {\n                        passive:true\n                    }\n                );\n\n\n                hero.addEventListener(\n                    'pointerleave',\n                    function(){\n\n\n                        hero.style\n                            .setProperty(\n                                '--hero-x',\n                                '0px'\n                            );\n\n\n                        hero.style\n                            .setProperty(\n                                '--hero-y',\n                                '0px'\n                            );\n\n\n                    }\n                );\n\n\n            }\n\n\n\n            \/* =================================================\n               COLLECTION CARD MOTION\n            ================================================= *\/\n\n\n            if(\n                !reduced\n                &&\n                window.matchMedia(\n                    '(hover:hover)'\n                ).matches\n            ){\n\n\n                page\n                .querySelectorAll(\n                    '.lc29-card'\n                )\n                .forEach(\n                    function(card){\n\n\n                        card\n                        .addEventListener(\n                            'pointermove',\n                            function(event){\n\n\n                                var rect =\n                                    card\n                                    .getBoundingClientRect();\n\n\n                                var x =\n                                    (\n                                        event.clientX\n                                        -\n                                        rect.left\n                                    )\n                                    \/\n                                    rect.width;\n\n\n                                var y =\n                                    (\n                                        event.clientY\n                                        -\n                                        rect.top\n                                    )\n                                    \/\n                                    rect.height;\n\n\n                                var rotateY =\n                                    (\n                                        x\n                                        -\n                                        .5\n                                    )\n                                    *\n                                    4;\n\n\n                                var rotateX =\n                                    (\n                                        .5\n                                        -\n                                        y\n                                    )\n                                    *\n                                    4;\n\n\n                                card.style\n                                    .setProperty(\n                                        '--ry',\n                                        rotateY\n                                        +\n                                        'deg'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--rx',\n                                        rotateX\n                                        +\n                                        'deg'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--sx',\n                                        (\n                                            x\n                                            *\n                                            100\n                                        )\n                                        +\n                                        '%'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--sy',\n                                        (\n                                            y\n                                            *\n                                            100\n                                        )\n                                        +\n                                        '%'\n                                    );\n\n\n                            },\n                            {\n                                passive:true\n                            }\n                        );\n\n\n                        card\n                        .addEventListener(\n                            'pointerleave',\n                            function(){\n\n\n                                card.style\n                                    .setProperty(\n                                        '--ry',\n                                        '0deg'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--rx',\n                                        '0deg'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--sx',\n                                        '50%'\n                                    );\n\n\n                                card.style\n                                    .setProperty(\n                                        '--sy',\n                                        '50%'\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    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-415","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/415","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=415"}],"version-history":[{"count":1,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/415\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/pages\/415\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/laraibindustries.com\/ja\/wp-json\/wp\/v2\/media?parent=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}