<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scarletti Lab — Fragrance Specialty House</title>
    <meta name="description" content="Scarletti Lab è una Fragrance Specialty House. Sviluppiamo e produciamo fragranze secondo il protocollo Specialty Perfume: formulazione tecnica, materie prime e composizione sono dichiarate e verificabili.">
    <meta name="keywords" content="laboratorio profumeria, specialty perfume, sviluppo fragranze, produzione profumi, formulazione, private label, GC-MS, materie prime profumeria">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Scarletti Lab">
    <meta name="theme-color" content="#18140f">

    <meta property="og:title" content="Scarletti Lab — Fragrance Specialty House">
    <meta property="og:description" content="Fragrance Specialty House. Sviluppo, formulazione e produzione di fragranze secondo il protocollo Specialty Perfume.">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="it_IT">
    <link rel="preload" href="fonts/fraunces-300-600-normal-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="fonts/inter-300-600-normal-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preconnect" href="https://hdvzeiinacwszykbvnln.supabase.co" crossorigin>
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="stylesheet" href="fonts.css">
    <link rel="stylesheet" href="style.css?v=5">
</head>
<body>

    <a class="skip-link" href="#main">Salta al contenuto</a>

    <header class="site-header site-header-hero" id="siteHeader" data-variant="hero">
        <div class="container header-container">
            <a href="index.html" class="brand" aria-label="Scarletti Lab — Home">
                <span class="brand-serif">Scarletti</span>
                <span class="brand-sans">Lab</span>
            </a>
            <nav class="site-nav" aria-label="Navigazione principale">
                <ul>
                    <li><a href="standard.html">Specialty Standard</a></li>
                    <li><a href="servizi.html">Servizi</a></li>
                    <li><a href="materie-prime.html">Materie Prime</a></li>
                    <li><a href="chi-siamo.html">Chi siamo</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="contatti.html" class="nav-cta">Contatti</a></li>
                </ul>
            </nav>
            <button class="nav-toggle" aria-label="Apri menu" aria-expanded="false" aria-controls="mobileNav">
                <span></span><span></span>
            </button>
        </div>
        <nav class="mobile-nav" id="mobileNav" aria-label="Navigazione mobile">
            <ul>
                <li><a href="standard.html">Specialty Standard</a></li>
                <li><a href="servizi.html">Servizi</a></li>
                <li><a href="materie-prime.html">Materie Prime</a></li>
                <li><a href="chi-siamo.html">Chi siamo</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contatti.html">Contatti</a></li>
            </ul>
            <div class="mobile-contact">
                <span>lab@scarlettilab.com</span>
            </div>
        </nav>
    </header>

    <main id="main">

        <!-- ============================================================
             HERO
        ============================================================ -->
        <section class="hero" id="top" aria-labelledby="heroTitle">
            <div class="hero-media" aria-hidden="true">
                <video class="hero-video" autoplay muted loop playsinline preload="auto"
                    poster="img/hero-poster.webp">
                    <source src="video/hero.mp4" type="video/mp4">
                </video>
                <div class="hero-overlay"></div>
                <div class="hero-vignette" aria-hidden="true"></div>
            </div>

            <div class="container hero-container">

                <h1 id="heroTitle" class="hero-title">
                    Fragrance <em>Specialty</em> House.
                </h1>

                <p class="hero-lead">
                    Sviluppiamo e produciamo fragranze secondo il protocollo <em>Specialty Perfume</em>. Formulazione tecnica, materie prime e composizione sono <em>dichiarate e verificabili</em>.
                </p>

                <div class="hero-actions">
                    <a href="contatti.html" class="btn btn-light">Parliamo del tuo progetto</a>
                    <a href="standard.html" class="btn btn-outline-light">Scopri il nostro protocollo</a>
                </div>

            </div>

            <div class="hero-scroll-wrap" aria-hidden="true">
                <div class="container">
                    <div class="hero-scroll">
                        <span>Scorri</span>
                        <span class="scroll-line"></span>
                    </div>
                </div>
            </div>
        </section>

        <!-- ============================================================
             INTRO
        ============================================================ -->
        <section class="section section-intro" aria-labelledby="introTitle">
            <div class="container">
                <div class="section-eyebrow">
                    <span class="eyebrow-num">01</span>
                    <span class="eyebrow-label">Il laboratorio</span>
                </div>

                <div class="intro-doc">

                    <div class="intro-doc-text">
                        <h2 id="introTitle" class="intro-doc-title">
                            Un laboratorio di profumeria basato su <em>composizione dichiarata</em> e <em>dati verificabili</em>.
                        </h2>

                        <p class="intro-doc-lead">
                            La qualità di una fragranza è determinata da <strong>formula</strong> e <strong>materie prime</strong>. Nella maggior parte dei casi, questi elementi non sono accessibili.
                        </p>
                        <p>
                            La composizione di una fragranza resta generalmente proprietà del laboratorio. <strong>Origine, qualità e struttura della formula</strong> non vengono comunicate, rendendo impossibile distinguere tra ingredienti che, pur avendo lo stesso nome, possono avere <strong>costo, resa e performance completamente diversi</strong>.
                        </p>

                        <div class="intro-doc-divider" role="separator" aria-hidden="true"></div>

                        <p class="intro-doc-pivot">
                            Scarletti Lab rende accessibili <em>composizione</em>, <em>quantità</em> e <em>provenienza</em> di ogni materia prima presente in formula, <strong>fino al produttore</strong>.
                        </p>
                        <p>
                            Anche nei materiali sintetici, <strong>il produttore è determinante</strong>. Una molecola come <em>Iso E Super</em>, sviluppata originariamente da IFF, può essere disponibile da fornitori diversi con livelli qualitativi molto differenti.
                        </p>
                        <p>
                            A parità di nome possono variare <strong>purezza, stabilità e resa olfattiva</strong>, incidendo direttamente sulla formula. Per questo, indicare il produttore è <em>essenziale</em>.
                        </p>

                        <a href="standard.html" class="link-arrow intro-doc-cta">Scopri il nostro protocollo</a>
                    </div>

                    <figure class="intro-doc-figure">
                        <picture><source type="image/avif" srcset="img/hedione.avif"><img src="img/hedione.webp" alt="Hedione — molecola sintetica utilizzata in profumeria" loading="lazy"></picture>
                        <figcaption>
                            <span class="intro-doc-figcap-name">Hedione<sup>®</sup></span>
                            <span class="intro-doc-figcap-meta">Molecola sintetica · Firmenich</span>
                        </figcaption>
                    </figure>

                </div>
            </div>

            <!-- Lab gallery — auto-scroll ticker -->
            <div class="lab-ticker">
                <div class="lab-ticker-track">
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-magazzino-materie-prime.avif"><img src="img/lab-magazzino-materie-prime.webp" alt="Magazzino materie prime profumeria" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-pipetta-goccia.avif"><img src="img/lab-pipetta-goccia.webp" alt="Pipetta con goccia in laboratorio" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-flacone-luce.avif"><img src="img/lab-flacone-luce.webp" alt="Flacone di profumo con luce solare" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-formulazione-pipetta.avif"><img src="img/lab-formulazione-pipetta.webp" alt="Formulazione in laboratorio con pipetta" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-made-in-italy.avif"><img src="img/lab-made-in-italy.webp" alt="Etichetta Made in Italy" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-operatore-flacone.avif"><img src="img/lab-operatore-flacone.webp" alt="Operatore con flacone ambrato in laboratorio" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-pesatura.avif"><img src="img/lab-pesatura.webp" alt="Pesatura ingredienti in laboratorio" loading="lazy"></picture></figure>
                    <!-- duplicate for seamless loop -->
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-magazzino-materie-prime.avif"><img src="img/lab-magazzino-materie-prime.webp" alt="Magazzino materie prime profumeria" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-pipetta-goccia.avif"><img src="img/lab-pipetta-goccia.webp" alt="Pipetta con goccia in laboratorio" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-flacone-luce.avif"><img src="img/lab-flacone-luce.webp" alt="Flacone di profumo con luce solare" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-formulazione-pipetta.avif"><img src="img/lab-formulazione-pipetta.webp" alt="Formulazione in laboratorio con pipetta" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-made-in-italy.avif"><img src="img/lab-made-in-italy.webp" alt="Etichetta Made in Italy" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-operatore-flacone.avif"><img src="img/lab-operatore-flacone.webp" alt="Operatore con flacone ambrato in laboratorio" loading="lazy"></picture></figure>
                    <figure class="lab-tick-photo lightbox-able"><picture><source type="image/avif" srcset="img/lab-pesatura.avif"><img src="img/lab-pesatura.webp" alt="Pesatura ingredienti in laboratorio" loading="lazy"></picture></figure>
                </div>
            </div>
        </section>

        <!-- ============================================================
             STANDARD TEASER
        ============================================================ -->
        <section class="section section-standard-teaser" aria-labelledby="standardTeaserTitle">
            <div class="container">

                <div class="teaser-grid">

                    <div class="teaser-visual">
                        <figure class="teaser-figure">
                            <picture><source type="image/avif" srcset="img/trasparenza.avif"><img src="img/trasparenza.webp" alt="Trasparenza — Specialty Standard" loading="lazy"></picture>
                        </figure>
                        <div class="teaser-badge">
                            <picture><source type="image/avif" srcset="img/badge-specialty.avif"><img src="img/badge-specialty.webp" alt="Specialty Standard®"></picture>
                        </div>
                    </div>

                    <div class="teaser-body">
                        <div class="section-eyebrow">
                            <span class="eyebrow-num">02</span>
                            <span class="eyebrow-label">Il protocollo</span>
                        </div>
                        <h2 id="standardTeaserTitle" class="teaser-title">
                            Specialty Standard<sup>®</sup>
                        </h2>

                        <p class="lead-paragraph">
                            Nel settore della profumeria non esiste alcun obbligo di dichiarare la formula o le materie prime utilizzate. Questo genera un sistema in cui <strong>composizione, origine e qualità restano non accessibili</strong>.
                        </p>
                        <p>
                            Specialty Standard® nasce per superare questo limite. Scarletti Lab sviluppa fragranze secondo un processo strutturato che introduce <strong>trasparenza reale su ogni componente rilevante della formula</strong>.
                        </p>
                        <p class="teaser-statement">
                            La qualità non viene dichiarata.<br>
                            <em>Viene documentata.</em>
                        </p>
                        <p>
                            Ogni lotto è accompagnato da analisi GC-MS, schede tecniche e dati di composizione verificabili.
                        </p>

                        <ul class="pillars-mini">
                            <li>Ingredienti dichiarati</li>
                            <li>Origine e specie dichiarata</li>
                            <li>Analisi GC-MS di supporto</li>
                            <li>Formula verificabile</li>
                        </ul>

                        <a href="standard.html" class="btn btn-dark">Scopri il protocollo</a>
                    </div>

                </div>
            </div>
        </section>

        <!-- ============================================================
             SERVIZI TEASER — box grid
        ============================================================ -->
        <section class="section section-services-teaser" aria-labelledby="servicesTeaserTitle">
            <div class="container">
                <div class="services-teaser-head">
                    <div class="services-teaser-intro">
                        <div class="section-eyebrow">
                            <span class="eyebrow-num">03</span>
                            <span class="eyebrow-label">Servizi</span>
                        </div>
                        <h2 id="servicesTeaserTitle" class="section-title" style="margin-top:1rem;">
                            Cosa <em>facciamo</em>.
                        </h2>
                        <p class="services-teaser-lead">Sviluppo, formulazione e produzione. Con composizione dichiarata su ogni progetto.</p>
                    </div>
                    <a href="servizi.html" class="link-arrow link-arrow-lg">Tutti i servizi</a>
                </div>

                <div class="svc-grid">

                    <a href="servizi.html#sviluppo" class="svc-box">
                        <div class="svc-box-head">
                            <span class="svc-box-num">01</span>
                            <span class="svc-box-corner" aria-hidden="true">→</span>
                        </div>
                        <h3 class="svc-box-title">Sviluppo Fragranze</h3>
                        <ul class="svc-box-chips">
                            <li>Formula su misura</li>
                            <li>Dal brief alla produzione</li>
                        </ul>
                        <p class="svc-box-desc">Sviluppiamo formule originali partendo da zero. Ogni progetto inizia con un brief tecnico e si chiude con una formula documentata, replicabile e di proprietà del cliente.</p>
                        <span class="svc-box-cta">
                            <span class="svc-box-cta-label">Scopri</span>
                            <span class="svc-box-cta-arrow" aria-hidden="true">→</span>
                        </span>
                    </a>

                    <a href="servizi.html#formulazione" class="svc-box">
                        <div class="svc-box-head">
                            <span class="svc-box-num">02</span>
                            <span class="svc-box-corner" aria-hidden="true">→</span>
                        </div>
                        <h3 class="svc-box-title">Formulazione Compound</h3>
                        <ul class="svc-box-chips">
                            <li>Compound tecnici</li>
                            <li>Pronti per produzione</li>
                        </ul>
                        <p class="svc-box-desc">Sviluppiamo compound olfattivi su specifica tecnica — basi profumate, accord e concentrati ad alta concentrazione pronti per essere integrati nella produzione di fragranze finite.</p>
                        <span class="svc-box-cta">
                            <span class="svc-box-cta-label">Scopri</span>
                            <span class="svc-box-cta-arrow" aria-hidden="true">→</span>
                        </span>
                    </a>

                    <a href="servizi.html#private-label" class="svc-box">
                        <div class="svc-box-head">
                            <span class="svc-box-num">03</span>
                            <span class="svc-box-corner" aria-hidden="true">→</span>
                        </div>
                        <h3 class="svc-box-title">Produzione Conto Terzi</h3>
                        <ul class="svc-box-chips">
                            <li>Formula</li>
                            <li>Produzione</li>
                            <li>Packaging</li>
                        </ul>
                        <p class="svc-box-desc">Gestiamo l'intero ciclo produttivo sotto un unico controllo tecnico. Dal flacone vuoto al prodotto finito, con documentazione Specialty Standard inclusa su ogni lotto.</p>
                        <span class="svc-box-cta">
                            <span class="svc-box-cta-label">Scopri</span>
                            <span class="svc-box-cta-arrow" aria-hidden="true">→</span>
                        </span>
                    </a>

                    <a href="materie-prime.html" class="svc-box">
                        <div class="svc-box-head">
                            <span class="svc-box-num">04</span>
                            <span class="svc-box-corner" aria-hidden="true">→</span>
                        </div>
                        <h3 class="svc-box-title">Materie Prime</h3>
                        <ul class="svc-box-chips">
                            <li>Accesso diretto</li>
                            <li>Fornitori certificati</li>
                            <li>Ingredienti rari</li>
                        </ul>
                        <p class="svc-box-desc">Diamo accesso alla nostra selezione di materie prime — naturali, sintetiche e isolati provenienti dai principali produttori mondiali. Una libreria costruita nel tempo che include ingredienti rari e difficilmente reperibili sul mercato, ogni ingrediente con dossier completo di origine, produttore e grado qualitativo.</p>
                        <span class="svc-box-cta">
                            <span class="svc-box-cta-label">Scopri</span>
                            <span class="svc-box-cta-arrow" aria-hidden="true">→</span>
                        </span>
                    </a>

                </div>
            </div>
        </section>

        <!-- ============================================================
             MATERIE PRIME TEASER — dark section
        ============================================================ -->
        <section class="section section-materials-teaser" aria-labelledby="materialsTeaserTitle">
            <div class="container materials-container">

                <div class="materials-left">
                    <div class="section-eyebrow">
                        <span class="eyebrow-num">04</span>
                        <span class="eyebrow-label">Materie Prime</span>
                    </div>
                    <h2 id="materialsTeaserTitle" class="section-title">
                        Materie prime d'eccellenza,<br>
                        <em>dichiarate.</em>
                    </h2>
                    <div class="materials-text">
                        <p class="lead-paragraph">
                            Utilizziamo esclusivamente materie prime selezionate attraverso anni di ricerca, confronto e analisi. Ogni ingrediente entra solo se è all'altezza del nostro standard.
                        </p>
                    </div>
                    <a href="materie-prime.html" class="btn btn-dark">Scopri le nostre materie prime</a>
                </div>

                <div class="materials-gallery" id="homeMaterialsGallery" aria-label="Anteprima materie prime">
                    <!-- Skeleton placeholder — sostituito da home-materials.js al load -->
                    <div class="home-mat-card is-loading" aria-hidden="true"></div>
                    <div class="home-mat-card is-loading" aria-hidden="true"></div>
                    <div class="home-mat-card is-loading" aria-hidden="true"></div>
                    <div class="home-mat-card is-loading" aria-hidden="true"></div>
                </div>

            </div>
        </section>

        <!-- ============================================================
             FOUNDERS TEASER
        ============================================================ -->
        <section class="section section-founders-teaser" aria-labelledby="foundersTeaserTitle">
            <div class="container founders-container">

                <figure class="founders-portrait">
                    <picture><source type="image/avif" srcset="img/founders.avif"><img src="img/founders.webp" alt="Stefano e Simone Martini — Fondatori Scarletti Lab" loading="lazy"></picture>
                    <figcaption>Stefano &amp; Simone Martini · Fondatori</figcaption>
                </figure>

                <div class="founders-body">
                    <div class="section-eyebrow">
                        <span class="eyebrow-num">05</span>
                        <span class="eyebrow-label">I fondatori</span>
                    </div>
                    <h2 id="foundersTeaserTitle" class="section-title">
                        Stefano &amp; Simone<br>
                        <em>Martini.</em>
                    </h2>
                    <p class="lead-paragraph">
                        Abbiamo costruito Scarletti Lab per rompere con un sistema che consideravamo inaccettabile: quello in cui il cliente paga una fragranza senza sapere cosa contiene, da dove viene e perché costa quello che costa.
                    </p>
                    <p>
                        Venivamo da anni di lavoro nel settore. Conoscevamo i meccanismi, i margini, le opacità. E avevamo capito che l'unico modo per fare qualcosa di diverso era farlo da zero — con un laboratorio che mettesse la documentazione tecnica al centro, non ai margini.
                    </p>
                    <div class="founders-quote">
                        <p>
                            "Nel settore nessuno ti dice cosa c'è davvero nella bottiglia. Noi lo diciamo. Ogni ingrediente, ogni origine, ogni analisi. Non per obbligo — per scelta."
                        </p>
                    </div>
                    <a href="chi-siamo.html" class="link-arrow">Chi siamo</a>
                </div>

            </div>
        </section>

        <!-- ============================================================
             CLIENTI
        ============================================================ -->
        <section class="section section-clients" id="clients" aria-labelledby="clientsTitle">
            <div class="container">
                <div class="clients-head">
                    <div class="section-eyebrow section-eyebrow-center">
                        <span class="eyebrow-num">06</span>
                        <span class="eyebrow-label">Clienti</span>
                    </div>
                    <h2 id="clientsTitle" class="section-title section-title-center">
                        Brand che hanno scelto<br>
                        <em>la trasparenza.</em>
                    </h2>
                </div>
                <ul class="clients-list">
                    <li><span>Martin Parfums</span></li>
                    <li><span>H2O Parfums</span></li>
                    <li><span>Konam</span></li>
                    <li><span>Deliga</span></li>
                    <li><span>Jardin de Suisse</span></li>
                </ul>
            </div>
        </section>

        <!-- ============================================================
             BLOG TEASER
        ============================================================ -->
        <section class="section section-blog-teaser" aria-labelledby="blogTeaserTitle">
            <div class="container">
                <div class="services-teaser-head">
                    <div>
                        <div class="section-eyebrow">
                            <span class="eyebrow-num">07</span>
                            <span class="eyebrow-label">Journal</span>
                        </div>
                        <h2 id="blogTeaserTitle" class="section-title">
                            Dal laboratorio,<br>
                            <em>senza filtri.</em>
                        </h2>
                    </div>
                    <a href="blog.html" class="link-arrow link-arrow-lg">Tutti gli articoli</a>
                </div>

                <div class="blog-grid blog-grid-teaser">

                    <article class="blog-card">
                        <a href="blog/cosa-vuol-dire-profumo-specialty.html" class="blog-card-link">
                            <figure class="blog-card-image">
                                <img src="https://images.unsplash.com/photo-1615634260167-c8cdede054de?auto=format&fit=crop&w=900&q=85"
                                     alt="Profumo specialty" loading="lazy">
                            </figure>
                            <div class="blog-card-body">
                                <div class="blog-card-meta">
                                    <span>Metodo</span>
                                    <span>5 min di lettura</span>
                                </div>
                                <h3 class="blog-card-title">Cosa vuol dire "profumo specialty"?</h3>
                                <p class="blog-card-excerpt">Il termine si sta diffondendo velocemente. Senza una definizione precisa, rischia di diventare l'ennesima etichetta di marketing.</p>
                                <span class="blog-card-more">Leggi l'articolo →</span>
                            </div>
                        </a>
                    </article>

                    <article class="blog-card">
                        <a href="blog/errore-fornitore-produzione-profumi.html" class="blog-card-link">
                            <figure class="blog-card-image">
                                <img src="https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=900&q=85"
                                     alt="Produzione profumi" loading="lazy">
                            </figure>
                            <div class="blog-card-body">
                                <div class="blog-card-meta">
                                    <span>Produzione</span>
                                    <span>7 min di lettura</span>
                                </div>
                                <h3 class="blog-card-title">Produzione profumi: l'errore da non commettere</h3>
                                <p class="blog-card-excerpt">La scelta del laboratorio determina la qualità finale del prodotto. Ecco l'errore più comune quando cerchi un fornitore — e come evitarlo.</p>
                                <span class="blog-card-more">Leggi l'articolo →</span>
                            </div>
                        </a>
                    </article>

                    <article class="blog-card">
                        <a href="blog/truffa-profumeria-moderna.html" class="blog-card-link">
                            <figure class="blog-card-image">
                                <img src="https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&w=900&q=85"
                                     alt="Profumeria moderna" loading="lazy">
                            </figure>
                            <div class="blog-card-body">
                                <div class="blog-card-meta">
                                    <span>Trasparenza</span>
                                    <span>8 min di lettura</span>
                                </div>
                                <h3 class="blog-card-title">La truffa della profumeria moderna</h3>
                                <p class="blog-card-excerpt">Non è una truffa illegale. È un meccanismo strutturale costruito sull'opacità. Ecco come funziona — e perché il cliente non può difendersi.</p>
                                <span class="blog-card-more">Leggi l'articolo →</span>
                            </div>
                        </a>
                    </article>

                </div>
            </div>
        </section>

        <!-- ============================================================
             CTA FINAL
        ============================================================ -->
        <section class="section section-cta" id="contact" aria-labelledby="ctaTitle">
            <div class="cta-bg" aria-hidden="true">
                <img src="https://images.unsplash.com/photo-1610173827367-61c23a6c3ac9?auto=format&fit=crop&w=2000&q=85" alt="" loading="lazy">
            </div>
            <div class="container cta-container">
                <span class="cta-eyebrow">
                    <span>08</span><span>Contatti</span>
                </span>
                <h2 id="ctaTitle" class="cta-title">
                    Parliamo del<br>
                    <em>tuo progetto.</em>
                </h2>
                <p class="cta-lead">
                    Scarletti Lab lavora con un numero limitato di progetti all'anno per garantire il livello di controllo tecnico che il protocollo Specialty Standard® richiede. Ogni collaborazione nasce da una conversazione preliminare.
                </p>
                <div class="cta-actions">
                    <a href="contatti.html" class="btn btn-light">Contattaci</a>
                    <a href="mailto:careers@scarlettilab.com" class="btn btn-outline-light">Lavora con noi</a>
                </div>
                <dl class="cta-contacts">
                    <div><dt>Email</dt><dd><a href="mailto:lab@scarlettilab.com">lab@scarlettilab.com</a></dd></div>
                    <div><dt>Sede</dt><dd>Laboratorio — Italia</dd></div>
                    <div><dt>Ambito</dt><dd>B2B · Brand · Private Label</dd></div>
                </dl>
            </div>
        </section>

    </main>

    <footer class="site-footer">
        <div class="container footer-container">
            <div class="footer-brand">
                <span class="footer-logo">
                    <span class="brand-serif">Scarletti</span>
                    <span class="brand-sans">Lab</span>
                </span>
                <span class="footer-tag">Fragrance Specialty House</span>
            </div>
            <nav class="footer-nav" aria-label="Navigazione footer">
                <div class="footer-col">
                    <h4>Laboratorio</h4>
                    <ul>
                        <li><a href="standard.html">Specialty Standard</a></li>
                        <li><a href="chi-siamo.html">Chi siamo</a></li>
                        <li><a href="blog.html">Blog</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Servizi</h4>
                    <ul>
                        <li><a href="servizi.html">Sviluppo fragranze</a></li>
                        <li><a href="servizi.html">Formulazione compound</a></li>
                        <li><a href="servizi.html">Private label</a></li>
                        <li><a href="materie-prime.html">Materie prime</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contatti</h4>
                    <ul>
                        <li><a href="mailto:lab@scarlettilab.com">lab@scarlettilab.com</a></li>
                        <li><a href="mailto:careers@scarlettilab.com">careers@scarlettilab.com</a></li>
                        <li><a href="contatti.html">Scrivici</a></li>
                    </ul>
                </div>
            </nav>
            <div class="footer-meta">
                <span>© <span id="year"></span> Scarletti Lab — Tutti i diritti riservati</span>
                <span>Specialty Standard® è un protocollo registrato.</span>
            </div>
        </div>
    </footer>

    <script src="main.js"></script>
    <script src="home-materials.js"></script>
</body>
</html>
