{"id":1618,"date":"2025-09-05T12:43:01","date_gmt":"2025-09-05T09:43:01","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1618"},"modified":"2026-08-15T15:48:39","modified_gmt":"2026-08-15T12:48:39","slug":"pasta-serafeim","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1618","title":{"rendered":"Serafeim Pasta Production Unit"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 SERAFEIM PASTA PRODUCTION UNIT\n   STUDENT DIGITAL TWIN PROJECT\n========================================================= *\/\n\n.bigart-pasta {\n    --navy:#172554;\n    --blue:#2f4fb3;\n    --cyan:#23b7d6;\n    --yellow:#f2c94c;\n    --text:#334155;\n    --muted:#667085;\n    --soft:#f7f9fc;\n    --line:#e4e9f2;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.bigart-pasta *,\n.bigart-pasta *::before,\n.bigart-pasta *::after {\n    box-sizing:border-box;\n}\n\n\n\/* HERO *\/\n\n.bigart-pasta-hero {\n    position:relative;\n    overflow:hidden;\n    margin-bottom:24px;\n    padding:58px 54px;\n    border-radius:24px;\n\n    background:\n        radial-gradient(circle at 88% 15%,\n        rgba(35,183,214,.28), transparent 29%),\n\n        radial-gradient(circle at 10% 100%,\n        rgba(242,201,76,.18), transparent 31%),\n\n        linear-gradient(135deg,\n        #172554 0%,\n        #233875 54%,\n        #2f4fb3 100%);\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-pasta-hero::after {\n    content:\"3D\";\n\n    position:absolute;\n    right:30px;\n    bottom:-38px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:175px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-pasta-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:18px;\n    padding:7px 13px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-pasta-kicker::before {\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n    background:var(--yellow);\n}\n\n.bigart-pasta-hero h1 {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 18px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(38px,5vw,56px) !important;\n    line-height:1.06 !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:920px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.88) !important;\n\n    font-size:17px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* INTRO *\/\n\n.bigart-pasta-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-pasta-card {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-pasta-card h2 {\n    margin:0 0 14px !important;\n\n    color:var(--navy) !important;\n\n    font-size:27px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n.bigart-pasta-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fffdf5 0%,\n            #f4f8ff 100%\n        );\n}\n\n.bigart-pasta-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--yellow),\n            var(--cyan)\n        );\n}\n\n\n\/* MATTERPORT *\/\n\n.bigart-pasta-tour {\n    margin-top:24px;\n    padding:28px;\n\n    border:1px solid var(--line);\n    border-radius:22px;\n\n    background:#fff;\n\n    box-shadow:0 12px 34px rgba(23,37,84,.08);\n}\n\n.bigart-pasta-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-pasta-tour-head span {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-pasta-tour-head h2 {\n    margin:0 0 9px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-tour-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14.5px !important;\n    line-height:1.7 !important;\n}\n\n.bigart-pasta-matterport {\n    position:relative;\n\n    width:100%;\n    padding-top:56.25%;\n\n    overflow:hidden;\n\n    border-radius:16px;\n\n    background:#0f172a;\n}\n\n.bigart-pasta-matterport iframe {\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n}\n\n\n\/* GENERAL SECTION *\/\n\n.bigart-pasta-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-pasta-head {\n    max-width:800px;\n    margin-bottom:25px;\n}\n\n.bigart-pasta-eyebrow {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-pasta-section h2 {\n    margin:0 0 10px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* FEATURE GRID *\/\n\n.bigart-pasta-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-pasta-feature {\n    padding:22px;\n\n    border:1px solid var(--line);\n    border-radius:16px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.bigart-pasta-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-pasta-number {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:40px;\n    height:40px;\n\n    margin-bottom:14px;\n\n    border-radius:12px;\n\n    background:#eef3ff;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.bigart-pasta-feature:nth-child(2) .bigart-pasta-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-pasta-feature:nth-child(3) .bigart-pasta-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-pasta-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:16px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-feature p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* EDUCATIONAL VALUE *\/\n\n.bigart-pasta-value {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-pasta-value-card {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-pasta-value-card::before {\n    content:\"\";\n\n    display:block;\n\n    width:38px;\n    height:4px;\n\n    margin-bottom:17px;\n\n    border-radius:4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--yellow),\n            var(--cyan)\n        );\n}\n\n.bigart-pasta-value-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:17px !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-value-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* IMPACT *\/\n\n.bigart-pasta-impact {\n    margin-top:24px;\n    padding:38px;\n\n    border-radius:22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(242,201,76,.15),\n            transparent 28%\n        ),\n\n        radial-gradient(\n            circle at 78% 80%,\n            rgba(35,183,214,.14),\n            transparent 25%\n        ),\n\n        #172554;\n}\n\n.bigart-pasta-impact h2 {\n    margin:0 0 13px !important;\n\n    color:#fff !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.bigart-pasta-impact p {\n    max-width:930px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.87) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-pasta-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-pasta-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .bigart-pasta-value {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-pasta-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-pasta-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-pasta-card,\n    .bigart-pasta-tour,\n    .bigart-pasta-section,\n    .bigart-pasta-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-pasta-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-pasta-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-pasta\">\n\n    <!-- HERO -->\n    <section class=\"bigart-pasta-hero\">\n\n        <div class=\"bigart-pasta-kicker\">\n            BIG ART \u00b7 Student Digital Twin Project\n        <\/div>\n\n        <h1>Serafeim Pasta Production Unit<\/h1>\n\n        <p>\n            A student-created virtual tour presenting the Serafeim Pasta\n            Production Unit and offering an interactive view of the facilities,\n            production environment and traditional pasta-making process.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-pasta-intro\">\n\n        <div class=\"bigart-pasta-card\">\n\n            <h2>A Real Production Environment in 3D<\/h2>\n\n            <p>\n                As part of their training, students of\n                <strong>SAEK Egaleo<\/strong> created a virtual tour of the\n                <strong>Serafeim Pasta Production Unit<\/strong>. The interactive\n                model presents the facilities and enables visitors to explore\n                the production environment through an immersive digital experience.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-pasta-card bigart-pasta-highlight\">\n\n            <h2>Discovering Traditional Pasta Making<\/h2>\n\n            <p>\n                The virtual tour presents the main stages of traditional\n                pasta making, connecting the physical production space\n                with the cultural and culinary value of this local craft.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-pasta-tour\">\n\n        <div class=\"bigart-pasta-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Explore the Serafeim Pasta Production Unit<\/h2>\n\n            <p>\n                Enter the production environment virtually and explore\n                the facilities and pasta-making process through the\n                student-created 3D model.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-pasta-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=go5NgdzxhWr&amp;play=1\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PRODUCTION EXPERIENCE -->\n    <section class=\"bigart-pasta-section\">\n\n        <div class=\"bigart-pasta-head\">\n\n            <span class=\"bigart-pasta-eyebrow\">\n                Production Experience\n            <\/span>\n\n            <h2>Exploring local food production through a Digital Twin<\/h2>\n\n            <p>\n                The interactive model allows visitors to move through\n                the production environment and discover the relationship\n                between the facilities, production activities and the\n                traditional craft of pasta making.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-pasta-grid\">\n\n            <article class=\"bigart-pasta-feature\">\n\n                <div class=\"bigart-pasta-number\">01<\/div>\n\n                <h3>Production Facilities<\/h3>\n\n                <p>\n                    Explore the physical environment of the pasta\n                    production unit in an interactive 3D format.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-pasta-feature\">\n\n                <div class=\"bigart-pasta-number\">02<\/div>\n\n                <h3>Pasta-Making Process<\/h3>\n\n                <p>\n                    Discover the main stages involved in the\n                    traditional production of pasta.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-pasta-feature\">\n\n                <div class=\"bigart-pasta-number\">03<\/div>\n\n                <h3>Local Craft<\/h3>\n\n                <p>\n                    Explore the connection between food production,\n                    traditional knowledge and local culinary culture.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-pasta-feature\">\n\n                <div class=\"bigart-pasta-number\">04<\/div>\n\n                <h3>Virtual Access<\/h3>\n\n                <p>\n                    Experience the production environment remotely\n                    through the interactive Matterport model.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EDUCATIONAL VALUE -->\n    <section class=\"bigart-pasta-section\">\n\n        <div class=\"bigart-pasta-head\">\n\n            <span class=\"bigart-pasta-eyebrow\">\n                Educational Value\n            <\/span>\n\n            <h2>Connecting vocational learning with local production<\/h2>\n\n            <p>\n                The project transforms a real production unit into an\n                interactive educational resource while giving students\n                practical experience in creating immersive digital content.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-pasta-value\">\n\n            <article class=\"bigart-pasta-value-card\">\n\n                <h3>Project-Based Learning<\/h3>\n\n                <p>\n                    Students applied their digital skills to a real\n                    production environment, creating an interactive\n                    output through practical project work.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-pasta-value-card\">\n\n                <h3>Food Production<\/h3>\n\n                <p>\n                    The virtual tour offers an accessible way to explore\n                    a local pasta production unit and become familiar\n                    with the environment of traditional food making.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-pasta-value-card\">\n\n                <h3>Cultural &amp; Culinary Value<\/h3>\n\n                <p>\n                    The digital model also highlights the cultural\n                    dimension of traditional pasta making and helps\n                    present local production knowledge to a wider audience.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-pasta-impact\">\n\n        <h2>Where Digital Innovation Meets Local Craft<\/h2>\n\n        <p>\n            The Serafeim Pasta Production Unit virtual tour demonstrates\n            how Digital Twin technology can connect vocational education\n            with real production environments and local traditions.\n            Through the project, SAEK Egaleo students combined practical\n            digital skills with the documentation of a local food-production\n            activity, creating an immersive resource for exploration,\n            learning and presentation.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Student Digital Twin Project Serafeim Pasta Production Unit A student-created virtual tour presenting the Serafeim Pasta Production Unit and offering an interactive view of the facilities, production environment and traditional pasta-making process. A Real Production Environment in<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1618","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1618"}],"version-history":[{"count":4,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1618\/revisions"}],"predecessor-version":[{"id":2059,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1618\/revisions\/2059"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}