{"id":1941,"date":"2026-03-18T14:30:12","date_gmt":"2026-03-18T11:30:12","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1941"},"modified":"2026-08-15T16:06:46","modified_gmt":"2026-08-15T13:06:46","slug":"gc-experience","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1941","title":{"rendered":"GC Experience"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 GC EXPERIENCE\n   GAS CHROMATOGRAPHY VIRTUAL TOUR\n========================================================= *\/\n\n.bigart-gc {\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-gc *,\n.bigart-gc *::before,\n.bigart-gc *::after {\n    box-sizing:border-box;\n}\n\n\/* HERO *\/\n\n.bigart-gc-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 54px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 15%,\n            rgba(35,183,214,.30),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(242,201,76,.14),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #172554 0%,\n            #233875 54%,\n            #2f4fb3 100%\n        );\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-gc-hero::after {\n    content:\"GC\";\n\n    position:absolute;\n    right:34px;\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-gc-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\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-gc-kicker::before {\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:var(--yellow);\n}\n\n.bigart-gc-hero h1 {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 10px !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-gc-subtitle {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 18px !important;\n\n    color:var(--yellow) !important;\n\n    font-size:20px !important;\n    line-height:1.4 !important;\n    font-weight:750 !important;\n}\n\n.bigart-gc-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\/* INTRO *\/\n\n.bigart-gc-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-gc-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-gc-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-gc-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-gc-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f7fbff 0%,\n            #eef6fb 100%\n        );\n}\n\n.bigart-gc-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(--cyan),\n            var(--yellow)\n        );\n}\n\n\/* MATTERPORT *\/\n\n.bigart-gc-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-gc-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-gc-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-gc-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-gc-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-gc-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-gc-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\/* SECTION *\/\n\n.bigart-gc-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-gc-head {\n    max-width:820px;\n    margin-bottom:25px;\n}\n\n.bigart-gc-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-gc-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-gc-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\/* FEATURES *\/\n\n.bigart-gc-grid {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-gc-feature {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.bigart-gc-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-gc-number {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:42px;\n    height:42px;\n\n    margin-bottom:15px;\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-gc-feature:nth-child(2) .bigart-gc-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-gc-feature:nth-child(3) .bigart-gc-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-gc-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:17px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-gc-feature 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\/* IMPACT *\/\n\n.bigart-gc-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(35,183,214,.22),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 78% 80%,\n            rgba(242,201,76,.12),\n            transparent 25%\n        ),\n        #172554;\n}\n\n.bigart-gc-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-gc-impact p {\n    max-width:940px;\n\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\/* RESPONSIVE *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-gc-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-gc-grid {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-gc-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-gc-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-gc-card,\n    .bigart-gc-tour,\n    .bigart-gc-section,\n    .bigart-gc-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-gc-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-gc\">\n\n    <!-- HERO -->\n    <section class=\"bigart-gc-hero\">\n\n        <div class=\"bigart-gc-kicker\">\n            BIG ART \u00b7 Virtual Laboratory Project\n        <\/div>\n\n        <h1>GC Experience<\/h1>\n\n        <div class=\"bigart-gc-subtitle\">\n            The Next Generation of Laboratory Training: Gas Chromatography Virtual Tour\n        <\/div>\n\n        <p>\n            A virtual laboratory environment designed to support\n            biotechnology training through an immersive Digital Twin experience.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-gc-intro\">\n\n        <div class=\"bigart-gc-card\">\n\n            <h2>Virtual Laboratory Training<\/h2>\n\n            <p>\n                <strong>GC Experience<\/strong> presents a virtual laboratory\n                environment focused on Gas Chromatography training.\n                The project uses immersive 3D technology to create a digital\n                space that can support biotechnology education and laboratory learning.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-gc-card bigart-gc-highlight\">\n\n            <h2>Learning through a Digital Twin<\/h2>\n\n            <p>\n                The Matterport environment provides an interactive way\n                to explore the laboratory setting remotely, demonstrating\n                how Digital Twin technology can be integrated into\n                biotechnology training.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-gc-tour\">\n\n        <div class=\"bigart-gc-tour-head\">\n\n            <span>\n                Interactive 3D Laboratory\n            <\/span>\n\n            <h2>Explore the Gas Chromatography Virtual Tour<\/h2>\n\n            <p>\n                Enter the virtual laboratory and explore the GC Experience\n                through an immersive Matterport environment.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-gc-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show?m=9SaAyaie8gD\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EDUCATIONAL USE -->\n    <section class=\"bigart-gc-section\">\n\n        <div class=\"bigart-gc-head\">\n\n            <span class=\"bigart-gc-eyebrow\">\n                Biotechnology Training\n            <\/span>\n\n            <h2>Immersive technology in laboratory education<\/h2>\n\n            <p>\n                The GC Experience illustrates how a virtual laboratory\n                environment can complement biotechnology training and make\n                laboratory spaces accessible in an interactive digital format.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-gc-grid\">\n\n            <article class=\"bigart-gc-feature\">\n\n                <div class=\"bigart-gc-number\">01<\/div>\n\n                <h3>Virtual Laboratory<\/h3>\n\n                <p>\n                    Explore a laboratory environment through a navigable\n                    3D Digital Twin.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-gc-feature\">\n\n                <div class=\"bigart-gc-number\">02<\/div>\n\n                <h3>Biotechnology Training<\/h3>\n\n                <p>\n                    The project provides an immersive digital environment\n                    designed to support biotechnology learning.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-gc-feature\">\n\n                <div class=\"bigart-gc-number\">03<\/div>\n\n                <h3>Remote Exploration<\/h3>\n\n                <p>\n                    Learners can access and explore the laboratory\n                    environment virtually from a compatible device.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-gc-impact\">\n\n        <h2>The Next Generation of Laboratory Training<\/h2>\n\n        <p>\n            GC Experience demonstrates how immersive Digital Twin technology\n            can extend laboratory learning beyond the physical space.\n            By presenting a Gas Chromatography laboratory environment through\n            an interactive 3D tour, the project supports the wider integration\n            of digital innovation into biotechnology education and training.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Virtual Laboratory Project GC Experience The Next Generation of Laboratory Training: Gas Chromatography Virtual Tour A virtual laboratory environment designed to support biotechnology training through an immersive Digital Twin experience. Virtual Laboratory Training GC Experience presents a<\/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-1941","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1941","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=1941"}],"version-history":[{"count":2,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1941\/revisions"}],"predecessor-version":[{"id":2070,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1941\/revisions\/2070"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}