{"id":105,"date":"2020-07-15T14:52:06","date_gmt":"2020-07-15T14:52:06","guid":{"rendered":"http:\/\/www.nuovigioielli.int\/?page_id=105"},"modified":"2025-12-18T18:24:07","modified_gmt":"2025-12-18T17:24:07","slug":"105-2","status":"publish","type":"page","link":"https:\/\/www.nuovigioielli.com\/en\/105-2\/","title":{"rendered":"Design and Technology"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Design &#038; Technology &#8211; Nuovi Gioielli<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&#038;family=Work+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* ============================================\n           CSS VARIABLES - CUSTOMIZE COLORS HERE\n           ============================================ *\/\n        :root {\n            \/* Main Colors *\/\n            --primary-gold: #d4af37;\n            --primary-dark: #1a1a2e;\n            --primary-light: #f5f5f0;\n            \n            \/* Accent Colors *\/\n            --accent-blue: #2e5266;\n            --accent-bronze: #cd7f32;\n            --accent-silver: #c0c0c0;\n            \n            \/* Backgrounds *\/\n            --bg-dark: #0f0f1e;\n            --bg-medium: #2a2a3e;\n            --bg-light: #ffffff;\n            --bg-cream: #faf8f3;\n            \n            \/* Text *\/\n            --text-primary: #1a1a2e;\n            --text-secondary: #5a5a6e;\n            --text-light: #ffffff;\n            --text-muted: #9a9aae;\n            \n            \/* Gradients *\/\n            --gradient-gold: linear-gradient(135deg, #d4af37 0%, #cd7f32 100%);\n            --gradient-dark: linear-gradient(135deg, #0f0f1e 0%, #2a2a3e 100%);\n            --gradient-overlay: linear-gradient(180deg, rgba(15,15,30,0) 0%, rgba(15,15,30,0.8) 100%);\n            \n            \/* Fonts *\/\n            --font-heading: 'Cormorant Garamond', serif;\n            --font-body: 'Work Sans', sans-serif;\n        }\n        \/* ============================================\n           RESET AND BASE\n           ============================================ *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: var(--font-body);\n            color: var(--text-primary);\n            background-color: var(--bg-cream);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n        \/* ============================================\n           HERO SECTION WITH BACKGROUND VIDEO\n           Edit here: title, subtitle, statistics\n           To change video: modify src in <video>\n           ============================================ *\/\n        .hero {\n            position: relative;\n            height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--gradient-dark);\n            overflow: hidden;\n        }\n        \/* Hero Background Video *\/\n       .hero-video-bg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 100vh;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n    opacity: 0.3;\n    z-index: 1;\n}\n.hero-video-bg iframe {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 56.25vw;\n    min-height: 100vh;\n    min-width: 177.77vh;\n    transform: translate(-50%, -50%);\n}\n        \/* Animated Grid Hero *\/\n        .hero-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.1;\n            background-image: \n                repeating-linear-gradient(0deg, transparent, transparent 2px, var(--primary-gold) 2px, var(--primary-gold) 3px),\n                repeating-linear-gradient(90deg, transparent, transparent 2px, var(--primary-gold) 2px, var(--primary-gold) 3px);\n            background-size: 50px 50px;\n            animation: gridMove 20s linear infinite;\n            z-index: 2;\n        }\n        @keyframes gridMove {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(50px, 50px); }\n        }\n        .hero-content {\n            position: relative;\n            z-index: 3;\n            text-align: center;\n            padding: 2rem;\n            max-width: 1200px;\n        }\n        .hero-subtitle {\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            color: var(--primary-gold);\n            margin-bottom: 1rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.3s;\n        }\n        .hero-title {\n            font-family: var(--font-heading);\n            font-size: clamp(3rem, 8vw, 6rem);\n            font-weight: 700;\n            color: var(--text-light);\n            margin-bottom: 1.5rem;\n            line-height: 1.1;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.6s;\n        }\n        .hero-description {\n            font-size: 1.2rem;\n            color: var(--text-muted);\n            max-width: 700px;\n            margin: 0 auto 2rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 0.9s;\n        }\n        .hero-stats {\n            display: flex;\n            justify-content: center;\n            gap: 4rem;\n            flex-wrap: wrap;\n            margin-top: 3rem;\n            opacity: 0;\n            animation: fadeInUp 1s ease forwards 1.2s;\n        }\n        .stat-item {\n            text-align: center;\n        }\n        .stat-number {\n            font-family: var(--font-heading);\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--primary-gold);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n        .stat-label {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \/* ============================================\n           COMMON ELEMENTS FOR ALL SECTIONS\n           ============================================ *\/\n        .section {\n            padding: 6rem 2rem;\n            position: relative;\n        }\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        .section-header {\n            text-align: center;\n            margin-bottom: 4rem;\n        }\n        .section-subtitle {\n            font-size: 0.9rem;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: var(--primary-gold);\n            margin-bottom: 1rem;\n            font-weight: 500;\n        }\n        .section-title {\n            font-family: var(--font-heading);\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 700;\n            color: var(--text-primary);\n            margin-bottom: 1.5rem;\n        }\n        .section-description {\n            font-size: 1.1rem;\n            color: var(--text-secondary);\n            max-width: 700px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n        .decorative-line {\n            width: 60px;\n            height: 3px;\n            background: var(--gradient-gold);\n            margin: 2rem auto;\n        }\n        \/* ============================================\n           SECTION 1: OUR STORY (1985)\n           Edit here: year, text, image\n           ============================================ *\/\n        .story-section {\n            background: var(--bg-light);\n        }\n        .story-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            margin-top: 3rem;\n        }\n        .story-image {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            box-shadow: 20px 20px 0 var(--primary-gold);\n        }\n        .story-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.6s ease;\n        }\n        .story-image:hover img {\n            transform: scale(1.05);\n        }\n        .story-text {\n            padding: 2rem;\n        }\n        .story-text p {\n            margin-bottom: 1.5rem;\n            color: var(--text-secondary);\n            font-size: 1.05rem;\n            line-height: 1.8;\n        }\n        .story-year {\n            font-family: var(--font-heading);\n            font-size: 5rem;\n            font-weight: 700;\n            color: var(--primary-gold);\n            opacity: 0.2;\n            line-height: 1;\n            margin-bottom: 1rem;\n        }\n        \/* ============================================\n           SECTION 2: STRENGTHS\n           Edit here: icons, titles, descriptions\n           ============================================ *\/\n        .strengths-section {\n            background: var(--bg-dark);\n            color: var(--text-light);\n        }\n        .strengths-section .section-title,\n        .strengths-section .section-subtitle {\n            color: var(--text-light);\n        }\n        .strengths-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n        .strength-card {\n            background: var(--bg-medium);\n            padding: 2.5rem;\n            border-radius: 8px;\n            border-left: 4px solid var(--primary-gold);\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        .strength-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: var(--gradient-gold);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n        .strength-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);\n        }\n        .strength-card:hover::before {\n            opacity: 0.1;\n        }\n        .strength-icon {\n            font-size: 2.5rem;\n            color: var(--primary-gold);\n            margin-bottom: 1.5rem;\n            display: block;\n            position: relative;\n            z-index: 1;\n        }\n        .strength-title {\n            font-family: var(--font-heading);\n            font-size: 1.5rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            color: var(--text-light);\n            position: relative;\n            z-index: 1;\n        }\n        .strength-description {\n            color: var(--text-muted);\n            line-height: 1.7;\n            font-size: 0.95rem;\n            position: relative;\n            z-index: 1;\n        }\n        \/* ============================================\n           SECTION 3: ADVANCED TECHNOLOGIES\n           Includes 3 sub-sections:\n           - Laser Metal Fusion (with image)\n           - 5-Axis CNC (with VIDEO)\n           - Complete Service (with image)\n           ============================================ *\/\n        .tech-section {\n            background: var(--bg-cream);\n        }\n        .tech-showcase {\n            display: grid;\n            gap: 3rem;\n            margin-top: 3rem;\n        }\n        .tech-item {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n            background: var(--bg-light);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\n        }\n        .tech-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n        }\n        .tech-item:nth-child(even) {\n            direction: rtl;\n        }\n        .tech-item:nth-child(even) .tech-content {\n            direction: ltr;\n        }\n        \/* Container for Images *\/\n        .tech-image {\n            height: 400px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .tech-image::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: var(--gradient-overlay);\n        }\n        \/* Container for VIDEO in CNC section *\/\n        .tech-video {\n            height: 400px;\n            position: relative;\n            overflow: hidden;\n            background: #000;\n        }\n        .tech-video video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .tech-video::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: var(--gradient-overlay);\n            pointer-events: none;\n        }\n        .tech-content {\n            padding: 3rem;\n        }\n        .tech-label {\n            display: inline-block;\n            padding: 0.5rem 1rem;\n            background: var(--gradient-gold);\n            color: var(--text-light);\n            font-size: 0.75rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            font-weight: 600;\n            border-radius: 20px;\n            margin-bottom: 1.5rem;\n        }\n        .tech-title {\n            font-family: var(--font-heading);\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: var(--text-primary);\n        }\n        .tech-description {\n            color: var(--text-secondary);\n            line-height: 1.8;\n            margin-bottom: 1.5rem;\n        }\n        .tech-features {\n            list-style: none;\n            padding: 0;\n        }\n        .tech-features li {\n            padding: 0.75rem 0;\n            padding-left: 2rem;\n            position: relative;\n            color: var(--text-secondary);\n        }\n        .tech-features li::before {\n            content: '\u2192';\n            position: absolute;\n            left: 0;\n            color: var(--primary-gold);\n            font-weight: bold;\n        }\n        \/* ============================================\n           SECTION 4: MANUFACTURING & PRODUCTION (TABLE)\n           Edit here: lists of manufacturing processes\n           ============================================ *\/\n        .process-table {\n            background: var(--bg-light);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            margin-top: 3rem;\n        }\n        .process-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n        }\n        .process-row:last-child {\n            border-bottom: none;\n        }\n        .process-cell {\n            padding: 2rem;\n        }\n        .process-cell:first-child {\n            background: linear-gradient(135deg, var(--bg-medium) 0%, var(--primary-dark) 100%);\n            color: var(--text-light);\n            border-right: 2px solid var(--primary-gold);\n        }\n        .process-heading {\n            font-family: var(--font-heading);\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--primary-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n        .process-list {\n            list-style: none;\n            padding: 0;\n            font-size: 0.95rem;\n            line-height: 2;\n        }\n        .process-list li {\n            padding: 0.5rem 0;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n        .process-list li::before {\n            content: '\u25c6';\n            position: absolute;\n            left: 0;\n            color: var(--primary-gold);\n            font-size: 0.7rem;\n        }\n        \/* ============================================\n           SECTION 5: GALLERY CREATIONS\n           Edit here: gallery images\n           ============================================ *\/\n        .gallery-section {\n            background: var(--bg-dark);\n            padding: 6rem 0;\n        }\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            padding: 0 2rem;\n        }\n        .gallery-item {\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            height: 300px;\n            cursor: pointer;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n            transition: transform 0.4s ease;\n        }\n        .gallery-item:hover {\n            transform: scale(1.05);\n        }\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n        .gallery-item:hover img {\n            transform: scale(1.1);\n        }\n        .gallery-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 1.5rem;\n            background: var(--gradient-overlay);\n            color: var(--text-light);\n            transform: translateY(100%);\n            transition: transform 0.4s ease;\n        }\n        .gallery-item:hover .gallery-overlay {\n            transform: translateY(0);\n        }\n        .gallery-title {\n            font-family: var(--font-heading);\n            font-size: 1.3rem;\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n        }\n        \/* ============================================\n           SECTION 6: CLEANFLOW\n           Edit here: CleanFlow text and image\n           ============================================ *\/\n        .cleanflow-section {\n            background: var(--bg-cream);\n        }\n        .cta-button {\n            display: inline-block;\n            padding: 1rem 2.5rem;\n            background: var(--gradient-gold);\n            color: var(--text-light);\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            transition: all 0.4s ease;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n        }\n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n        }\n       \n        \/* ============================================\n           SCROLL ANIMATIONS\n           ============================================ *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s ease;\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \/* ============================================\n           RESPONSIVE - MOBILE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .story-grid,\n            .tech-item,\n            .process-row {\n                grid-template-columns: 1fr;\n            }\n            .tech-item:nth-child(even) {\n                direction: ltr;\n            }\n            .story-image {\n                box-shadow: 10px 10px 0 var(--primary-gold);\n            }\n            .hero-stats {\n                gap: 2rem;\n            }\n            .section {\n                padding: 4rem 1.5rem;\n            }\n        }\n        @media (max-width: 640px) {\n            .hero {\n                height: 100vh;\n            }\n            .hero-stats {\n                flex-direction: column;\n                gap: 2rem;\n            }\n            .strengths-grid {\n                grid-template-columns: 1fr;\n            }\n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- ============================================\n         HERO SECTION WITH BACKGROUND VIDEO\n         ============================================ -->\n   <section class=\"hero\">\n    <!-- YOUTUBE BACKGROUND VIDEO -->\n    <div class=\"hero-video-bg\">\n        <iframe \n            src=\"https:\/\/www.youtube.com\/embed\/u3SvMqdlm8I?autoplay=1&#038;mute=1&#038;loop=1&#038;playlist=u3SvMqdlm8I&#038;controls=0&#038;showinfo=0&#038;rel=0&#038;modestbranding=1&#038;playsinline=1\"\n            frameborder=\"0\"\n            allow=\"autoplay; encrypted-media\"\n            allowfullscreen>\n        <\/iframe>\n    <\/div>\n        \n        <div class=\"hero-bg\"><\/div>\n        <div class=\"hero-content\">\n            <div class=\"hero-subtitle\">Since 1985<\/div>\n            <h1 class=\"hero-title\">Design<br>&#038; Technology<\/h1>\n            <p class=\"hero-description\">\n                Where Italian craftsmanship meets technological innovation. \n                A perfect synthesis between tradition and future.\n            <\/p>\n           \n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 1: OUR STORY (1985)\n         ============================================ -->\n    <section class=\"section story-section\">\n        <div class=\"container\">\n            <div class=\"story-grid\">\n                <!-- STORY IMAGE - Change src to modify it -->\n                <div class=\"story-image\">\n                    <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/incastonatura-precisione.jpg?w=800&#038;h=1000&#038;fit=crop\" alt=\"Goldsmith craftsmanship\">\n                <\/div>\n                \n                <!-- STORY TEXT - Edit contents here -->\n                <div class=\"story-text\">\n                    <div class=\"story-year\">1985<\/div>\n                    <h2 class=\"section-title\" style=\"text-align: left; font-size: 2.5rem;\">Our Story<\/h2>\n                    <div class=\"decorative-line\" style=\"margin-left: 0;\"><\/div>\n                    <p>\n                        <strong>Nuovi Gioielli<\/strong> was founded in 1985, when we chose to put our knowledge and passion into a dream. After 35 years, our dream continues to be a reality in a perfect combination of tradition and innovation, research and development.\n                    <\/p>\n                    <p>\n                        Our method is based on the continuous search for new ideas, on updating our proprietary technologies and on their possible new applications.\n                    <\/p>\n                    <p>\n                        Innovation is a value of primary importance, the starting point for developing every new solution and the goal to be achieved in every new challenge.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 2: OUR STRENGTHS\n         ============================================ -->\n    <section class=\"section strengths-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-subtitle\">Excellence<\/div>\n                <h2 class=\"section-title\">Our Strengths<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n            \n            <!-- STRENGTHS GRID - Edit the cards -->\n            <div class=\"strengths-grid reveal\">\n                <!-- Card 1 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u26a1<\/span>\n                    <h3 class=\"strength-title\">Flexibility<\/h3>\n                    <p class=\"strength-description\">\n                        A fundamental requirement to avoid being trapped in the economic and systemic complexity that companies are often involved in.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 2 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u2713<\/span>\n                    <h3 class=\"strength-title\">Feasibility<\/h3>\n                    <p class=\"strength-description\">\n                        The project must be achievable because having an idea is not enough, it must be concretely feasible.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 3 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u21bb<\/span>\n                    <h3 class=\"strength-title\">Reaction to Change<\/h3>\n                    <p class=\"strength-description\">\n                        It&#8217;s not the strongest or most intelligent individual who survives, but the one who best adapts to change.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 4 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u25c8<\/span>\n                    <h3 class=\"strength-title\">Curiosity<\/h3>\n                    <p class=\"strength-description\">\n                        We are guided by a dream. The ambition to realize it is the energy that allows us to overcome obstacles and difficulties. Breaking the rules means defining your own.\n                    <\/p>\n                <\/div>\n                \n                <!-- Card 5 -->\n                <div class=\"strength-card\">\n                    <span class=\"strength-icon\">\u2605<\/span>\n                    <h3 class=\"strength-title\">Valuing Customers<\/h3>\n                    <p class=\"strength-description\">\n                        Only customers can judge quality. Satisfaction is guaranteed not only by product quality but also by the assistance provided throughout the entire process.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 3: ADVANCED TECHNOLOGIES\n         Includes 3 main technologies\n         ============================================ -->\n    <section class=\"section tech-section\">\n        <div class=\"container\">\n            <!-- SECTION HEADER -->\n            <div class=\"section-header reveal\">\n                <div class=\"section-subtitle\">Innovation<\/div>\n                <h2 class=\"section-title\">Advanced Technologies<\/h2>\n                <div class=\"decorative-line\"><\/div>\n                <p class=\"section-description\">\n                    We combine traditional craftsmanship with the most advanced production technologies to create unique and highest quality jewelry.\n                <\/p>\n            <\/div>\n            <div class=\"tech-showcase\">\n                \n                <!-- TECHNOLOGY 1: LASER METAL FUSION (with image) -->\n                <div class=\"tech-item reveal\">\n                    <!-- IMAGE - Edit style=\"background-image\" -->\n                    <div class=\"tech-image\" style=\"background-image: url('https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/laser-metal-fusion.jpg?w=800&#038;h=600&#038;fit=crop');\"><\/div>\n                    \n                    <!-- TEXT CONTENT -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Additive Manufacturing<\/span>\n                        <h3 class=\"tech-title\">Laser Metal Fusion<\/h3>\n                        <p class=\"tech-description\">\n                            Metal 3D printing represents the field of additive manufacturing with the greatest development potential. A high-intensity laser selectively melts metal powders creating three-dimensional metal objects with extraordinary precision.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Ability to create complex geometries impossible with traditional methods<\/li>\n                            <li>Use of noble metals: gold, platinum, bronze, steel<\/li>\n                            <li>Creativity without technical production limits<\/li>\n                            <li>Fusion between aesthetics and mechanical technique<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <!-- TECHNOLOGY 2: 5-AXIS CNC (with VIDEO) -->\n                <div class=\"tech-item reveal\">\n                    <!-- CNC VIDEO - Replace src with your video -->\n                    <div class=\"tech-video\">\n                        <video autoplay muted loop playsinline controls>\n                            <source src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/CNC_1.mp4\" type=\"video\/mp4\">\n                            <!-- Fallback: if video doesn't work, show an image -->\n                            <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/CNC_1.mp4?w=800&#038;h=600&#038;fit=crop\" alt=\"5-Axis CNC\">\n                        <\/video>\n                    <\/div>\n                    \n                    <!-- TEXT CONTENT -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Precision Technology<\/span>\n                        <h3 class=\"tech-title\">5-Axis CNC<\/h3>\n                        <p class=\"tech-description\">\n                            5-axis CNC machines allow extremely high precision machining by combining the rotation of the tool head with the rotation of the component along the other 3 axes.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Drastic reduction in machining times<\/li>\n                            <li>Consistent quality and precision of components<\/li>\n                            <li>Creation of complex surfaces and sharp angle geometries<\/li>\n                            <li>Stable production efficiency in multiple productions<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <!-- TECHNOLOGY 3: COMPLETE SERVICE (with image) -->\n                <div class=\"tech-item reveal\">\n                    <!-- IMAGE - Edit style=\"background-image\" -->\n                    <div class=\"tech-image\" style=\"background-image: url('https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/service-completo.jpg?w=800&#038;h=600&#038;fit=crop');\"><\/div>\n                    \n                    <!-- TEXT CONTENT -->\n                    <div class=\"tech-content\">\n                        <span class=\"tech-label\">Professional Service<\/span>\n                        <h3 class=\"tech-title\">Complete Service<\/h3>\n                        <p class=\"tech-description\">\n                            Our team&#8217;s skills are continuously updated thanks to the multiplicity of sectors we operate in: from eyewear to watchmaking, from jewelry to design.\n                        <\/p>\n                        <ul class=\"tech-features\">\n                            <li>Professional CAD design and 3D modeling<\/li>\n                            <li>Rapid prototyping in wax, resin, plastic and metal<\/li>\n                            <li>Production of hot and cold rubber molds<\/li>\n                            <li>Laser processing for marking, engraving and micro cuts<\/li>\n                            <li>Dedicated pre and post-sales service<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 4: MANUFACTURING & PRODUCTION\n         ============================================ -->\n    <section class=\"section\" style=\"background: var(--bg-light);\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-subtitle\">Expertise<\/div>\n                <h2 class=\"section-title\">Manufacturing &#038; Production<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n            <!-- MANUFACTURING TABLE - Edit the lists here -->\n            <div class=\"process-table reveal\">\n                <!-- Row 1: Manufacturing | Production -->\n                <div class=\"process-row\">\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Manufacturing<\/h3>\n                        <ul class=\"process-list\">\n                            <li>Microcasting<\/li>\n                            <li>Hollow tube processing<\/li>\n                            <li>Coining &#8211; Stamping<\/li>\n                            <li>Stone setting<\/li>\n                            <li>CNC machining<\/li>\n                            <li>Laser cutting<\/li>\n                            <li>In-house design and 3D graphics<\/li>\n                            <li>Prototyping<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Production<\/h3>\n                        <ul class=\"process-list\">\n                            <li>Microcasting<\/li>\n                            <li>5-axis CNC<\/li>\n                            <li>Laser for 2D and 3D cutting and engraving<\/li>\n                            <li>Laser for welding<\/li>\n                            <li>3D printers<\/li>\n                            <li>Presses for stamping and coining<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Row 2: Prototyping | Made in Italy -->\n                <div class=\"process-row\">\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\">Prototyping<\/h3>\n                        <ul class=\"process-list\">\n                            <li>3D Printer DLP<\/li>\n                            <li>3D Printer Laser Melting<\/li>\n                            <li>3D Printer Stereolithography<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"process-cell\">\n                        <h3 class=\"process-heading\" style=\"color: var(--primary-gold);\">Made in Italy<\/h3>\n                        <p style=\"color: var(--text-secondary); padding: 1rem 0; line-height: 1.8;\">\n                            Not forgetting our decades of Italian craftsmanship experience, \n                            where each piece is made with passion, care and dedication by master goldsmiths \n                            who pass down centuries-old techniques.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 5: GALLERY CREATIONS\n         ============================================ -->\n    <section class=\"gallery-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-subtitle\" style=\"color: var(--primary-gold);\">Portfolio<\/div>\n                <h2 class=\"section-title\" style=\"color: var(--text-light);\">Main Manufacturing Processes<\/h2>\n                <div class=\"decorative-line\"><\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- GALLERY GRID - Edit image src -->\n        <div class=\"gallery-grid reveal\">\n            <!-- Image 1 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/finiture-artigianali.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Artisan Manufacturing\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Artisan Manufacturing<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image 2 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/lavorazione-cnc.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"5-Axis CNC\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">5-Axis CNC<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image 3 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/design-3d.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"3D Design\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">3D Design<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image 4 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/prototipazione-rapida.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Rapid Prototyping\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Rapid Prototyping<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image 5 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/tecnologia-laser.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Laser Technology\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Laser Technology<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image 6 -->\n            <div class=\"gallery-item\">\n                <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2025\/12\/incastonatura-precisione.jpg?w=600&#038;h=600&#038;fit=crop\" alt=\"Stone Setting\">\n                <div class=\"gallery-overlay\">\n                    <div class=\"gallery-title\">Stone Setting<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- ============================================\n         SECTION 6: CLEANFLOW\n         ============================================ -->\n    <section class=\"section cleanflow-section\">\n        <div class=\"container\">\n            <div class=\"story-grid reveal\">\n                <!-- CLEANFLOW TEXT -->\n                <div class=\"story-text\">\n                    <span class=\"tech-label\">Innovation<\/span>\n                    <h2 class=\"section-title\" style=\"text-align: left; font-size: 2.5rem;\">The CLEANFLOW Idea<\/h2>\n                    <div class=\"decorative-line\" style=\"margin-left: 0;\"><\/div>\n                    <p>\n                        CLEANFLOW is a kit that supports the process of preparing cylinders for microcasting. It was designed to improve the burning and release phase of the material during cylinder burnout.\n                    <\/p>\n                    <p>\n                        The principle on which it is based significantly reduces problems due to residual slag inside the cylinder and combustion gas bubbles that struggle to find a way out with the traditional system.\n                    <\/p>\n                    <a href=\"https:\/\/www.nuovigioielli.com\/cleanflow\/\" class=\"cta-button\">Learn More<\/a>\n                <\/div>\n                \n                <!-- CLEANFLOW IMAGE - Edit src -->\n                <div class=\"story-image\">\n                    <img src=\"https:\/\/www.nuovigioielli.com\/wp-content\/uploads\/2020\/11\/KitCleanFlow-2.png?w=800&#038;h=800&#038;fit=crop\" alt=\"CleanFlow\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n  \n    <!-- ============================================\n         JAVASCRIPT\n         ============================================ -->\n    <script>\n        \/\/ Scroll Reveal Animation\n        const revealElements = document.querySelectorAll('.reveal');\n        \n        const revealOnScroll = () => {\n            const windowHeight = window.innerHeight;\n            \n            revealElements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                const revealPoint = 150;\n                \n                if (elementTop < windowHeight - revealPoint) {\n                    element.classList.add('active');\n                }\n            });\n        };\n        \n        window.addEventListener('scroll', revealOnScroll);\n        revealOnScroll(); \/\/ Initial check\n        \/\/ Smooth Scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n        \/\/ Parallax Effect for Hero\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            const hero = document.querySelector('.hero-content');\n            if (hero) {\n                hero.style.transform = `translateY(${scrolled * 0.5}px)`;\n                hero.style.opacity = 1 - (scrolled * 0.002);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Design &#038; Technology &#8211; Nuovi Gioielli Since 1985 Design&#038; Technology Where Italian craftsmanship meets technological innovation. A perfect synthesis between tradition and future. 1985 Our Story Nuovi Gioielli was founded in 1985, when we chose to put our knowledge and passion into a dream. After 35 years, our dream continues to be a reality in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/105"}],"collection":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":54,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":7970,"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/pages\/105\/revisions\/7970"}],"wp:attachment":[{"href":"https:\/\/www.nuovigioielli.com\/en\/wp-json\/wp\/v2\/media?parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}