{"id":187,"date":"2026-07-20T07:26:00","date_gmt":"2026-07-20T07:26:00","guid":{"rendered":"https:\/\/www.atelus.it\/?page_id=187"},"modified":"2026-08-03T17:51:40","modified_gmt":"2026-08-03T15:51:40","slug":"savoir-faire","status":"publish","type":"page","link":"https:\/\/www.atelus.it\/en\/savoir-faire\/","title":{"rendered":"Savoir-Faire"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;1,200&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');\n\n\/* STRUTTURA GENERALE *\/\n.atelus-savoirfaire {\n    background-color: #060d0a;\n    color: #ffffff;\n    font-family: 'Montserrat', sans-serif;\n    box-sizing: border-box;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    overflow-x: hidden;\n}\n\n.atelus-savoirfaire h1,\n.atelus-savoirfaire h2,\n.atelus-savoirfaire h3 {\n    color: #ffffff;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.atelus-savoirfaire h1 span,\n.atelus-savoirfaire h2 span {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    text-transform: capitalize;\n    color: #ffffff;\n}\n\n.section-tag-gold {\n    display: inline-block;\n    font-size: 0.65rem;\n    text-transform: uppercase;\n    letter-spacing: 0.35em;\n    color: #c5a059;\n    margin-bottom: 15px;\n}\n\n\/* HERO SECTION *\/\n.sf-hero {\n    position: relative;\n    height: 75vh;\n    min-height: 480px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 0 20px;\n}\n\n.hero-slides {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.hero-slide {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n}\n\n.hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(6,13,10,0.4) 0%, rgba(6,13,10,0.95) 100%);\n    z-index: 1;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 750px;\n}\n\n.hero-subtitle {\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.35em;\n    color: #c5a059;\n    display: block;\n    margin-bottom: 15px;\n}\n\n.hero-content h1 {\n    font-size: clamp(2.2rem, 5vw, 3.5rem);\n    font-weight: 200;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    margin-bottom: 20px;\n    line-height: 1.15;\n}\n\n.hero-content p {\n    color: #a0a0a0;\n    font-size: 0.95rem;\n    line-height: 1.8;\n    font-weight: 300;\n}\n\n\/* SEZIONE A SCHEDE ASIMMETRICHE *\/\n.sf-staggered-section {\n    padding: 100px 8vw;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.sf-card-row {\n    display: flex;\n    align-items: center;\n    margin-bottom: 140px;\n    position: relative;\n}\n\n.sf-image-card {\n    width: 58%;\n    height: 520px;\n    border: 1px solid rgba(197, 160, 89, 0.2);\n    overflow: hidden;\n    box-shadow: 0 25px 50px rgba(0,0,0,0.7);\n    position: relative;\n    z-index: 1;\n}\n\n.sf-image-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: brightness(0.9) contrast(1.05);\n    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sf-card-row:hover .sf-image-card img {\n    transform: scale(1.05);\n}\n\n.sf-text-card {\n    width: 48%;\n    background-color: rgba(10, 17, 14, 0.92);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    padding: 65px 55px;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 2;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n}\n\n.sf-text-card h2 {\n    font-size: clamp(1.6rem, 3vw, 2.2rem);\n    font-weight: 200;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.sf-text-card p {\n    color: #9ea89c;\n    font-size: 0.88rem;\n    line-height: 1.95;\n    font-weight: 300;\n    margin: 0;\n}\n\n\/* DIREZIONALIT\u00c0 OVERLAP DESKTOP *\/\n.row-left {\n    flex-direction: row;\n}\n\n.row-left .sf-text-card {\n    margin-left: -10%;\n}\n\n.row-right {\n    flex-direction: row-reverse;\n}\n\n.row-right .sf-text-card {\n    margin-right: -10%;\n}\n\n\/* BANNER CENTRALE *\/\n.sf-full-banner {\n    margin: 80px 0 40px 0;\n    background: linear-gradient(180deg, rgba(8,17,13,0.8) 0%, rgba(6,13,10,0.95) 100%);\n    border: 1px solid rgba(197, 160, 89, 0.2);\n    padding: 90px 40px;\n    text-align: center;\n    position: relative;\n}\n\n.banner-inner {\n    max-width: 750px;\n    margin: 0 auto;\n}\n\n.banner-inner h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.4rem);\n    font-weight: 200;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    margin-bottom: 20px;\n}\n\n.banner-inner p {\n    color: #9ea89c;\n    font-size: 0.95rem;\n    line-height: 1.85;\n    font-weight: 300;\n    margin-bottom: 40px;\n}\n\n.btn-editorial-gold {\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 0.72rem;\n    text-transform: uppercase;\n    letter-spacing: 0.25em;\n    padding-bottom: 8px;\n    border-bottom: 1px solid rgba(197, 160, 89, 0.4);\n    transition: all 0.4s ease;\n}\n\n.btn-editorial-gold:hover {\n    border-bottom-color: #c5a059;\n    transform: translateX(5px);\n}\n\n.btn-editorial-gold .arrow {\n    color: #c5a059;\n    transition: transform 0.4s ease;\n}\n\n.btn-editorial-gold:hover .arrow {\n    transform: translateX(4px);\n}\n\n\/* FOOTER UNIFICATO *\/\n.atelus-footer {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n    background-color: #060d0a;\n    color: #ffffff;\n    padding: 40px 8vw 20px;\n    text-align: center;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.footer-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    padding-bottom: 12px;\n}\n\n.footer-logo {\n    color: #ffffff;\n    font-size: 1.8rem;\n    font-weight: 200;\n    letter-spacing: 0.3em;\n    margin: 0 0 2px 0;\n    text-transform: uppercase;\n}\n\n.brand-tagline {\n    color: #828C7E;\n    font-size: 0.75rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin: 0 0 10px 0;\n}\n\n.social-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 0.8rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 4px;\n    transition: color 0.3s ease;\n}\n\n.social-link:hover {\n    color: #c5a059;\n}\n\n.footer-contact-email a {\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 0.85rem;\n    letter-spacing: 0.1em;\n}\n\n.footer-bottom {\n    margin-top: 10px;\n    padding-top: 15px;\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.legal-info p {\n    margin: 2px 0;\n}\n\n.atelus-footer p,\n.vat-info {\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 0.75rem;\n    letter-spacing: 0.05em;\n}\n\n.legal-links {\n    margin-top: 8px;\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n}\n\n.legal-links a {\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 0.75rem;\n}\n\n\/* RESPONSIVE BREAKPOINTS (MEDIA QUERIES) *\/\n@media (max-width: 992px) {\n    .sf-staggered-section {\n        padding: 60px 5vw;\n    }\n\n    .sf-card-row {\n        flex-direction: column !important;\n        margin-bottom: 80px;\n    }\n\n    .sf-image-card {\n        width: 100% !important;\n        height: 380px;\n    }\n\n    .sf-text-card {\n        width: 100% !important;\n        margin: -40px 0 0 0 !important;\n        padding: 40px 30px;\n    }\n}\n\n@media (max-width: 576px) {\n    .sf-hero {\n        height: 65vh;\n    }\n\n    .sf-image-card {\n        height: 280px;\n    }\n\n    .sf-text-card {\n        padding: 30px 20px;\n    }\n\n    .sf-full-banner {\n        padding: 60px 20px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. SCORRIMENTO FLUIDO PER LINK INTERNI (SMOOTH SCROLL)\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            const href = this.getAttribute('href');\n            if (href && href !== '#') {\n                e.preventDefault();\n                const target = document.querySelector(href);\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            }\n        });\n    });\n\n});\n<\/script>\n\n<main class=\"atelus-savoirfaire\">\n    \n    <!-- HERO SECTION -->\n    <section class=\"sf-hero\">\n        <!-- IMMAGINE DI SFONDO HERO -->\n        <div class=\"hero-slides\">\n            <div class=\"hero-slide active\" style=\"background-image: url('https:\/\/www.atelus.it\/wp-content\/uploads\/2026\/08\/foto-principale-1.webp');\"><\/div>\n        <\/div>\n\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <span class=\"hero-subtitle\">Eccellenza Artigiana<\/span>\n            <h1>Savoir <span>Faire<\/span><\/h1>\n            <p>Dove la materia incontra il gesto artigianale: un percorso fatto di ricerca, precisione e attenzione ai dettagli.<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- SEZIONE A SCHEDE ASIMMETRICHE OVERLAPPING -->\n    <section class=\"sf-staggered-section\">\n        \n        <!-- RIGA 1: Immagine Sinistra \/ Testo Destra (IL LABORATORIO) -->\n        <article class=\"sf-card-row row-left\">\n            <div class=\"sf-image-card\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.atelus.it\/wp-content\/uploads\/2026\/08\/il-laboratorio.webp\" alt=\"Il Laboratorio Atelus\" loading=\"lazy\" width=\"800\" height=\"600\" title=\"Savoir-Faire\">\n            <\/div>\n            <div class=\"sf-text-card\">\n                <span class=\"section-tag-gold\">Artigianato<\/span>\n                <h2>IL <span>LABORATORIO<\/span><\/h2>\n                <p>Tutto \u00e8 iniziato in un piccolo laboratorio orafo. Strumenti semplici, mani esperte ed attenzione ai dettagli erano l&#8217;unico modo per creare gioielli di qualit\u00e0. Ogni pezzo veniva realizzato con precisione, seguendo metodi che ancora oggi guidano il nostro lavoro.<\/p>\n            <\/div>\n        <\/article>\n\n        <!-- RIGA 2: Testo Sinistra \/ Immagine Destra (LUSSO SOSTENIBILE) -->\n        <article class=\"sf-card-row row-right\">\n            <div class=\"sf-image-card\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.atelus.it\/wp-content\/uploads\/2026\/08\/lusso-sostenibile.webp\" alt=\"Lusso Sostenibile Atelus\" loading=\"lazy\" width=\"800\" height=\"600\" title=\"Savoir-Faire\">\n            <\/div>\n            <div class=\"sf-text-card\">\n                <span class=\"section-tag-gold\">Etica &amp; Valori<\/span>\n                <h2>LUSSO <span>Sostenibile<\/span><\/h2>\n                <p>Per noi, lusso significa rispetto: per i materiali, per il tempo e per il talento. Ogni collezione nasce con cura ed in tiratura limitata, garantendo un lusso consapevole, unico e prezioso, dove qualit\u00e0 e responsabilit\u00e0 vanno di pari passo.<\/p>\n            <\/div>\n        <\/article>\n\n        <!-- RIGA 3: Immagine Sinistra \/ Testo Destra (INNOVATIVO) -->\n        <article class=\"sf-card-row row-left\">\n            <div class=\"sf-image-card\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.atelus.it\/wp-content\/uploads\/2026\/08\/visione-innovativa.webp\" alt=\"Innovativo Atelus\" loading=\"lazy\" width=\"800\" height=\"600\" title=\"Savoir-Faire\">\n            <\/div>\n            <div class=\"sf-text-card\">\n                <span class=\"section-tag-gold\">Visione<\/span>\n                <h2>Innovativo<\/h2>\n                <p>La tradizione dei nostri maestri si fonde con una visione contemporanea. L&#8217;esperienza e la creativit\u00e0 danno vita a gioielli dalle forme raffinate ed inattese, ridefinendo il concetto di lusso silenzioso: elegante, distintivo, senza ostentazione.<\/p>\n            <\/div>\n        <\/article>\n\n    <\/section>\n\n    <!-- BANNER CENTRALE \"OLTRE GLI SCHEMI\" -->\n    <section class=\"sf-full-banner\">\n        <div class=\"banner-inner\">\n            <h2>OLTRE <span>GLI Schemi<\/span><\/h2>\n            <p>La nostra visione del lusso celebra l&#8217;unicit\u00e0 di chi lo indossa. \nOgni creazione Bespoke nasce da un confronto personale, dove idee, materiali e proporzioni si incontrano per dare forma ad un pezzo unico.\n<\/p>\n            <a href=\"https:\/\/atelus.it\/bespoke\/\" class=\"btn-editorial-gold\" title=\"Richiedi un appuntamento per il servizio bespoke\">\n                <span>Inizia Il Tuo Percorso Bespoke<\/span>\n                <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/main>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eccellenza Artigiana Savoir Faire Dove la materia incontra il gesto artigianale: un percorso fatto di ricerca, precisione e attenzione ai dettagli. Artigianato IL LABORATORIO Tutto \u00e8 iniziato in un piccolo laboratorio orafo. Strumenti semplici, mani esperte ed attenzione ai dettagli erano l&#8217;unico modo per creare gioielli di qualit\u00e0. Ogni pezzo veniva realizzato con precisione, seguendo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"spectra_gs_classes":"[\"\"]","footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"Desk ng","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/fa1b349cff7ec4bd3bbb8368e9d12b5233ec73c170bb42c8a67038ff220fbabf?s=96&d=mm&r=g","author_link":"https:\/\/www.atelus.it\/en\/author\/desk\/","description":""},"_links":{"self":[{"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":14,"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":1469,"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/1469"}],"wp:attachment":[{"href":"https:\/\/www.atelus.it\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}