{"id":1314,"date":"2026-01-12T12:35:17","date_gmt":"2026-01-12T12:35:17","guid":{"rendered":"https:\/\/ostrea.fr\/material\/"},"modified":"2026-02-19T16:42:41","modified_gmt":"2026-02-19T16:42:41","slug":"material","status":"publish","type":"page","link":"https:\/\/ostrea.fr\/en\/material\/","title":{"rendered":"Material"},"content":{"rendered":"<section class=\"relative h-screen lg:max-h-57.5 flex items-center justify-center overflow-hidden lg:pt-[4.375rem] wp-block-hero-classique\" data-has-video=\"false\">\n        \n        <div class=\"container w-full h-full relative flex items-center justify-center \">\n                            <div class=\"img-parallax absolute left-0 top-0 inset-0 w-full h-full z-0\">\n                    <img decoding=\"async\" width=\"2560\" height=\"1174\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-scaled.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-scaled.jpg 2560w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-300x138.jpg 300w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-1024x469.jpg 1024w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-768x352.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-1536x704.jpg 1536w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-materiau-header-1-2048x939.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\n                <\/div>\n            \n            <div class=\"text-center text-craie relative\">\n                                    <h1\n                        class=\"font-heading w-[20.75rem] lg:w-61 text-[1.3125rem] lg:text-[1.75rem] leading-[128%] tracking-[-0.0525rem] lg:tracking-[-0.07rem] mb-4 lg:mb-4 whitespace-pre-line\">\n                        Innovative material made from recycled shells. French, high-performance, and low-carbon, it is designed for flooring, countertops, and furniture. \n                    <\/h1>\n                \n                            <\/div>\n        <\/div>\n    <\/section>\n<section class=\"section-titre py-2 lg:py-5 bg-craie wp-block-section-titre\">\n        <div class=\"container flex flex-col items-center justify-center text-center \">\n                            <h2 class=\" text-bleu-abysse font-heading text-[1.125rem] leading-[128%] -tracking-[0.045rem] lg:text-2xl lg:-tracking-[0.06rem] lg:w-60\">\n                    Each year in France,<br \/>\r\n250,000 tonnes of shell waste from shellfish farming end up in landfill sites. We give them a new life by incorporating them into our material.\n                <\/h2>\n            \n                    <\/div>\n    <\/section>\n<section class=\"section-materiaux py-2 lg:pb-4 lg:pt-0 bg-craie relative overflow-hidden js-section-materiaux\">\n        <div class=\"container mx-0 lg:mx-[1.25rem] px-1 lg:px-0 relative\">\n\n            \n                            <div class=\"flex flex-wrap lg:justify-center gap-1 mb-1.5 lg:mb-3\">\n                    <button type=\"button\"\n                        class=\"js-filter-btn lg:min-w-13.5 p-1 border border-bleu-abysse text-xs font-special uppercase tracking-[0.05em] bg-bleu-abysse text-craie transition-colors duration-300 hover:bg-bleu-abysse hover:text-craie\"\n                        data-target=\"all\">\n                        View all\n                    <\/button>\n                                            <button type=\"button\"\n                            class=\"js-filter-btn lg:min-w-13.5 p-1 border border-bleu-abysse text-xs font-special uppercase tracking-[0.05em] text-bleu-abysse bg-transparent transition-colors duration-300 hover:bg-bleu-abysse hover:text-craie\"\n                            data-target=\"marine-collection\">\n                            Marine Collection\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"js-filter-btn lg:min-w-13.5 p-1 border border-bleu-abysse text-xs font-special uppercase tracking-[0.05em] text-bleu-abysse bg-transparent transition-colors duration-300 hover:bg-bleu-abysse hover:text-craie\"\n                            data-target=\"seaside-collection\">\n                            Seaside Collection\n                        <\/button>\n                                    <\/div>\n            \n            \n                            <div class=\"splide js-grid-slider lg:visible!\">\n                    <div class=\"splide__track !overflow-visible\">\n                        <ul\n                            class=\"splide__list lg:!grid lg:!grid-cols-4 lg:!gap-[1.25rem] lg:!gap-y-2 lg:!w-full lg:!transform-none\">\n                                                            <li class=\"splide__slide lg:!mr-0 mt-0 relative js-materiau-item group\"\n                                    data-collection=\"marine-collection\">\n                                    <a href=\"https:\/\/ostrea.fr\/en\/materiau\/ostrea-vert-deau\/\" class=\"block no-underline!\">\n                                        \n                                        <div\n                                            class=\"img-parallax overflow-hidden relative h-[24.25rem] lg:!w-[28.6875rem] lg:!h-[40.625rem] mb-1\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"1024\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-vert-d-eau-materiau-784x1024.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-vert-d-eau-materiau-784x1024.jpg 784w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-vert-d-eau-materiau-230x300.jpg 230w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-vert-d-eau-materiau-768x1003.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-vert-d-eau-materiau.jpg 910w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/>\n                                                                                    <\/div>\n\n                                        \n                                        <div class=\"w-full\">\n                                            <h3 class=\"font-text text-base lg:text-lg leading-[118%] lg:-tracking-[0.0225rem] mb-1\">\n                                                Ostrea Seafoam Green\n                                            <\/h3>\n                                            <span\n                                                class=\"font-special text-sm uppercase tracking-[0.05em] text-bleu-abysse transition-opacity duration-300\">\n                                                See our related projets  \u2192\n                                            <\/span>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n                                                            <li class=\"splide__slide lg:!mr-0 mt-0 relative js-materiau-item group\"\n                                    data-collection=\"marine-collection\">\n                                    <a href=\"https:\/\/ostrea.fr\/en\/materiau\/ostrea-noir-anthracite\/\" class=\"block no-underline!\">\n                                        \n                                        <div\n                                            class=\"img-parallax overflow-hidden relative h-[24.25rem] lg:!w-[28.6875rem] lg:!h-[40.625rem] mb-1\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"1024\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-noir-anthracite-materiau-784x1024.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-noir-anthracite-materiau-784x1024.jpg 784w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-noir-anthracite-materiau-230x300.jpg 230w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-noir-anthracite-materiau-768x1003.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-noir-anthracite-materiau.jpg 910w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/>\n                                                                                    <\/div>\n\n                                        \n                                        <div class=\"w-full\">\n                                            <h3 class=\"font-text text-base lg:text-lg leading-[118%] lg:-tracking-[0.0225rem] mb-1\">\n                                                Ostrea Anthracite Black\n                                            <\/h3>\n                                            <span\n                                                class=\"font-special text-sm uppercase tracking-[0.05em] text-bleu-abysse transition-opacity duration-300\">\n                                                See our related projets  \u2192\n                                            <\/span>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n                                                            <li class=\"splide__slide lg:!mr-0 mt-0 relative js-materiau-item group\"\n                                    data-collection=\"seaside-collection\">\n                                    <a href=\"https:\/\/ostrea.fr\/en\/materiau\/ostrea-scallop\/\" class=\"block no-underline!\">\n                                        \n                                        <div\n                                            class=\"img-parallax overflow-hidden relative h-[24.25rem] lg:!w-[28.6875rem] lg:!h-[40.625rem] mb-1\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"1024\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-saint-jacques-materiau-784x1024.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-saint-jacques-materiau-784x1024.jpg 784w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-saint-jacques-materiau-230x300.jpg 230w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-saint-jacques-materiau-768x1003.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2025\/12\/ostrea-saint-jacques-materiau.jpg 910w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/>\n                                                                                    <\/div>\n\n                                        \n                                        <div class=\"w-full\">\n                                            <h3 class=\"font-text text-base lg:text-lg leading-[118%] lg:-tracking-[0.0225rem] mb-1\">\n                                                Ostrea Scallop\n                                            <\/h3>\n                                            <span\n                                                class=\"font-special text-sm uppercase tracking-[0.05em] text-bleu-abysse transition-opacity duration-300\">\n                                                See our related projets  \u2192\n                                            <\/span>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n                                                            <li class=\"splide__slide lg:!mr-0 mt-0 relative js-materiau-item group\"\n                                    data-collection=\"seaside-collection\">\n                                    <a href=\"https:\/\/ostrea.fr\/en\/materiau\/ostrea-oyster\/\" class=\"block no-underline!\">\n                                        \n                                        <div\n                                            class=\"img-parallax overflow-hidden relative h-[24.25rem] lg:!w-[28.6875rem] lg:!h-[40.625rem] mb-1\">\n                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"1024\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/Ostrea-naturel-saint-jacques-focus-1-784x1024.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/Ostrea-naturel-saint-jacques-focus-1-784x1024.jpg 784w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/Ostrea-naturel-saint-jacques-focus-1-230x300.jpg 230w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/Ostrea-naturel-saint-jacques-focus-1-768x1003.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/Ostrea-naturel-saint-jacques-focus-1.jpg 910w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/>\n                                                                                    <\/div>\n\n                                        \n                                        <div class=\"w-full\">\n                                            <h3 class=\"font-text text-base lg:text-lg leading-[118%] lg:-tracking-[0.0225rem] mb-1\">\n                                                Ostrea Oyster\n                                            <\/h3>\n                                            <span\n                                                class=\"font-special text-sm uppercase tracking-[0.05em] text-bleu-abysse transition-opacity duration-300\">\n                                                See our related projets  \u2192\n                                            <\/span>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const section = document.querySelector('.js-section-materiaux');\n            if (!section) return;\n\n            const btns = section.querySelectorAll('.js-filter-btn');\n            const items = section.querySelectorAll('.js-materiau-item');\n\n            btns.forEach(btn => {\n                btn.addEventListener('click', (e) => {\n                    e.preventDefault();\n\n                    \/\/ Active state\n                    btns.forEach(b => {\n                        b.classList.remove('bg-bleu-abysse', 'text-craie');\n                        b.classList.add('bg-transparent', 'text-bleu-abysse');\n                    });\n                    btn.classList.remove('bg-transparent', 'text-bleu-abysse');\n                    btn.classList.add('bg-bleu-abysse', 'text-craie');\n\n                    const target = btn.dataset.target;\n\n                    items.forEach(item => {\n                        if (target === 'all' || item.dataset.collection === target) {\n                            item.style.display = 'block';\n                            \/\/ Restore grid layout styles if needed or handle animation\n                            item.classList.remove('hidden');\n                        } else {\n                            item.style.display = 'none';\n                            item.classList.add('hidden');\n                        }\n                    });\n                });\n            });\n        });\n    <\/script>\n<section class=\"section-fiche-technique relative py-2 lg:py-4 wp-block-section-fiche-technique\">\n        <div class=\"relative flex lg:justify-between flex-col-reverse lg:flex-row\">\n            <div\n                class=\"w-full lg:w-[50%] bg-vert-mineral text-bleu-abysse relative px-1 lg:px-[1.25rem] lg:flex pt-3 pb-1 lg:py-2\">\n                <h2 class=\"section-title lg:w-[20%]\">\n                    The material\n                <\/h2>\n\n                <div class=\"justify-end mt-auto lg:w-[80%]\">\n                                            <div\n                            class=\"section-item flex flex-wrap justify-between border-t border-bleu-abysse pt-1 pb-4 lg:pb-2.5\">\n                                                            <h3\n                                    class=\"font-heading text-2xl font-normal leading-[128%] -tracking-[0.06rem] mb-1.25 lg:mb-2 lg:w-[35%]\">\n                                    Eco-friendly\n                                <\/h3>\n                            \n                                                            <p class=\"font-text text-base leading-[117.5%] -tracking-[0.02rem] lg:w-[60%] mb-3 lg:mb-0\">\n                                    OSTREA material is composed of 55% shell flakes\r\nand 45% mineral matrix (resin-free).\n                                <\/p>\n                            \n                                                            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-2 lg:gap-0 mt-1 lg:mt-2 w-full\">\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-recycle.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Recycled &amp; Renewable\n                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-recyclable.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Recyclable\n                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-bas-carbone.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Low carbon\n                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-made-in-france.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Made in France\n                                                <\/p>\n                                                                                    <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                            <div\n                            class=\"section-item flex flex-wrap justify-between border-t border-bleu-abysse pt-1 pb-4 lg:pb-2.5\">\n                                                            <h3\n                                    class=\"font-heading text-2xl font-normal leading-[128%] -tracking-[0.06rem] mb-1.25 lg:mb-2 lg:w-[35%]\">\n                                    High performance\n                                <\/h3>\n                            \n                                                            <p class=\"font-text text-base leading-[117.5%] -tracking-[0.02rem] lg:w-[60%] mb-3 lg:mb-0\">\n                                    The material has technical properties similar to those of natural stone. Its density ranges between 2200 and 2400 kg\/m\u00b3 (44\u201348 kg\/m\u00b2). OSTREA technology is a patented innovation\n                                <\/p>\n                            \n                                                            <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-2 lg:gap-0 mt-1 lg:mt-2 w-full\">\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-resistant-aux-uv.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    UV-resistant\n                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-resistant-aux-chocs.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Impact-resistant\n                                                <\/p>\n                                                                                    <\/div>\n                                                                            <div class=\"item flex flex-col items-center text-center lg:w-9.5\">\n                                                                                                    <div class=\"mb-1 lg:mb-1\">\n                                                            <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-resistant-aux-taches.svg\" class=\"w-5 h-5 object-contain\" alt=\"\" loading=\"lazy\" \/>\n                                                        <\/div>\n                                            \n                                                                                            <p class=\"font-special text-sm font-normal leading-[108%] tracking-[0.026rem] uppercase\">\n                                                    Stain-resistant\n                                                <\/p>\n                                                                                    <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    \n                                    <\/div>\n\n            <\/div>\n\n            <div class=\"img-parallax h-[27.8rem] lg:h-[53.75rem] lg:w-[50%] mt-2 lg:mt-0\">\n                <img decoding=\"async\" width=\"1425\" height=\"1514\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/02\/ostrea-materiau-jyka-studio2.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/02\/ostrea-materiau-jyka-studio2.jpg 1425w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/02\/ostrea-materiau-jyka-studio2-282x300.jpg 282w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/02\/ostrea-materiau-jyka-studio2-964x1024.jpg 964w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/02\/ostrea-materiau-jyka-studio2-768x816.jpg 768w\" sizes=\"(max-width: 1425px) 100vw, 1425px\" \/>\n            <\/div>\n\n    <\/section>\n<section class=\"section-flex-accordeon relative py-2 lg:py-4 wp-block-section-flex-accordeon\">\n        <div\n            class=\"container relative flex lg:justify-between flex-col-reverse lg:flex-row\">\n            <div class=\" w-full lg:w-[41.125rem] text-bleu-abysse relative\">\n                                    <h2 class=\"section-title\">\n                        Custom-made\n                    <\/h2>\n                \n                                    <p\n                        class=\"font-heading text-[1.125rem] leading-[128%] -tracking-[0.045rem] lg:text-2xl lg:-tracking-[0.06rem] mb-2 lg:mb-4\">\n                        We create your custom projects using slabs measuring 305 \u00d7 145 cm (2 cm thick).\n                    <\/p>\n                                                    <p class=\"font-text text-base lg:text-lg leading-[118%] -tracking-[0.0225rem]\">\n                        For floor tiles and furniture tops, we handle custom manufacturing directly.<br \/>\r\n<br \/>\r\n<br>For your kitchen, bathroom, or B2B fit-out projects, production is entrusted to one of our partner stonemasons, as these applications require professional installation and craftsmanship.\n                    <\/p>\n                \n                                    <div class=\"mt-2 lg:mt-2\">\n                                                    <a class=\"hover-switch group w-full lg:w-fit inline-flex items-center justify-center !font-special text-sm uppercase cursor-pointer h-auto p-[1.25rem] text-sm leading-none bg-transparent border border-bleu-abysse text-bleu-abysse no-underline! js-open-contact font-text text-lg tracking-[-0.0225rem]\" >\n    Contact-us\n    \n            <svg class=\"inline-block ml-0.5 w-[0.75rem] h-[0.75rem] transition-transform duration-800 ease-[cubic-bezier(0.85,0,0.15,1)] group-hover:translate-x-0.5 will-change-transform\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 8\" fill=\"none\">\n            <path d=\"M6.174 7.56L5.418 6.874L7.868 4.27H0V3.29H7.868L5.418 0.686L6.174 0L9.674 3.78L6.174 7.56Z\" fill=\"currentColor\"\/>\n        <\/svg>\n    <\/a>                                            <\/div>\n                            <\/div>\n\n            <div\n                class=\"img-parallax h-[27.8rem] lg:h-[53.75rem] lg:w-57.5  mb-2 lg:mb-0\">\n                <img decoding=\"async\" width=\"614\" height=\"765\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/dalle.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/dalle.jpg 614w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/dalle-241x300.jpg 241w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/>\n            <\/div>\n\n            \n    <\/section>\n<section class=\"section-processus-creation py-2 lg:py-4 relative\">\n        <div class=\"container mx-0 px-0 lg:mx-[1.25rem] relative\">\n            \n            <div class=\"flex flex-col relative\">\n                                    <h2 class=\"section-title mx-1 lg:mx-0\">\n                        Creation process\n                    <\/h2>\n                            <\/div>\n\n            \n            <style>\n                @media (min-width: 1024px) {\n                    .processus-height-container {\n                        min-height: 225vh;\n                    }\n                }\n            <\/style>\n\n            \n            <div class=\"relative processus-height-container\">\n                <div\n                    class=\"max-lg:relative sticky top-0 lg:top-[5rem] h-auto lg:h-[85vh] flex flex-col lg:flex-row justify-between items-start lg:gap-1.5\">\n                    \n                    <div class=\"w-full aspect-square lg:w-1\/2 h-full\">\n                        <div class=\"img-parallax lg:aspect-auto h-full overflow-hidden mx-1 lg:mx-0\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1013\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation-1024x1013.jpg\" class=\"img-move w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation-1024x1013.jpg 1024w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation-300x297.jpg 300w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation-768x760.jpg 768w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation-1536x1519.jpg 1536w, https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-processus-de-creation.jpg 1860w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n                                                    <\/div>\n                    <\/div>\n\n                    \n                    <div\n                        class=\"w-full lg:w-1\/2 justify-self-end mt-auto overflow-x-auto lg:overflow-hidden pl-1 lg:pl-0 [scrollbar-width:none] [&#038;::-webkit-scrollbar]:hidden\">\n                        <ul class=\"processus-slider w-full flex flex-row lg:flex-col gap-1 lg:gap-0 snap-x snap-mandatory lg:snap-none\"\n                            data-step-count=\"5\">\n                                                                                                <li class=\"processus-item snap-start shrink-0 w-[90%] lg:w-auto flex flex-col lg:flex-row gap-1.5 lg:gap-1.5 py-1 lg:p-0 lg:pt-0.5 items-start lg:border-t lg:border-bleu-abysse bg-craie lg:mb-[0.25rem] first:mt-0 relative\"\n                                        style=\"z-index: 1;\">\n                                        \n                                        <span class=\"font-special text-sm w-3 shrink-0\">\n                                            001\n                                        <\/span>\n\n                                        \n                                        <p\n                                            class=\"font-heading text-lg lg:text-lg leading-[1.28] -tracking-[0.04em] w-[90%] lg:w-31\">\n                                            Collection of shells from shellfish farming operations\r\nand grinding the shells into flakes\n                                        <\/p>\n\n                                        \n                                        <div\n                                            class=\"w-7.5 lg:w-6.5 h-10.5 lg:h-8.5 shrink-0 flex items-center justify-center border border-bleu-abysse lg:justify-end lg:ml-auto justify-self-end mt-auto lg:mt-0\">\n                                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-process-1-1.svg\" class=\"w-full h-full object-cover\" alt=\"\" \/>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"processus-item snap-start shrink-0 w-[90%] lg:w-auto flex flex-col lg:flex-row gap-1.5 lg:gap-1.5 py-1 lg:p-0 lg:pt-0.5 items-start lg:border-t lg:border-bleu-abysse bg-craie lg:mb-[0.25rem] first:mt-0 relative\"\n                                        style=\"z-index: 2;\">\n                                        \n                                        <span class=\"font-special text-sm w-3 shrink-0\">\n                                            002\n                                        <\/span>\n\n                                        \n                                        <p\n                                            class=\"font-heading text-lg lg:text-lg leading-[1.28] -tracking-[0.04em] w-[90%] lg:w-31\">\n                                            Assembly of the shells\r\nwith a patented mineral matrix\n                                        <\/p>\n\n                                        \n                                        <div\n                                            class=\"w-7.5 lg:w-6.5 h-10.5 lg:h-8.5 shrink-0 flex items-center justify-center border border-bleu-abysse lg:justify-end lg:ml-auto justify-self-end mt-auto lg:mt-0\">\n                                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-process-2-1.svg\" class=\"w-full h-full object-cover\" alt=\"\" \/>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"processus-item snap-start shrink-0 w-[90%] lg:w-auto flex flex-col lg:flex-row gap-1.5 lg:gap-1.5 py-1 lg:p-0 lg:pt-0.5 items-start lg:border-t lg:border-bleu-abysse bg-craie lg:mb-[0.25rem] first:mt-0 relative\"\n                                        style=\"z-index: 3;\">\n                                        \n                                        <span class=\"font-special text-sm w-3 shrink-0\">\n                                            003\n                                        <\/span>\n\n                                        \n                                        <p\n                                            class=\"font-heading text-lg lg:text-lg leading-[1.28] -tracking-[0.04em] w-[90%] lg:w-31\">\n                                            30-day curing phase\r\nwith no firing required\n                                        <\/p>\n\n                                        \n                                        <div\n                                            class=\"w-7.5 lg:w-6.5 h-10.5 lg:h-8.5 shrink-0 flex items-center justify-center border border-bleu-abysse lg:justify-end lg:ml-auto justify-self-end mt-auto lg:mt-0\">\n                                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-process-3-1.svg\" class=\"w-full h-full object-cover\" alt=\"\" \/>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"processus-item snap-start shrink-0 w-[90%] lg:w-auto flex flex-col lg:flex-row gap-1.5 lg:gap-1.5 py-1 lg:p-0 lg:pt-0.5 items-start lg:border-t lg:border-bleu-abysse bg-craie lg:mb-[0.25rem] first:mt-0 relative\"\n                                        style=\"z-index: 4;\">\n                                        \n                                        <span class=\"font-special text-sm w-3 shrink-0\">\n                                            004\n                                        <\/span>\n\n                                        \n                                        <p\n                                            class=\"font-heading text-lg lg:text-lg leading-[1.28] -tracking-[0.04em] w-[90%] lg:w-31\">\n                                            Polishing &amp; surface treatment\r\nfor stain resistance\n                                        <\/p>\n\n                                        \n                                        <div\n                                            class=\"w-7.5 lg:w-6.5 h-10.5 lg:h-8.5 shrink-0 flex items-center justify-center border border-bleu-abysse lg:justify-end lg:ml-auto justify-self-end mt-auto lg:mt-0\">\n                                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-process-4-1.svg\" class=\"w-full h-full object-cover\" alt=\"\" \/>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"processus-item snap-start shrink-0 w-[90%] lg:w-auto flex flex-col lg:flex-row gap-1.5 lg:gap-1.5 py-1 lg:p-0 lg:pt-0.5 items-start lg:border-t lg:border-bleu-abysse bg-craie lg:mb-[0.25rem] first:mt-0 relative\"\n                                        style=\"z-index: 5;\">\n                                        \n                                        <span class=\"font-special text-sm w-3 shrink-0\">\n                                            005\n                                        <\/span>\n\n                                        \n                                        <p\n                                            class=\"font-heading text-lg lg:text-lg leading-[1.28] -tracking-[0.04em] w-[90%] lg:w-31\">\n                                            Custom cutting\r\nfor the creation of countertops, furniture tops, and floor tiles.\n                                        <\/p>\n\n                                        \n                                        <div\n                                            class=\"w-7.5 lg:w-6.5 h-10.5 lg:h-8.5 shrink-0 flex items-center justify-center border border-bleu-abysse lg:justify-end lg:ml-auto justify-self-end mt-auto lg:mt-0\">\n                                                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/ostrea-process-5-1.svg\" class=\"w-full h-full object-cover\" alt=\"\" \/>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                                    <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1314","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Material - OSTREA<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ostrea.fr\/en\/material\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Material - OSTREA\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ostrea.fr\/en\/material\/\" \/>\n<meta property=\"og:site_name\" content=\"OSTREA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T16:42:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ostrea.fr\/en\/material\/\",\"url\":\"https:\/\/ostrea.fr\/en\/material\/\",\"name\":\"Material - OSTREA\",\"isPartOf\":{\"@id\":\"https:\/\/ostrea.fr\/en\/#website\"},\"datePublished\":\"2026-01-12T12:35:17+00:00\",\"dateModified\":\"2026-02-19T16:42:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ostrea.fr\/en\/material\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ostrea.fr\/en\/material\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ostrea.fr\/en\/material\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/ostrea.fr\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Material\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ostrea.fr\/en\/#website\",\"url\":\"https:\/\/ostrea.fr\/en\/\",\"name\":\"Ostrea\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/ostrea.fr\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ostrea.fr\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ostrea.fr\/en\/#organization\",\"name\":\"Ostrea\",\"url\":\"https:\/\/ostrea.fr\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ostrea.fr\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/logo_currentcolor-1.svg\",\"contentUrl\":\"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/logo_currentcolor-1.svg\",\"width\":1,\"height\":1,\"caption\":\"Ostrea\"},\"image\":{\"@id\":\"https:\/\/ostrea.fr\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/ostreadesign\",\"https:\/\/www.instagram.com\/ostreadesign\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Material - OSTREA","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ostrea.fr\/en\/material\/","og_locale":"en_US","og_type":"article","og_title":"Material - OSTREA","og_url":"https:\/\/ostrea.fr\/en\/material\/","og_site_name":"OSTREA","article_modified_time":"2026-02-19T16:42:41+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ostrea.fr\/en\/material\/","url":"https:\/\/ostrea.fr\/en\/material\/","name":"Material - OSTREA","isPartOf":{"@id":"https:\/\/ostrea.fr\/en\/#website"},"datePublished":"2026-01-12T12:35:17+00:00","dateModified":"2026-02-19T16:42:41+00:00","breadcrumb":{"@id":"https:\/\/ostrea.fr\/en\/material\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ostrea.fr\/en\/material\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ostrea.fr\/en\/material\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ostrea.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Material"}]},{"@type":"WebSite","@id":"https:\/\/ostrea.fr\/en\/#website","url":"https:\/\/ostrea.fr\/en\/","name":"Ostrea","description":"","publisher":{"@id":"https:\/\/ostrea.fr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ostrea.fr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ostrea.fr\/en\/#organization","name":"Ostrea","url":"https:\/\/ostrea.fr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ostrea.fr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/logo_currentcolor-1.svg","contentUrl":"https:\/\/ostrea.fr\/wp-content\/uploads\/2026\/01\/logo_currentcolor-1.svg","width":1,"height":1,"caption":"Ostrea"},"image":{"@id":"https:\/\/ostrea.fr\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/ostreadesign","https:\/\/www.instagram.com\/ostreadesign\/"]}]}},"_links":{"self":[{"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/pages\/1314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/comments?post=1314"}],"version-history":[{"count":3,"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/pages\/1314\/revisions"}],"predecessor-version":[{"id":1494,"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/pages\/1314\/revisions\/1494"}],"wp:attachment":[{"href":"https:\/\/ostrea.fr\/en\/wp-json\/wp\/v2\/media?parent=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}