{"id":7,"date":"2026-08-16T07:11:49","date_gmt":"2026-08-16T07:11:49","guid":{"rendered":"https:\/\/wildwoven.com.bd\/?page_id=7"},"modified":"2026-10-08T04:00:20","modified_gmt":"2026-10-08T04:00:20","slug":"home","status":"publish","type":"page","link":"https:\/\/wildwoven.com.bd\/ja\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<section class=\"wildwoven-global-section\">\n\n    <div class=\"wildwoven-global-container\">\n\n        <!-- LEFT CONTENT -->\n\n        <div class=\"wildwoven-global-content\">\n\n            <h2 class=\"wildwoven-global-title\">\n                A Global Source of\n                Leather Goods from Bangladesh\n            <\/h2>\n\n            <div class=\"wildwoven-global-rule\"><\/div>\n\n            <div class=\"wildwoven-global-story\">\n\n                <p>\n                    Born in Bangladesh, with a vision to connect local\n                    craftsmanship with the world.\n                <\/p>\n\n    <p>\n        We believe small brands deserve access to quality\n        manufacturing and the opportunity to grow.\n    <\/p>\n\n                <p>\n                    Our journey begins in Bangladesh, where skilled\n                    craftsmanship, dedicated people, and a growing\n                    manufacturing culture come together to create leather\n                    goods for international customers.\n                <\/p>\n\n                <p>\n                    From product development to production, we are committed\n                    to precision, consistency, and quality in every piece\n                    we make.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT IMAGE -->\n\n        <div class=\"wildwoven-global-image\">\n\n            <div class=\"wildwoven-image-frame\">\n\n                <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/4452603\/pexels-photo-4452603.jpeg\" alt=\"Leather craftsmanship and leather goods manufacturing\" loading=\"lazy\">\n\n                <div class=\"wildwoven-image-overlay\"><\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   WILD WOVEN SECTION\n========================================================= *\/\n\n.wildwoven-global-section {\n\n    width: 100%;\n\n    \/*\n     * Internal section spacing.\n     * The JavaScript below separately handles the\n     * Kadence header separation.\n     *\/\n\n    padding-top: 240px;\n    padding-bottom: 120px;\n\n    background: #ffffff;\n\n    box-sizing: border-box;\n\n    position: relative;\n}\n\n\n\/* =========================================================\n   MAIN TWO-COLUMN LAYOUT\n========================================================= *\/\n\n.wildwoven-global-container {\n\n    width: min(1320px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n    display: grid;\n\n    \/*\n     * LEFT = CONTENT\n     * RIGHT = IMAGE\n     *\/\n\n    grid-template-columns: 0.88fr 1.12fr;\n\n    gap: 85px;\n\n    \/*\n     * IMPORTANT:\n     * Both columns start at exactly the same height.\n     *\/\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n.wildwoven-global-content {\n\n    width: 100%;\n\n    max-width: 570px;\n\n    \/*\n     * IMPORTANT:\n     *\n     * The previous 38px top padding has been removed.\n     *\n     * Therefore the heading starts at exactly the same\n     * vertical position as the image.\n     *\/\n\n    padding-top: 40px;\n\n    margin: 0;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.wildwoven-global-title {\n\n    margin: 0;\n\n    font-size:\n        clamp(34px, 3.1vw, 34px);\n\n    font-weight: 400;\n\n    line-height: 1.12;\n\n    letter-spacing: 0.2rem;\n\n    color: #171717;\n}\n\n\n\/* =========================================================\n   TITLE LINE\n========================================================= *\/\n\n.wildwoven-global-rule {\n\n    width: 48px;\n\n    height: 1px;\n\n    margin: 27px 0 29px;\n\n    background: #222;\n}\n\n\n\/* =========================================================\n   STORY\n========================================================= *\/\n\n.wildwoven-global-story {\n\n    width: 100%;\n\n    max-width: 540px;\n    letter-spacing: .5px;\n}\n\n\n.wildwoven-global-story p {\n\n    margin: 0 0 19px;\n\n    font-size: 14px;\n\n    line-height: 1.82;\n    letter-spacing: 0.12rem;\n    color: #666;\n}\n\n\n\/* =========================================================\n   RIGHT IMAGE COLUMN\n========================================================= *\/\n\n.wildwoven-global-image {\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n\/* =========================================================\n   IMAGE FRAME\n========================================================= *\/\n\n.wildwoven-image-frame {\n\n    position: relative;\n\n    width: 100%;\n\n    \/*\n     * Landscape image.\n     *\/\n\n    aspect-ratio: 4 \/ 3;\n\n    overflow: hidden;\n\n    background: #deded9;\n\n    margin: 0;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.wildwoven-image-frame img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    transition:\n        transform 0.8s ease;\n}\n\n\n.wildwoven-image-frame:hover img {\n\n    transform: scale(1.025);\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n.wildwoven-image-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0, 0, 0, 0.18),\n            rgba(0, 0, 0, 0.03) 48%,\n            rgba(0, 0, 0, 0)\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .wildwoven-global-section {\n\n        padding-top: 85px;\n        padding-bottom: 85px;\n    }\n\n\n    .wildwoven-global-container {\n\n        width: min(\n            calc(100% - 50px),\n            950px\n        );\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap: 50px;\n\n        align-items: start;\n    }\n\n\n    .wildwoven-global-content {\n\n        padding-top: 0;\n    }\n\n\n    .wildwoven-global-title {\n\n        font-size: 38px;\n    }\n\n\n    .wildwoven-global-story p {\n\n        font-size: 13px;\n\n        line-height: 1.75;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .wildwoven-global-section {\n\n        padding-top: 65px;\n        padding-bottom: 65px;\n    }\n\n\n    .wildwoven-global-container {\n\n        width: calc(100% - 36px);\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 40px;\n\n        align-items: stretch;\n    }\n\n\n    .wildwoven-global-content {\n\n        width: 100%;\n\n        max-width: none;\n\n        padding-top: 0;\n\n        margin: 0;\n    }\n\n\n    .wildwoven-global-title {\n\n        font-size: 34px;\n\n        line-height: 1.12;\n\n        letter-spacing: -0.8px;\n    }\n\n\n    .wildwoven-global-rule {\n\n        margin: 24px 0 26px;\n    }\n\n\n    .wildwoven-global-story {\n\n        max-width: none;\n    }\n\n\n    .wildwoven-global-story p {\n\n        font-size: 13px;\n\n        line-height: 1.75;\n    }\n\n\n    .wildwoven-global-image {\n\n        width: 100%;\n\n        margin: 0;\n\n        padding: 0;\n    }\n\n\n    .wildwoven-image-frame {\n\n        aspect-ratio: 4 \/ 3;\n    }\n\n}\n\n\n\/* =========================================================\n   KADENCE HEADER SEPARATION\n   DO NOT CHANGE THIS PART\n========================================================= *\/\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 CAPABILITY STRIP\n     Gutenberg Custom HTML Ready\n========================================================= -->\n\n<section class=\"wildwoven-capability-strip\">\n\n    <div class=\"wildwoven-capability-container\">\n\n        <!-- 01 -->\n\n        <div class=\"wildwoven-capability-item\">\n\n            <div class=\"wildwoven-capability-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                    <circle cx=\"12\" cy=\"12\" r=\"8.5\"><\/circle>\n                    <path d=\"M12 7.5v4.8l3 1.8\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <span>12+ Years Experience<\/span>\n\n        <\/div>\n\n\n        <!-- INTERVAL -->\n\n        <span class=\"wildwoven-capability-divider\">\n            \u00b7\n        <\/span>\n\n\n        <!-- 02 \u2014 GLOBAL DESTINATIONS -->\n\n        <div class=\"wildwoven-capability-item\">\n\n            <div class=\"wildwoven-capability-icon\">\n\n                <!-- Global \/ World Map Icon -->\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n\n                    <path d=\"M3.5 9h17\"><\/path>\n\n                    <path d=\"M3.5 15h17\"><\/path>\n\n                    <path d=\"M12 3\n                           c2.1 2.4 3.2 5.4 3.2 9\n                           s-1.1 6.6-3.2 9\"><\/path>\n\n                    <path d=\"M12 3\n                           c-2.1 2.4-3.2 5.4-3.2 9\n                           s1.1 6.6 3.2 9\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <span>5 Destination Countries<\/span>\n\n        <\/div>\n\n\n        <!-- INTERVAL -->\n\n        <span class=\"wildwoven-capability-divider\">\n            \u00b7\n        <\/span>\n\n\n        <!-- 03 -->\n\n        <div class=\"wildwoven-capability-item\">\n\n            <div class=\"wildwoven-capability-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                    <path d=\"M4 8.5 12 4l8 4.5v8L12 21l-8-4.5z\"><\/path>\n                    <path d=\"M12 21v-8.2\"><\/path>\n                    <path d=\"m4.5 8.5 7.5 4.3 7.5-4.3\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <span>Concise Prototyping<\/span>\n\n        <\/div>\n\n\n        <!-- INTERVAL -->\n\n        <span class=\"wildwoven-capability-divider\">\n            \u00b7\n        <\/span>\n\n\n        <!-- 04 -->\n\n        <div class=\"wildwoven-capability-item\">\n\n            <div class=\"wildwoven-capability-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n\n                    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect>\n\n                    <path d=\"M8 9h8\"><\/path>\n                    <path d=\"M8 13h5\"><\/path>\n                    <path d=\"M8 17h8\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <span>OEM &#8211; ODM Solutions<\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MAIN STRIP\n========================================================= *\/\n\n.wildwoven-capability-strip {\n\n    width: 100%;\n\n    background: #edebeb;\n\n    box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.wildwoven-capability-container {\n\n    width: min(\n        1320px,\n        calc(100% - 80px)\n    );\n\n    min-height: 78px;\n\n    margin: 0 auto;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 38px;\n\n}\n\n\n\/* =========================================================\n   CAPABILITY ITEM\n========================================================= *\/\n\n.wildwoven-capability-item {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 11px;\n\n    white-space: nowrap;\n\n}\n\n\n\/* =========================================================\n   SVG ICON\n========================================================= *\/\n\n.wildwoven-capability-icon {\n\n    width: 22px;\n\n    height: 22px;\n\n    flex: 0 0 22px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n}\n\n\n.wildwoven-capability-icon svg {\n\n    width: 19px;\n\n    height: 19px;\n\n    display: block;\n\n    fill: none;\n\n    stroke: #333;\n\n    stroke-width: 1.35;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.wildwoven-capability-item span {\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    color: #292929;\n\n}\n\n\n\/* =========================================================\n   ELEGANT INTERVAL DOT\n========================================================= *\/\n\n.wildwoven-capability-divider {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 5px;\n\n    height: 5px;\n\n    flex: 0 0 5px;\n\n    font-size: 17px;\n\n    line-height: 1;\n\n    color: #777773;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .wildwoven-capability-container {\n\n        width: min(\n            calc(100% - 40px),\n            950px\n        );\n\n        gap: 18px;\n\n        min-height: 72px;\n    }\n\n\n    .wildwoven-capability-item {\n\n        gap: 8px;\n    }\n\n\n    .wildwoven-capability-item span {\n\n        font-size: 11px;\n    }\n\n\n    .wildwoven-capability-icon {\n\n        width: 20px;\n\n        height: 20px;\n\n        flex-basis: 20px;\n    }\n\n\n    .wildwoven-capability-icon svg {\n\n        width: 17px;\n\n        height: 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .wildwoven-capability-container {\n\n        width: calc(100% - 28px);\n\n        min-height: auto;\n\n        padding: 20px 0;\n\n        display: grid;\n\n        grid-template-columns:\n            1fr 1fr;\n\n        gap: 18px 10px;\n    }\n\n\n    .wildwoven-capability-item {\n\n        justify-content: flex-start;\n\n        white-space: normal;\n\n        gap: 8px;\n    }\n\n\n    .wildwoven-capability-divider {\n\n        display: none;\n    }\n\n\n    .wildwoven-capability-item span {\n\n        font-size: 11px;\n\n        line-height: 1.35;\n    }\n\n\n    .wildwoven-capability-icon {\n\n        width: 20px;\n\n        height: 20px;\n\n        flex-basis: 20px;\n    }\n\n\n    .wildwoven-capability-icon svg {\n\n        width: 17px;\n\n        height: 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .wildwoven-capability-container {\n\n        gap: 16px 6px;\n    }\n\n\n    .wildwoven-capability-item {\n\n        gap: 6px;\n    }\n\n\n    .wildwoven-capability-item span {\n\n        font-size: 10px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 FULL LANDSCAPE IMAGE SECTION\n     Gutenberg Custom HTML Ready\n     Entire Image Visible \u2014 No Cropping\n========================================================= -->\n\n<section class=\"wildwoven-landscape-image\">\n\n    <div class=\"wildwoven-landscape-container\">\n\n        <div class=\"wildwoven-landscape-frame\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Wild-Woven-Export.jpg\"\n                loading=\"lazy\"\n            >\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.wildwoven-landscape-image {\n    width: 100%;\n    padding: 70px 24px;\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CENTERED CONTAINER\n========================================================= *\/\n\n.wildwoven-landscape-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   IMAGE FRAME\n========================================================= *\/\n\n.wildwoven-landscape-frame {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n}\n\n\n\/* =========================================================\n   FULL IMAGE \u2014 NO CROPPING\n========================================================= *\/\n\n.wildwoven-landscape-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: contain;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .wildwoven-landscape-image {\n        padding: 50px 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .wildwoven-landscape-image {\n        padding: 40px 16px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 THINGS WE MAKE\n     \n     Minimal Japanese Editorial Style\n     8 Categories \/ 4 Columns \u00d7 2 Rows\n     Fully Isolated\n     No External Icon Library\n     No Hover Effects\n     ========================================================= -->\n\n<section class=\"ww-product-categories\">\n\n  <!-- =====================================================\n       SECTION HEADING\n       ===================================================== -->\n\n  <div class=\"ww-product-categories-heading\">\n\n    <h2>Things We Make<\/h2>\n\n    <p class=\"ww-product-categories-description\">\n      A considered collection of leather goods, crafted for everyday use and global brands.\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       PRODUCT CATEGORY GRID\n       ===================================================== -->\n\n  <div class=\"ww-product-category-grid\">\n\n    <!-- BACKPACK -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-backpack\" aria-hidden=\"true\">\n        <span class=\"ww-backpack-handle\"><\/span>\n        <span class=\"ww-backpack-body\"><\/span>\n        <span class=\"ww-backpack-pocket\"><\/span>\n        <span class=\"ww-backpack-strap ww-backpack-strap-left\"><\/span>\n        <span class=\"ww-backpack-strap ww-backpack-strap-right\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">BACKPACK<\/div>\n\n    <\/div>\n\n\n    <!-- OFFICE BAG -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-office\" aria-hidden=\"true\">\n        <span class=\"ww-office-handle\"><\/span>\n        <span class=\"ww-office-body\"><\/span>\n        <span class=\"ww-office-flap\"><\/span>\n        <span class=\"ww-office-lock\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">OFFICE BAG<\/div>\n\n    <\/div>\n\n\n    <!-- TRAVEL BAG -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-travel\" aria-hidden=\"true\">\n        <span class=\"ww-travel-handle\"><\/span>\n        <span class=\"ww-travel-body\"><\/span>\n        <span class=\"ww-travel-pocket\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">TRAVEL BAG<\/div>\n\n    <\/div>\n\n\n    <!-- FASHION BAG -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-fashion\" aria-hidden=\"true\">\n        <span class=\"ww-fashion-handle\"><\/span>\n        <span class=\"ww-fashion-body\"><\/span>\n        <span class=\"ww-fashion-seam\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">FASHION BAG<\/div>\n\n    <\/div>\n\n\n    <!-- JACKET -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-jacket\" aria-hidden=\"true\">\n\n        <svg class=\"ww-jacket-svg\" viewBox=\"0 0 92 92\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Jacket\">\n\n          <!-- Main outer jacket silhouette -->\n          <path class=\"ww-jacket-outline\" d=\"\n              M31 21\n              L20 27\n              C15 30 12 36 11 43\n              L9 70\n              L20 70\n              L22 48\n              L24 41\n              L25 70\n              C32 73 39 74 46 74\n              C53 74 60 73 67 70\n              L68 41\n              L70 48\n              L72 70\n              L83 70\n              L81 43\n              C80 36 77 30 72 27\n              L61 21\n              L55 17\n              L37 17\n              Z\n            \"><\/path>\n\n          <!-- Left collar -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M31 21\n              L37 17\n              L46 31\n              L36 27\n              Z\n            \"><\/path>\n\n          <!-- Right collar -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M61 21\n              L55 17\n              L46 31\n              L56 27\n              Z\n            \"><\/path>\n\n          <!-- Centre front \/ zipper -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M46 31\n              L46 72\n            \"><\/path>\n\n          <!-- Left chest pocket -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M28 43\n              L38 43\n            \"><\/path>\n\n          <!-- Right chest pocket -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M54 43\n              L64 43\n            \"><\/path>\n\n          <!-- Left lower pocket -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M27 56\n              L37 53\n            \"><\/path>\n\n          <!-- Right lower pocket -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M55 53\n              L65 56\n            \"><\/path>\n\n          <!-- Left cuff -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M9 64\n              L20 64\n            \"><\/path>\n\n          <!-- Right cuff -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M72 64\n              L83 64\n            \"><\/path>\n\n          <!-- Bottom hem -->\n          <path class=\"ww-jacket-detail\" d=\"\n              M25 69\n              C32 72 39 73 46 73\n              C53 73 60 72 67 69\n            \"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"ww-product-category-name\">JACKET<\/div>\n\n    <\/div>\n\n\n    <!-- TOTE BAG -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-tote\" aria-hidden=\"true\">\n        <span class=\"ww-tote-handle-left\"><\/span>\n        <span class=\"ww-tote-handle-right\"><\/span>\n        <span class=\"ww-tote-body\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">TOTE BAG<\/div>\n\n    <\/div>\n\n\n    <!-- SMALL GOODS -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-small-goods\" aria-hidden=\"true\">\n        <span class=\"ww-small-wallet\"><\/span>\n        <span class=\"ww-small-wallet-flap\"><\/span>\n        <span class=\"ww-small-wallet-line\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">SMALL GOODS<\/div>\n\n    <\/div>\n\n\n    <!-- BELTS -->\n    <div class=\"ww-product-category-card\">\n\n      <div class=\"ww-product-icon ww-icon-belt\" aria-hidden=\"true\">\n        <span class=\"ww-belt-strap\"><\/span>\n        <span class=\"ww-belt-buckle\"><\/span>\n        <span class=\"ww-belt-hole-one\"><\/span>\n        <span class=\"ww-belt-hole-two\"><\/span>\n        <span class=\"ww-belt-hole-three\"><\/span>\n      <\/div>\n\n      <div class=\"ww-product-category-name\">BELTS<\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   WILD WOVEN \u2014 THINGS WE MAKE\n   ========================================================= *\/\n\n.ww-product-categories {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 60px 24px;\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION HEADING\n   ========================================================= *\/\n\n.ww-product-categories-heading {\n  margin: 0 0 60px !important;\n  padding: 0;\n  color: #33332f;\n  font-family: 'Noto Sans', serif;\n  text-align: center;\n}\n\n\n.ww-product-categories-heading h2 {\n  margin: 0;\n  padding: 0;\n  color: #33332f;\n  font-family: 'Noto Sans', serif;\n  font-size: 28px;\n  font-weight: 400;\n  line-height: 1.2;\n  letter-spacing: 0.12em;\n}\n\n\n\/* =========================================================\n   SECTION DESCRIPTION\n   ========================================================= *\/\n\n.ww-product-categories-description {\n  margin: 18px auto 0;\n  max-width: 720px;\n  color: #666666;\n  font-family: 'Noto Sans', serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.8;\n  letter-spacing: 0.08em;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CATEGORY GRID\n   ========================================================= *\/\n\n.ww-product-category-grid {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 20px !important;\n}\n\n\n\/* =========================================================\n   CATEGORY CARD\n   ========================================================= *\/\n\n.ww-product-category-card {\n  min-height: 210px;\n  background: #edebeb;\n  border: 1px solid #d8d7d4;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 34px 20px 30px;\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ICON FRAME\n   ========================================================= *\/\n\n.ww-product-icon {\n  position: relative;\n  width: 92px;\n  height: 92px;\n  margin: 0 auto 20px;\n  color: #4d4c47;\n  flex-shrink: 0;\n}\n\n.ww-product-icon span {\n  position: absolute;\n  display: block;\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CATEGORY NAME\n   ========================================================= *\/\n\n.ww-product-category-name {\n  margin: 0;\n  color: #33332f;\n  font-family: 'Noto Sans', serif;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.3;\n  letter-spacing: 0.14em;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   BACKPACK\n   ========================================================= *\/\n\n.ww-icon-backpack .ww-backpack-body {\n  width: 50px;\n  height: 57px;\n  left: 21px;\n  top: 27px;\n  border: 1.5px solid currentColor;\n  border-radius: 9px 9px 7px 7px;\n}\n\n.ww-icon-backpack .ww-backpack-handle {\n  width: 25px;\n  height: 11px;\n  left: 33.5px;\n  top: 17px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 14px 14px 0 0;\n}\n\n.ww-icon-backpack .ww-backpack-pocket {\n  width: 32px;\n  height: 20px;\n  left: 30px;\n  top: 54px;\n  border: 1.5px solid currentColor;\n  border-radius: 4px;\n}\n\n.ww-icon-backpack .ww-backpack-strap {\n  width: 7px;\n  height: 38px;\n  top: 31px;\n  border: 1.5px solid currentColor;\n  border-radius: 5px;\n}\n\n.ww-icon-backpack .ww-backpack-strap-left {\n  left: 15px;\n}\n\n.ww-icon-backpack .ww-backpack-strap-right {\n  right: 15px;\n}\n\n\n\/* =========================================================\n   OFFICE BAG\n   ========================================================= *\/\n\n.ww-icon-office .ww-office-body {\n  width: 61px;\n  height: 43px;\n  left: 15.5px;\n  top: 34px;\n  border: 1.5px solid currentColor;\n  border-radius: 3px;\n}\n\n.ww-icon-office .ww-office-flap {\n  width: 61px;\n  height: 20px;\n  left: 15.5px;\n  top: 28px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 4px 4px 0 0;\n}\n\n.ww-icon-office .ww-office-handle {\n  width: 25px;\n  height: 15px;\n  left: 33.5px;\n  top: 18px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 12px 12px 0 0;\n}\n\n.ww-icon-office .ww-office-lock {\n  width: 6px;\n  height: 6px;\n  left: 43px;\n  top: 42px;\n  border: 1.5px solid currentColor;\n  border-radius: 50%;\n}\n\n\n\/* =========================================================\n   TRAVEL BAG\n   Wider body \/ No Wheels\n   ========================================================= *\/\n\n.ww-icon-travel .ww-travel-body {\n  width: 85px;\n  height: 43px;\n  left: 3.5px;\n  top: 34px;\n  border: 1.5px solid currentColor;\n  border-radius: 15px;\n}\n\n.ww-icon-travel .ww-travel-handle {\n  width: 31px;\n  height: 16px;\n  left: 30.5px;\n  top: 18px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 15px 15px 0 0;\n}\n\n.ww-icon-travel .ww-travel-pocket {\n  width: 27px;\n  height: 18px;\n  left: 32.5px;\n  top: 47px;\n  border: 1.5px solid currentColor;\n  border-radius: 3px;\n}\n\n\n\/* =========================================================\n   FASHION BAG\n   ========================================================= *\/\n\n.ww-icon-fashion .ww-fashion-body {\n  width: 59px;\n  height: 48px;\n  left: 16.5px;\n  top: 34px;\n  border: 1.5px solid currentColor;\n  border-radius: 5px 5px 9px 9px;\n}\n\n.ww-icon-fashion .ww-fashion-handle {\n  width: 30px;\n  height: 24px;\n  left: 31px;\n  top: 18px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 17px 17px 0 0;\n}\n\n.ww-icon-fashion .ww-fashion-seam {\n  width: 43px;\n  height: 1px;\n  left: 24.5px;\n  top: 51px;\n  border-top: 1px solid currentColor;\n}\n\n\n\/* =========================================================\n   JACKET\n   Realistic Front-View Outer Silhouette\n   ========================================================= *\/\n\n.ww-icon-jacket {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ww-jacket-svg {\n  width: 92px;\n  height: 92px;\n  display: block;\n  overflow: visible;\n}\n\n.ww-jacket-outline {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5px solid currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.ww-jacket-detail {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5px solid currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   TOTE BAG\n   ========================================================= *\/\n\n.ww-icon-tote .ww-tote-body {\n  width: 61px;\n  height: 52px;\n  left: 15.5px;\n  top: 31px;\n  border: 1.5px solid currentColor;\n  border-radius: 2px;\n}\n\n.ww-icon-tote .ww-tote-handle-left,\n.ww-icon-tote .ww-tote-handle-right {\n  width: 22px;\n  height: 25px;\n  top: 17px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 15px 15px 0 0;\n}\n\n.ww-icon-tote .ww-tote-handle-left {\n  left: 22px;\n}\n\n.ww-icon-tote .ww-tote-handle-right {\n  right: 22px;\n}\n\n\n\/* =========================================================\n   SMALL GOODS\n   ========================================================= *\/\n\n.ww-icon-small-goods .ww-small-wallet {\n  width: 63px;\n  height: 42px;\n  left: 14.5px;\n  top: 34px;\n  border: 1.5px solid currentColor;\n  border-radius: 4px;\n}\n\n.ww-icon-small-goods .ww-small-wallet-flap {\n  width: 63px;\n  height: 20px;\n  left: 14.5px;\n  top: 29px;\n  border: 1.5px solid currentColor;\n  border-bottom: 0;\n  border-radius: 4px 4px 0 0;\n}\n\n.ww-icon-small-goods .ww-small-wallet-line {\n  width: 16px;\n  height: 1px;\n  left: 38px;\n  top: 52px;\n  border-top: 1px solid currentColor;\n}\n\n\n\/* =========================================================\n   BELTS\n   ========================================================= *\/\n\n.ww-icon-belt .ww-belt-strap {\n  width: 68px;\n  height: 18px;\n  left: 10px;\n  top: 42px;\n  border: 1.5px solid currentColor;\n  border-radius: 3px;\n}\n\n.ww-icon-belt .ww-belt-buckle {\n  width: 22px;\n  height: 27px;\n  left: 10px;\n  top: 37px;\n  border: 1.5px solid currentColor;\n  border-radius: 3px;\n}\n\n.ww-icon-belt .ww-belt-hole-one,\n.ww-icon-belt .ww-belt-hole-two,\n.ww-icon-belt .ww-belt-hole-three {\n  width: 5px;\n  height: 5px;\n  top: 48px;\n  border: 1px solid currentColor;\n  border-radius: 50%;\n}\n\n.ww-icon-belt .ww-belt-hole-one {\n  left: 48px;\n  display: none;\n}\n\n.ww-icon-belt .ww-belt-hole-two {\n  left: 58px;\n}\n\n.ww-icon-belt .ww-belt-hole-three {\n  left: 68px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .ww-product-categories-heading h2 {\n    font-size: 25px;\n  }\n\n  .ww-product-categories-heading {\n    margin-bottom: 24px !important;\n  }\n\n  .ww-product-categories-description {\n    font-size: 13px;\n    letter-spacing: 0.06em;\n  }\n\n  .ww-product-category-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 8px;\n  }\n\n  .ww-product-category-card {\n    min-height: 185px;\n    padding: 28px 12px 25px;\n  }\n\n  .ww-product-icon {\n    width: 92px;\n    height: 92px;\n    transform: none;\n    margin-bottom: 14px;\n  }\n\n  .ww-jacket-svg {\n    width: 92px;\n    height: 92px;\n  }\n\n  .ww-product-category-name {\n    font-size: 12px;\n    letter-spacing: 0.11em;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   2 COLUMNS \u00d7 4 ROWS\n   Desktop icon artwork fully protected\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .ww-product-categories-heading h2 {\n    font-size: 22px;\n    letter-spacing: 0.1em;\n  }\n\n  .ww-product-categories-heading {\n    margin-bottom: 20px !important;\n  }\n\n  .ww-product-categories-description {\n    margin-top: 14px;\n    font-size: 12px;\n    line-height: 1.7;\n    letter-spacing: 0.04em;\n  }\n\n  .ww-product-category-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 7px;\n  }\n\n  .ww-product-category-card {\n    min-height: 170px;\n    padding: 25px 10px 23px;\n  }\n\n  .ww-product-icon {\n    width: 92px;\n    height: 92px;\n    transform: none;\n    margin-bottom: 11px;\n  }\n\n  .ww-jacket-svg {\n    width: 92px;\n    height: 92px;\n  }\n\n  .ww-product-category-name {\n    font-size: 11px;\n    letter-spacing: 0.09em;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   Desktop icon artwork remains protected\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .ww-product-categories-heading h2 {\n    font-size: 20px;\n  }\n\n  .ww-product-category-card {\n    min-height: 155px;\n    padding: 21px 7px 20px;\n  }\n\n  .ww-product-icon {\n    width: 92px;\n    height: 92px;\n    transform: none;\n  }\n\n  .ww-jacket-svg {\n    width: 92px;\n    height: 92px;\n  }\n\n  .ww-product-category-name {\n    font-size: 10px;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 B2B MANUFACTURING CAPABILITY SECTION\n     Gutenberg Custom HTML Block\n     English Version \u2014 Fully Clickable Cards\n========================================================= -->\n\n<section class=\"ww-capability-section\">\n\n    <div class=\"ww-capability-inner\">\n\n        <!-- =========================\n             CENTRAL SECTION HEADING\n        ========================== -->\n\n        <header class=\"ww-capability-heading\">\n\n            <h2>\n                B2B Leather Goods Manufacturing\n            <\/h2>\n\n            <p class=\"ww-capability-subtitle\">\n                12 Years of Precision Craft for Global Brands\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =========================\n             FOUR CLICKABLE CARDS\n        ========================== -->\n\n        <div class=\"ww-capability-grid\">\n\n            <!-- =========================\n                 CARD 01\n            ========================== -->\n\n            <a href=\"https:\/\/wildwoven.com.bd\/oem-odm-process\/\" class=\"ww-capability-card\">\n\n                <div class=\"ww-capability-icon\">\n\n                    <!-- Process Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <circle cx=\"12\" cy=\"24\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <circle cx=\"24\" cy=\"14\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <circle cx=\"36\" cy=\"24\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <circle cx=\"24\" cy=\"34\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <path d=\"M15 22l6-5M27 16l6 5M33 26l-6 5M21 32l-6-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    Professional OEM\/ODM\n                <\/h3>\n\n\n                <p>\n                    A streamlined 6-step collaborative workflow from\n                    initial concept, custom prototyping to seamless\n                    global delivery.\n                <\/p>\n\n\n                <span class=\"ww-capability-link\">\n                    Explore Process\n                    <span class=\"ww-arrow\">\u2192<\/span>\n                <\/span>\n\n            <\/a>\n            <!-- =========================\n                 CARD 02\n            ========================== -->\n\n            <a href=\"https:\/\/wildwoven.com.bd\/latest-products\/\" class=\"ww-capability-card\">\n\n                <div class=\"ww-capability-icon\">\n\n                    <!-- Customization Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <rect x=\"9\" y=\"9\" width=\"30\" height=\"30\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/rect>\n\n                        <path d=\"M17 24h14M24 17v14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                        <circle cx=\"24\" cy=\"24\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <h3>\n                    Product Customization\n                <\/h3>\n\n\n                <p>\n                    Premium bespoke B2B leather manufacturing with\n                    complete private-label services, flexible MOQs,\n                    and custom materials.\n                <\/p>\n\n\n                <span class=\"ww-capability-link\">\n                    Explore Categories\n                    <span class=\"ww-arrow\">\u2192<\/span>\n                <\/span>\n\n            <\/a>\n\n\n            <!-- =========================\n                 CARD 03\n            ========================== -->\n\n            <a href=\"https:\/\/wildwoven.com.bd\/factory-tour\/\" class=\"ww-capability-card\">\n\n                <div class=\"ww-capability-icon\">\n\n                    <!-- Factory Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <path d=\"M8 38V19l12 7V19l12 7V12h8v26H8Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"><\/path>\n\n                        <path d=\"M14 32h4M23 32h4M32 32h4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    World-Class Factory\n                <\/h3>\n\n\n                <p>\n                    Our 10,000 SQFT facility delivers exceptional\n                    capacity with premium automated machinery and\n                    90+ artisans.\n                <\/p>\n\n\n                <span class=\"ww-capability-link\">\n                    Explore Facilities\n                    <span class=\"ww-arrow\">\u2192<\/span>\n                <\/span>\n\n            <\/a>\n\n\n\n\n            <!-- =========================\n                 CARD 04\n            ========================== -->\n\n            <a href=\"https:\/\/wildwoven.com.bd\/contact\/\" class=\"ww-capability-card\">\n\n                <div class=\"ww-capability-icon\">\n\n                    <!-- Global Partnership Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <circle cx=\"24\" cy=\"24\" r=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <path d=\"M9 24h30\n                                 M24 9c5 5 7 10 7 15\n                                 s-2 10-7 15\n                                 M24 9c-5 5-7 10-7 15\n                                 s2 10 7 15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                        <path d=\"M12 16c7 3 17 3 24 0\n                                 M12 32c7-3 17-3 24 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n                <h3>\n                    Global Partnerships\n                <\/h3>\n\n\n                <p>\n                    Proven track record of scaling high-quality leather\n                    goods for leading international fashion and\n                    technology brands.\n                <\/p>\n\n\n                <span class=\"ww-capability-link\">\n                    View Performance\n                    <span class=\"ww-arrow\">\u2192<\/span>\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-capability-section {\n    width: 100%;\n    padding: 60px 24px;\n    box-sizing: border-box;\n\n    background: #ffffff;\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INNER CONTAINER\n========================================================= *\/\n\n.ww-capability-inner {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   CENTRAL HEADING\n========================================================= *\/\n\n.ww-capability-heading {\n    max-width: 820px;\n    margin: 0 auto 60px;\n    text-align: center;\n    letter-spacing: 0.2rem;\n}\n\n\n.ww-capability-eyebrow {\n    margin: 0 0 10px;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.2rem;\n    line-height: 1.6;\n\n    color: #777777;\n}\n\n\n.ww-capability-heading h2 {\n    margin-bottom: 10px;\n    font-size: clamp(30px, 3.5vw, 34px);\n    font-weight: 400;\n    line-height: 1.2;\n    letter-spacing: 0.5;\n    color: #111111;\n}\n\n\n.ww-capability-subtitle {\n    margin: 18px auto 0;\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 0.16rem;\n    line-height: 1.8;\n    color: #666666;\n}\n\n\n\/* =========================================================\n   CARD GRID\n========================================================= *\/\n\n.ww-capability-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n}\n\n\n\/* =========================================================\n   CLICKABLE CARD\n========================================================= *\/\n\n.ww-capability-card {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n    min-height: 430px;\n\n    padding: 48px 34px 42px;\n\n    box-sizing: border-box;\n\n    border-right: 1px solid #dddddd;\n\n    background: #ffffff;\n\n    color: #111111;\n    text-decoration: none;\n\n    transition:\n        background-color 0.3s ease,\n        transform 0.3s ease;\n}\n\n\n.ww-capability-card:last-child {\n    border-right: none;\n}\n\n\n\/* =========================================================\n   CARD HOVER\n========================================================= *\/\n\n.ww-capability-card:hover {\n    background: #fafafa;\n    color: #111111;\n}\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.ww-capability-icon {\n    width: 46px;\n    height: 46px;\n\n    margin-bottom: 32px;\n\n    color: #111111;\n}\n\n\n.ww-capability-icon svg {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n}\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n.ww-capability-card h3 {\n    margin: 0 0 20px;\n\n    font-size: 18px;\n    font-weight: 500;\n    letter-spacing: -0.01em;\n    line-height: 1.45;\n    letter-spacing: 0.16rem;\n    color: #111111;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.ww-capability-card p {\n    margin: 0;\n\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.01em;\n    line-height: 1.9;\n    letter-spacing: 0.12rem;\n    color: #666666;\n}\n\n\n\/* =========================================================\n   BOTTOM LINK\n========================================================= *\/\n\n.ww-capability-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n\n    margin-top: auto;\n    padding-top: 35px;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.08em;\n    line-height: 1.5;\n    letter-spacing: 0.2rem;\n    color: #111111;\n}\n\n\n.ww-arrow {\n    display: inline-block;\n\n    font-size: 16px;\n    font-weight: 400;\n\n    transition:\n        transform 0.25s ease;\n}\n\n\n.ww-capability-card:hover .ww-arrow {\n    transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .ww-capability-section {\n        padding: 95px 24px;\n    }\n\n\n    .ww-capability-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n\n    .ww-capability-card {\n        min-height: 400px;\n    }\n\n\n    .ww-capability-card:nth-child(2) {\n        border-right: none;\n    }\n\n\n    .ww-capability-card:nth-child(-n+2) {\n        border-bottom: 1px solid #dddddd;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-capability-section {\n        padding: 75px 20px;\n    }\n\n\n    .ww-capability-heading {\n        margin-bottom: 50px;\n    }\n\n\n    .ww-capability-heading h2 {\n        font-size: 29px;\n        line-height: 1.25;\n    }\n\n\n    .ww-capability-subtitle {\n        font-size: 13px;\n        letter-spacing: 0.04em;\n    }\n\n\n    .ww-capability-grid {\n        grid-template-columns: 1fr;\n    }\n\n\n    .ww-capability-card,\n    .ww-capability-card:nth-child(2) {\n\n        min-height: 390px;\n\n        padding:\n            38px\n            24px\n            40px;\n\n        border-right: none;\n        border-bottom: 1px solid #dddddd;\n    }\n\n\n    .ww-capability-card:last-child {\n        border-bottom: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 INDUSTRIES WE SERVE\n     Gutenberg Custom HTML Ready\n\n     2 \u00d7 2 Image Card Layout\n     Non-clickable Industry Cards\n     Slow Editorial Hover Animation\n========================================================= -->\n\n<section class=\"ww-industries-section\">\n\n    <div class=\"ww-industries-container\">\n\n        <!-- =========================\n             SECTION HEADING\n        ========================== -->\n\n        <header class=\"ww-industries-heading\">\n\n            <h2>\n                Solutions for Every Industry\n            <\/h2>\n\n            <p class=\"ww-industries-intro\">\n                Tailored leather manufacturing solutions designed to\n                meet the unique demands of your industry.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =========================\n             INDUSTRY GRID\n        ========================== -->\n\n        <div class=\"ww-industries-grid\">\n\n\n            <!-- =========================================\n                 01 \u2014 BRANDS\n            ========================================== -->\n\n            <article class=\"ww-industry-card\">\n\n                <div class=\"ww-industry-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584917865442-de89df76afd3?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Leather goods developed for independent and established brands\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-industry-overlay\"><\/div>\n\n\n                <!-- ICON \u2014 POSITIONED RELATIVE TO FULL CARD -->\n\n                <div class=\"ww-industry-icon\">\n\n                    <!-- Brands Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <path d=\"M16 10h16l4 8v20H12V18l4-8Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"><\/path>\n\n                        <path d=\"M16 10c1 5 4 8 8 8s7-3 8-8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                        <path d=\"M19 25h10M19 30h7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"ww-industry-content\">\n\n                    <div class=\"ww-industry-text\">\n\n                        <h3>\n                            Brands\n                        <\/h3>\n\n\n                        <div class=\"ww-industry-description\">\n\n                            <p>\n                                Production support for established and\n                                emerging brands, from product development\n                                and sampling to consistent, market-ready\n                                leather goods.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =========================================\n                 02 \u2014 DISTRIBUTORS\n            ========================================== -->\n\n            <article class=\"ww-industry-card\">\n\n                <div class=\"ww-industry-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Warehouse and wholesale distribution operations\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-industry-overlay\"><\/div>\n\n\n                <!-- ICON \u2014 POSITIONED RELATIVE TO FULL CARD -->\n\n                <div class=\"ww-industry-icon\">\n\n                    <!-- Distribution Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <path d=\"M9 12h5l3 21h19l4-15H16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n\n                        <circle cx=\"20\" cy=\"38\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <circle cx=\"34\" cy=\"38\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n\n                        <path d=\"M24 18h10M29 13v10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"ww-industry-content\">\n\n                    <div class=\"ww-industry-text\">\n\n                        <h3>\n                            Distributors\n                        <\/h3>\n\n\n                        <div class=\"ww-industry-description\">\n\n                            <p>\n                                Reliable leather goods manufacturing\n                                for distributors, with coordinated\n                                product ranges, consistent specifications,\n                                and dependable wholesale supply.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =========================================\n                 03 \u2014 CORPORATE GIFTS\n            ========================================== -->\n\n            <article class=\"ww-industry-card\">\n\n                <div class=\"ww-industry-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513201099705-a9746e1e201f?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Gift packaging for customized corporate leather gifts\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-industry-overlay\"><\/div>\n\n\n                <!-- ICON \u2014 POSITIONED RELATIVE TO FULL CARD -->\n\n                <div class=\"ww-industry-icon\">\n\n                    <!-- Gift Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <rect x=\"8\" y=\"18\" width=\"32\" height=\"22\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/rect>\n\n                        <path d=\"M24 18v22M8 25h32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n\n                        <path d=\"M24 18H15c-4 0-5-7 0-7 4 0 9 7 9 7ZM24 18h9c4 0 5-7 0-7-4 0-9 7-9 7Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"ww-industry-content\">\n\n                    <div class=\"ww-industry-text\">\n\n                        <h3>\n                            Corporate Gifts\n                        <\/h3>\n\n\n                        <div class=\"ww-industry-description\">\n\n                            <p>\n                                Premium leather gifting solutions\n                                for corporate programs and branded\n                                merchandise, with customized branding\n                                and presentation packaging.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =========================================\n                 04 \u2014 BUYING HOUSES\n            ========================================== -->\n\n            <article class=\"ww-industry-card\">\n\n                <div class=\"ww-industry-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/szoneier.com\/wp-content\/uploads\/2024\/12\/5-custom-leather-goods-manufacturer-by-szoneier-factory.jpg\" alt=\"Leather goods manufacturing and production for buying houses\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-industry-overlay\"><\/div>\n\n\n                <!-- ICON \u2014 POSITIONED RELATIVE TO FULL CARD -->\n\n                <div class=\"ww-industry-icon\">\n\n                    <!-- Buying House Icon -->\n\n                    <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                        <path d=\"M12 11h24v26H12z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"><\/path>\n\n                        <path d=\"M17 11v26M31 11v26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-dasharray=\"2.5 2.5\"><\/path>\n\n                        <path d=\"M17 17\n                                 c3-3 5-3 7 0\n                                 c2 3 4 3 7 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path>\n\n                        <path d=\"M17 24\n                                 c3-3 5-3 7 0\n                                 c2 3 4 3 7 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path>\n\n                        <path d=\"M17 31\n                                 c3-3 5-3 7 0\n                                 c2 3 4 3 7 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"ww-industry-content\">\n\n                    <div class=\"ww-industry-text\">\n\n                        <h3>\n                            Buying Houses\n                        <\/h3>\n\n\n                        <div class=\"ww-industry-description\">\n\n                            <p>\n                                OEM production support for buying houses,\n                                including product development, sampling,\n                                quality control, and coordinated\n                                manufacturing for export orders.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- =========================\n             BOTTOM CTA\n        ========================== -->\n\n        <div class=\"ww-industries-footer\">\n\n            <a href=\"https:\/\/wildwoven.com.bd\/latest-products\/\" class=\"ww-industries-button\">\n\n                View All Products\n\n                <span>\u2192<\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-industries-section {\n    width: 100%;\n    padding: 60px 24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-industries-container {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.ww-industries-heading {\n    max-width: 760px;\n    margin: 0 auto 60px;\n    letter-spacing: 1.6rem;\n    text-align: center;\n}\n\n\n.ww-industries-eyebrow {\n    margin: 0 0 18px;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.24em;\n    line-height: 1.6;\n\n    color: #777777;\n}\n\n\n.ww-industries-heading h2 {\n    margin-bottom: 10px;\n    font-size: clamp(30px, 3.4vw, 34px);\n    font-weight: 400;\n    letter-spacing: 0.2rem;\n    line-height: 1.2;\n    color: #111111;\n}\n\n\n.ww-industries-intro {\n    max-width: 600px;\n\n    margin: 20px auto 0;\n    letter-spacing: 0.16rem;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.9;\n    color: #666666;\n}\n\n\n\/* =========================================================\n   2 \u00d7 2 GRID\n========================================================= *\/\n\n.ww-industries-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n}\n\n\n\/* =========================================================\n   INDUSTRY CARD\n========================================================= *\/\n\n.ww-industry-card {\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 1.48 \/ 1;\n\n    overflow: hidden;\n\n    background: #222222;\n\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.ww-industry-image {\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -3;\n\n    overflow: hidden;\n}\n\n\n.ww-industry-image img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transform: scale(1);\n\n    transition:\n        transform 2.5s cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   IMAGE ZOOM\n========================================================= *\/\n\n.ww-industry-card:hover\n.ww-industry-image img {\n    transform: scale(1.085);\n}\n\n\n\/* =========================================================\n   OVERLAY \u2014 LIGHTER SO ORIGINAL IMAGE REMAINS VISIBLE\n========================================================= *\/\n\n.ww-industry-overlay {\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -2;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,0.52) 0%,\n            rgba(0,0,0,0.24) 42%,\n            rgba(0,0,0,0.04) 78%,\n            rgba(0,0,0,0.00) 100%\n        );\n\n    transition:\n        background 1.4s cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   HOVER OVERLAY \u2014 STILL DARK ENOUGH FOR TEXT\n========================================================= *\/\n\n.ww-industry-card:hover\n.ww-industry-overlay {\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,0.62) 0%,\n            rgba(0,0,0,0.30) 48%,\n            rgba(0,0,0,0.04) 100%\n        );\n}\n\n\n\n\/* =========================================================\n   CONTENT\n   Text remains anchored at the bottom.\n========================================================= *\/\n\n.ww-industry-content {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    padding:\n        36px\n        40px\n        36px;\n\n    box-sizing: border-box;\n\n    color: #ffffff;\n\n    z-index: 4;\n}\n\n\n\/* =========================================================\n   ICON\n   Independent from bottom text content.\n   Permanently positioned at TOP LEFT.\n========================================================= *\/\n\n.ww-industry-icon {\n    position: absolute;\n\n    top: 30px;\n    left: 34px;\n\n    width: 38px;\n    height: 38px;\n\n    color: #ffffff;\n\n    opacity: 0.94;\n\n    z-index: 6;\n\n    pointer-events: none;\n\n    transition:\n        transform 1.15s cubic-bezier(.16, 1, .3, 1);\n}\n\n\n.ww-industry-icon svg {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n}\n\n\n\/* =========================================================\n   TEXT GROUP\n   Slow, unified editorial movement\n========================================================= *\/\n\n.ww-industry-text {\n    position: relative;\n\n    transform: translateY(0);\n\n    transition:\n        transform 1.45s cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   TITLE\n   No separate movement \u2014 follows the text group\n========================================================= *\/\n\n.ww-industry-text h3 {\n    margin: 0;\n    font-size: clamp(18px, 2vw, 18px);\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n    line-height: 1.25;\n\n    color: #ffffff;\n\n    \/* Prevents the title from moving independently *\/\n    transition: none;\n}\n\n\n \n\/* ========================================================= \n   DESCRIPTION POCKET \n========================================================= *\/ \n \n.ww-industry-description { \n    max-height: 0; \n \n    overflow: hidden; \n \n    opacity: 0; \n \n    transform: translateY(26px); \n \n    \/* \n     * The description emerges slowly from below the title. \n     *\/ \n \n    transition: \n        max-height 1.15s cubic-bezier(.16, 1, .3, 1), \n        opacity 0.8s ease 0.15s, \n        transform 1.15s cubic-bezier(.16, 1, .3, 1); \n} \n \n \n.ww-industry-description p { \n    margin: 17px 0 0; \n \n    max-width: 590px; \n\n    font-size: 12px; \n    font-weight: 400; \n \n    letter-spacing: 0.16rem;\n    line-height: 1.8; \n \n    color: \n        rgba(255,255,255,0.88); \n} \n \n \n\/* ========================================================= \n   HOVER \u2014 POCKET OPENS \n========================================================= *\/ \n \n.ww-industry-card:hover \n.ww-industry-text { \n    transform: translateY(-5px); \n} \n \n \n.ww-industry-card:hover \n.ww-industry-description { \n    max-height: 125px; \n \n    opacity: 1; \n \n    transform: translateY(0); \n} \n \n \n\/* ========================================================= \n   ICON MOVEMENT \n========================================================= *\/ \n \n.ww-industry-card:hover \n.ww-industry-icon { \n    transform: translateY(-3px); \n} \n \n \n\/* ========================================================= \n   BOTTOM CTA \n========================================================= *\/ \n \n.ww-industries-footer { \n    display: flex; \n \n    justify-content: center; \n \n    margin-top: 55px; \n} \n \n \n\/* =========================================================\n   VIEW ALL PRODUCTS \u2014 CARD-STYLE ARROW HOVER\n========================================================= *\/\n\n.ww-industries-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n\n    padding:\n        14px\n        0\n        8px;\n\n    border-bottom: 1px solid #111111;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    line-height: 1.5;\n\n    color: #111111;\n    text-decoration: none;\n\n    transition:\n        opacity 0.3s ease;\n}\n\n\n\/* Arrow *\/\n\n.ww-industries-button span {\n    display: inline-block;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1;\n\n    transition:\n        transform 0.25s ease;\n}\n\n\n\/* Hover *\/\n\n.ww-industries-button:hover {\n    opacity: 1;\n    color: #111111;\n}\n\n\n\/* Same arrow movement as the capability cards *\/\n\n.ww-industries-button:hover span {\n    transform: translateX(5px);\n}\n \n \n\/* ========================================================= \n   TABLET \n========================================================= *\/ \n \n@media (max-width: 800px) { \n \n    .ww-industries-section { \n        padding: 90px 22px; \n    } \n \n \n    .ww-industries-grid { \n        gap: 14px; \n    } \n \n \n    .ww-industry-content { \n        padding: \n            30px \n            30px \n            30px; \n    } \n \n \n    .ww-industry-icon { \n        top: 24px; \n        left: 25px; \n \n        z-index: 6; \n    } \n \n} \n \n \n\/* ========================================================= \n   MOBILE \n========================================================= *\/ \n \n@media (max-width: 600px) { \n \n    .ww-industries-section { \n        padding: 75px 18px; \n    } \n \n \n    .ww-industries-heading { \n        margin-bottom: 45px; \n    } \n \n \n    .ww-industries-heading h2 { \n        font-size: 29px; \n    } \n \n \n    .ww-industries-intro { \n        font-size: 13px; \n    } \n \n \n    .ww-industries-grid { \n \n        grid-template-columns: \n            1fr; \n \n        gap: 12px; \n    } \n \n \n    .ww-industry-card { \n        aspect-ratio: \n            1.25 \/ 1; \n    } \n \n \n    .ww-industry-content { \n \n        padding: \n            28px \n            25px \n            28px; \n    } \n \n \n    .ww-industry-icon { \n \n        top: 22px; \n        left: 22px; \n \n        width: 34px; \n        height: 34px; \n \n        z-index: 6; \n    } \n \n \n    .ww-industry-text h3 { \n \n        font-size: 22px; \n    } \n \n \n    .ww-industry-description p { \n \n        font-size: 12px; \n        line-height: 1.75; \n    } \n \n} \n \n \n\/* ========================================================= \n   TOUCH DEVICES \n \n   No hover exists on touchscreens, so descriptions \n   remain visible for accessibility and usability. \n========================================================= *\/ \n \n@media (hover: none) { \n \n    .ww-industry-description { \n \n        max-height: 125px; \n \n        opacity: 1; \n \n        transform: \n            translateY(0); \n    } \n \n \n    .ww-industry-text { \n \n        transform: \n            translateY(-5px); \n    } \n \n} \n \n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 OUR MANUFACTURING PROCESS\n     Gutenberg Custom HTML Ready\n     \n     Editorial Japanese-Inspired Layout\n     Left: Craftsmanship Content\n     Right: Workshop Image + Floating Statistics\n========================================================= -->\n\n<section class=\"ww-craft-section\">\n\n    <div class=\"ww-craft-container\">\n\n\n        <!-- =================================================\n             LEFT CONTENT\n        ================================================= -->\n\n        <div class=\"ww-craft-content\">\n\n            <!-- MAIN TITLE -->\n\n            <h2 class=\"ww-craft-title\">\n                Made With Purpose\n            <\/h2>\n\n\n            <!-- INTRODUCTION -->\n\n            <p class=\"ww-craft-intro\">\n                Every leather product begins with considered materials,\n                thoughtful development, skilled workmanship, and\n                coordinated production through to global delivery.\n            <\/p>\n\n\n            <!-- =================================================\n                 CRAFTSMANSHIP FEATURES\n            ================================================= -->\n\n            <div class=\"ww-craft-features\">\n\n\n                <!-- 01 -->\n\n                <div class=\"ww-craft-feature\">\n\n                    <div class=\"ww-craft-feature-icon\">\n\n                        <!-- Hand Stitching Icon -->\n\n                        <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                            <path d=\"M10 34\n                                     C15 29 18 23 21 17\n                                     C23 13 26 11 30 13\n                                     C34 15 34 20 31 24\n                                     C28 28 24 32 19 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M13 32\n                                     l3 3\n                                     M17 27\n                                     l3 3\n                                     M21 22\n                                     l3 3\n                                     M25 17\n                                     l3 3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M31 12\n                                     l5 -3\n                                     M31 12\n                                     l3 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"ww-craft-feature-text\">\n\n                        <h3>\n                            Raw Material Sourcing \n                        <\/h3>\n\n                        <p>\n                            Carefully selected leather and supporting materials\n                            provide the foundation for products defined\n                            by character, durability, and lasting appeal.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 02 -->\n\n                <div class=\"ww-craft-feature\">\n\n                    <div class=\"ww-craft-feature-icon\">\n\n                        <!-- Digital Cutting Icon -->\n\n                        <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                            <rect x=\"10\" y=\"10\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\"><\/rect>\n\n                            <path d=\"M17 31\n                                     L31 17\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M28 17h4v4\n                                     M17 28v4h4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"><\/path>\n\n                            <circle cx=\"17\" cy=\"17\" r=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/circle>\n\n                            <circle cx=\"31\" cy=\"31\" r=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/circle>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"ww-craft-feature-text\">\n\n                        <h3>\n                            Design, Innovation and Development\n                        <\/h3>\n\n                        <p>\n                            Ideas take shape through considered design, practical\n                            innovation, and product development that\n                            brings form, function, and detail together.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 03 -->\n\n                <div class=\"ww-craft-feature\">\n\n                    <div class=\"ww-craft-feature-icon\">\n\n                        <!-- Edge Finishing Icon -->\n\n                        <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                            <path d=\"M13 34\n                                     C18 29 20 24 22 18\n                                     C23 14 26 12 30 13\n                                     C34 14 36 17 35 21\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M14 35\n                                     C20 32 26 31 34 33\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M29 12\n                                     C31 9 34 9 36 11\n                                     C38 13 38 16 36 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M11 38\n                                     h26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"ww-craft-feature-text\">\n\n                        <h3>\n                            Precise Craftsmanship\n                        <\/h3>\n\n                        <p>\n                            Skilled hands and careful finishing bring each design\n                            together, with close attention to construction,\n                            detail, and the quality of every finish.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 04 -->\n\n                <div class=\"ww-craft-feature\">\n\n                    <div class=\"ww-craft-feature-icon\">\n\n                        <!-- Quality Control Icon -->\n\n                        <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                            <rect x=\"11\" y=\"9\" width=\"26\" height=\"30\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\"><\/rect>\n\n                            <path d=\"M17 17\n                                     h14\n                                     M17 23\n                                     h14\n                                     M17 29\n                                     h8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"><\/path>\n\n                            <path d=\"M28 29\n                                     l2 2\n                                     l5-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"ww-craft-feature-text\">\n\n                        <h3>\n                            Timely Production\n                        <\/h3>\n\n                        <p>\n                            Coordinated workflows and attentive production planning\n                            help maintain steady progress from the\n                            workshop to the finished order.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 05 -->\n\n                <div class=\"ww-craft-feature\">\n\n                    <div class=\"ww-craft-feature-icon\">\n\n                        <!-- Global Delivery Icon -->\n\n                        <svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\n                            <circle cx=\"24\" cy=\"24\" r=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\"><\/circle>\n\n                            <path d=\"M9 24h30M24 9c4 4 6 9 6 15s-2 11-6 15M24 9c-4 4-6 9-6 15s2 11 6 15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n\n                            <path d=\"M13 15h22M13 33h22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"ww-craft-feature-text\">\n\n                        <h3>\n                            Global Delivery\n                        <\/h3>\n\n                        <p>\n                            Export-focused coordination and dependable\n                            order handling help bring finished leather\n                            goods from our workshop to international markets.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 CTA\n            ================================================= -->\n\n            <a href=\"https:\/\/wildwoven.com.bd\/factory-tour\/\" class=\"ww-craft-button\">\n\n                <span>\n                    Explore Our Factory\n                <\/span>\n\n                <span class=\"ww-craft-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT IMAGE AREA\n        ================================================= -->\n\n        <div class=\"ww-craft-visual\">\n\n\n            <!-- MAIN IMAGE -->\n\n            <div class=\"ww-craft-image\">\n\n                <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/5962687\/pexels-photo-5962687.jpeg?_gl=1*1tvoyah*_ga*NTE4OTgxMzc0LjE3ODIwMzgzMTM.*_ga_8JE65Q40S6*czE3ODc0OTYwNTAkbzExJGcxJHQxNzg3NDk2MTAxJGo5JGwwJGgw\" alt=\"TanCustom artisan leather workshop\" loading=\"lazy\">\n\n\n                <!-- IMAGE LOWER STRIP -->\n\n                <div class=\"ww-craft-image-strip\">\n\n                    <span>\n                        Wild Woven MANUFACTURING\n                    <\/span>\n\n                    <span class=\"ww-craft-strip-line\"><\/span>\n\n                    <span>\n                        MATERIALS \u00b7 DESIGN \u00b7 DELIVERY\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 FLOATING STAT \u2014 TOP RIGHT\n            ================================================= -->\n\n            <div class=\"ww-craft-stat ww-craft-stat-top\">\n\n                <span class=\"ww-craft-stat-number\">\n                    Trusted Quality\n                <\/span>\n\n                <span class=\"ww-craft-stat-label\">\n                    CRAFTED EXCELLENCE\n                <\/span>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 FLOATING STAT \u2014 BOTTOM LEFT\n            ================================================= -->\n\n            <div class=\"ww-craft-stat ww-craft-stat-bottom\">\n\n                <span class=\"ww-craft-stat-number\">\n                    Global Reach\n                <\/span>\n\n                <span class=\"ww-craft-stat-label\">\n                    EXPORT READY\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-craft-section {\n\n    width: 100%;\n\n    padding:\n        60px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.ww-craft-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(0, 1.1fr);\n\n    gap: 90px;\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n.ww-craft-content {\n\n    width: 100%;\n\n    max-width: 570px;\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.ww-craft-title {\n\n    margin: 0;\n\n    font-size:\n        clamp(34px, 4vw, 34px);\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.12;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.ww-craft-intro {\n\n    max-width: 520px;\n\n    margin:\n        20px\n        0\n        30px;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.12rem;\n\n    line-height: 1.9;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   FEATURE LIST\n========================================================= *\/\n\n.ww-craft-features {\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n\/* =========================================================\n   FEATURE\n========================================================= *\/\n\n.ww-craft-feature {\n\n    display: grid;\n\n    grid-template-columns:\n        40px\n        minmax(0, 1fr);\n\n    column-gap: 20px;\n\n    padding:\n        14px\n        0;\n\n    border-top:\n        1px solid #e5e5e5;\n}\n\n\n.ww-craft-feature:last-child {\n\n    border-bottom:\n        1px solid #e5e5e5;\n}\n\n\n\/* =========================================================\n   FEATURE ICON\n========================================================= *\/\n\n.ww-craft-feature-icon {\n\n    width: 30px;\n\n    height: 30px;\n\n    color: #222222;\n\n    opacity: 0.9;\n}\n\n\n.ww-craft-feature-icon svg {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n}\n\n\n\/* =========================================================\n   FEATURE TEXT\n========================================================= *\/\n\n.ww-craft-feature-text h3 {\n\n    margin:\n        0\n        0\n        5px;\n\n    font-size: 15px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.45;\n\n    color: #111111;\n}\n\n\n.ww-craft-feature-text p {\n\n    max-width: 470px;\n\n    margin: 0;\n\n    font-size: 12.5px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.12rem;\n\n    line-height: 1.65;\n\n    color: #707070;\n}\n\n\n\/* =========================================================\n   CTA BUTTON\n========================================================= *\/\n\n.ww-craft-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin-top: 24px;\n\n    padding:\n        10px\n        0\n        7px;\n\n    border-bottom:\n        1px solid #111111;\n\n    font-size: 11px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.12rem;\n\n    line-height: 1.5;\n\n    color: #111111;\n\n    text-decoration: none;\n\n    transition:\n        opacity 0.3s ease;\n}\n\n\n.ww-craft-button:hover {\n\n    opacity: 1;\n    color: #111111 !important;\n}\n\n\n.ww-craft-arrow {\n\n    display: inline-block;\n\n    font-size: 16px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    transition:\n        transform 0.25s ease;\n}\n\n\n.ww-craft-button:hover\n.ww-craft-arrow {\n\n    transform:\n        translateX(5px);\n    color: #111111 !important;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n========================================================= *\/\n\n.ww-craft-visual {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n}\n\n\n\/* =========================================================\n   IMAGE FRAME\n========================================================= *\/\n\n.ww-craft-image {\n\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 1.08 \/ 1;\n\n    overflow: hidden;\n\n    background: #e8e8e6;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.ww-craft-image img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transform:\n        scale(1);\n\n    transition:\n        transform 1.6s cubic-bezier(.16, 1, .3, 1);\n}\n\n\n.ww-craft-image:hover img {\n\n    transform:\n        scale(1.025);\n}\n\n\n\/* =========================================================\n   LOWER IMAGE STRIP\n========================================================= *\/\n\n.ww-craft-image-strip {\n\n    position: absolute;\n\n    left: 0;\n\n    right: 0;\n\n    bottom: 20px !important;\n\n    min-height: 54px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    padding:\n        0\n        24px;\n\n    box-sizing: border-box;\n\n    background:\n        rgba(17,17,17,0.78);\n\n    backdrop-filter:\n        blur(5px);\n\n    color: #ffffff;\n\n    z-index: 3;\n}\n\n\n.ww-craft-image-strip span {\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.5;\n\n    white-space: nowrap;\n}\n\n\n.ww-craft-strip-line {\n\n    width: 34px;\n\n    height: 1px;\n\n    flex-shrink: 0;\n\n    background:\n        rgba(255,255,255,0.5);\n}\n\n\n\/* =========================================================\n   FLOATING STAT CARDS\n========================================================= *\/\n\n.ww-craft-stat {\n\n    position: absolute;\n\n    z-index: 5;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    min-width: 126px;\n\n    min-height: 92px;\n\n    padding:\n        17px\n        20px;\n\n    box-sizing: border-box;\n\n    background:\n        rgba(255,255,255,0.94);\n\n    border:\n        1px solid rgba(17,17,17,0.10);\n\n    box-shadow:\n        0 12px 35px rgba(0,0,0,0.08);\n\n    backdrop-filter:\n        blur(8px);\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   TOP RIGHT STAT\n========================================================= *\/\n\n.ww-craft-stat-top {\n\n    top: 34px;\n\n    right: -28px;\n\n    animation:\n        wwCraftFloatTop\n        4.5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   BOTTOM LEFT STAT\n========================================================= *\/\n\n.ww-craft-stat-bottom {\n\n    left: -28px;\n\n    bottom: 34px;\n\n    animation:\n        wwCraftFloatBottom\n        4.5s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   STAT NUMBER\n========================================================= *\/\n\n.ww-craft-stat-number {\n\n    display: block;\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.2rem;\n\n    line-height: 1.1;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   STAT LABEL\n========================================================= *\/\n\n.ww-craft-stat-label {\n\n    display: block;\n\n    margin-top: 8px;\n\n    font-size: 7px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.5;\n\n    color: #707070;\n}\n\n\n\/* =========================================================\n   VERY SUBTLE FLOATING MOVEMENT\n========================================================= *\/\n\n@keyframes wwCraftFloatTop {\n\n    0%,\n    100% {\n\n        transform:\n            translateY(0);\n    }\n\n    50% {\n\n        transform:\n            translateY(-5px);\n    }\n}\n\n\n@keyframes wwCraftFloatBottom {\n\n    0%,\n    100% {\n\n        transform:\n            translateY(0);\n    }\n\n    50% {\n\n        transform:\n            translateY(5px);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .ww-craft-section {\n\n        padding:\n            95px\n            24px;\n    }\n\n\n    .ww-craft-container {\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(0, 1fr);\n\n        gap: 55px;\n    }\n\n\n    .ww-craft-title {\n\n        font-size:\n            clamp(32px, 4vw, 44px);\n    }\n\n\n    .ww-craft-stat-top {\n\n        right: -15px;\n    }\n\n\n    .ww-craft-stat-bottom {\n\n        left: -15px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 760px) {\n\n    .ww-craft-section {\n\n        padding:\n            75px\n            20px;\n    }\n\n\n    .ww-craft-container {\n\n        grid-template-columns:\n            1fr;\n\n        gap: 60px;\n    }\n\n\n    .ww-craft-content {\n\n        max-width: none;\n    }\n\n\n    .ww-craft-title {\n\n        font-size: 34px;\n    }\n\n\n    .ww-craft-intro {\n\n        margin-bottom: 40px;\n    }\n\n\n    .ww-craft-image {\n\n        aspect-ratio:\n            1 \/ 1.05;\n    }\n\n\n    .ww-craft-stat-top {\n\n        top: 20px;\n\n        right: 15px;\n    }\n\n\n    .ww-craft-stat-bottom {\n\n        left: 15px;\n\n        bottom: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .ww-craft-section {\n\n        padding:\n            65px\n            18px;\n    }\n\n\n    .ww-craft-title {\n\n        font-size: 31px;\n    }\n\n\n    .ww-craft-intro {\n\n        font-size: 13px;\n\n        line-height: 1.8;\n    }\n\n\n    .ww-craft-feature {\n\n        grid-template-columns:\n            34px\n            minmax(0, 1fr);\n\n        column-gap: 15px;\n\n        padding:\n            20px\n            0;\n    }\n\n\n    .ww-craft-feature-icon {\n\n        width: 27px;\n\n        height: 27px;\n    }\n\n\n    .ww-craft-feature-text h3 {\n\n        font-size: 14px;\n    }\n\n\n    .ww-craft-feature-text p {\n\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .ww-craft-image-strip {\n\n        min-height: 48px;\n\n        padding:\n            0\n            15px;\n\n        gap: 10px;\n    }\n\n\n    .ww-craft-image-strip span {\n\n        font-size: 7px;\n\n        letter-spacing: 0.13em;\n    }\n\n\n    .ww-craft-strip-line {\n\n        width: 20px;\n    }\n\n\n    .ww-craft-stat {\n\n    max-width: 92px;\n\n    max-height: 64px;\n\n        padding:\n            14px\n            16px;\n    }\n\n\n    .ww-craft-stat-number {\n\n        font-size: 21px;\n    }\n\n\n    .ww-craft-stat-label {\n\n        font-size: 7px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ww-craft-image img,\n    .ww-craft-arrow {\n\n        transition: none;\n    }\n\n\n    .ww-craft-stat-top,\n    .ww-craft-stat-bottom {\n\n        animation: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 ETHICAL MANUFACTURING FACILITY\n     Gutenberg Custom HTML Ready\n\n     7 Asymmetric Manufacturing Image Cards\n     No Icons\n     No Overlapping Cards\n     Equal Card Spacing\n     Editorial Japanese-Inspired Bento Layout\n     Slow Editorial Hover Animation\n========================================================= -->\n\n<section class=\"ww-facilities-section\">\n\n    <div class=\"ww-facilities-container\">\n\n\n        <!-- =================================================\n             SECTION HEADING\n        ================================================= -->\n\n        <header class=\"ww-facilities-heading\">\n\n            <h2>\n                Ethical Manufacturing Facility\n            <\/h2>\n\n            <p class=\"ww-facilities-intro\">\n                A considered production workflow where responsible\n                material selection, precise development, skilled\n                making, and quality inspection come together.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             ASYMMETRIC FACILITIES GRID\n        ================================================= -->\n\n        <div class=\"ww-facilities-grid\">\n\n\n            <!-- =================================================\n                 01 \u2014 MATERIAL SOURCING\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-01\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/6069544\/pexels-photo-6069544.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Material sourcing facility\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Material Sourcing\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Carefully selected leather and supporting materials establish the foundation for responsible production.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 02 \u2014 ASSEMBLY AND SEWING\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-02\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/en.bljoem.com\/wp-content\/uploads\/2025\/02\/company-overview-banner-scaled.jpg\" alt=\"Assembly and sewing production\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Assembly and Sewing\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Cut components are carefully assembled and sewn to bring the approved structure into finished form.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 03 \u2014 PATTERN DEVELOPMENT\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-03\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/4348404\/pexels-photo-4348404.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Pattern development workshop\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Pattern Development\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Product patterns are developed with careful proportions, construction details, and functional requirements.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 04 \u2014 CUTTING\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-04\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/4452610\/pexels-photo-4452610.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Leather cutting facility\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Cutting\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Material is precisely cut according to approved patterns to support consistency across production.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 05 \u2014 COLOR\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-05\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/994523\/pexels-photo-994523.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Leather goods color process\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Color\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Selected colors and finishes are applied with attention to consistency, character, and the intended product aesthetic.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 06 \u2014 FINISHING\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-06\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3735218\/pexels-photo-3735218.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Leather goods finishing workshop\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Finishing\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Final detailing refines the product through careful edge work, surface treatment, and presentation.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 07 \u2014 INSPECTION AND QUALITY\n            ================================================= -->\n\n            <div class=\"ww-facility-card ww-facility-card-07\">\n\n                <div class=\"ww-facility-image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/3862370\/pexels-photo-3862370.jpeg?auto=format&amp;fit=crop&amp;w=1800&amp;q=85\" alt=\"Inspection and quality control\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"ww-facility-overlay\"><\/div>\n\n\n                <div class=\"ww-facility-content\">\n\n                    <div class=\"ww-facility-text\">\n\n                        <h3>\n                            Inspection and Quality\n                        <\/h3>\n\n                        <div class=\"ww-facility-description\">\n\n                            <p>\n                                Finished goods undergo careful inspection to verify workmanship, appearance, and production requirements.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             BOTTOM CTA\n        ================================================= -->\n\n        <div class=\"ww-facilities-footer\">\n\n            <a href=\"https:\/\/wildwoven.com.bd\/factory-tour\/\" class=\"ww-facilities-button\">\n\n                Tour Our Facilities\n\n                <span>\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-facilities-section {\n\n    width: 100%;\n\n    padding:\n        70px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-facilities-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.ww-facilities-heading {\n\n    max-width: 780px;\n\n    margin:\n        0\n        auto\n        58px;\n\n    text-align: center;\n}\n\n\n.ww-facilities-heading h2 {\n\n    margin:\n        0\n        0\n        14px;\n\n    font-size:\n        clamp(30px, 3.4vw, 34px);\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.18rem;\n\n    line-height: 1.2;\n\n    color: #111111;\n}\n\n\n.ww-facilities-intro {\n\n    max-width: 650px;\n\n    margin:\n        20px\n        auto\n        0;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.13rem;\n\n    line-height: 1.9;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   ASYMMETRIC GRID\n\n   12-column editorial grid.\n\n   Every card has its own area.\n   No card overlaps another card.\n   Equal 18px spacing is maintained.\n========================================================= *\/\n\n.ww-facilities-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(12, minmax(0, 1fr));\n\n    grid-template-rows:\n        235px\n        290px\n        235px;\n\n    gap: 18px;\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   BASE CARD\n========================================================= *\/\n\n.ww-facility-card {\n\n    position: relative;\n\n    display: block;\n\n    min-width: 0;\n    min-height: 0;\n\n    overflow: hidden;\n\n    background: #222222;\n\n    isolation: isolate;\n\n    text-decoration: none;\n\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   CARD POSITIONS\n\n   01 \u2014 Large horizontal\n========================================================= *\/\n\n.ww-facility-card-01 {\n\n    grid-column:\n        1 \/ span 7;\n\n    grid-row:\n        1;\n}\n\n\n\/* =========================================================\n   02 \u2014 Smaller vertical\n========================================================= *\/\n\n.ww-facility-card-02 {\n\n    grid-column:\n        8 \/ span 5;\n\n    grid-row:\n        1 \/ span 2;\n}\n\n\n\/* =========================================================\n   03 \u2014 Medium horizontal\n========================================================= *\/\n\n.ww-facility-card-03 {\n\n    grid-column:\n        1 \/ span 4;\n\n    grid-row:\n        2;\n}\n\n\n\/* =========================================================\n   04 \u2014 Medium square\n========================================================= *\/\n\n.ww-facility-card-04 {\n\n    grid-column:\n        5 \/ span 3;\n\n    grid-row:\n        2;\n}\n\n\n\/* =========================================================\n   05 \u2014 Wide lower card\n========================================================= *\/\n\n.ww-facility-card-05 {\n\n    grid-column:\n        1 \/ span 5;\n\n    grid-row:\n        3;\n}\n\n\n\/* =========================================================\n   06 \u2014 Medium lower card\n========================================================= *\/\n\n.ww-facility-card-06 {\n\n    grid-column:\n        6 \/ span 4;\n\n    grid-row:\n        3;\n}\n\n\n\/* =========================================================\n   07 \u2014 Smaller lower card\n========================================================= *\/\n\n.ww-facility-card-07 {\n\n    grid-column:\n        10 \/ span 3;\n\n    grid-row:\n        3;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.ww-facility-image {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -3;\n\n    overflow: hidden;\n}\n\n\n.ww-facility-image img {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transform:\n        scale(1);\n\n    transition:\n        transform\n        1.4s\n        cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   IMAGE HOVER ZOOM\n========================================================= *\/\n\n.ww-facility-card:hover\n.ww-facility-image img {\n\n    transform:\n        scale(1.085);\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.ww-facility-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -2;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,0.60) 0%,\n            rgba(0,0,0,0.28) 42%,\n            rgba(0,0,0,0.05) 78%,\n            rgba(0,0,0,0.00) 100%\n        );\n\n    transition:\n        background\n        1.4s\n        cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   HOVER OVERLAY\n========================================================= *\/\n\n.ww-facility-card:hover\n.ww-facility-overlay {\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,0.70) 0%,\n            rgba(0,0,0,0.34) 50%,\n            rgba(0,0,0,0.05) 100%\n        );\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.ww-facility-content {\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    padding:\n        30px\n        32px\n        30px;\n\n    box-sizing: border-box;\n\n    color: #ffffff;\n\n    z-index: 4;\n}\n\n\n\/* =========================================================\n   TEXT GROUP\n========================================================= *\/\n\n.ww-facility-text {\n\n    position: relative;\n\n    transform:\n        translateY(0);\n\n    transition:\n        transform\n        1.45s\n        cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.ww-facility-text h3 {\n\n    margin: 0;\n\n    font-size:\n        clamp(18px, 1.7vw, 18px);\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.14rem;\n\n    line-height: 1.2;\n\n    color: #ffffff;\n\n    transition: none;\n}\n\n\n\/* =========================================================\n   DESCRIPTION POCKET\n========================================================= *\/\n\n.ww-facility-description {\n\n    max-height: 0;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transform:\n        translateY(24px);\n\n    transition:\n        max-height \n        1.15s \n        cubic-bezier(.16, 1, .3, 1),\n\n        opacity \n        0.8s \n        ease \n        0.15s,\n\n        transform \n        1.15s \n        cubic-bezier(.16, 1, .3, 1);\n}\n\n\n.ww-facility-description p {\n\n    margin:\n        14px\n        0\n        0;\n\n    max-width: 570px;\n\n    font-size: 12px;\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.12rem;\n\n    line-height: 1.2;\n\n    color:\n        rgba(255,255,255,0.88);\n}\n\n\n\/* =========================================================\n   HOVER \u2014 TEXT MOVEMENT\n========================================================= *\/\n\n.ww-facility-card:hover\n.ww-facility-text {\n\n    transform:\n        translateY(-5px);\n}\n\n\n\/* =========================================================\n   HOVER \u2014 DESCRIPTION OPENS\n========================================================= *\/\n\n.ww-facility-card:hover\n.ww-facility-description {\n\n    max-height: 90px;\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n========================================================= *\/\n\n.ww-facilities-footer {\n\n    display: flex;\n\n    justify-content: center;\n\n    margin-top: 55px;\n}\n\n\n\/* =========================================================\n   CTA BUTTON\n========================================================= *\/\n\n.ww-facilities-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    padding:\n        14px\n        0\n        8px;\n\n    border-bottom:\n        1px solid #111111;\n\n    font-size: 11px;\n\n    font-weight: 500;\n\n    letter-spacing:\n        0.1em;\n\n    line-height: 1.5;\n\n    color: #111111;\n\n    text-decoration: none;\n\n    transition:\n        opacity\n        0.3s\n        ease;\n}\n\n\n.ww-facilities-button:hover {\n\n    opacity: 1;\n\n    color: #111111;\n}\n\n\n.ww-facilities-button span {\n\n    display: inline-block;\n\n    font-size: 16px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    transition:\n        transform\n        0.25s\n        ease;\n}\n\n\n.ww-facilities-button:hover span {\n\n    transform:\n        translateX(5px);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .ww-facilities-section {\n\n        padding:\n            80px\n            22px;\n    }\n\n\n    .ww-facilities-grid {\n\n        grid-template-columns:\n            repeat(6, minmax(0, 1fr));\n\n        grid-template-rows:\n            230px\n            270px\n            230px;\n\n        gap: 15px;\n    }\n\n\n    .ww-facility-card-01 {\n\n        grid-column:\n            1 \/ span 4;\n\n        grid-row:\n            1;\n    }\n\n\n    .ww-facility-card-02 {\n\n        grid-column:\n            5 \/ span 2;\n\n        grid-row:\n            1 \/ span 2;\n    }\n\n\n    .ww-facility-card-03 {\n\n        grid-column:\n            1 \/ span 2;\n\n        grid-row:\n            2;\n    }\n\n\n    .ww-facility-card-04 {\n\n        grid-column:\n            3 \/ span 2;\n\n        grid-row:\n            2;\n    }\n\n\n    .ww-facility-card-05 {\n\n        grid-column:\n            1 \/ span 3;\n\n        grid-row:\n            3;\n    }\n\n\n    .ww-facility-card-06 {\n\n        grid-column:\n            4 \/ span 3;\n\n        grid-row:\n            3;\n    }\n\n\n    .ww-facility-card-07 {\n\n        display: none;\n    }\n\n\n    .ww-facility-content {\n\n        padding:\n            26px\n            25px\n            26px;\n    }\n\n\n    .ww-facility-text h3 {\n\n        font-size:\n            20px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-facilities-section {\n\n        padding:\n            75px\n            18px;\n    }\n\n\n    .ww-facilities-heading {\n\n        margin-bottom:\n            45px;\n    }\n\n\n    .ww-facilities-heading h2 {\n\n        font-size:\n            29px;\n\n        letter-spacing:\n            0.15rem;\n    }\n\n\n    .ww-facilities-intro {\n\n        font-size:\n            13px;\n\n        line-height:\n            1.8;\n    }\n\n\n    .ww-facilities-grid {\n\n        display: grid;\n\n        grid-template-columns:\n            1fr;\n\n        grid-template-rows:\n            none;\n\n        gap: 12px;\n    }\n\n\n    .ww-facility-card {\n\n        grid-column:\n            auto !important;\n\n        grid-row:\n            auto !important;\n\n        min-height:\n            300px;\n    }\n\n\n    .ww-facility-card-01 {\n\n        min-height:\n            360px;\n    }\n\n\n    .ww-facility-card-02 {\n\n        min-height:\n            330px;\n    }\n\n\n    .ww-facility-card-03 {\n\n        min-height:\n            300px;\n    }\n\n\n    .ww-facility-card-04 {\n\n        min-height:\n            300px;\n    }\n\n\n    .ww-facility-card-05 {\n\n        min-height:\n            340px;\n    }\n\n\n    .ww-facility-card-06 {\n\n        min-height:\n            300px;\n    }\n\n\n    .ww-facility-card-07 {\n\n        display: block;\n\n        min-height:\n            300px;\n    }\n\n\n    .ww-facility-content {\n\n        padding:\n            28px\n            25px\n            28px;\n    }\n\n\n    .ww-facility-text h3 {\n\n        font-size:\n            21px;\n    }\n\n\n    .ww-facility-description p {\n\n        font-size:\n            12px;\n\n        line-height:\n            1.7;\n    }\n\n}\n\n\n\/* =========================================================\n   TOUCH DEVICES\n\n   Descriptions remain visible because there is no\n   hover interaction on touchscreens.\n========================================================= *\/\n\n@media (hover: none) {\n\n    .ww-facility-description {\n\n        max-height:\n            90px;\n\n        opacity:\n            1;\n\n        transform:\n            translateY(0);\n    }\n\n\n    .ww-facility-text {\n\n        transform:\n            translateY(-5px);\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ww-facility-image img,\n    .ww-facility-text,\n    .ww-facility-description,\n    .ww-facilities-button span {\n\n        transition:\n            none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 HOW IT WORKS\n     Gutenberg Custom HTML Ready\n\n     Japanese-Inspired Minimal Process Section\n     5-Step Horizontal Process \u2014 Desktop\n     2-Column Circular Steps \u2014 Mobile\n     Connected Number Circles\n     Original \/ Plagiarism-Free Copy\n========================================================= -->\n\n<section class=\"ww-process-section\">\n\n    <div class=\"ww-process-container\">\n\n\n        <!-- =================================================\n             SECTION HEADING\n        ================================================= -->\n\n        <header class=\"ww-process-heading\">\n\n\n            <h2>\n                From Enquiry to Your Warehouse\n            <\/h2>\n\n            <p class=\"ww-process-intro\">\n                A clear, structured manufacturing journey from\n                your initial brief to export-ready delivery.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             PROCESS STEPS\n        ================================================= -->\n\n        <div class=\"ww-process\">\n\n\n            <!-- =================================================\n                 01 \u2014 ENQUIRY\n            ================================================= -->\n\n            <article class=\"ww-process-step\">\n\n                <div class=\"ww-process-marker\">\n\n                    <span>\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ww-process-content\">\n\n                    <h3>\n                        Enquiry\n                    <\/h3>\n\n                    <p>\n                        Share your product brief, expected quantity,\n                        references and preferred hardware.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CONNECTOR\n            ================================================= -->\n\n            <div class=\"ww-process-line\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- =================================================\n                 02 \u2014 QUOTE & MATERIALS\n            ================================================= -->\n\n            <article class=\"ww-process-step\">\n\n                <div class=\"ww-process-marker\">\n\n                    <span>\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ww-process-content\">\n\n                    <h3>\n                        Quote &amp; Materials\n                    <\/h3>\n\n                    <p>\n                        We confirm suitable leather, hardware options\n                        and pricing within 48 hours.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CONNECTOR\n            ================================================= -->\n\n            <div class=\"ww-process-line\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- =================================================\n                 03 \u2014 SAMPLE\n            ================================================= -->\n\n            <article class=\"ww-process-step\">\n\n                <div class=\"ww-process-marker\">\n\n                    <span>\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ww-process-content\">\n\n                    <h3>\n                        Sample\n                    <\/h3>\n\n                    <p>\n                        A prototype is developed for approval, with\n                        the sample cost credited toward production.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CONNECTOR\n            ================================================= -->\n\n            <div class=\"ww-process-line\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- =================================================\n                 04 \u2014 PRODUCTION\n            ================================================= -->\n\n            <article class=\"ww-process-step\">\n\n                <div class=\"ww-process-marker\">\n\n                    <span>\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ww-process-content\">\n\n                    <h3>\n                        Production\n                    <\/h3>\n\n                    <p>\n                        Your approved order enters production with\n                        quality checks carried out throughout the run.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CONNECTOR\n            ================================================= -->\n\n            <div class=\"ww-process-line\" aria-hidden=\"true\"><\/div>\n\n\n            <!-- =================================================\n                 05 \u2014 DELIVERY\n            ================================================= -->\n\n            <article class=\"ww-process-step\">\n\n                <div class=\"ww-process-marker\">\n\n                    <span>\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ww-process-content\">\n\n                    <h3>\n                        Delivery\n                    <\/h3>\n\n                    <p>\n                        Finished goods are packed for export with\n                        documentation and your branding prepared.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-process-section {\n\n    width: 100%;\n\n    padding:\n        90px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-process-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.ww-process-heading {\n\n    max-width: 760px;\n\n    margin:\n        0\n        auto\n        75px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   MAIN HEADING\n========================================================= *\/\n\n.ww-process-heading h2 {\n\n    margin:\n        0\n        0\n        16px;\n\n    font-size:\n        clamp(34px, 3.4vw, 34px);\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.14rem;\n\n    line-height: 1.2;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.ww-process-intro {\n\n    max-width: 620px;\n\n    margin:\n        18px\n        auto\n        0;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.12rem;\n\n    line-height: 1.9;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   PROCESS\n========================================================= *\/\n\n.ww-process {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        70px\n        minmax(0, 1fr)\n        70px\n        minmax(0, 1fr)\n        70px\n        minmax(0, 1fr)\n        70px\n        minmax(0, 1fr);\n\n    align-items: start;\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   PROCESS STEP\n========================================================= *\/\n\n.ww-process-step {\n\n    position: relative;\n\n    min-width: 0;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   NUMBER CIRCLE\n========================================================= *\/\n\n.ww-process-marker {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 68px;\n\n    height: 68px;\n\n    margin:\n        0\n        auto;\n\n    box-sizing: border-box;\n\n    border:\n        1px solid #222222;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    color: #111111;\n\n    z-index: 3;\n\n    transition:\n        background\n        0.5s\n        cubic-bezier(.16, 1, .3, 1),\n\n        color\n        0.5s\n        cubic-bezier(.16, 1, .3, 1),\n\n        transform\n        0.8s\n        cubic-bezier(.16, 1, .3, 1);\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n.ww-process-marker span {\n\n    font-size: 11px;\n\n    font-weight: 500;\n\n    letter-spacing:\n        0.12em;\n\n    line-height: 1;\n}\n\n\n\/* =========================================================\n   CONNECTING LINE\n========================================================= *\/\n\n.ww-process-line {\n\n    height: 1px;\n\n    margin-top: 34px;\n\n    background: #d8d8d8;\n\n    position: relative;\n\n    overflow: hidden;\n}\n\n\n\/* =========================================================\n   STEP CONTENT\n========================================================= *\/\n\n.ww-process-content {\n\n    max-width: 210px;\n\n    margin:\n        28px\n        auto\n        0;\n}\n\n\n\/* =========================================================\n   STEP TITLE\n========================================================= *\/\n\n.ww-process-content h3 {\n\n    margin:\n        0\n        0\n        13px;\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.08rem;\n\n    line-height: 1.35;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   STEP DESCRIPTION\n========================================================= *\/\n\n.ww-process-content p {\n\n    margin: 0;\n\n    font-size: 12px;\n\n    font-weight: 400;\n\n    letter-spacing:\n        0.08rem;\n\n    line-height: 1.8;\n\n    color: #777777;\n}\n\n\/* =========================================================\n   HOVER \u2014 CONTENT\n========================================================= *\/\n\n.ww-process-step:hover\n.ww-process-content h3 {\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .ww-process-section {\n\n        padding:\n            80px\n            22px;\n    }\n\n\n    .ww-process {\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            35px\n            minmax(0, 1fr)\n            35px\n            minmax(0, 1fr)\n            35px\n            minmax(0, 1fr)\n            35px\n            minmax(0, 1fr);\n    }\n\n\n    .ww-process-marker {\n\n        width: 60px;\n\n        height: 60px;\n    }\n\n\n    .ww-process-line {\n\n        margin-top: 30px;\n    }\n\n\n    .ww-process-content {\n\n        max-width: 170px;\n\n        margin-top: 24px;\n    }\n\n\n    .ww-process-content h3 {\n\n        font-size: 16px;\n    }\n\n\n    .ww-process-content p {\n\n        font-size: 11.5px;\n\n        line-height: 1.7;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-process-section {\n\n        padding:\n            75px\n            18px;\n    }\n\n\n    .ww-process-heading {\n\n        margin-bottom:\n            50px;\n    }\n\n\n    .ww-process-heading h2 {\n\n        font-size: 29px;\n\n        letter-spacing:\n            0.10rem;\n    }\n\n\n    .ww-process-intro {\n\n        font-size: 13px;\n\n        line-height: 1.8;\n    }\n\n\n    \/* ================================================\n       TWO-COLUMN MOBILE LAYOUT\n    ================================================ *\/\n\n    .ww-process {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap:\n            48px\n            24px;\n    }\n\n\n    \/* ================================================\n       REMOVE CONNECTING LINES\n    ================================================ *\/\n\n    .ww-process-line {\n\n        display: none;\n    }\n\n\n    \/* ================================================\n       STEP\n    ================================================ *\/\n\n    .ww-process-step {\n\n        width: 100%;\n    }\n\n\n    \/* ================================================\n       NUMBER CIRCLE\n    ================================================ *\/\n\n    .ww-process-marker {\n\n        width: 62px;\n\n        height: 62px;\n    }\n\n\n    \/* ================================================\n       CONTENT\n    ================================================ *\/\n\n    .ww-process-content {\n\n        max-width: 180px;\n\n        margin:\n            20px\n            auto\n            0;\n    }\n\n\n    .ww-process-content h3 {\n\n        font-size: 16px;\n\n        letter-spacing:\n            0.06rem;\n    }\n\n\n    .ww-process-content p {\n\n        font-size: 11.5px;\n\n        line-height: 1.75;\n\n        letter-spacing:\n            0.05rem;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 400px) {\n\n    .ww-process {\n\n        column-gap: 15px;\n\n        row-gap: 42px;\n    }\n\n\n    .ww-process-marker {\n\n        width: 56px;\n\n        height: 56px;\n    }\n\n\n    .ww-process-content {\n\n        max-width: 155px;\n    }\n\n\n    .ww-process-content h3 {\n\n        font-size: 15px;\n    }\n\n\n    .ww-process-content p {\n\n        font-size: 11px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ww-process-marker,\n    .ww-process-line::after {\n\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 COMPATIBLE MATERIALS\n     Gutenberg Custom HTML Ready\n\n     Minimal Japanese Editorial Design\n     White Canvas\n     No Eyebrow\n     No Card Numbers\n     No Hover Effect\n     6 Material Cards\n     3 Columns \u00d7 2 Rows\n     Internal Card Spacing\n========================================================= -->\n\n<section class=\"ww-materials-section\">\n\n    <div class=\"ww-materials-container\">\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"ww-materials-header\">\n\n            <h2 class=\"ww-materials-title\">\n                List of Compatible Materials\n            <\/h2>\n\n            <p class=\"ww-materials-intro\">\n                We select materials based on your brand, product, and desired finish, with sourcing tailored to each material\u2019s quality, performance, and production requirements.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             MATERIAL GRID\n        ================================================== -->\n\n        <div class=\"ww-materials-grid\">\n\n\n            <!-- =================================================\n                 CARD 01 \u2014 VEGETABLE TANNING\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Vegetable-Tanned Leather\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        Naturally expressive leather with a warm surface\n                        character and the ability to develop a distinctive\n                        patina over time. A refined choice for premium\n                        bags, wallets, small leather goods, and heritage-inspired\n                        collections.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>Vegetable-tanned cow leather<\/li>\n                        <li>Vegetable-tanned goat leather<\/li>\n                        <li>Full-vegetable crust leather<\/li>\n                        <li>Vegetable \/ semi-vegetable leather<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 02 \u2014 CHROME TANNING\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Chrome-Tanned Leather\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        A versatile leather option offering flexibility,\n                        consistent coloration, durability, and a broad range\n                        of commercial finishes. Suitable for contemporary\n                        bags, accessories, footwear components, and lifestyle\n                        collections.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>Full-chrome cow leather<\/li>\n                        <li>Chrome goat leather<\/li>\n                        <li>Semi-chrome leather<\/li>\n                        <li>Chrome-free \/ eco leather<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 03 \u2014 SPECIAL LEATHER\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Special Leather\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        Specialty hides for collections requiring distinctive\n                        grain, softness, texture, or premium visual character.\n                        Selected materials can be matched according to\n                        product specifications, finish requirements, and\n                        applicable compliance standards.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>Sheep \/ lamb leather<\/li>\n                        <li>Goat leather<\/li>\n                        <li>Selected exotic leather<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 04 \u2014 JUTE AND COTTON\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Jute and Cotton\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        Natural textile materials offering a practical balance\n                        of texture, durability, and everyday usability. Suitable\n                        for bags, totes, packaging, lifestyle products, and\n                        collections where a natural material character is desired.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>Jute fabric<\/li>\n                        <li>Cotton canvas<\/li>\n                        <li>Heavy-duty cotton<\/li>\n                        <li>Jute \/ Cotton blends<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 05 \u2014 DENIM, WOOL AND OTHER NATURAL MATERIALS\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Denim, Wool and Other Natural Materials\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        Versatile natural and blended textiles for distinctive\n                        bags, fashion accessories, lifestyle products, and\n                        everyday collections. Material weight, texture,\n                        construction, and finish can be selected according to\n                        the intended product character and application.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>Denim fabric<\/li>\n                        <li>Wool and wool blends<\/li>\n                        <li>Linen and natural fabrics<\/li>\n                        <li>Other natural-material textiles<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 06 \u2014 NON-WOVEN AND OTHERS\n            ================================================== -->\n\n            <article class=\"ww-material-card\">\n\n                <div class=\"ww-material-card-inner\">\n\n                    <h3 class=\"ww-material-card-title\">\n                        Non-woven and Others\n                    <\/h3>\n\n                    <p class=\"ww-material-card-description\">\n                        Practical alternative materials for promotional goods,\n                        packaging, utility products, accessories, and everyday\n                        carry applications. Material structure, weight, color,\n                        printing, and finishing can be adapted to the intended\n                        product requirements.\n                    <\/p>\n\n                    <ul class=\"ww-material-list\">\n\n                        <li>PP \/ PET non-woven fabric<\/li>\n                        <li>Recycled non-woven materials<\/li>\n                        <li>Felt and technical textiles<\/li>\n                        <li>Other application-specific materials<\/li>\n\n                    <\/ul>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-materials-section {\n\n    width: 100%;\n\n    padding:\n        110px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #edebeb;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-materials-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.ww-materials-header {\n\n    max-width: 720px;\n\n    margin:\n        0\n        auto\n        65px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.ww-materials-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 34px;\n\n    font-weight: 400;\n\n    line-height: 1.25;\n\n    letter-spacing: 0.12rem;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.ww-materials-intro {\n\n    max-width: 680px;\n\n    margin:\n        22px\n        auto\n        0;\n\n    padding: 0;\n\n    font-size: 14px !important;\n\n    font-weight: 400;\n\n    line-height: 1.9;\n\n    letter-spacing: 0.1rem;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   CARD GRID\n\n   3 COLUMNS \u00d7 2 ROWS\n========================================================= *\/\n\n.ww-materials-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 24px;\n}\n\n\n\/* =========================================================\n   CARD\n\n   Outer card controls spacing BETWEEN cards.\n========================================================= *\/\n\n.ww-material-card {\n\n    min-width: 0;\n\n    box-sizing: border-box;\n\n    padding: 1px;\n\n    background: #e2e2df;\n}\n\n\n\/* =========================================================\n   CARD INNER\n\n   Fixed internal structure keeps the divider at the\n   same vertical position in every card.\n========================================================= *\/\n\n.ww-material-card-inner {\n\n    height: 100%;\n\n    min-height: 500px;\n\n    box-sizing: border-box;\n\n    padding:\n        34px\n        32px\n        36px;\n\n    background: #ffffff;\n\n    display: grid;\n\n    grid-template-rows:\n        58px\n        190px\n        1fr;\n\n}\n\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n.ww-material-card-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    letter-spacing: 0.2rem;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CARD DESCRIPTION\n========================================================= *\/\n\n.ww-material-card-description {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 12px;\n\n    font-weight: 400;\n\n    line-height: 1.85;\n\n    letter-spacing: 0.12rem;\n\n    color: #707070;\n}\n\n\n\/* =========================================================\n   MATERIAL LIST\n\n   The divider is now structurally locked to the\n   same position in every card.\n========================================================= *\/\n\n.ww-material-list {\n\n    align-self: stretch;\n\n    list-style: none;\n\n    margin: 0;\n\n    padding: 18px 0 0;\n\n    border-top:\n        1px solid #e7e7e5;\n}\n\n\n\/* =========================================================\n   LIST ITEM\n========================================================= *\/\n\n.ww-material-list li {\n\n    position: relative;\n\n    margin: 0 0 10px;\n\n    padding:\n        0\n        0\n        0\n        15px;\n\n    font-size: 11px;\n\n    font-weight: 400;\n\n    line-height: 1.55;\n\n    letter-spacing: 0.12rem;\n\n    color: #333333;\n}\n\n\n.ww-material-list li:last-child {\n\n    margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   MINIMAL DOT\n========================================================= *\/\n\n.ww-material-list li::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n\n    top: 0.65em;\n\n    width: 3px;\n\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #555555;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .ww-materials-section {\n\n        padding:\n            90px\n            24px;\n    }\n\n\n    .ww-materials-header {\n\n        margin-bottom: 50px;\n    }\n\n\n    .ww-materials-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 20px;\n    }\n\n\n    .ww-material-card-inner {\n\n        min-height: 500px;\n\n        padding:\n            30px\n            28px\n            32px;\n\n        grid-template-rows:\n            58px\n            190px\n            1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .ww-materials-section {\n\n        padding:\n            75px\n            20px;\n    }\n\n\n    .ww-materials-header {\n\n        margin-bottom: 40px;\n    }\n\n\n    .ww-materials-title {\n\n        font-size: 28px;\n\n        letter-spacing: 0.12rem;\n    }\n\n\n    .ww-materials-intro {\n\n        font-size: 12px;\n\n        line-height: 1.85;\n    }\n\n\n    .ww-materials-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n    }\n\n\n    .ww-material-card-inner {\n\n        min-height: 470px;\n\n        padding:\n            28px\n            25px\n            30px;\n\n        grid-template-rows:\n            55px\n            175px\n            1fr;\n    }\n\n\n    .ww-material-card-title {\n\n        font-size: 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .ww-materials-section {\n\n        padding:\n            65px\n            18px;\n    }\n\n\n    .ww-materials-title {\n\n        font-size: 25px;\n\n        letter-spacing: 0.10rem;\n    }\n\n\n    .ww-materials-intro {\n\n        font-size: 11.5px;\n\n        letter-spacing: 0.07rem;\n    }\n\n\n    .ww-material-card-inner {\n\n        min-height: 450px;\n\n        padding:\n            25px\n            22px\n            28px;\n\n        grid-template-rows:\n            52px\n            165px\n            1fr;\n    }\n\n\n    .ww-material-card-title {\n\n        font-size: 16px;\n\n        letter-spacing: 0.09rem;\n    }\n\n\n    .ww-material-card-description {\n\n        font-size: 11.5px;\n\n        letter-spacing: 0.06rem;\n    }\n\n\n    .ww-material-list li {\n\n        font-size: 10.5px;\n\n        letter-spacing: 0.06rem;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ww-material-card {\n\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 PRODUCTION QUALITY\n     Gutenberg Custom HTML Ready\n\n     Minimal Japanese Editorial Design\n     White Canvas\n     No Eyebrow\n     No Card Numbers\n     No Hover Effect\n     4 Production Quality Cards\n     4 Columns \u00d7 1 Row\n     Production Flow:\n     Material Selection \u2192 Quality Assembly\n     \u2192 Finishing Details \u2192 Quality Control\n========================================================= -->\n\n<section class=\"ww-production-section\">\n\n    <div class=\"ww-production-container\">\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"ww-production-header\">\n\n            <h2 class=\"ww-production-title\">\n                Four Things We are Particular About\n            <\/h2>\n\n            <p class=\"ww-production-intro\">\n                Every production stage, from material selection to final inspection, is handled with precision to ensure consistent quality, reliable performance, and your brand\u2019s standards.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             PRODUCTION QUALITY GRID\n        ================================================== -->\n\n        <div class=\"ww-production-grid\">\n\n\n            <!-- =================================================\n                 CARD 01 \u2014 MATERIAL SELECTION\n            ================================================== -->\n\n            <article class=\"ww-production-card\">\n\n                <div class=\"ww-production-card-inner\">\n\n                    <h3 class=\"ww-production-card-title\">\n                        Thoughtful material selection\n                    <\/h3>\n\n                    <p class=\"ww-production-card-description\">\n                        Every leather, fabric, lining, hardware component, and supporting\n                        material is reviewed before production. We select materials according\n                        to the product&#8217;s function, construction, appearance, and the character\n                        your brand intends to express.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 02 \u2014 QUALITY ASSEMBLY\n            ================================================== -->\n\n            <article class=\"ww-production-card\">\n\n                <div class=\"ww-production-card-inner\">\n\n                    <h3 class=\"ww-production-card-title\">\n                        Precise assembly &#038; timely production\n                    <\/h3>\n\n                    <p class=\"ww-production-card-description\">\n                        Cutting, preparation, joining, and component placement are carried out\n                        with controlled production methods. Attention to alignment, proportions,\n                        structural strength, and construction accuracy helps maintain consistency\n                        throughout the production run, while coordinated scheduling supports\n                        timely production.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 03 \u2014 FINISHING\n            ================================================== -->\n\n            <article class=\"ww-production-card\">\n\n                <div class=\"ww-production-card-inner\">\n\n                    <h3 class=\"ww-production-card-title\">\n                        Refined finishing details\n                    <\/h3>\n\n                    <p class=\"ww-production-card-description\">\n                        Edges, stitching, hardware placement, embossing, engraving, foil\n                        stamping, and surface details are carefully completed and reviewed.\n                        The finishing stage brings together the visual precision and identity\n                        expected from the final product.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 CARD 04 \u2014 QUALITY CONTROL\n            ================================================== -->\n\n            <article class=\"ww-production-card\">\n\n                <div class=\"ww-production-card-inner\">\n\n                    <h3 class=\"ww-production-card-title\">\n                        Consistent quality control\n                    <\/h3>\n\n                    <p class=\"ww-production-card-description\">\n                        Quality is checked throughout the production process rather than only\n                        at the end. Materials, construction, finishing, dimensions, appearance,\n                        and final workmanship are reviewed against the agreed specifications\n                        before products are prepared for shipment.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-production-section {\n\n    width: 100%;\n\n    padding:\n        110px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-production-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.ww-production-header {\n\n    max-width: 720px;\n\n    margin:\n        0\n        auto\n        65px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.ww-production-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 34px;\n\n    font-weight: 400;\n\n    line-height: 1.25;\n\n    letter-spacing: 0.12rem;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.ww-production-intro {\n\n    max-width: 680px;\n\n    margin:\n        22px\n        auto\n        0;\n\n    padding: 0;\n\n    font-size: 14px !important;\n\n    font-weight: 400;\n\n    line-height: 1.9;\n\n    letter-spacing: 0.1rem;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   CARD GRID\n\n   4 COLUMNS \u00d7 1 ROW\n========================================================= *\/\n\n.ww-production-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 24px;\n}\n\n\n\/* =========================================================\n   CARD\n\n   Outer card controls the subtle frame.\n========================================================= *\/\n\n.ww-production-card {\n\n    min-width: 0;\n\n    box-sizing: border-box;\n\n    padding: 1px;\n\n    background: #edebeb;\n}\n\n\n\/* =========================================================\n   CARD INNER\n\n   Internal spacing follows the Materials section.\n========================================================= *\/\n\n.ww-production-card-inner {\n\n    height: 100%;\n\n    box-sizing: border-box;\n\n    padding:\n        34px\n        32px\n        36px;\n\n    background: #edebeb;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n.ww-production-card-title {\n\n    margin:\n        0\n        0\n        16px;\n\n    padding: 0;\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    letter-spacing: 0.2rem;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CARD DESCRIPTION\n========================================================= *\/\n\n.ww-production-card-description {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 12px;\n\n    font-weight: 400;\n\n    line-height: 1.85;\n\n    letter-spacing: 0.12rem;\n\n    color: #707070;\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-production-card,\n.ww-production-card-inner,\n.ww-production-card-title,\n.ww-production-card-description {\n\n    transition: none !important;\n}\n\n\n.ww-production-card:hover {\n\n    background: #e2e2df;\n\n    transform: none;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .ww-production-section {\n\n        padding:\n            90px\n            24px;\n    }\n\n\n    .ww-production-header {\n\n        margin-bottom: 50px;\n    }\n\n\n    .ww-production-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 20px;\n    }\n\n\n    .ww-production-card-inner {\n\n        padding:\n            30px\n            28px\n            32px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .ww-production-section {\n\n        padding:\n            75px\n            20px;\n    }\n\n\n    .ww-production-header {\n\n        margin-bottom: 40px;\n    }\n\n\n    .ww-production-title {\n\n        font-size: 28px;\n\n        letter-spacing: 0.12rem;\n    }\n\n\n    .ww-production-intro {\n\n        font-size: 12px;\n\n        line-height: 1.85;\n    }\n\n\n    .ww-production-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n    }\n\n\n    .ww-production-card-inner {\n\n        padding:\n            28px\n            25px\n            30px;\n    }\n\n\n    .ww-production-card-title {\n\n        font-size: 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .ww-production-section {\n\n        padding:\n            65px\n            18px;\n    }\n\n\n    .ww-production-title {\n\n        font-size: 25px;\n\n        letter-spacing: 0.10rem;\n    }\n\n\n    .ww-production-intro {\n\n        font-size: 11.5px;\n\n        letter-spacing: 0.07rem;\n    }\n\n\n    .ww-production-card-inner {\n\n        padding:\n            25px\n            22px\n            28px;\n    }\n\n\n    .ww-production-card-title {\n\n        font-size: 16px;\n\n        letter-spacing: 0.09rem;\n    }\n\n\n    .ww-production-card-description {\n\n        font-size: 11.5px;\n\n        letter-spacing: 0.06rem;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .ww-production-card {\n\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 CLIENT PORTFOLIO\n     Gutenberg Custom HTML Ready\n\n     STRUCTURE:\n     01 \u2014 INTERNATIONAL CLIENTS\n     02 \u2014 BANGLADESHI CLIENTS\n\n     Minimal Japanese Editorial Design\n     White Canvas\n     4 Columns \u00d7 3 Rows\n     85% Brand Visual Area\n     15% Brand Name Area\n     Optional WordPress Media Images\n     Image \u2192 CSS Brand Fallback\n     ZERO IMAGE PADDING\n     ZERO IMAGE MARGIN\n     ZERO INNER CARD PADDING\n     FULL IMAGE COVERAGE\n     CENTERED MEDIA IMAGES\n     CENTERED FALLBACK BRANDS\n     No Hover Effect\n========================================================= -->\n\n\n<section class=\"ww-portfolio-section\">\n\n    <div class=\"ww-portfolio-container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"ww-portfolio-header\">\n\n            <h2 class=\"ww-portfolio-title\">\n                Few of Clients\n            <\/h2>\n\n            <p class=\"ww-portfolio-intro\">\n                We work with brands across fashion, lifestyle, retail, and\n                specialty markets Internationally and in Bangladesh, adapting our production approach to the\n                character, requirements, and standards of each brand.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             01 \u2014 INTERNATIONAL CLIENTS\n        ================================================== -->\n\n        <div class=\"ww-portfolio-group\">\n\n            <div class=\"ww-portfolio-group-header\">\n                <span class=\"ww-portfolio-group-number\"><\/span>\n                <h3 class=\"ww-portfolio-group-title\">\n                    International Clients\n                <\/h3>\n            <\/div>\n\n\n            <!-- =================================================\n                 INTERNATIONAL CLIENT PORTFOLIO GRID\n            ================================================== -->\n\n            <div class=\"ww-portfolio-grid\">\n\n\n                <!-- =================================================\n                     01 \u2014 J. S. DESIGN\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-js\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"\" alt=\"J. S. Design\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-mark\">\n                                J.S.\n                            <\/span>\n\n                            <span class=\"ww-brand-submark\">\n                                DESIGN\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        J. S. Design\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     02 \u2014 MURA\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-mura\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-184451.jpg\" alt=\"MURA\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-word\">\n                                MURA\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        MURA\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     03 \u2014 SEEKER\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-seeker\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Seeker-Logo.jpg\" alt=\"SEEKER\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-word\">\n                                SEEKER\n                            <\/span>\n\n                            <span class=\"ww-brand-line\"><\/span>\n\n                            <span class=\"ww-brand-submark\">\n                                OBJECT \/ FORM \/ FUNCTION\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        SEEKER\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     04 \u2014 ATLANTA\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-atlanta\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Atlanta-Logo.jpg\" alt=\"ATLANTA\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-circle\">\n                                A\n                            <\/span>\n\n                            <span class=\"ww-brand-word\">\n                                ATLANTA\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        ATLANTA\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     05 \u2014 BIG BUYER\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-bigbuyer\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"\" alt=\"BIG BUYER\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-big\">\n                                BIG\n                            <\/span>\n\n                            <span class=\"ww-brand-buyer\">\n                                BUYER\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        BIG BUYER\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     06 \u2014 NO STANDING HERE\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-nsh\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"\" alt=\"NO STANDING HERE\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-nsh-main\">\n                                NO\n                            <\/span>\n\n                            <span class=\"ww-brand-nsh-line\">\n                                STANDING\n                            <\/span>\n\n                            <span class=\"ww-brand-nsh-main\">\n                                HERE\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        NO STANDING HERE\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     07 \u2014 ZEMP\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-zemp\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/ZEMP-Logo.jpg\" alt=\"ZEMP\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-symbol\">\n                                Z\n                            <\/span>\n\n                            <span class=\"ww-brand-word\">\n                                ZEMP\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        ZEMP\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     08 \u2014 JUVENO\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-juveno\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"\" alt=\"JUVENO\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-word\">\n                                JUVENO\n                            <\/span>\n\n                            <span class=\"ww-brand-submark\">\n                                ESSENTIAL OBJECTS\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        JUVENO\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     09 \u2014 DISTINCT\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-distinct\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Distinct-Logo.jpg\" alt=\"DISTINCT\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-word\">\n                                DISTINCT\n                            <\/span>\n\n                            <span class=\"ww-brand-line\"><\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        DISTINCT\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     10 \u2014 MIHYAR\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-mihyar\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/MYHAR-Logo.jpg\" alt=\"MIHYAR\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-symbol\">\n                                M\n                            <\/span>\n\n                            <span class=\"ww-brand-word\">\n                                MIHYAR\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        MIHYAR\n                    <\/div>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             02 \u2014 BANGLADESHI CLIENTS\n        ================================================== -->\n\n        <div class=\"ww-portfolio-group ww-portfolio-group-bangladesh\">\n\n            <div class=\"ww-portfolio-group-header\">\n                <span class=\"ww-portfolio-group-number\"><\/span>\n                <h3 class=\"ww-portfolio-group-title\">\n                    Bangladeshi Clients\n                <\/h3>\n            <\/div>\n\n\n            <!-- =================================================\n                 BANGLADESHI CLIENT PORTFOLIO GRID\n\n                 Replace these cards with the confirmed\n                 Bangladeshi client brands.\n            ================================================== -->\n\n            <div class=\"ww-portfolio-grid\">\n\n\n<!-- =================================================\n                     01 \u2014 AARONG\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-aarong\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/10\/WildWoven-Logo.jpg\" alt=\"AARONG\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-aarong-mark\">\n                                A\n                            <\/span>\n\n                            <span class=\"ww-brand-word\">\n                                AARONG\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        WILDWOVEN\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- =================================================\n                     02 \u2014 SAILOR\n                ================================================== -->\n\n                <article class=\"ww-portfolio-card\">\n\n                    <div class=\"ww-portfolio-brand ww-brand-sailor\">\n\n                        <img decoding=\"async\" class=\"ww-portfolio-image\" src=\"https:\/\/wildwoven.com.bd\/wp-content\/uploads\/2026\/08\/Sailor-Logo.jpg\" alt=\"SAILOR\" loading=\"lazy\">\n\n                        <div class=\"ww-portfolio-fallback\">\n\n                            <span class=\"ww-brand-sailor-mark\">\n                                S\n                            <\/span>\n\n                            <span class=\"ww-brand-word\">\n                                SAILOR\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"ww-portfolio-name\">\n                        SAILOR\n                    <\/div>\n\n                <\/article>\n\n\n  \n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-portfolio-section {\n\n    width: 100%;\n\n    padding:\n        110px\n        24px\n        130px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.ww-portfolio-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.ww-portfolio-header {\n\n    max-width: 720px;\n\n    margin:\n        0\n        auto\n        65px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n========================================================= *\/\n\n.ww-portfolio-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 34px;\n\n    font-weight: 400;\n\n    line-height: 1.25;\n\n    letter-spacing: 0.12rem;\n\n    color: #111111;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.ww-portfolio-intro {\n\n    max-width: 680px;\n\n    margin:\n        22px\n        auto\n        0;\n\n    padding: 0;\n\n    font-size: 14px !important;\n\n    font-weight: 400;\n\n    line-height: 1.9;\n\n    letter-spacing: 0.1rem;\n\n    color: #666666;\n}\n\n\n\/* =========================================================\n   PORTFOLIO GROUP\n========================================================= *\/\n\n.ww-portfolio-group {\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n\/* =========================================================\n   SECOND GROUP SPACING\n========================================================= *\/\n\n.ww-portfolio-group-bangladesh {\n\n    margin-top: 100px;\n}\n\n\n\/* =========================================================\n   GROUP HEADER\n========================================================= *\/\n\n.ww-portfolio-group-header {\n\n    display: flex;\n\n    align-items: baseline;\n\n    justify-content: center;\n\n    gap: 14px;\n\n    margin:\n        0\n        auto\n        32px;\n\n    padding: 0;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   GROUP NUMBER\n========================================================= *\/\n\n.ww-portfolio-group-number {\n\n    font-size: 10px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    letter-spacing: 0.14rem;\n\n    color: #888888;\n}\n\n\n\/* =========================================================\n   GROUP TITLE\n========================================================= *\/\n\n.ww-portfolio-group-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 18px;\n\n    font-weight: 400;\n\n    line-height: 1.3;\n\n    letter-spacing: 0.12rem;\n\n    text-transform: uppercase;\n\n    color: #333333;\n}\n\n\n\/* =========================================================\n   PORTFOLIO GRID\n========================================================= *\/\n\n.ww-portfolio-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 20px;\n}\n\n\n\/* =========================================================\n   PORTFOLIO CARD\n\n   ZERO INNER PADDING\n========================================================= *\/\n\n.ww-portfolio-card {\n\n    min-width: 0;\n\n    aspect-ratio: 1 \/ 0.82;\n\n    box-sizing: border-box;\n\n    padding: 0;\n\n    margin: 0;\n\n    background: #e2e2df;\n\n    overflow: hidden;\n\n    position: relative;\n}\n\n\n\/* =========================================================\n   BRAND VISUAL AREA\n========================================================= *\/\n\n.ww-portfolio-brand {\n\n    position: relative;\n\n    width: 100%;\n\n    height: 85%;\n\n    box-sizing: border-box;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-direction: column;\n\n    overflow: hidden;\n\n    padding: 0;\n\n    margin: 0;\n\n    border: 0;\n\n    background: #edebeb;\n\n    color: #222222;\n}\n\n\n\/* =========================================================\n   UPLOADED IMAGE\n========================================================= *\/\n\n.ww-portfolio-image {\n\n    display: none;\n\n    position: absolute;\n\n    top: 0;\n\n    right: 0;\n\n    bottom: 0;\n\n    left: 0;\n\n    width: 100% !important;\n\n    height: 100% !important;\n\n    max-width: none !important;\n\n    max-height: none !important;\n\n    min-width: 0;\n\n    min-height: 0;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    border: 0 !important;\n\n    border-radius: 0 !important;\n\n    box-sizing: border-box;\n\n    object-fit: cover;\n\n    object-position: center center;\n\n    z-index: 5;\n}\n\n\n.ww-portfolio-image[src]:not([src=\"\"]) {\n\n    display: block !important;\n}\n\n\n.ww-portfolio-image[src]:not([src=\"\"]) + .ww-portfolio-fallback {\n\n    display: none !important;\n}\n\n\n\/* =========================================================\n   FALLBACK BRAND DESIGN\n========================================================= *\/\n\n.ww-portfolio-fallback {\n\n    position: absolute;\n\n    top: 0;\n\n    right: 0;\n\n    bottom: 0;\n\n    left: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-direction: column;\n\n    box-sizing: border-box;\n\n    padding: 0 !important;\n\n    margin: 0;\n\n    z-index: 1;\n}\n\n\n\/* =========================================================\n   BRAND NAME AREA\n========================================================= *\/\n\n.ww-portfolio-name {\n\n    width: 100%;\n\n    height: 15%;\n\n    box-sizing: border-box;\n\n    display: flex;\n\n    align-items: center;\n\n    padding:\n        0\n        18px;\n\n    margin: 0;\n\n    background: #edebeb;\n\n    font-size: 10px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    letter-spacing: 0.12rem;\n\n    text-transform: uppercase;\n\n    color: #333333;\n}\n\n\n\/* =========================================================\n   GENERAL BRAND TYPOGRAPHY\n========================================================= *\/\n\n.ww-brand-word {\n\n    font-size: 28px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    letter-spacing: 0.14rem;\n}\n\n\n.ww-brand-submark {\n\n    margin-top: 12px;\n\n    font-size: 7px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    letter-spacing: 0.18rem;\n\n    color: #777777;\n}\n\n\n\/* =========================================================\n   J. S. DESIGN\n========================================================= *\/\n\n.ww-brand-js {\n\n    background: #e5e1dc;\n}\n\n\n.ww-brand-js .ww-brand-mark {\n\n    font-size: 43px;\n\n    font-weight: 300;\n\n    line-height: 1;\n\n    letter-spacing: -0.04em;\n}\n\n\n.ww-brand-js .ww-brand-submark {\n\n    margin-top: 9px;\n\n    letter-spacing: 0.3rem;\n}\n\n\n\/* =========================================================\n   MURA\n========================================================= *\/\n\n.ww-brand-mura {\n\n    background: #dedbd5;\n}\n\n\n.ww-brand-mura .ww-brand-word {\n\n    font-size: 34px;\n\n    letter-spacing: 0.28rem;\n}\n\n\n\/* =========================================================\n   SEEKER\n========================================================= *\/\n\n.ww-brand-seeker {\n\n    background: #e7e5e1;\n}\n\n\n.ww-brand-seeker .ww-brand-word {\n\n    font-size: 29px;\n\n    letter-spacing: 0.2rem;\n}\n\n\n.ww-brand-line {\n\n    display: block;\n\n    width: 55px;\n\n    height: 1px;\n\n    margin-top: 13px;\n\n    background: #777777;\n}\n\n\n.ww-brand-seeker .ww-brand-submark {\n\n    font-size: 6px;\n\n    letter-spacing: 0.14rem;\n}\n\n\n\/* =========================================================\n   ATLANTA\n========================================================= *\/\n\n.ww-brand-atlanta {\n\n    background: #e1e0dc;\n}\n\n\n.ww-brand-atlanta .ww-portfolio-fallback {\n\n    flex-direction: row;\n\n    gap: 14px;\n}\n\n\n.ww-brand-circle {\n\n    width: 43px;\n\n    height: 43px;\n\n    border: 1px solid #555555;\n\n    border-radius: 50%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    font-size: 20px;\n\n    font-weight: 300;\n\n    box-sizing: border-box;\n}\n\n\n.ww-brand-atlanta .ww-brand-word {\n\n    font-size: 20px;\n\n    letter-spacing: 0.15rem;\n}\n\n\n\/* =========================================================\n   BIG BUYER\n========================================================= *\/\n\n.ww-brand-bigbuyer {\n\n    background: #d9d6d1;\n}\n\n\n.ww-brand-bigbuyer .ww-portfolio-fallback {\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 0 !important;\n\n    margin: 0 !important;\n\n    text-align: center;\n}\n\n\n.ww-brand-bigbuyer .ww-brand-big {\n\n    font-size: 43px;\n\n    font-weight: 500;\n\n    line-height: 0.8;\n\n    letter-spacing: -0.04em;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n.ww-brand-bigbuyer .ww-brand-buyer {\n\n    margin-top: 8px;\n\n    padding: 0;\n\n    font-size: 13px;\n\n    letter-spacing: 0.35rem;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   NO STANDING HERE\n========================================================= *\/\n\n.ww-brand-nsh {\n\n    background: #e4e2df;\n}\n\n\n.ww-brand-nsh .ww-portfolio-fallback {\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 0 !important;\n\n    margin: 0 !important;\n\n    text-align: center;\n}\n\n\n.ww-brand-nsh-main {\n\n    font-size: 26px;\n\n    font-weight: 400;\n\n    line-height: 0.95;\n\n    letter-spacing: 0.08rem;\n\n    margin: 0;\n\n    padding: 0;\n\n    text-align: center;\n}\n\n\n.ww-brand-nsh-line {\n\n    margin:\n        7px\n        0;\n\n    padding: 0;\n\n    font-size: 10px;\n\n    line-height: 1;\n\n    letter-spacing: 0.18rem;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   ZEMP\n========================================================= *\/\n\n.ww-brand-zemp {\n\n    background: #deded9;\n}\n\n\n.ww-brand-zemp .ww-portfolio-fallback {\n\n    flex-direction: row;\n\n    gap: 14px;\n}\n\n\n.ww-brand-symbol {\n\n    font-size: 42px;\n\n    font-weight: 300;\n\n    line-height: 1;\n\n    letter-spacing: -0.04em;\n}\n\n\n.ww-brand-zemp .ww-brand-word {\n\n    font-size: 25px;\n\n    letter-spacing: 0.2rem;\n}\n\n\n\/* =========================================================\n   JUVENO\n========================================================= *\/\n\n.ww-brand-juveno {\n\n    background: #e8e6e1;\n}\n\n\n.ww-brand-juveno .ww-brand-word {\n\n    font-size: 27px;\n\n    letter-spacing: 0.22rem;\n}\n\n\n\/* =========================================================\n   DISTINCT\n========================================================= *\/\n\n.ww-brand-distinct {\n\n    background: #dfddd9;\n}\n\n\n.ww-brand-distinct .ww-brand-word {\n\n    font-size: 24px;\n\n    letter-spacing: 0.17rem;\n}\n\n\n.ww-brand-distinct .ww-brand-line {\n\n    width: 75px;\n\n    margin-top: 15px;\n}\n\n\n\/* =========================================================\n   MIHYAR\n========================================================= *\/\n\n.ww-brand-mihyar {\n\n    background: #e3e1dc;\n}\n\n\n.ww-brand-mihyar .ww-portfolio-fallback {\n\n    flex-direction: row;\n\n    gap: 14px;\n}\n\n\n.ww-brand-mihyar .ww-brand-symbol {\n\n    font-size: 40px;\n\n    font-weight: 300;\n}\n\n\n.ww-brand-mihyar .ww-brand-word {\n\n    font-size: 21px;\n\n    letter-spacing: 0.15rem;\n}\n\n\n\/* =========================================================\n   AARONG\n========================================================= *\/\n\n.ww-brand-aarong {\n\n    background: #e2ded8;\n}\n\n\n.ww-brand-aarong .ww-portfolio-fallback {\n\n    flex-direction: row;\n\n    gap: 14px;\n}\n\n\n.ww-brand-aarong-mark {\n\n    width: 42px;\n\n    height: 42px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border: 1px solid #555555;\n\n    font-size: 22px;\n\n    font-weight: 300;\n\n    box-sizing: border-box;\n}\n\n\n.ww-brand-aarong .ww-brand-word {\n\n    font-size: 22px;\n\n    letter-spacing: 0.18rem;\n}\n\n\n\/* =========================================================\n   SAILOR\n========================================================= *\/\n\n.ww-brand-sailor {\n\n    background: #e5e3df;\n}\n\n\n.ww-brand-sailor .ww-portfolio-fallback {\n\n    flex-direction: row;\n\n    gap: 14px;\n}\n\n\n.ww-brand-sailor-mark {\n\n    width: 42px;\n\n    height: 42px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 50%;\n\n    border: 1px solid #555555;\n\n    font-size: 22px;\n\n    font-weight: 300;\n\n    box-sizing: border-box;\n}\n\n\n.ww-brand-sailor .ww-brand-word {\n\n    font-size: 22px;\n\n    letter-spacing: 0.18rem;\n}\n\n\n\/* =========================================================\n   BANGLADESHI CLIENT FALLBACKS\n========================================================= *\/\n\n.ww-brand-bd-01,\n.ww-brand-bd-02,\n.ww-brand-bd-03,\n.ww-brand-bd-04 {\n\n    background: #e5e3df;\n}\n\n\n\/* =========================================================\n   NO HOVER EFFECT\n========================================================= *\/\n\n.ww-portfolio-card,\n.ww-portfolio-card *,\n.ww-portfolio-brand,\n.ww-portfolio-name {\n\n    transition: none !important;\n}\n\n\n.ww-portfolio-card:hover {\n\n    transform: none !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .ww-portfolio-section {\n\n        padding:\n            90px\n            24px;\n    }\n\n\n    .ww-portfolio-header {\n\n        margin-bottom: 50px;\n    }\n\n\n    .ww-portfolio-grid {\n\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        gap: 20px;\n    }\n\n\n    .ww-portfolio-group-bangladesh {\n\n        margin-top: 80px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .ww-portfolio-section {\n\n        padding:\n            75px\n            20px;\n    }\n\n\n    .ww-portfolio-header {\n\n        margin-bottom: 40px;\n    }\n\n\n    .ww-portfolio-title {\n\n        font-size: 28px;\n\n        letter-spacing: 0.12rem;\n    }\n\n\n    .ww-portfolio-intro {\n\n        font-size: 12px;\n\n        line-height: 1.85;\n    }\n\n\n    .ww-portfolio-group-header {\n\n        gap: 11px;\n\n        margin-bottom: 25px;\n    }\n\n\n    .ww-portfolio-group-title {\n\n        font-size: 15px;\n\n        letter-spacing: 0.10rem;\n    }\n\n\n    .ww-portfolio-group-number {\n\n        font-size: 9px;\n    }\n\n\n    .ww-portfolio-grid {\n\n.ww-portfolio-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n        gap: 18px;\n    }\n\n\n    .ww-portfolio-card {\n\n        aspect-ratio: 1 \/ 0.78;\n    }\n\n\n    .ww-brand-word {\n\n        font-size: 25px;\n    }\n\n\n    .ww-portfolio-group-bangladesh {\n\n        margin-top: 65px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .ww-portfolio-section {\n\n        padding:\n            65px\n            18px;\n    }\n\n\n    .ww-portfolio-title {\n\n        font-size: 25px;\n\n        letter-spacing: 0.10rem;\n    }\n\n\n    .ww-portfolio-intro {\n\n        font-size: 11.5px;\n\n        letter-spacing: 0.07rem;\n    }\n\n\n    .ww-portfolio-group-header {\n\n        gap: 9px;\n\n        margin-bottom: 22px;\n    }\n\n\n    .ww-portfolio-group-title {\n\n        font-size: 13px;\n\n        letter-spacing: 0.08rem;\n    }\n\n\n    .ww-portfolio-name {\n\n        padding:\n            0\n            15px;\n\n        font-size: 9px;\n\n        letter-spacing: 0.08rem;\n    }\n\n\n    .ww-brand-word {\n\n        font-size: 23px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     WILD WOVEN \u2014 START A PRODUCTION CONVERSATION\n     Gutenberg Custom HTML Ready\n\n     ISOLATED \/ PROTECTED NAMESPACE: WW\n     \u2022 Japanese Minimal Editorial Design\n     \u2022 LEFT COLUMN \u2014 Individually Controlled\n     \u2022 RIGHT COLUMN \u2014 Individually Controlled\n     \u2022 Original Google Map Colors\n     \u2022 NO HOVER MOTION\n     \u2022 COLOR EFFECT ONLY\n========================================================= -->\n\n<section class=\"ww-enquiry-section\">\n\n    <div class=\"ww-enquiry-container\">\n\n\n        <!-- =================================================\n             LEFT COLUMN\n        ================================================= -->\n\n        <div class=\"ww-enquiry-left\">\n\n\n            <!-- =================================================\n                 LEFT HEADER\n            ================================================= -->\n\n            <div class=\"ww-enquiry-left-header\">\n\n\n                <!-- HEADING -->\n\n                <h2 class=\"ww-enquiry-title\">\n                    Ready to start\n                    a production conversation?\n                <\/h2>\n\n\n                <!-- INTRO -->\n\n                <p class=\"ww-enquiry-intro\">\n                    Whether you have a finished tech pack or just an idea \u2014\n                    reach out. We&#8217;ll confirm lead times, leather options,\n                    hardware sourcing and pricing for your category.\n                <\/p>\n\n\n            <\/div>\n\n\n            <!-- =================================================\n                 GOOGLE MAP\n            ================================================= -->\n\n            <div class=\"ww-enquiry-map\">\n\n                <iframe src=\"https:\/\/www.google.com\/maps?q=Dhaka%2C%20Bangladesh&amp;output=embed\" width=\"100%\" height=\"360\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n                <\/iframe>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 LOCATION\n            ================================================= -->\n\n            <div class=\"ww-enquiry-location\">\n\n                <span class=\"ww-enquiry-location-label\">\n                    MANUFACTURING LOCATION\n                <\/span>\n\n            <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             RIGHT COLUMN\n        ================================================= -->\n\n        <div class=\"ww-enquiry-right\">\n\n\n            <!-- =================================================\n                 FORM HEADER\n            ================================================= -->\n\n            <div class=\"ww-enquiry-form-heading\">\n\n                <h3>\n                    Start an Enquiry\n                <\/h3>\n\n                <p>\n                    Tell us what you are looking to produce.\n                <\/p>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 FORM\n            ================================================= -->\n\n            <form class=\"ww-enquiry-form ww-custom-fluent-enquiry\" action=\"#\" method=\"post\" novalidate>\n\n\n                <!-- NAME -->\n\n                <div class=\"ww-form-field\">\n\n                    <label for=\"ww-name\">\n                        Your Name\n                    <\/label>\n\n                    <input type=\"text\" id=\"ww-name\" name=\"name\" required=\"\">\n\n                <\/div>\n\n\n\n                <!-- COMPANY -->\n\n                <div class=\"ww-form-field\">\n\n                    <label for=\"ww-company\">\n                        Company \/ Brand\n                    <\/label>\n\n                    <input type=\"text\" id=\"ww-company\" name=\"company\">\n\n                <\/div>\n\n\n\n                <!-- EMAIL -->\n\n                <div class=\"ww-form-field\">\n\n                    <label for=\"ww-email\">\n                        Email Address\n                    <\/label>\n\n                    <input type=\"email\" id=\"ww-email\" name=\"email\" required=\"\">\n\n                <\/div>\n\n\n\n                <!-- PRODUCT CATEGORY -->\n\n                <div class=\"ww-form-field\">\n\n                    <label for=\"ww-category\">\n                        Product Category\n                    <\/label>\n\n                    <div class=\"ww-custom-select\" data-select=\"ww-category\">\n\n                        <select id=\"ww-category\" name=\"category\" required=\"\">\n\n                            <option value=\"\" selected=\"\" disabled=\"\">\n                                Select category&#8230;\n                            <\/option>\n\n                            <option value=\"handbags\">\n                                Handbags\n                            <\/option>\n\n                            <option value=\"wallets-slg\">\n                                Wallets &amp; SLG\n                            <\/option>\n\n                            <option value=\"belts\">\n                                Belts\n                            <\/option>\n\n                            <option value=\"multiple\">\n                                Multiple categories\n                            <\/option>\n\n                        <\/select>\n\n\n                        <button type=\"button\" class=\"ww-custom-select-trigger\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n\n                            <span class=\"ww-custom-select-value\">\n                                Select category&#8230;\n                            <\/span>\n\n                            <span class=\"ww-custom-select-arrow\" aria-hidden=\"true\">\n                            <\/span>\n\n                        <\/button>\n\n\n                        <div class=\"ww-custom-select-options\" role=\"listbox\" aria-hidden=\"true\">\n\n                            <button type=\"button\" class=\"ww-custom-select-option\" data-value=\"handbags\" role=\"option\">\n                                Handbags\n                            <\/button>\n\n                            <button type=\"button\" class=\"ww-custom-select-option\" data-value=\"wallets-slg\" role=\"option\">\n                                Wallets &amp; SLG\n                            <\/button>\n\n                            <button type=\"button\" class=\"ww-custom-select-option\" data-value=\"belts\" role=\"option\">\n                                Belts\n                            <\/button>\n\n                            <button type=\"button\" class=\"ww-custom-select-option\" data-value=\"multiple\" role=\"option\">\n                                Multiple categories\n                            <\/button>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <!-- BRIEF -->\n\n                <div class=\"ww-form-field ww-form-field-message\">\n\n                    <label for=\"ww-brief\">\n                        Your Brief\n                    <\/label>\n\n                    <textarea id=\"ww-brief\" name=\"brief\" rows=\"5\"><\/textarea>\n\n                <\/div>\n\n\n\n                <!-- SUBMIT -->\n\n                <button type=\"submit\" class=\"ww-enquiry-submit\">\n\n                    <span>\n                        Send Enquiry\n                    <\/span>\n\n                    <strong>\n                        \u2192\n                    <\/strong>\n\n                <\/button>\n\n\n            <\/form>\n\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.ww-enquiry-section {\n\n    width: 100%;\n\n    padding:\n        90px\n        24px\n        150px\n        24px;\n\n    box-sizing: border-box;\n\n    background: #ffffff;\n\n    color: #111111;\n}\n\n\n\n\/* =========================================================\n   MAIN CONTAINER\n========================================================= *\/\n\n.ww-enquiry-container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.04fr)\n        minmax(0, 0.86fr);\n\n    column-gap: 82px;\n\n    align-items: start;\n}\n\n\n\n\/* =========================================================\n   LEFT COLUMN\n========================================================= *\/\n\n.ww-enquiry-left {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   LEFT HEADER GROUP\n========================================================= *\/\n\n.ww-enquiry-left-header {\n\n    width: 100%;\n\n    max-width: 590px;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n\n\/* =========================================================\n   LEFT HEADING\n========================================================= *\/\n\n.ww-enquiry-title {\n\n    display: block;\n\n    width: 80%;\n\n    max-width: 570px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    font-size:\n        clamp(34px, 3.8vw, 34px);\n\n    font-weight: 400;\n\n    letter-spacing: 0.2rem;\n\n    line-height: 1.06;\n\n    color: #111111;\n}\n\n\n\n\/* =========================================================\n   SECOND LINE\n========================================================= *\/\n\n.ww-enquiry-title em {\n\n    display: block;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-style: normal;\n\n    color: #777777;\n}\n\n\n\n\/* =========================================================\n   LEFT INTRO\n========================================================= *\/\n\n.ww-enquiry-intro {\n\n    display: block;\n\n    width: 80%;\n\n    max-width: 555px;\n\n    margin:\n        17px\n        0\n        30px\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 12px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.82;\n\n    color: #666666;\n}\n\n\n\n\/* =========================================================\n   GOOGLE MAP\n========================================================= *\/\n\n.ww-enquiry-map {\n\n    width: 80%;\n\n    height: 400px;\n\n    margin: 0;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #f2f2f0;\n\n    border:\n        1px solid #e2e2de;\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   MAP IFRAME\n========================================================= *\/\n\n.ww-enquiry-map iframe {\n\n    width: 100%;\n\n    height: 100%;\n\n    display: block;\n\n    margin: 0;\n\n    padding: 0;\n\n    border: 0;\n\n    filter: none;\n}\n\n\n\n\/* =========================================================\n   LOCATION\n========================================================= *\/\n\n.ww-enquiry-location {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        13px\n        0\n        0;\n\n    box-sizing: border-box;\n}\n\n\n\n.ww-enquiry-location-label {\n\n    font-size: 9px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    color: #888888;\n}\n\n\n\n\/* =========================================================\n   RIGHT COLUMN\n========================================================= *\/\n\n.ww-enquiry-right {\n\n    width: 100%;\n\n    min-width: 0;\n\n    margin: 0;\n\n    padding: 0;\n\n    box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   FORM HEADER\n========================================================= *\/\n\n.ww-enquiry-form-heading {\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        0\n        0\n        25px;\n\n    border-bottom:\n        1px solid #dcdcd8;\n\n    box-sizing: border-box;\n}\n\n\n\n.ww-enquiry-form-heading span {\n\n    display: block;\n\n    margin:\n        0\n        0\n        12px;\n\n    padding: 0;\n\n    font-size: 9px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.2rem;\n\n    line-height: 1.4;\n\n    color: #888888;\n}\n\n\n\n.ww-enquiry-form-heading h3 {\n\n    display: block;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n\n    font-size: 24px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.2rem;\n\n    line-height: 1.2;\n\n    color: #111111;\n}\n\n\n\n.ww-enquiry-form-heading p {\n\n    display: block;\n\n    margin:\n        10px\n        0\n        0 !important;\n\n    padding: 0 !important;\n\n    font-size: 11px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.7;\n\n    color: #888888;\n}\n\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.ww-enquiry-form {\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n\n\/* =========================================================\n   FORM FIELD\n========================================================= *\/\n\n.ww-form-field {\n\n    position: relative;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        20px\n        0\n        9px;\n\n    border-bottom:\n        1px solid #dcdcd8;\n\n    box-sizing: border-box;\n}\n\n\n\n.ww-form-field label {\n\n    display: block;\n\n    margin:\n        0\n        7px\n        4px;\n\n    padding:\n        0\n        0\n        6px\n        0;\n\n    font-size: 11px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.5;\n\n    color: #444444;\n}\n\n\n\n\/* =========================================================\n   INPUTS\n========================================================= *\/\n\n.ww-form-field input,\n.ww-form-field select,\n.ww-form-field textarea {\n\n    display: block;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        4px\n        0;\n\n    border: none;\n\n    outline: none;\n\n    border-radius: 0;\n\n    background: transparent;\n\n    box-shadow: none;\n\n    box-sizing: border-box;\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.7;\n\n    color: #111111;\n}\n\n\n\n\/* =========================================================\n   TEXTAREA\n========================================================= *\/\n\n.ww-form-field textarea {\n\n    min-height: 88px;\n\n    resize: vertical;\n}\n\n\n\n\/* =========================================================\n   SELECT\n========================================================= *\/\n\n.ww-form-field select {\n\n    appearance: none;\n\n    -webkit-appearance: none;\n\n    cursor: pointer;\n\n    padding-right: 25px;\n\n    background: transparent;\n}\n\n\n\n\/* =========================================================\n   CUSTOM CATEGORY SELECT\n========================================================= *\/\n\n.ww-custom-select {\n\n    position: relative;\n\n    width: 100%;\n}\n\n\n\n.ww-custom-select > select {\n\n    position: absolute;\n\n    left: 0;\n\n    top: 0;\n\n    width: 100%;\n\n    height: 100%;\n\n    opacity: 0;\n\n    pointer-events: none;\n}\n\n\n\n.ww-custom-select-trigger {\n\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        4px\n        25px\n        4px\n        0;\n\n    border: none;\n\n    outline: none;\n\n    border-radius: 0;\n\n    background: transparent;\n\n    box-shadow: none;\n\n    box-sizing: border-box;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    font-family: inherit;\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.7;\n\n    color: #111111;\n}\n\n\n\n.ww-custom-select-trigger:focus-visible {\n\n    outline:\n        1px solid #999999;\n\n    outline-offset: 4px;\n}\n\n\n\n.ww-custom-select-arrow {\n\n    position: absolute;\n\n    top: 50%;\n\n    right: 2px;\n\n    width: 7px;\n\n    height: 7px;\n\n    margin-top: -5px;\n\n    border-right:\n        1px solid #777777;\n\n    border-bottom:\n        1px solid #777777;\n\n    transform: rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n\n.ww-custom-select-options {\n\n    position: absolute;\n\n    z-index: 20;\n\n    left: 0;\n\n    top: calc(100% + 8px);\n\n    width: 100%;\n\n    display: none;\n\n    padding: 6px 0;\n\n    border:\n        1px solid #dcdcd8;\n\n    border-radius: 0;\n\n    background: #ffffff;\n\n    box-sizing: border-box;\n\n    box-shadow:\n        0 8px 24px rgba(0,0,0,0.06);\n}\n\n\n\n.ww-custom-select.is-open\n.ww-custom-select-options {\n\n    display: block;\n}\n\n\n\n.ww-custom-select-option {\n\n    display: block;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding:\n        10px\n        14px;\n\n    border: none;\n\n    border-radius: 0;\n\n    background: transparent;\n\n    text-align: left;\n\n    cursor: pointer;\n\n    font-family: inherit;\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.7;\n\n    color: #111111;\n\n    box-sizing: border-box;\n}\n\n\n\n.ww-custom-select-option:hover {\n\n    background: #fafafa;\n\n    color: #111111;\n}\n\n\n\n.ww-custom-select-option:focus-visible {\n\n    outline:\n        1px solid #999999;\n\n    outline-offset: -3px;\n}\n\n\n\n.ww-custom-select.is-open\n.ww-custom-select-arrow {\n\n    margin-top: -1px;\n\n    transform: rotate(225deg);\n}\n\n\n\n@media (max-width: 600px) {\n\n    .ww-custom-select-option {\n\n        padding:\n            10px\n            12px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   FOCUS\n   COLOR ONLY\n========================================================= *\/\n\n.ww-form-field input:focus,\n.ww-form-field select:focus,\n.ww-form-field textarea:focus {\n\n    color: #555555;\n}\n\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.ww-enquiry-submit {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    width: 100%;\n\n    margin:\n        28px\n        0\n        0;\n\n    padding:\n        15px\n        0\n        13px;\n\n    border: none;\n\n    border-bottom:\n        1px solid #111111;\n\n    border-radius: 0;\n\n    outline: none;\n\n    background: transparent;\n\n    cursor: pointer;\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing: 0.16rem;\n\n    line-height: 1.5;\n\n    color: #111111;\n\n    transition:\n        color 0.3s ease,\n        border-color 0.3s ease;\n}\n\n\n\n\/* =========================================================\n   BUTTON ARROW\n========================================================= *\/\n\n.ww-enquiry-submit strong {\n\n    display: inline-block;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 17px;\n\n    font-weight: 400;\n\n    line-height: 1;\n\n    color: #111111;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n\n\n.ww-enquiry-submit:hover strong {\n\n    transform:\n        translateX(5px) !important;\n}\n\n\n\n\/* =========================================================\n   BUTTON HOVER\n   COLOR ONLY\n========================================================= *\/\n\n.ww-enquiry-submit:hover,\n.ww-enquiry-submit:focus,\n.ww-enquiry-submit:active,\n.ww-custom-select-trigger:hover,\n.ww-custom-select-trigger:focus,\n.ww-custom-select-trigger:active {\n\n    background: transparent !important;\n\n    color: #111111 !important;\n\n    border-color: #111111 !important;\n\n    box-shadow: none !important;\n\n    transform: none !important;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .ww-enquiry-section {\n\n        padding:\n            75px\n            22px;\n    }\n\n\n    .ww-enquiry-container {\n\n        grid-template-columns: 1fr;\n\n        row-gap: 65px;\n\n        max-width: 760px;\n    }\n\n\n    .ww-enquiry-left,\n    .ww-enquiry-right {\n\n        width: 100%;\n    }\n\n\n    .ww-enquiry-left-header {\n\n        max-width: 620px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ww-enquiry-section {\n\n        padding:\n            65px\n            18px;\n    }\n\n\n    .ww-enquiry-container {\n\n        row-gap: 52px;\n    }\n\n\n    .ww-enquiry-left-header {\n\n        max-width: 100%;\n    }\n\n\n    .ww-enquiry-eyebrow {\n\n        margin-bottom: 3px;\n\n        font-size: 9px;\n    }\n\n\n    .ww-enquiry-title {\n\n        font-size: 33px;\n\n        line-height: 1.08;\n    }\n\n\n    .ww-enquiry-title em {\n\n        margin-top: 0;\n    }\n\n\n    .ww-enquiry-intro {\n\n        margin:\n            17px\n            0\n            30px !important;\n\n        font-size: 12.5px;\n\n        line-height: 1.85;\n    }\n\n\n    .ww-enquiry-map {\n\n        height: 275px;\n    }\n\n\n    .ww-enquiry-location {\n\n        display: block;\n\n        padding-top: 12px;\n    }\n\n\n    .ww-enquiry-location-label {\n\n        display: block;\n\n        margin-bottom: 6px;\n    }\n\n\n    .ww-enquiry-location-name {\n\n        font-size: 10px;\n    }\n\n\n    \/* RIGHT HEADER *\/\n\n    .ww-enquiry-form-heading {\n\n        padding-bottom: 22px;\n    }\n\n\n    .ww-enquiry-form-heading h3 {\n\n        font-size: 25px;\n    }\n\n\n    .ww-enquiry-form-heading p {\n\n        font-size: 10.5px;\n    }\n\n\n    .ww-form-field {\n\n        padding:\n            19px\n            0\n            8px;\n    }\n\n\n    .ww-form-field label {\n\n        font-size: 9px;\n    }\n\n\n    .ww-enquiry-submit {\n\n        margin-top: 27px;\n    }\n\n}\n\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n.ww-form-field input:focus-visible,\n.ww-form-field select:focus-visible,\n.ww-form-field textarea:focus-visible,\n.ww-enquiry-submit:focus-visible {\n\n    outline:\n        1px solid #999999;\n\n    outline-offset: 4px;\n}\n\n<\/style>\n\n\n\n<script>\n(function () {\n\n    function initWWCustomCategorySelect() {\n\n        var wrapper =\n            document.querySelector(\n                '.ww-custom-select[data-select=\"ww-category\"]'\n            );\n\n        if (\n            !wrapper ||\n            wrapper.dataset.initialized === 'true'\n        ) {\n            return;\n        }\n\n        var select =\n            wrapper.querySelector(\n                '#ww-category'\n            );\n\n        var trigger =\n            wrapper.querySelector(\n                '.ww-custom-select-trigger'\n            );\n\n        var value =\n            wrapper.querySelector(\n                '.ww-custom-select-value'\n            );\n\n        var options =\n            wrapper.querySelectorAll(\n                '.ww-custom-select-option'\n            );\n\n        var optionList =\n            wrapper.querySelector(\n                '.ww-custom-select-options'\n            );\n\n        var form =\n            wrapper.closest(\n                'form'\n            );\n\n        if (\n            !select ||\n            !trigger ||\n            !value ||\n            !optionList\n        ) {\n            return;\n        }\n\n        wrapper.dataset.initialized = 'true';\n\n\n        function closeMenu() {\n\n            wrapper.classList.remove('is-open');\n\n            trigger.setAttribute(\n                'aria-expanded',\n                'false'\n            );\n\n            optionList.setAttribute(\n                'aria-hidden',\n                'true'\n            );\n        }\n\n\n        function openMenu() {\n\n            wrapper.classList.add('is-open');\n\n            trigger.setAttribute(\n                'aria-expanded',\n                'true'\n            );\n\n            optionList.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n        }\n\n\n        trigger.addEventListener(\n            'click',\n            function () {\n\n                if (\n                    wrapper.classList.contains('is-open')\n                ) {\n\n                    closeMenu();\n\n                } else {\n\n                    openMenu();\n\n                }\n\n            }\n        );\n\n\n        options.forEach(\n            function (option) {\n\n                option.addEventListener(\n                    'click',\n                    function () {\n\n                        var selectedValue =\n                            option.getAttribute(\n                                'data-value'\n                            );\n\n                        select.value =\n                            selectedValue;\n\n                        value.textContent =\n                            option.textContent.trim();\n\n                        select.dispatchEvent(\n                            new Event(\n                                'change',\n                                {\n                                    bubbles: true\n                                }\n                            )\n                        );\n\n                        closeMenu();\n\n                    }\n                );\n\n            }\n        );\n\n\n        document.addEventListener(\n            'click',\n            function (event) {\n\n                if (\n                    !wrapper.contains(\n                        event.target\n                    )\n                ) {\n\n                    closeMenu();\n\n                }\n\n            }\n        );\n\n\n        document.addEventListener(\n            'keydown',\n            function (event) {\n\n                if (\n                    event.key === 'Escape'\n                ) {\n\n                    closeMenu();\n\n                }\n\n            }\n        );\n\n\n        if (form) {\n\n            form.addEventListener(\n                'submit',\n                function (event) {\n\n                    if (!select.value) {\n\n                        event.preventDefault();\n\n                        openMenu();\n\n                        trigger.focus();\n\n                    }\n\n                }\n            );\n\n        }\n\n    }\n\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initWWCustomCategorySelect\n        );\n\n    } else {\n\n        initWWCustomCategorySelect();\n\n    }\n\n})();\n\n\n\n(function () {\n\n    function initWildWovenFluentEnquiry() {\n\n        var forms =\n            document.querySelectorAll(\n                '.ww-custom-fluent-enquiry'\n            );\n\n        if (!forms.length) {\n\n            return;\n\n        }\n\n\n        forms.forEach(\n            function (form) {\n\n                if (\n                    form.dataset.fluentConnected === 'true'\n                ) {\n\n                    return;\n\n                }\n\n                form.dataset.fluentConnected = 'true';\n\n\n                form.addEventListener(\n                    'submit',\n                    function (event) {\n\n                        event.preventDefault();\n\n\n                        var submitButton =\n                            form.querySelector(\n                                'button[type=\"submit\"]'\n                            );\n\n\n                        var nameField =\n                            form.querySelector(\n                                '[name=\"name\"]'\n                            );\n\n\n                        var companyField =\n                            form.querySelector(\n                                '[name=\"company\"]'\n                            );\n\n\n                        var emailField =\n                            form.querySelector(\n                                '[name=\"email\"]'\n                            );\n\n\n                        var categoryField =\n                            form.querySelector(\n                                '[name=\"category\"]'\n                            );\n\n\n                        var briefField =\n                            form.querySelector(\n                                '[name=\"brief\"]'\n                            );\n\n\n                        \/* =================================================\n                           REQUIRED FIELD VALIDATION\n                        ================================================= *\/\n\n                        if (\n                            !nameField ||\n                            !nameField.value.trim()\n                        ) {\n\n                            alert(\n                                'Please enter your name.'\n                            );\n\n                            if (nameField) {\n\n                                nameField.focus();\n\n                            }\n\n                            return;\n                        }\n\n\n                        if (\n                            !emailField ||\n                            !emailField.value.trim()\n                        ) {\n\n                            alert(\n                                'Please enter your email address.'\n                            );\n\n                            if (emailField) {\n\n                                emailField.focus();\n\n                            }\n\n                            return;\n                        }\n\n\n                        if (\n                            !categoryField ||\n                            !categoryField.value\n                        ) {\n\n                            alert(\n                                'Please select a product category.'\n                            );\n\n                            var categoryTrigger =\n                                form.querySelector(\n                                    '.ww-custom-select-trigger'\n                                );\n\n                            if (categoryTrigger) {\n\n                                categoryTrigger.focus();\n\n                            }\n\n                            return;\n                        }\n\n\n                        \/* =================================================\n                           BUTTON\n                        ================================================= *\/\n\n                        var originalButtonHTML =\n                            submitButton\n                                ? submitButton.innerHTML\n                                : '';\n\n\n                        if (submitButton) {\n\n                            submitButton.disabled =\n                                true;\n\n                            submitButton.innerHTML =\n                                '<span>Sending...<\/span><strong>\u2192<\/strong>';\n\n                        }\n\n\n                        \/* =================================================\n                           FLUENT FORMS DATA\n\n                           IMPORTANT:\n                           Form ID is explicitly sent.\n                        ================================================= *\/\n\n                        var data = {\n\n                            name:\n                                nameField.value.trim(),\n\n                            company:\n                                companyField\n                                    ? companyField.value.trim()\n                                    : '',\n\n                            email:\n                                emailField.value.trim(),\n\n                            category:\n                                categoryField.value,\n\n                            brief:\n                                briefField\n                                    ? briefField.value.trim()\n                                    : ''\n\n                        };\n\n\n                        \/* =================================================\n                           SEND TO CUSTOM FLUENT FORMS ENDPOINT\n                        ================================================= *\/\n\n                        fetch(\n                            '\/wp-json\/fluentform\/v1\/wildwoven-enquiry',\n                            {\n\n                                method: 'POST',\n\n                                credentials: 'same-origin',\n\n                                headers: {\n\n                                    'Content-Type':\n                                        'application\/json',\n\n                                    'Accept':\n                                        'application\/json'\n\n                                },\n\n                                body:\n                                    JSON.stringify({\n\n                                        form_id: 3,\n\n                                        data: data\n\n                                    })\n\n                            }\n                        )\n\n\n                        .then(\n                            function (response) {\n\n                                return response\n                                    .json()\n                                    .catch(\n                                        function () {\n\n                                            return {\n                                                success: false,\n                                                message:\n                                                    'Invalid server response.'\n                                            };\n\n                                        }\n                                    );\n\n                            }\n                        )\n\n\n                        .then(\n                            function (result) {\n\n                                console.log(\n                                    'Wild Woven Form #3 response:',\n                                    result\n                                );\n\n\n                                \/* =================================================\n                                   SUCCESS\n                                ================================================= *\/\n\n                                if (\n                                    result &&\n                                    result.success\n                                ) {\n\n                                    if (submitButton) {\n\n                                        submitButton.innerHTML =\n                                            '<span>Enquiry Sent<\/span><strong>\u2713<\/strong>';\n\n                                    }\n\n\n                                    form.reset();\n\n\n                                    \/* RESET CUSTOM CATEGORY *\/\n\n                                    var customValue =\n                                        form.querySelector(\n                                            '.ww-custom-select-value'\n                                        );\n\n                                    if (customValue) {\n\n                                        customValue.textContent =\n                                            'Select category...';\n\n                                    }\n\n\n                                    \/* CLOSE CUSTOM SELECT *\/\n\n                                    var customSelect =\n                                        form.querySelector(\n                                            '.ww-custom-select'\n                                        );\n\n                                    if (customSelect) {\n\n                                        customSelect.classList.remove(\n                                            'is-open'\n                                        );\n\n                                    }\n\n\n                                    \/* RESET ARIA *\/\n\n                                    var categoryTrigger =\n                                        form.querySelector(\n                                            '.ww-custom-select-trigger'\n                                        );\n\n                                    var categoryOptions =\n                                        form.querySelector(\n                                            '.ww-custom-select-options'\n                                        );\n\n\n                                    if (categoryTrigger) {\n\n                                        categoryTrigger.setAttribute(\n                                            'aria-expanded',\n                                            'false'\n                                        );\n\n                                    }\n\n\n                                    if (categoryOptions) {\n\n                                        categoryOptions.setAttribute(\n                                            'aria-hidden',\n                                            'true'\n                                        );\n\n                                    }\n\n\n                                    \/* RESTORE BUTTON *\/\n\n                                    setTimeout(\n                                        function () {\n\n                                            if (submitButton) {\n\n                                                submitButton.disabled =\n                                                    false;\n\n                                                submitButton.innerHTML =\n                                                    originalButtonHTML;\n\n                                            }\n\n                                        },\n                                        3500\n                                    );\n\n                                }\n\n\n                                \/* =================================================\n                                   ERROR\n                                ================================================= *\/\n\n                                else {\n\n                                    console.error(\n                                        'WILD WOVEN FORM #3 ERROR:',\n                                        result\n                                    );\n\n\n                                    if (\n                                        result &&\n                                        result.errors\n                                    ) {\n\n                                        console.error(\n                                            'FORM #3 FIELD ERRORS:',\n                                            result.errors\n                                        );\n\n                                    }\n\n\n                                    var message =\n                                        result &&\n                                        result.message\n                                            ? result.message\n                                            : 'Unable to send your enquiry.';\n\n\n                                    alert(\n                                        message\n                                    );\n\n\n                                    if (submitButton) {\n\n                                        submitButton.disabled =\n                                            false;\n\n                                        submitButton.innerHTML =\n                                            originalButtonHTML;\n\n                                    }\n\n                                }\n\n                            }\n                        )\n\n\n                        \/* =================================================\n                           CONNECTION \/ SERVER ERROR\n                        ================================================= *\/\n\n                        .catch(\n                            function (error) {\n\n                                console.error(\n                                    'Wild Woven Form #3 request failed:',\n                                    error\n                                );\n\n\n                                alert(\n                                    'Unable to send your enquiry. Please try again.'\n                                );\n\n\n                                if (submitButton) {\n\n                                    submitButton.disabled =\n                                        false;\n\n                                    submitButton.innerHTML =\n                                        originalButtonHTML;\n\n                                }\n\n                            }\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n    }\n\n\n    \/* =============================================================\n       INITIALIZE\n    ============================================================= *\/\n\n    if (\n        document.readyState === 'loading'\n    ) {\n\n        document.addEventListener(\n            'DOMContentLoaded',\n            initWildWovenFluentEnquiry\n        );\n\n    } else {\n\n        initWildWovenFluentEnquiry();\n\n    }\n\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Global Source of Leather Goods from Bangladesh Born in Bangladesh, with a vision to connect local craftsmanship with the world. We believe small brands deserve access to quality manufacturing and the opportunity to grow. Our journey begins in Bangladesh, where skilled craftsmanship, dedicated people, and a growing manufacturing culture come together to create leather goods for international customers. From product development to production, we are committed to precision, consistency, and quality in every piece we make. 12+ Years Experience \u00b7 5 Destination Countries \u00b7 Concise Prototyping \u00b7 OEM &#8211; ODM Solutions Things We Make A considered collection of leather goods, crafted for everyday use and global brands. BACKPACK OFFICE&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":155,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/pages\/7\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/wildwoven.com.bd\/ja\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}