{"id":13,"date":"2025-01-16T00:00:41","date_gmt":"2025-01-16T08:00:41","guid":{"rendered":"https:\/\/fursone.com\/?page_id=13"},"modified":"2026-05-07T13:07:11","modified_gmt":"2026-05-07T21:07:11","slug":"home","status":"publish","type":"page","link":"https:\/\/fursone.com\/nb\/","title":{"rendered":"Hjem"},"content":{"rendered":"\n<!-- ========================= 1.hero-section.html ========================= -->\r\n<section id=\"hero-minimalist-final\">\r\n    <script type=\"application\/ld+json\"> \r\n    { \r\n      \"@context\": \"https:\/\/schema.org\", \r\n      \"@type\": \"Organization\", \r\n      \"name\": \"Fursone\", \r\n      \"url\": \"https:\/\/fursone.com\", \r\n      \"logo\": \"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/fursone.png\", \r\n      \"foundingDate\": \"1995\", \r\n      \"description\": \"Premium Tweed & Knit Fabric Manufacturer in Wenzhou\", \r\n      \"address\": { \r\n        \"@type\": \"PostalAddress\", \r\n        \"addressLocality\": \"Wenzhou\", \r\n        \"addressCountry\": \"CN\" \r\n      } \r\n    } \r\n    <\/script>\r\n<style> \r\n        #hero-minimalist-final { \r\n            position: relative; \r\n            width: 100%; \r\n            height: 88vh; \r\n            min-height: 540px; \r\n            overflow: hidden; \r\n            display: flex; \r\n            align-items: center; \r\n            font-family: var(--font-heading, 'Playfair Display', serif); \r\n            color: #f3f2e6; \r\n            background-color: #26292a; \r\n        } \r\n \r\n        #hero-minimalist-final .bg-img-desktop { \r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n            object-fit: cover; z-index: 0; opacity: 0.9; \r\n        } \r\n \r\n        .bg-img-mobile { \r\n            position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; \r\n            z-index: 0 !important; display: none; \r\n        } \r\n \r\n        #hero-minimalist-final .overlay-gradient { \r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n            background: linear-gradient(to right, rgba(38, 41, 42, 0.85) 0%, rgba(38, 41, 42, 0.6) 40%, rgba(38, 41, 42, 0) 100%); \r\n            z-index: 1; \r\n        } \r\n \r\n        #hero-minimalist-final .content-container { \r\n            position: relative; z-index: 2; \r\n            width: 100%; max-width: 1600px; margin: 0 auto; \r\n            padding-left: 100px; padding-right: 40px; \r\n            display: flex; justify-content: flex-start; \r\n            box-sizing: border-box; \r\n        } \r\n \r\n        #hero-minimalist-final .text-content { \r\n            max-width: 720px; \r\n            animation: fadeInMove 1s ease-out forwards; \r\n        } \r\n \r\n        #hero-minimalist-final .pre-header { \r\n            display: block; font-family: var(--font-body, 'Playfair', serif); \r\n            font-size: 14px; font-weight: 700; letter-spacing: 3px; \r\n            margin-bottom: 25px; opacity: 0.95; \r\n            border-left: 3px solid #ffffff; padding-left: 18px; \r\n            text-transform: uppercase; color: #f9f9f9; \r\n        } \r\n \r\n        #hero-minimalist-final h1 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: clamp(32px, 4.2vw, 52px);\r\n            font-weight: 700; line-height: 1.25; margin-bottom: 30px;\r\n            text-shadow: 0 5px 20px rgba(38, 41, 42, 0.5); color: #f3f2e6;\r\n        } \r\n \r\n        #hero-minimalist-final p.sub-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px; line-height: 1.7; margin-bottom: 40px;\r\n            opacity: 0.95; color: #f3f2e6; font-weight: 400;\r\n        } \r\n \r\n        #hero-minimalist-final strong {\r\n            font-weight: 400 !important; color: #f3f2e6 !important; border-bottom: none !important;\r\n        } \r\n \r\n        #hero-minimalist-final .btn-group { display: flex; gap: 20px; } \r\n \r\n        #hero-minimalist-final .btn { \r\n            padding: 16px 40px; font-family: var(--font-body, 'Playfair', serif); \r\n            font-size: 13px; font-weight: 700; text-decoration: none; \r\n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); \r\n            letter-spacing: 1.5px; border-radius: 0; text-align: center; \r\n            white-space: nowrap; text-transform: uppercase; cursor: pointer; \r\n        } \r\n \r\n        #hero-minimalist-final .btn-primary { background-color: #934d34; color: #f3f2e6; border: 1px solid #934d34; }\r\n        #hero-minimalist-final .btn-primary:hover { background-color: transparent; color: #f3f2e6; border-color: #f3f2e6; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(38, 41, 42, 0.2); } \r\n \r\n        #hero-minimalist-final .btn-outline { background-color: rgba(255,255,255,0.05); color: #ffffff; border: 1px solid rgba(255,255,255,0.5); backdrop-filter: blur(4px); } \r\n        #hero-minimalist-final .btn-outline:hover { background-color: #ffffff; color: #000000; border-color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(255,255,255,0.1); } \r\n \r\n        @keyframes fadeInMove { \r\n            from { opacity: 0; transform: translateY(20px); } \r\n            to { opacity: 1; transform: translateY(0); } \r\n        } \r\n \r\n        @media (max-width: 768px) { \r\n            #hero-minimalist-final { \r\n                height: auto !important; \r\n                min-height: 72svh !important; \r\n                padding: 108px 0 64px !important; \r\n                align-items: center; \r\n            } \r\n \r\n            #hero-minimalist-final .bg-img-desktop { display: none !important; } \r\n             \r\n            .bg-img-mobile { \r\n                display: block !important; \r\n                object-position: center bottom !important;\r\n            } \r\n \r\n            #hero-minimalist-final .overlay-gradient { \r\n                background: rgba(38, 41, 42, 0.75); \r\n            } \r\n \r\n            #hero-minimalist-final .content-container { \r\n                padding-left: 30px !important; \r\n                padding-right: 30px !important; \r\n                justify-content: center; \r\n                text-align: center; \r\n                padding-bottom: 0;\r\n                height: auto; \r\n                display: flex;\r\n                box-sizing: border-box !important;\r\n            } \r\n            \r\n            #hero-minimalist-final .text-content { \r\n                max-width: 100%; margin-top: 0; \r\n            } \r\n \r\n            #hero-minimalist-final .pre-header { \r\n                border-left: none; margin-bottom: 12px; font-size: 10px !important; \r\n                padding-left: 0; \r\n                letter-spacing: 1.6px !important;\r\n            } \r\n \r\n            #hero-minimalist-final h1 {\r\n                font-size: 23px !important;\r\n                line-height: 1.15 !important;\r\n                margin-bottom: 14px !important;\r\n                letter-spacing: -0.5px !important;\r\n                text-shadow: 0 2px 10px rgba(38, 41, 42, 0.3) !important;\r\n            } \r\n             \r\n            #hero-minimalist-final p.sub-text { \r\n                font-size: 13px !important; \r\n                line-height: 1.45 !important; \r\n                margin-bottom: 20px !important; \r\n                font-weight: 400 !important; opacity: 0.9 !important; \r\n                letter-spacing: 0 !important; \r\n            } \r\n \r\n            #hero-minimalist-final .btn-group { \r\n                flex-direction: row; justify-content: center; align-items: center; gap: 15px; width: 100%; \r\n            } \r\n\r\n            #hero-minimalist-final .btn-primary,\r\n            #hero-minimalist-final .btn { \r\n                padding: 12px 24px !important;\r\n                font-size: 11px !important;\r\n                font-weight: 600 !important;\r\n                flex: 0 1 auto !important;\r\n                background-color: var(--cta-button, #934d34) !important;\r\n                color: var(--cta-text, #f3f2e6) !important;\r\n                border: 1px solid var(--cta-button, #934d34) !important;\r\n                border-radius: 0 !important;\r\n                letter-spacing: 1.5px !important;\r\n                text-transform: uppercase !important;\r\n                text-align: center !important;\r\n                display: inline-flex !important;\r\n                justify-content: center !important;\r\n                margin: 0 !important;\r\n                box-shadow: none !important;\r\n            } \r\n            \r\n            #hero-minimalist-final .btn-outline {\r\n                background-color: transparent !important;\r\n                color: #f3f2e6 !important;\r\n                border: 1px solid #f3f2e6 !important;\r\n            }\r\n        } \r\n    <\/style>\r\n<div class=\"bg-img-desktop\" style=\"background-image: url('https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-003.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;\" data-no-lazy=\"1\"><\/div>\r\n    \r\n    <div class=\"bg-img-mobile\" style=\"background-image: url('https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-003.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat;\" data-no-lazy=\"1\"><\/div>\r\n    \r\n    <div class=\"overlay-gradient\"><\/div> \r\n     \r\n    <div class=\"content-container\"> \r\n        <div class=\"text-content\"> \r\n            <span class=\"pre-header\">Factory-Direct Fancy Fabric Sourcing<\/span> \r\n             \r\n            <h1>Factory-Direct Tweed &#038; Knit Fabrics for Fashion Collections<\/h1> \r\n             \r\n            <p class=\"sub-text\"> \r\n                Source signature tweeds, sweater knits, and ready-stock textures from our Wenzhou mill. Start with <strong>100m stock<\/strong> or build <strong>1000m custom programs<\/strong>.\r\n            <\/p> \r\n             \r\n            <div class=\"btn-group\"> \r\n                <a href=\"\/contact\" class=\"btn btn-primary\">Start Your Project<\/a> \r\n            <\/div> \r\n        <\/div> \r\n    <\/div>\r\n<script> \r\n        (function() { \r\n            if (window.innerWidth > 768) { \r\n                const section = document.getElementById('hero-minimalist-final'); \r\n                \/\/ Cache the offsetHeight to avoid forced reflows on scroll\r\n                let sectionHeight = section.offsetHeight;\r\n                window.addEventListener('resize', function() {\r\n                    sectionHeight = section.offsetHeight;\r\n                }, { passive: true });\r\n\r\n                window.addEventListener('scroll', function() { \r\n                    const scrolled = window.scrollY; \r\n                    const bgDesktop = section.querySelector('.bg-img-desktop'); \r\n                    const content = section.querySelector('.text-content'); \r\n                     \r\n                    if (bgDesktop) { \r\n                        if (scrolled < sectionHeight) {\r\n                        bgDesktop.style.transform = `translateY(${scrolled * 0.3}px)`; \r\n                        }\r\n                    } \r\n                    if (content) { \r\n                        if (scrolled < sectionHeight) {\r\n                        content.style.opacity = 1 - (scrolled \/ 600); \r\n                        }\r\n                    } \r\n                }, { passive: true }); \r\n            } \r\n        })(); \r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 1.5.trusted-by-section.html ========================= -->\r\n<section id=\"trusted-by-section\">\r\n    <style>\r\n        #trusted-by-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 40px 0;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.05);\r\n            text-align: center;\r\n        }\r\n        #trusted-by-section .trust-title {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.6;\r\n            margin-bottom: 25px;\r\n            font-weight: 600;\r\n        }\r\n        #trusted-by-section .trust-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 30px 80px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        #trusted-by-section .trust-item {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 18px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-weight: 400;\r\n            font-style: italic;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #trusted-by-section {\r\n                padding: 30px 0 !important;\r\n            }\r\n            #trusted-by-section .trust-grid {\r\n                gap: 15px 30px;\r\n            }\r\n            #trusted-by-section .trust-item {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"trust-title\">Trusted Manufacturing Partner For<\/div>\r\n    <div class=\"trust-grid\">\r\n        <div class=\"trust-item\">Parisian Luxury Houses<\/div>\r\n        <div class=\"trust-item\">Independent Designers<\/div>\r\n        <div class=\"trust-item\">Global Fast Fashion<\/div>\r\n        <div class=\"trust-item\">Boutique Tailors<\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 2.why-fursone-section.html ========================= -->\r\n<section id=\"why-fursone-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Why Choose Fursone\",\r\n      \"mainEntity\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"description\": \"Wenzhou Textile Manufacturer specializing in high-end fancy yarns and textured fabrics.\",\r\n        \"url\": \"https:\/\/fursone.com\"\r\n      }\r\n    }\r\n    <\/script>\r\n<style>\r\n        \/* Base Styles (Mobile First) *\/\r\n        #why-fursone-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #why-fursone-section .container {\r\n            padding: 0 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        #why-fursone-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 32px;\r\n            line-height: 1.1;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        #why-fursone-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 30px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        #why-fursone-section .feature-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            border-left: 1px solid rgba(21, 37, 47, 0.1);\r\n            padding-left: 15px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 6px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            line-height: 1.4;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-weight: 300;\r\n        }\r\n\r\n        #why-fursone-section .cta-wrapper {\r\n            margin-top: 30px;\r\n        }\r\n\r\n        \/* Mobile Button (Underlined Link) *\/\r\n        #why-fursone-section .cta-button {\r\n            background: transparent !important;\r\n            color: #26292a !important;\r\n            border: none !important;\r\n            border-bottom: 1px solid #26292a !important;\r\n            padding: 0 0 2px 0 !important;\r\n            margin: 0 !important;\r\n            font-size: 11px !important;\r\n            font-weight: 600 !important;\r\n            width: auto !important;\r\n            display: inline-block !important;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n        }\r\n\r\n        #why-fursone-section .image-column {\r\n            min-height: 250px;\r\n            width: 100%;\r\n            order: 1; \/* Image below text on mobile *\/\r\n        }\r\n\r\n        #why-fursone-section .feature-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Desktop Styles (Compact Full Bleed Split) *\/\r\n        @media (min-width: 1025px) {\r\n            #why-fursone-section {\r\n                padding: 0 !important;\r\n                display: grid;\r\n                grid-template-columns: 50% 50%; \/* Changed to 50\/50 split *\/\r\n                align-items: center;\r\n                min-height: auto;\r\n            }\r\n\r\n            #why-fursone-section .container {\r\n                max-width: 100%;\r\n                margin: 0;\r\n                padding: 0;\r\n                display: contents; \/* Removes container wrapper influence *\/\r\n            }\r\n\r\n            #why-fursone-section .text-column {\r\n                padding: 80px 80px 80px 120px; \/* Increased vertical padding for better spacing *\/\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                order: 1;\r\n                max-width: 800px;\r\n                margin-left: auto;\r\n            }\r\n\r\n            #why-fursone-section h2 {\r\n                font-size: 36px;\r\n                margin-bottom: 40px; \/* Increased from 32px *\/\r\n                line-height: 1.3; \/* Increased from 1.1 for elegance *\/\r\n            }\r\n\r\n            #why-fursone-section .intro-text {\r\n                font-size: 16px;\r\n                margin-bottom: 60px; \/* Increased from 48px *\/\r\n                line-height: 1.8; \/* Increased from 1.6 for readability *\/\r\n            }\r\n\r\n            #why-fursone-section .feature-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 40px; \/* Increased gap for breathing room *\/\r\n            }\r\n\r\n            #why-fursone-section .cta-wrapper {\r\n                margin-top: 40px;\r\n            }\r\n\r\n            \/* Desktop Button (Solid Block) *\/\r\n            #why-fursone-section .cta-button {\r\n                background-color: var(--cta-button, #934d34) !important;\r\n                color: var(--cta-text, #f3f2e6) !important;\r\n                border: 1px solid var(--cta-button, #934d34) !important;\r\n                padding: 12px 28px !important; \/* Significantly reduced padding *\/\r\n                font-size: 12px !important; \/* Smaller font *\/\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-block !important;\r\n                transition: all 0.3s ease;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            #why-fursone-section .cta-button:hover {\r\n                background-color: transparent !important;\r\n                color: var(--text-main, #26292a) !important;\r\n                border-color: var(--text-main, #26292a) !important;\r\n                transform: translateY(-3px);\r\n            }\r\n\r\n            #why-fursone-section .image-column {\r\n                height: 100%;\r\n                width: 100%;\r\n                order: 2;\r\n                position: relative;\r\n                min-height: 500px; \/* Ensure image has height *\/\r\n            }\r\n\r\n            #why-fursone-section .feature-image {\r\n                height: 100%;\r\n                width: 100%;\r\n                object-fit: cover;\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <div class=\"text-column\">\r\n            <h2>The Fursone Advantage<\/h2>\r\n            <div class=\"intro-text\">\r\n                Achieve the artisan aesthetic you envision, without the supply chain headaches. We connect inspired design with seamless manufacturing.\r\n            <\/div>\r\n            \r\n            <div class=\"feature-grid\">\r\n                <div class=\"feature-item\">\r\n                    <h3>100M Meters In Stock<\/h3>\r\n                    <p>Launch your collection faster. Our in-stock materials ship in 3-7 days. No delays.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>1000M Custom MOQ<\/h3>\r\n                    <p>Minimize your risk. Develop exclusive textures with a lower initial commitment.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>7-Day Rapid Sampling<\/h3>\r\n                    <p>Go from concept to physical swatch in one week. Outpace your competition.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>Affordable Luxury<\/h3>\r\n                    <p>Improve your margins. Get the premium European mill quality for 30-50% less.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cta-wrapper\">\r\n                <a href=\"\/about-us\" class=\"cta-button\">Why Work With Fursone<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"image-column\">\r\n            <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2025\/09\/\u5fae\u4fe1\u56fe\u7247_20250922164704.jpg\" \r\n                 alt=\"Close-up of Fursone textile manufacturing process\" \r\n                 class=\"feature-image\" \r\n                 width=\"800\" height=\"900\" loading=\"lazy\">\r\n            <div class=\"experience-badge\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    (function() {\r\n        const section = document.getElementById('why-fursone-section');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const items = section.querySelectorAll('.feature-item');\r\n                    items.forEach((item, index) => {\r\n                        setTimeout(() => {\r\n                            item.style.opacity = '1';\r\n                            item.style.transform = 'translateY(0)';\r\n                        }, index * 100);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        const grid = section.querySelector('.feature-grid');\r\n        if (grid) {\r\n            const items = section.querySelectorAll('.feature-item');\r\n            items.forEach(item => {\r\n                item.style.opacity = '0';\r\n                item.style.transform = 'translateY(20px)';\r\n                item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            });\r\n            observer.observe(grid);\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 3.core-collections.html ========================= -->\r\n<section id=\"core-collections-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"CollectionPage\",\r\n      \"name\": \"Premium Textile & Fabric Collections\",\r\n      \"description\": \"Explore Fursone's signature textile collections including Chanel-style tweeds, heavy boucl\u00e9, and intricate cable knits.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"address\": {\r\n          \"@type\": \"PostalAddress\",\r\n          \"addressLocality\": \"Wenzhou\",\r\n          \"addressCountry\": \"CN\"\r\n        }\r\n      }\r\n    }\r\n    <\/script>\r\n<style>\r\n        #core-collections-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #core-collections-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #core-collections-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #core-collections-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 60px;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        #core-collections-section .collections-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        #core-collections-section .collection-card {\r\n            display: block;\r\n            text-decoration: none;\r\n            group: hover;\r\n        }\r\n\r\n        #core-collections-section .image-wrapper {\r\n            width: 100%;\r\n            padding-bottom: 125%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background-color: #e0e0e0;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        #core-collections-section .collection-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        #core-collections-section .collection-card:hover .collection-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #core-collections-section .card-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.1);\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        #core-collections-section h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n        }\r\n\r\n        #core-collections-section .arrow-icon {\r\n            font-size: 18px;\r\n            color: var(--text-main, #26292a);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        #core-collections-section .collection-card:hover .arrow-icon {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        #core-collections-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        #core-collections-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #core-collections-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #core-collections-section .collections-grid {\r\n                display: flex;\r\n                overflow-x: auto;\r\n                scroll-snap-type: x mandatory;\r\n                gap: 20px;\r\n                padding-bottom: 20px;\r\n                margin-right: -20px; \r\n            }\r\n\r\n            #core-collections-section .collection-card {\r\n                flex: 0 0 85%;\r\n                scroll-snap-align: start;\r\n            }\r\n\r\n            #core-collections-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #core-collections-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n            }\r\n\r\n            #core-collections-section .intro-text {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            #core-collections-section .cta-wrapper {\r\n                text-align: left;\r\n            }\r\n\r\n            #core-collections-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n            \r\n            #core-collections-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <h2>Signature Textile Collections<\/h2>\r\n        <div class=\"intro-text\">\r\n            From heritage Chanel-style tweeds to avant-garde textured knits. Our Wenzhou facility produces premium fabrics for global fashion houses.\r\n        <\/div>\r\n\r\n        <div class=\"collections-grid\">\r\n            <a href=\"\/chanel-style-tweed\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-001-1-scaled.jpg\" alt=\"Classic Chanel Style Tweed Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Chanel-Style Tweeds<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/woolen-overcoat\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-002-1-scaled.jpg\" alt=\"Heavyweight Boucle Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Heavyweight Boucl\u00e9<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/cable-sweater-knit\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-001-1-scaled.jpg\" alt=\"Structured Cable Knit Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Structured Cable Knits<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/knitted-overcoat\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/chenille-tweed-fabric-textile-melange-fursone-001-1-scaled.jpg\" alt=\"Fancy Yarn Blends\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Fancy Yarn Blends<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/knit-fabric\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-002-1-scaled.jpg\" alt=\"Metallic Thread Fabrics\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Metallic Series<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/sweater-knit\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/knitted-embroidery-fabric-textile-fursone-001-1-scaled.jpg\" alt=\"Sustainable Eco Knits\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Eco-Sustainable Knits<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/contact\" class=\"cta-button\">Request Fabric Swatches<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    (function() {\r\n        const section = document.getElementById('core-collections-section');\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const cards = section.querySelectorAll('.collection-card');\r\n                    cards.forEach((card, index) => {\r\n                        setTimeout(() => {\r\n                            card.style.opacity = '1';\r\n                            card.style.transform = 'translateY(0)';\r\n                        }, index * 100);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        const grid = section.querySelector('.collections-grid');\r\n        if (grid) {\r\n            const cards = section.querySelectorAll('.collection-card');\r\n            cards.forEach(card => {\r\n                card.style.opacity = '0';\r\n                card.style.transform = 'translateY(20px)';\r\n                card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            });\r\n            observer.observe(grid);\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 3.5.artisan-yarn-section.html ========================= -->\r\n<section id=\"artisan-yarn-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebPageElement\",\r\n      \"name\": \"Fursone Yarn R&D and Artisan Sourcing\",\r\n      \"description\": \"Fursone's commitment to raw material excellence, from eco-fibers to metallic lurex.\"\r\n    }\r\n    <\/script>\r\n<style>\r\n        #artisan-yarn-section {\r\n            background-color: #26292a;\r\n            color: #f3f2e6;\r\n            padding: 100px 0;\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n        #artisan-yarn-section .container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n        #artisan-yarn-section .yarn-subtitle {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            color: #934d34;\r\n            font-weight: 600;\r\n        }\r\n        #artisan-yarn-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 40px;\r\n            line-height: 1.25;\r\n            margin-bottom: 30px;\r\n            font-weight: 400;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .yarn-desc {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            opacity: 0.85;\r\n            margin-bottom: 50px;\r\n            font-weight: 300;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .yarn-features {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 40px;\r\n            text-align: left;\r\n            border-top: 1px solid rgba(243, 242, 230, 0.2);\r\n            padding-top: 50px;\r\n        }\r\n        #artisan-yarn-section .feature h4 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 20px;\r\n            margin-bottom: 15px;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n        }\r\n        #artisan-yarn-section .feature p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            opacity: 0.7;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .cta-wrapper {\r\n            margin-top: 50px;\r\n            text-align: center;\r\n        }\r\n        #artisan-yarn-section .cta-button {\r\n            display: inline-block;\r\n            background-color: transparent;\r\n            color: #ffffff;\r\n            border: 1px solid #ffffff;\r\n            padding: 12px 28px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        #artisan-yarn-section .cta-button:hover {\r\n            background-color: #ffffff;\r\n            color: #26292a;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #artisan-yarn-section { padding: 60px 0 !important; }\r\n            #artisan-yarn-section .yarn-features {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            #artisan-yarn-section h2 { font-size: 28px; }\r\n            #artisan-yarn-section .yarn-desc { font-size: 14px; }\r\n            #artisan-yarn-section .feature { text-align: center; }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <div class=\"yarn-subtitle\">The Soul of the Fabric<\/div>\r\n        <h2>Artisan R&D & Raw Material Sourcing<\/h2>\r\n        <p class=\"yarn-desc\">Every exceptional textile begins with the yarn. Our in-house R&D team sources and spins the finest raw materials\u2014from Australian Merino wool to premium Japanese lurex\u2014ensuring the \"Chanel-style\" drape and hand-feel before the first yard is ever woven.<\/p>\r\n        \r\n        <div class=\"yarn-features\">\r\n            <div class=\"feature\">\r\n                <h4>Proprietary Spinning<\/h4>\r\n                <p>We don't buy off-the-shelf yarns. We custom-spin slub, boucl\u00e9, and chenille yarns in-house to guarantee exclusive textures and prevent market duplication.<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <h4>Eco-Traceability<\/h4>\r\n                <p>Full transparency on our raw materials. We integrate GRS-certified recycled polyesters and organic cottons without compromising luxury aesthetics.<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <h4>Color & Dye Mastery<\/h4>\r\n                <p>Our lab utilizes advanced yarn-dyeing techniques to achieve rich, multi-tonal melange effects with rigorous colorfastness standards.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/services\/custom-manufacturing\/\" class=\"cta-button\">Explore Custom OEM<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 4.manufacturing-section.html ========================= -->\r\n<section id=\"manufacturing-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Manufacturing Capabilities\",\r\n      \"description\": \"Wenzhou textile factory capabilities including custom yarn spinning, knitting, weaving, and lab-tested quality control.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"address\": {\r\n          \"@type\": \"PostalAddress\",\r\n          \"addressLocality\": \"Wenzhou\",\r\n          \"addressCountry\": \"CN\"\r\n        }\r\n      }\r\n    }\r\n    <\/script>\r\n<style>\r\n        #manufacturing-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #manufacturing-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #manufacturing-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #manufacturing-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 60px;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        #manufacturing-section .capability-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 60px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        #manufacturing-section .image-col {\r\n            flex: 1;\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 450px;\r\n        }\r\n\r\n        #manufacturing-section .capability-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:hover .capability-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #manufacturing-section .text-col {\r\n            flex: 1;\r\n            padding: 40px;\r\n        }\r\n\r\n        #manufacturing-section .step-number {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 80px;\r\n            color: rgba(38, 41, 42, 0.1);\r\n            line-height: 1;\r\n            margin-bottom: -20px;\r\n            position: relative;\r\n            z-index: 0;\r\n        }\r\n\r\n        #manufacturing-section h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 28px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        #manufacturing-section p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #manufacturing-section .feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        #manufacturing-section .feature-list li {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 10px;\r\n            padding-left: 20px;\r\n            position: relative;\r\n            font-weight: 500;\r\n        }\r\n\r\n        #manufacturing-section .feature-list li::before {\r\n            content: \"\u2022\";\r\n            color: var(--cta-button, #934d34);\r\n            position: absolute;\r\n            left: 0;\r\n            font-size: 18px;\r\n            line-height: 1;\r\n        }\r\n\r\n        #manufacturing-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        #manufacturing-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 16px 45px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #manufacturing-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #manufacturing-section .capability-row {\r\n                flex-direction: column !important;\r\n                gap: 30px;\r\n                margin-bottom: 60px;\r\n            }\r\n\r\n            #manufacturing-section .image-col {\r\n                width: 100%;\r\n                height: 300px;\r\n            }\r\n\r\n            #manufacturing-section .text-col {\r\n                padding: 0 20px;\r\n                text-align: left;\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            #manufacturing-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #manufacturing-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n            }\r\n\r\n            #manufacturing-section .intro-text {\r\n                text-align: left;\r\n                font-size: 16px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            #manufacturing-section .cta-wrapper {\r\n                text-align: left;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            #manufacturing-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n\r\n            #manufacturing-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <h2>Advanced Textile Manufacturing Capabilities<\/h2>\r\n        <div class=\"intro-text\">\r\n            Leading fabric manufacturer specializing in custom textile production, yarn development, and large-scale fabric manufacturing. Our vertically integrated textile factory delivers premium quality fabrics with precision craftsmanship and comprehensive quality control systems for fashion brands worldwide.\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-006.jpg\" alt=\"Custom yarn spinning process at Fursone\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">01<\/div>\r\n                <h3>Custom Yarn Development<\/h3>\r\n                <p>Innovation starts at the fiber level. Our in-house spinning division allows us to create proprietary yarn blends, textures, and color combinations that are exclusive to your brand.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Fancy Boucl\u00e9 & Slub Yarns<\/li>\r\n                    <li>Metallic & Lurex Integration<\/li>\r\n                    <li>Recycled & Eco-Fiber Blends<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/textile-factory-workshop-production-equipment-manufacturing-fursone-25-1-scaled.jpg\" alt=\"Textile quality control laboratory testing\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">02<\/div>\r\n                <h3>Lab-Tested Quality<\/h3>\r\n                <p>We don't just manufacture; we validate. Every production batch undergoes rigorous physical and chemical testing in our certified laboratory to ensure it meets international export standards.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Colorfastness & Shrinkage Testing<\/li>\r\n                    <li>Pilling & Abrasion Resistance<\/li>\r\n                    <li>Oeko-Tex Standard 100 Compliance<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/textile-factory-workshop-production-equipment-manufacturing-fursone-38-1-scaled.jpg\" alt=\"High-volume knitting production line\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">03<\/div>\r\n                <h3>High-Volume Production<\/h3>\r\n                <p>Scalability without compromise. Our advanced knitting and weaving fleet is optimized for efficiency, delivering large-scale orders with the same attention to detail as our sample yardage.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Advanced Circular Knitting Machines<\/li>\r\n                    <li>Flexible MOQ for Custom Orders<\/li>\r\n                    <li>Rapid Lead Times (25-35 Days)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/services\/custom-manufacturing\" class=\"cta-button\">Explore Custom Manufacturing<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    (function() {\r\n        const section = document.getElementById('manufacturing-section');\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const rows = section.querySelectorAll('.capability-row');\r\n                    rows.forEach((row, index) => {\r\n                        setTimeout(() => {\r\n                            row.style.opacity = '1';\r\n                            row.style.transform = 'translateY(0)';\r\n                        }, index * 200);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        const rows = section.querySelectorAll('.capability-row');\r\n        rows.forEach(row => {\r\n            row.style.opacity = '0';\r\n            row.style.transform = 'translateY(30px)';\r\n            row.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        });\r\n        observer.observe(section);\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 4.5.tech-specs-geo.html ========================= -->\r\n<section id=\"tech-specs-geo\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebPageElement\",\r\n      \"name\": \"Fursone Fabric Technical Specifications & Export Compliance\",\r\n      \"description\": \"Technical parameters, MOQ, and international export certifications for Fursone wholesale textiles.\"\r\n    }\r\n    <\/script>\r\n<style>\r\n        #tech-specs-geo {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n        #tech-specs-geo .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n        #tech-specs-geo .geo-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        #tech-specs-geo h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            font-weight: 400;\r\n        }\r\n        #tech-specs-geo .geo-desc {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n        #tech-specs-geo .geo-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n        }\r\n        #tech-specs-geo .geo-card {\r\n            background: #ffffff;\r\n            padding: 50px;\r\n            box-shadow: 0 10px 40px rgba(38, 41, 42, 0.03);\r\n            border: none;\r\n            border-top: 3px solid var(--cta-button, #934d34);\r\n        }\r\n        #tech-specs-geo h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 30px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.9;\r\n        }\r\n        #tech-specs-geo table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n        #tech-specs-geo tr:last-child th,\r\n        #tech-specs-geo tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n        #tech-specs-geo th, #tech-specs-geo td {\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.08);\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            text-align: left;\r\n        }\r\n        #tech-specs-geo th {\r\n            font-weight: 600;\r\n            width: 45%;\r\n            font-size: 13px;\r\n            color: var(--text-main, #26292a);\r\n        }\r\n        #tech-specs-geo td {\r\n            font-weight: 400;\r\n            font-size: 15px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-style: italic;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #tech-specs-geo {\r\n                padding: 60px 0 !important;\r\n            }\r\n            #tech-specs-geo .geo-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            #tech-specs-geo .geo-card {\r\n                padding: 25px;\r\n            }\r\n            #tech-specs-geo h2 {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <div class=\"geo-header\">\r\n            <h2>Technical Specifications & Compliance<\/h2>\r\n            <p class=\"geo-desc\">Structured for transparency. Our manufacturing metrics and global export certifications ensure seamless sourcing for international buyers.<\/p>\r\n        <\/div>\r\n        <div class=\"geo-grid\">\r\n            <div class=\"geo-card\">\r\n                <h3>Production Metrics<\/h3>\r\n                <table>\r\n                    <tbody>\r\n                        <tr>\r\n                            <th>Custom MOQ<\/th>\r\n                            <td>1,000 Meters \/ Color<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Ready-Stock MOQ<\/th>\r\n                            <td>100 Meters<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Sampling Time<\/th>\r\n                            <td>7 - 10 Days<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Bulk Lead Time<\/th>\r\n                            <td>25 - 35 Days<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Daily Capacity<\/th>\r\n                            <td>50,000+ Meters<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <div class=\"geo-card\">\r\n                <h3>Export & Certifications<\/h3>\r\n                <table>\r\n                    <tbody>\r\n                        <tr>\r\n                            <th>Eco Compliance<\/th>\r\n                            <td>GRS (Global Recycled Standard)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Safety Standard<\/th>\r\n                            <td>Oeko-Tex Standard 100<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Quality Audit<\/th>\r\n                            <td>ISO 9001:2015<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Export Logistics<\/th>\r\n                            <td>FOB Shanghai \/ Ningbo<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Testing Provided<\/th>\r\n                            <td>SGS \/ Intertek \/ In-house Lab<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 5.case-studies.html ========================= -->\r\n<section id=\"b2b-split-slider\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Case Studies\",\r\n      \"description\": \"Success stories of custom fabric development for global fashion brands.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\"\r\n      }\r\n    }\r\n    <\/script>\r\n<style>\r\n        #b2b-split-slider {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            overflow: hidden;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            color: var(--text-main, #26292a);\r\n        }\r\n\r\n        #b2b-split-slider .slide-item {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.6s ease-in-out, visibility 0.6s;\r\n            z-index: 1;\r\n        }\r\n\r\n        #b2b-split-slider .slide-item.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            z-index: 2;\r\n        }\r\n\r\n        #b2b-split-slider .left-image {\r\n            width: 50%;\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #b2b-split-slider .left-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 6s ease;\r\n        }\r\n        #b2b-split-slider .slide-item.active .left-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #b2b-split-slider .right-content {\r\n            width: 50%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 0 10% 0 80px;\r\n            background: var(--bg-primary, #f3f2e6);\r\n            position: relative;\r\n        }\r\n\r\n        #b2b-split-slider .case-label {\r\n            display: inline-block;\r\n            background-color: rgba(147, 77, 52, 0.1);\r\n            color: var(--cta-button, #934d34);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            margin-bottom: 24px;\r\n            letter-spacing: 0.5px;\r\n            width: fit-content;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n        }\r\n\r\n        #b2b-split-slider h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--text-main, #26292a);\r\n        }\r\n\r\n        #b2b-split-slider p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 30px;\r\n            max-width: 500px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #b2b-split-slider .btn-group {\r\n            display: flex;\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        #b2b-split-slider .btn {\r\n            padding: 14px 32px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            border: 1px solid transparent;\r\n            text-align: center;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n        }\r\n\r\n        #b2b-split-slider .btn-primary {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n        }\r\n        #b2b-split-slider .btn-primary:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        #b2b-split-slider .slider-nav {\r\n            position: absolute;\r\n            right: 40px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            z-index: 10;\r\n            align-items: center;\r\n        }\r\n\r\n        #b2b-split-slider .nav-arrow {\r\n            cursor: pointer;\r\n            color: rgba(38, 41, 42, 0.3);\r\n            font-size: 24px;\r\n            transition: color 0.3s;\r\n            user-select: none;\r\n        }\r\n        #b2b-split-slider .nav-arrow:hover { color: var(--cta-button, #934d34); }\r\n\r\n        #b2b-split-slider .dots-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            padding: 10px 0;\r\n        }\r\n\r\n        #b2b-split-slider .dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            background-color: rgba(38, 41, 42, 0.2);\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        #b2b-split-slider .dot.active {\r\n            background-color: var(--cta-button, #934d34);\r\n            transform: scale(1.3);\r\n        }\r\n\r\n        @media (max-width: 980px) {\r\n            #b2b-split-slider { height: auto; }\r\n            #b2b-split-slider .slide-item {\r\n                position: relative;\r\n                flex-direction: column;\r\n                opacity: 1; visibility: visible;\r\n                display: none;\r\n            }\r\n            #b2b-split-slider .slide-item.active { display: flex; }\r\n            \r\n            #b2b-split-slider .left-image { width: 100%; height: 350px; }\r\n            #b2b-split-slider .right-content { width: 100%; padding: 40px 20px; box-sizing: border-box; }\r\n            #b2b-split-slider .slider-nav { display: none; }\r\n            #b2b-split-slider .btn-group { flex-direction: column; }\r\n            \r\n            \/* Mobile Button Style Override *\/\r\n            #b2b-split-slider .btn {\r\n                background: transparent !important;\r\n                color: #26292a !important;\r\n                border: none !important;\r\n                border-bottom: 1px solid #26292a !important;\r\n                padding: 0 0 2px 0 !important;\r\n                margin: 0 !important;\r\n                font-size: 11px !important;\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-block !important;\r\n                text-transform: uppercase;\r\n                letter-spacing: 1px;\r\n                text-decoration: none;\r\n                text-align: left;\r\n            }\r\n            #b2b-split-slider .btn:hover {\r\n                transform: none;\r\n                color: #26292a !important;\r\n                border-color: #26292a !important;\r\n            }\r\n            #b2b-split-slider .btn-group {\r\n                gap: 15px;\r\n                align-items: flex-start;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"slider-wrapper\">\r\n        \r\n        <div class=\"slide-item active\" data-index=\"0\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-002-scaled.jpg\" alt=\"Emerging designer boucl\u00e9 fabric collection\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">Emerging Designer<\/span>\r\n                <h2>Launching a Debut Collection with Low MOQ Support<\/h2>\r\n                <p><strong>Challenge:<\/strong> A NYC-based startup brand needed custom boucl\u00e9 fabrics for their debut collection but was rejected by major mills due to small order volumes.<\/p>\r\n                <p><strong>Solution:<\/strong> Fursone provided our \"Designer Support Program\", offering a 100-meter MOQ for custom development, helping them refine yarn selection to meet budget.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/solutions\/designer-brands\" class=\"btn btn-primary\">Start Your Brand<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide-item\" data-index=\"1\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-208-1-scaled.jpg\" alt=\"Luxury tweed fabric for fashion brands\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">European Luxury Brand<\/span>\r\n                <h2>Cost-Effective Replication of Heritage Tweeds<\/h2>\r\n                <p><strong>Challenge:<\/strong> A French affordable luxury brand wanted to introduce a \"Chanel-style\" jacket line but found European mill prices too high for their target margin.<\/p>\r\n                <p><strong>Solution:<\/strong> Our R&D team analyzed the original swatch structure. By substituting 20% of the silk with high-grade mercerized cotton, we achieved a 95% visual match at 40% lower cost.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/services\/custom-manufacturing\" class=\"btn btn-primary\">Request Analysis<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide-item\" data-index=\"2\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/knitted-embroidery-fabric-textile-fursone-002-scaled.jpg\" alt=\"Sustainable eco fabric development\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">Sustainable Fashion<\/span>\r\n                <h2>Rapid Delivery of GRS-Certified Eco Fabrics<\/h2>\r\n                <p><strong>Challenge:<\/strong> A Scandinavian brand faced a supply chain crisis when their original supplier cancelled a recycled polyester order 4 weeks before launch.<\/p>\r\n                <p><strong>Solution:<\/strong> Leveraging our Ready-Stock Eco Yarn inventory, Fursone produced lab dips in 3 days and delivered 2,000 meters of GRS-certified fabric in just 25 days.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/services\/ready-stock\" class=\"btn btn-primary\">Check Eco Stock<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slider-nav\">\r\n            <div class=\"nav-arrow up-btn\">\u25b4<\/div>\r\n            <div class=\"dots-wrapper\">\r\n                <div class=\"dot active\" data-target=\"0\"><\/div>\r\n                <div class=\"dot\" data-target=\"1\"><\/div>\r\n                <div class=\"dot\" data-target=\"2\"><\/div>\r\n            <\/div>\r\n            <div class=\"nav-arrow down-btn\">\u25be<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<script>\r\n    (function() {\r\n        const scope = document.getElementById('b2b-split-slider');\r\n        const slides = scope.querySelectorAll('.slide-item');\r\n        const dots = scope.querySelectorAll('.dot');\r\n        const upBtn = scope.querySelector('.up-btn');\r\n        const downBtn = scope.querySelector('.down-btn');\r\n        let currentIndex = 0;\r\n        const totalSlides = slides.length;\r\n\r\n        function goToSlide(index) {\r\n            if (index < 0) index = totalSlides - 1;\r\n            if (index >= totalSlides) index = 0;\r\n            currentIndex = index;\r\n\r\n            slides.forEach(s => s.classList.remove('active'));\r\n            slides[currentIndex].classList.add('active');\r\n\r\n            dots.forEach(d => d.classList.remove('active'));\r\n            dots[currentIndex].classList.add('active');\r\n        }\r\n\r\n        dots.forEach((dot, idx) => {\r\n            dot.addEventListener('click', () => goToSlide(idx));\r\n        });\r\n\r\n        upBtn.addEventListener('click', () => goToSlide(currentIndex - 1));\r\n        downBtn.addEventListener('click', () => goToSlide(currentIndex + 1));\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 5.5.latest-blog-section.html ========================= -->\r\n<section id=\"latest-blog-section\">\r\n    <style>\r\n        #latest-blog-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #latest-blog-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #latest-blog-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 0 15px 0;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #latest-blog-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 auto 45px auto;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 760px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #latest-blog-section .blog-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        #latest-blog-section .blog-card {\r\n            background: #ffffff;\r\n            border: 1px solid rgba(38, 41, 42, 0.1);\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 280px;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #latest-blog-section .blog-card.is-skeleton {\r\n            pointer-events: none;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-media,\r\n        #latest-blog-section .skeleton-line {\r\n            background: linear-gradient(90deg, rgba(217, 213, 201, 0.45) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(217, 213, 201, 0.45) 100%);\r\n            background-size: 200% 100%;\r\n            animation: blogSkeletonPulse 1.6s ease-in-out infinite;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-media {\r\n            width: 100%;\r\n            height: 220px;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.08);\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line {\r\n            border-radius: 999px;\r\n            height: 11px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.date {\r\n            width: 34%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.title {\r\n            width: 78%;\r\n            height: 16px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.copy {\r\n            width: 100%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.copy.short {\r\n            width: 72%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.link {\r\n            width: 40%;\r\n            margin-top: auto;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        @keyframes blogSkeletonPulse {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n\r\n        #latest-blog-section .blog-card:hover {\r\n            transform: translateY(-4px);\r\n            border-color: var(--text-main, #26292a);\r\n            box-shadow: 0 10px 24px rgba(38, 41, 42, 0.08);\r\n        }\r\n\r\n        #latest-blog-section .blog-date {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            letter-spacing: 1.2px;\r\n            text-transform: uppercase;\r\n            color: var(--cta-button, #934d34);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        #latest-blog-section .blog-title {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 24px;\r\n            line-height: 1.35;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 0 14px 0;\r\n            font-weight: 500;\r\n        }\r\n\r\n        #latest-blog-section .blog-excerpt {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.88;\r\n            margin: 0 0 20px 0;\r\n            flex: 1;\r\n        }\r\n\r\n        #latest-blog-section .blog-link {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: var(--text-main, #26292a);\r\n            border-bottom: 1px solid var(--text-main, #26292a);\r\n            width: fit-content;\r\n            padding-bottom: 2px;\r\n        }\r\n\r\n        #latest-blog-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        #latest-blog-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #latest-blog-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #latest-blog-section .blog-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #latest-blog-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #latest-blog-section {\r\n                padding: 56px 0 !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-grid {\r\n                display: grid !important;\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 14px !important;\r\n                width: 100% !important;\r\n                overflow: visible !important;\r\n                margin-right: 0 !important;\r\n                padding-right: 0 !important;\r\n                padding-bottom: 0 !important;\r\n            }\r\n\r\n            #latest-blog-section h2 {\r\n                font-size: 28px;\r\n                text-align: left;\r\n            }\r\n\r\n            #latest-blog-section .intro-text {\r\n                text-align: left;\r\n                margin-bottom: 24px;\r\n                font-size: 13px;\r\n                line-height: 1.55;\r\n            }\r\n\r\n            #latest-blog-section .blog-card {\r\n                overflow: hidden;\r\n                min-height: auto;\r\n                flex: 0 0 auto !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-title {\r\n                font-size: 18px;\r\n                line-height: 1.35;\r\n            }\r\n\r\n            #latest-blog-section .blog-date,\r\n            #latest-blog-section .blog-link {\r\n                font-size: 10px;\r\n                letter-spacing: 0.9px;\r\n            }\r\n\r\n            #latest-blog-section .cta-wrapper {\r\n                text-align: left;\r\n            }\r\n\r\n            #latest-blog-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n\r\n            #latest-blog-section .skeleton-media,\r\n            #latest-blog-section .blog-card-image {\r\n                height: 140px !important;\r\n                min-height: 140px !important;\r\n                max-height: 140px !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-card-content {\r\n                padding: 16px !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-excerpt {\r\n                font-size: 12px;\r\n                line-height: 1.55;\r\n                margin-bottom: 16px;\r\n            }\r\n        }\r\n    \r\n        #blog-list-section .blog-card-image, #latest-blog-section .blog-card-image {\r\n            width: 100%;\r\n            height: 220px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.1);\r\n        }\r\n        #blog-list-section .blog-card-content, #latest-blog-section .blog-card-content {\r\n            padding: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex: 1;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #blog-list-section .blog-card-content, #latest-blog-section .blog-card-content {\r\n                padding: 24px;\r\n            }\r\n            #blog-list-section .blog-card-image, #latest-blog-section .blog-card-image {\r\n                height: 250px !important;\r\n                min-height: 250px !important;\r\n                max-height: 250px !important;\r\n                object-fit: cover !important;\r\n                display: block !important;\r\n                width: 100% !important;\r\n                position: relative !important;\r\n                border-radius: 0 !important;\r\n            }\r\n        }\r\n    \r\n    <\/style>\r\n<div class=\"container\">\r\n        <h2>Latest From Our Blog<\/h2>\r\n        <p class=\"intro-text\">Read the newest sourcing insights, textile trend analysis, and factory expertise from our team.<\/p>\r\n\r\n        <div class=\"blog-grid\" id=\"home-latest-blog-grid\" aria-live=\"polite\"><\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/blog\/\" class=\"cta-button\">View All Articles<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    (function () {\r\n        const grid = document.getElementById('home-latest-blog-grid');\r\n        if (!grid) return;\r\n        const targetCount = window.matchMedia('(max-width: 768px)').matches ? 2 : 3;\r\n\r\n        const fallbackPosts = [\r\n            {\r\n                title: 'How to Source Luxury-Look Tweed Without European MOQs',\r\n                excerpt: 'A practical sourcing framework for brands that need premium texture, lower sampling risk, and faster factory feedback.',\r\n                date: 'Factory Insight',\r\n                link: '\/blog\/'\r\n            },\r\n            {\r\n                title: 'What Fashion Buyers Check Before Approving Knit Fabric Samples',\r\n                excerpt: 'Review GSM, recovery, hand feel, and sampling notes before you commit to development or ready-stock programs.',\r\n                date: 'Buyer Guide',\r\n                link: '\/blog\/'\r\n            },\r\n            {\r\n                title: 'Ready Stock vs Custom Development: Which Route Fits Your Season?',\r\n                excerpt: 'Compare speed, MOQ, exclusivity, and production control to choose the right sourcing model for your next collection.',\r\n                date: 'Sourcing Playbook',\r\n                link: '\/blog\/'\r\n            }\r\n        ];\r\n\r\n        function stripHtml(input) {\r\n            return input.replace(\/<[^>]*>\/g, '').replace(\/\\s+\/g, ' ').trim();\r\n        }\r\n\r\n        function escapeHtml(input) {\r\n            return String(input || '')\r\n                .replace(\/&\/g, '&')\r\n                .replace(\/<\/g, '<')\r\n                .replace(\/>\/g, '>')\r\n                .replace(\/\"\/g, '\"')\r\n                .replace(\/'\/g, ''');\r\n        }\r\n\r\n        function formatDate(dateStr) {\r\n            const d = new Date(dateStr);\r\n            if (Number.isNaN(d.getTime())) return '';\r\n            return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });\r\n        }\r\n\r\n        function renderSkeletons(count) {\r\n            grid.innerHTML = Array.from({ length: count }).map(() => `\r\n                <article class=\"blog-card is-skeleton\" aria-hidden=\"true\">\r\n                    <div class=\"skeleton-media\"><\/div>\r\n                    <div class=\"blog-card-content\">\r\n                        <div class=\"skeleton-line date\"><\/div>\r\n                        <div class=\"skeleton-line title\"><\/div>\r\n                        <div class=\"skeleton-line copy\"><\/div>\r\n                        <div class=\"skeleton-line copy short\"><\/div>\r\n                        <div class=\"skeleton-line link\"><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            `).join('');\r\n        }\r\n\r\n        function renderCards(cards) {\r\n            grid.innerHTML = cards.map((card) => {\r\n                const imgHtml = card.imgUrl\r\n                    ? `<img decoding=\"async\" src=\"${escapeHtml(card.imgUrl)}\" alt=\"${escapeHtml(card.imgAlt || card.title)}\" class=\"blog-card-image\" loading=\"lazy\">`\r\n                    : '';\r\n\r\n                return `\r\n                    <a href=\"${escapeHtml(card.link || '\/blog\/')}\" class=\"blog-card\">\r\n                        ${imgHtml}\r\n                        <div class=\"blog-card-content\">\r\n                            <div class=\"blog-date\">${escapeHtml(card.date || 'Blog')}<\/div>\r\n                            <h3 class=\"blog-title\">${escapeHtml(card.title || 'Untitled')}<\/h3>\r\n                            <p class=\"blog-excerpt\">${escapeHtml(card.excerpt || '')}<\/p>\r\n                            <span class=\"blog-link\">Read Article<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                `;\r\n            }).join('');\r\n        }\r\n\r\n        renderSkeletons(targetCount);\r\n\r\n        fetch('\/wp-json\/wp\/v2\/posts?per_page=6&_embed')\r\n            .then((res) => res.ok ? res.json() : Promise.reject(new Error('Failed to load posts')))\r\n            .then((posts) => {\r\n                if (!Array.isArray(posts) || posts.length === 0) {\r\n                    renderCards(fallbackPosts.slice(0, targetCount));\r\n                    return;\r\n                }\r\n\r\n                const seen = new Set();\r\n                const uniquePosts = posts.filter((post) => {\r\n                    const key = post?.link || post?.slug || post?.id;\r\n                    if (!key || seen.has(key)) return false;\r\n                    seen.add(key);\r\n                    return true;\r\n                }).slice(0, targetCount);\r\n\r\n                if (!uniquePosts.length) {\r\n                    renderCards(fallbackPosts.slice(0, targetCount));\r\n                    return;\r\n                }\r\n\r\n                renderCards(uniquePosts.map((post) => {\r\n                    const title = stripHtml(post?.title?.rendered || 'Untitled');\r\n                    const excerptRaw = post?.excerpt?.rendered || '';\r\n                    const excerpt = stripHtml(excerptRaw).slice(0, window.matchMedia('(max-width: 768px)').matches ? 92 : 140);\r\n                    const date = formatDate(post?.date || '');\r\n                    const link = post?.link || '\/blog\/';\r\n                    let imgUrl = '';\r\n                    let imgAlt = title;\r\n\r\n                    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\r\n                        const media = post._embedded['wp:featuredmedia'][0];\r\n                        imgUrl = media.source_url || '';\r\n                        imgAlt = media.alt_text || title;\r\n                        if (media.media_details && media.media_details.sizes) {\r\n                            imgUrl = media.media_details.sizes.medium_large?.source_url\r\n                                || media.media_details.sizes.medium?.source_url\r\n                                || media.source_url\r\n                                || '';\r\n                        }\r\n                    }\r\n\r\n                    return {\r\n                        title,\r\n                        excerpt: `${excerpt}${excerptRaw && stripHtml(excerptRaw).length > excerpt.length ? '...' : ''}`,\r\n                        date,\r\n                        link,\r\n                        imgUrl,\r\n                        imgAlt\r\n                    };\r\n                }));\r\n            })\r\n            .catch(() => {\r\n                renderCards(fallbackPosts.slice(0, targetCount));\r\n            });\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 6.faq-section.html ========================= -->\r\n<section id=\"faq-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"FAQPage\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the MOQ for custom fabric orders from Fursone?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Our Minimum Order Quantity (MOQ) for custom yarn-dyed or textured fabrics typically starts from 1000 meters per color. For in-stock items in our sample library, we offer flexible minimums starting from 100 meters for sampling.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Can Fursone replicate European luxury fabrics?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. We specialize in analyzing and reproducing high-end European tweed and knit structures. We can match weight, texture, and composition while offering competitive pricing.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Does Fursone export textiles to international markets?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. Fursone is an established global textile exporter shipping to fashion brands in North America, Europe, and Asia. We comply with international testing standards (Oeko-Tex, REACH) and handle export logistics.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the production lead time for bulk fabric orders?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Production lead times depend on yarn availability and order volume. Standard bulk production typically takes 25-35 days after lab dip approval. Rush options are available for urgent fashion seasons.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Can I visit Fursone's mill?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. We welcome fashion designers and buyers to visit our facility to see our production lines and explore our extensive fabric library. Please contact us to schedule a factory tour.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Do you offer fabric swatches for sampling?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes, we provide A4 swatches or sample yardage for designers to test hand-feel and drape. Contact our sales team to request our latest collection books.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What testing standards do your fabrics meet?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"All Fursone fabrics undergo rigorous internal testing for shrinkage, colorfastness, and pilling. We can also provide third-party test reports (SGS, Intertek) upon request to meet specific market requirements.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Do you offer sustainable or eco-friendly options?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Absolutely. We offer a range of sustainable fabrics using recycled polyester (GRS certified), organic cotton, and eco-friendly dyeing processes to support sustainable fashion initiatives.\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n    <\/script>\r\n<style>\r\n        #faq-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #faq-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #faq-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #faq-section .faq-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Two columns layout *\/\r\n            gap: 30px;\r\n            align-items: start; \/* Prevent same-row cards from visually expanding together *\/\r\n        }\r\n\r\n        \/* Removed column wrappers styles *\/\r\n\r\n        #faq-section .faq-item {\r\n            background-color: #ffffff;\r\n            border: 1px solid rgba(38, 41, 42, 0.1);\r\n            transition: all 0.3s ease;\r\n            height: auto;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        #faq-section .faq-item:hover {\r\n            border-color: var(--text-main, #26292a);\r\n            box-shadow: 0 5px 15px rgba(38, 41, 42, 0.05);\r\n        }\r\n\r\n        #faq-section .faq-question {\r\n            padding: 25px 30px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            line-height: 1.4;\r\n        }\r\n\r\n        #faq-section .faq-icon {\r\n            font-size: 20px;\r\n            font-weight: 300;\r\n            transition: transform 0.3s ease;\r\n            flex-shrink: 0;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        #faq-section .faq-item.active .faq-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        #faq-section .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            padding: 0 30px;\r\n        }\r\n\r\n        #faq-section .faq-answer p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 25px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #faq-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n            grid-column: 1 \/ -1; \/* Span full width *\/\r\n        }\r\n\r\n        #faq-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #faq-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #faq-section .faq-grid {\r\n                grid-template-columns: 1fr; \/* Single column on tablet\/mobile *\/\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #faq-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #faq-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            #faq-section .faq-question {\r\n                padding: 20px;\r\n                font-size: 15px;\r\n            }\r\n\r\n            #faq-section .faq-answer {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #faq-section .cta-wrapper {\r\n                text-align: left;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            #faq-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n            \r\n            #faq-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    \r\n        #faq-section .faq-grid {\r\n            display: block;\r\n        }\r\n        #faq-section .faq-columns {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            align-items: start;\r\n            gap: 30px;\r\n            width: 100%;\r\n        }\r\n        #faq-section .faq-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n        @media (max-width: 1024px) {\r\n            #faq-section .faq-columns {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            #faq-section .faq-column {\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* 1. Global Box Sizing & Body *\/\r\n            html, body {\r\n                overflow-x: hidden !important;\r\n                width: 100% !important;\r\n            }\r\n            * {\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 2. Container Safety Margins *\/\r\n            #hero-minimalist-final .content-container,\r\n            .container {\r\n                padding-left: 20px !important;\r\n                padding-right: 20px !important;\r\n                width: 100% !important;\r\n                max-width: 100% !important;\r\n                margin: 0 auto !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 3. Section Breathing Room *\/\r\n            section {\r\n                padding: 50px 0 60px 0 !important;\r\n                margin: 0 !important;\r\n                overflow-x: hidden !important;\r\n            }\r\n            \r\n            \/* Exceptions for full-bleed or hero *\/\r\n            #why-fursone-section .container,\r\n            #b2b-split-slider .container {\r\n                padding-left: 20px !important;\r\n                padding-right: 20px !important;\r\n            }\r\n            #why-fursone-section .text-column,\r\n            #b2b-split-slider .right-content {\r\n                padding: 30px 20px 0 20px !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 4. Typography Hierarchy (Minotti Style) *\/\r\n            h1 {\r\n                font-size: 32px !important;\r\n                line-height: 1.15 !important;\r\n                margin-bottom: 20px !important;\r\n                text-align: left !important;\r\n            }\r\n            \r\n            h2 {\r\n                font-size: 28px !important;\r\n                line-height: 1.25 !important;\r\n                margin-top: 0 !important;\r\n                margin-bottom: 16px !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            h3 {\r\n                font-size: 18px !important;\r\n                line-height: 1.4 !important;\r\n                margin-bottom: 8px !important;\r\n            }\r\n\r\n            p, .intro-text, .sub-text, .faq-answer p, .blog-excerpt, #why-fursone-section .feature-item p {\r\n                font-size: 16px !important;\r\n                line-height: 1.6 !important;\r\n                margin-bottom: 24px !important;\r\n                text-align: left !important;\r\n                opacity: 0.85 !important;\r\n                font-weight: 300 !important;\r\n            }\r\n\r\n            \/* Remove excessive margins from intro texts *\/\r\n            .intro-text {\r\n                margin-left: 0 !important;\r\n                margin-right: 0 !important;\r\n            }\r\n\r\n            \/* 5. Buttons (Underlined Text Links) *\/\r\n            .btn, .cta-button {\r\n                background: transparent !important;\r\n                color: var(--text-main, #26292a) !important;\r\n                border: none !important;\r\n                border-bottom: 1px solid var(--text-main, #26292a) !important;\r\n                padding: 0 0 4px 0 !important;\r\n                margin: 0 !important;\r\n                font-size: 12px !important;\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-flex !important;\r\n                text-transform: uppercase !important;\r\n                letter-spacing: 1.5px !important;\r\n                border-radius: 0 !important;\r\n                box-shadow: none !important;\r\n                justify-content: flex-start !important;\r\n            }\r\n\r\n            \/* Restore Homepage Hero Button *\/\r\n            #hero-minimalist-final .btn-primary,\r\n            #hero-minimalist-final .btn {\r\n                padding: 10px 20px !important;\r\n                font-size: 10px !important;\r\n                font-weight: 600 !important;\r\n                flex: 0 1 auto !important;\r\n                background-color: #934d34 !important;\r\n                color: #f3f2e6 !important;\r\n                border: 1px solid #934d34 !important;\r\n                border-radius: 0 !important;\r\n                letter-spacing: 1.5px !important;\r\n                text-transform: uppercase !important;\r\n                text-align: center !important;\r\n                display: inline-flex !important;\r\n                margin: 0 auto !important;\r\n                box-shadow: none !important;\r\n                justify-content: center !important;\r\n            }\r\n            \r\n            .cta-wrapper {\r\n                text-align: left !important;\r\n                margin-top: 10px !important;\r\n                padding-bottom: 10px !important;\r\n            }\r\n\r\n            \/* 6. Image Grids (Horizontal Scroll) *\/\r\n            .collections-grid,\r\n            .blog-grid {\r\n                display: flex !important;\r\n                flex-wrap: nowrap !important;\r\n                overflow-x: auto !important;\r\n                scroll-snap-type: x mandatory !important;\r\n                gap: 16px !important;\r\n                padding-bottom: 20px !important;\r\n                margin-left: 0 !important;\r\n                margin-right: -20px !important; \/* Bleed out right edge *\/\r\n                padding-right: 40px !important; \/* Add extra padding so the last item doesn't stick to the edge *\/\r\n                width: calc(100% + 20px) !important;\r\n            }\r\n            \r\n            .collections-grid::-webkit-scrollbar,\r\n            .blog-grid::-webkit-scrollbar {\r\n                display: none !important;\r\n            }\r\n            \r\n            .collection-card,\r\n            .blog-card {\r\n                flex: 0 0 85% !important;\r\n                scroll-snap-align: start !important;\r\n                height: auto !important; \/* Allow card to adjust to content *\/\r\n            }\r\n\r\n            \/* Fix image ratios *\/\r\n            .image-wrapper, .blog-card-image {\r\n                position: relative !important;\r\n                display: block !important;\r\n                overflow: hidden !important;\r\n                border-radius: 0 !important;\r\n            }\r\n            .image-wrapper {\r\n                padding-bottom: 120% !important; \/* Elegant vertical rectangle *\/\r\n                height: 0 !important; \/* Force padding-bottom to dictate height *\/\r\n            }\r\n            .blog-card-image {\r\n                height: 250px !important;\r\n                min-height: 250px !important;\r\n                max-height: 250px !important;\r\n                width: 100% !important;\r\n                object-fit: cover !important;\r\n            }\r\n            .image-wrapper img, .collection-image, img.bg-image {\r\n                height: 100% !important;\r\n                min-height: 100% !important;\r\n                max-height: none !important;\r\n                object-fit: cover !important;\r\n                width: 100% !important;\r\n                max-width: none !important;\r\n                position: absolute !important;\r\n                top: 0 !important;\r\n                left: 0 !important;\r\n                right: 0 !important;\r\n                bottom: 0 !important;\r\n                display: block !important;\r\n                border-radius: 0 !important;\r\n            }\r\n\r\n            \/* 7. Manufacturing Section Fixes *\/\r\n            #manufacturing-section .capability-row {\r\n                flex-direction: column !important;\r\n                gap: 24px !important;\r\n                margin-bottom: 50px !important;\r\n            }\r\n            #manufacturing-section .image-col {\r\n                height: 350px !important;\r\n                width: 100% !important; \/* Remove bleed to keep 20px breathing room *\/\r\n                margin-left: 0 !important; \r\n            }\r\n            #manufacturing-section .text-col {\r\n                padding: 0 20px !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n            \r\n            \/* 8. FAQ specific *\/\r\n            .faq-question {\r\n                font-size: 16px !important;\r\n                padding: 20px !important;\r\n                align-items: center !important;\r\n            }\r\n            .faq-answer {\r\n                padding: 0 20px !important;\r\n            }\r\n                } \/* End of @media (max-width: 768px) *\/\r\n\r\n                \/* 9. Mobile Hero Centering Only *\/\r\n        @media (max-width: 768px) {\r\n\r\n        [id$=\"-hero\"] .btn-group,\r\n        #hero-minimalist-final .btn-group {\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            width: 100% !important;\r\n        }\r\n        [id$=\"-hero\"] .content-container,\r\n        #hero-minimalist-final .content-container {\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .text-content,\r\n        #hero-minimalist-final .text-content {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            margin: 0 auto !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] h1,\r\n        #hero-minimalist-final h1,\r\n        [id$=\"-hero\"] .sub-text,\r\n        #hero-minimalist-final .sub-text,\r\n        [id$=\"-hero\"] .pre-header,\r\n        #hero-minimalist-final .pre-header {\r\n            text-align: center !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .breadcrumb,\r\n        #hero-minimalist-final .breadcrumb {\r\n            justify-content: center !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .btn,\r\n        #hero-minimalist-final .btn,\r\n        [id$=\"-hero\"] .btn-primary,\r\n        #hero-minimalist-final .btn-primary {\r\n            justify-content: center !important;\r\n            margin: 0 auto !important;\r\n            display: inline-flex !important;\r\n        }\r\n    \r\n        }\r\n    <\/style>\r\n<div class=\"container\">\r\n        <h2>Frequently Asked Questions<\/h2>\r\n        \r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What is the MOQ for custom fabric orders from Fursone?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Our Minimum Order Quantity (MOQ) for custom yarn-dyed or textured fabrics typically starts from 1000 meters per color. For in-stock items in our sample library, we offer flexible minimums starting from 100 meters for sampling.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Can Fursone replicate European luxury fabrics?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. We specialize in analyzing and reproducing high-end European tweed and knit structures. We can match weight, texture, and composition while offering competitive pricing.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Does Fursone export textiles to international markets?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. Fursone is an established global textile exporter shipping to fashion brands in North America, Europe, and Asia. We comply with international testing standards (Oeko-Tex, REACH) and handle export logistics.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What is the production lead time for bulk fabric orders?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Production lead times depend on yarn availability and order volume. Standard bulk production typically takes 25-35 days after lab dip approval. Rush options are available for urgent fashion seasons.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Can I visit Fursone's mill?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. We welcome fashion designers and buyers to visit our facility to see our production lines and explore our extensive fabric library. Please contact us to schedule a factory tour.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do you offer fabric swatches for sampling?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes, we provide A4 swatches or sample yardage for designers to test hand-feel and drape. Contact our sales team to request our latest collection books.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What testing standards do your fabrics meet?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>All Fursone fabrics undergo rigorous internal testing for shrinkage, colorfastness, and pilling. We can also provide third-party test reports (SGS, Intertek) upon request to meet specific market requirements.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do you offer sustainable or eco-friendly options?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Absolutely. We offer a range of sustainable fabrics using recycled polyester (GRS certified), organic cotton, and eco-friendly dyeing processes to support sustainable fashion initiatives.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FURSONE GLOBAL MOBILE OVERRIDES (EvergoCasa Minotti Standards) -->\r\n<script>\r\n    (function() {\r\n        var section = document.getElementById('faq-section');\r\n        if (!section) return;\r\n\r\n        var faqList = section.querySelector('.faq-grid');\r\n        if (!faqList) return;\r\n\r\n        var items = section.querySelectorAll('.faq-item');\r\n\r\n        function syncFaqColumns() {\r\n            var existingColumns = faqList.querySelector('.faq-columns');\r\n\r\n            if (window.innerWidth <= 1024) {\r\n                if (existingColumns) {\r\n                    Array.from(existingColumns.querySelectorAll('.faq-item'))\r\n                        .sort(function(a, b) {\r\n                            return Number(a.dataset.faqOrder) - Number(b.dataset.faqOrder);\r\n                        })\r\n                        .forEach(function(item) {\r\n                            faqList.appendChild(item);\r\n                        });\r\n\r\n                    existingColumns.remove();\r\n                }\r\n\r\n                return;\r\n            }\r\n\r\n            var directItems = Array.from(faqList.querySelectorAll(':scope > .faq-item'));\r\n            if (!directItems.length) return;\r\n\r\n            directItems.forEach(function(item, index) {\r\n                item.dataset.faqOrder = String(index + 1);\r\n            });\r\n\r\n            var columns = document.createElement('div');\r\n            columns.className = 'faq-columns';\r\n\r\n            var leftColumn = document.createElement('div');\r\n            leftColumn.className = 'faq-column';\r\n\r\n            var rightColumn = document.createElement('div');\r\n            rightColumn.className = 'faq-column';\r\n\r\n            directItems.forEach(function(item, index) {\r\n                (index % 2 === 0 ? leftColumn : rightColumn).appendChild(item);\r\n            });\r\n\r\n            columns.appendChild(leftColumn);\r\n            columns.appendChild(rightColumn);\r\n            faqList.appendChild(columns);\r\n        }\r\n\r\n        syncFaqColumns();\r\n        window.addEventListener('resize', syncFaqColumns);\r\n\r\n        items.forEach(function(item) {\r\n            var question = item.querySelector('.faq-question');\r\n            var answer = item.querySelector('.faq-answer');\r\n            if (!question || !answer) return;\r\n\r\n            question.addEventListener('click', function() {\r\n                var isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all others\r\n                items.forEach(function(otherItem) {\r\n                    otherItem.classList.remove('active');\r\n                    var otherAnswer = otherItem.querySelector('.faq-answer');\r\n                    if(otherAnswer) otherAnswer.style.maxHeight = null;\r\n                });\r\n\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n\r\n        if (!window.IntersectionObserver) return;\r\n\r\n        var observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) {\r\n                    items.forEach(function(item, index) {\r\n                        setTimeout(function() {\r\n                            item.style.opacity = '1';\r\n                            item.style.transform = 'translateY(0)';\r\n                        }, index * 80);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        items.forEach(function(item) {\r\n            item.style.opacity = '0';\r\n            item.style.transform = 'translateY(20px)';\r\n            item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n        });\r\n\r\n        observer.observe(faqList);\r\n    })();\r\n    <\/script>\r\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Fabrikk-direkte fancy stoff innkj\u00f8p Fabrikk-direkte tweed- og strikkestoffer for motekolleksjoner Kilde signatur tweed, genserstrikk, og ferdiglagrede teksturer fra v\u00e5r Wenzhou-fabrikk. Start med 100m lager eller bygg 1000m tilpassede programmer. Start ditt prosjekt Betrodd produksjonspartner for Parisiske luksushus Uavhengige designere Global hurtigmote butikk skreddere The Fursone Fordel Oppn\u00e5 \u2026 <a title=\"Hjem\" class=\"read-more\" href=\"https:\/\/fursone.com\/nb\/\" aria-label=\"Les mer om Hjem\">Les mer<\/a><\/p>","protected":false},"author":1,"featured_media":3156,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":287,"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":3213,"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/pages\/13\/revisions\/3213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/media\/3156"}],"wp:attachment":[{"href":"https:\/\/fursone.com\/nb\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}