{"id":1977,"date":"2026-06-21T20:28:17","date_gmt":"2026-06-21T17:28:17","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1977"},"modified":"2026-08-15T16:09:43","modified_gmt":"2026-08-15T13:09:43","slug":"redox-unlocked","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1977","title":{"rendered":"Redox Unlocked"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 REDOX UNLOCKED\n   EDUCATIONAL DIGITAL TWIN PROJECT\n========================================================= *\/\n\n.bigart-redox {\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-redox *,\n.bigart-redox *::before,\n.bigart-redox *::after {\n    box-sizing:border-box;\n}\n\n\/* HERO *\/\n\n.bigart-redox-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,.15),\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-redox-hero::after {\n    content:\"REDOX\";\n\n    position:absolute;\n    right:22px;\n    bottom:-20px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:102px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-redox-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-redox-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-redox-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-redox-subtitle {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\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-redox-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-redox-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-redox-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-redox-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-redox-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-redox-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f5fbff 0%,\n            #f8f7ff 100%\n        );\n}\n\n.bigart-redox-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-redox-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-redox-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-redox-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-redox-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-redox-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-redox-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-redox-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-redox-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-redox-head {\n    max-width:820px;\n    margin-bottom:25px;\n}\n\n.bigart-redox-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-redox-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-redox-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-redox-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-redox-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-redox-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-redox-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-redox-feature:nth-child(2) .bigart-redox-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-redox-feature:nth-child(3) .bigart-redox-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-redox-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-redox-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\/* VALUE *\/\n\n.bigart-redox-value {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-redox-value-card {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-redox-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(--cyan),\n            var(--yellow)\n        );\n}\n\n.bigart-redox-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-redox-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\/* IMPACT *\/\n\n.bigart-redox-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-redox-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-redox-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-redox-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-redox-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .bigart-redox-value {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-redox-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-redox-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-redox-card,\n    .bigart-redox-tour,\n    .bigart-redox-section,\n    .bigart-redox-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-redox-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-redox-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-redox\">\n\n    <!-- HERO -->\n    <section class=\"bigart-redox-hero\">\n\n        <div class=\"bigart-redox-kicker\">\n            BIG ART \u00b7 Educational Digital Twin Project\n        <\/div>\n\n        <h1>Redox Unlocked<\/h1>\n\n        <div class=\"bigart-redox-subtitle\">\n            Understanding Potentiometric Titration from the Inside\n        <\/div>\n\n        <p>\n            An interactive virtual environment focused on\n            oxidation\u2013reduction processes and potentiometric titration,\n            using immersive Digital Twin technology to support scientific learning.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-redox-intro\">\n\n        <div class=\"bigart-redox-card\">\n\n            <h2>Exploring Redox Processes in 3D<\/h2>\n\n            <p>\n                <strong>Redox Unlocked<\/strong> is an interactive educational\n                environment designed around oxidation\u2013reduction processes.\n                The virtual experience provides learners with a navigable\n                3D setting through which scientific content can be explored\n                in an immersive format.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-redox-card bigart-redox-highlight\">\n\n            <h2>Potentiometric Titration from the Inside<\/h2>\n\n            <p>\n                The project focuses on understanding potentiometric titration\n                through a virtual environment, demonstrating how immersive\n                technologies can complement scientific and laboratory education.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-redox-tour\">\n\n        <div class=\"bigart-redox-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Enter Redox Unlocked<\/h2>\n\n            <p>\n                Explore the interactive environment and experience\n                the project through its Matterport Digital Twin.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-redox-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=nmCLE8Z6AdV\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- LEARNING EXPERIENCE -->\n    <section class=\"bigart-redox-section\">\n\n        <div class=\"bigart-redox-head\">\n\n            <span class=\"bigart-redox-eyebrow\">\n                Science &amp; Immersive Learning\n            <\/span>\n\n            <h2>Making scientific processes more interactive<\/h2>\n\n            <p>\n                Redox Unlocked combines an educational topic with\n                an immersive digital environment, offering another way\n                to engage with scientific and laboratory learning.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-redox-grid\">\n\n            <article class=\"bigart-redox-feature\">\n\n                <div class=\"bigart-redox-number\">01<\/div>\n\n                <h3>Redox Processes<\/h3>\n\n                <p>\n                    Explore educational content related to\n                    oxidation\u2013reduction processes in a virtual environment.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-redox-feature\">\n\n                <div class=\"bigart-redox-number\">02<\/div>\n\n                <h3>Potentiometric Titration<\/h3>\n\n                <p>\n                    The project provides an immersive context focused\n                    on understanding potentiometric titration.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-redox-feature\">\n\n                <div class=\"bigart-redox-number\">03<\/div>\n\n                <h3>3D Exploration<\/h3>\n\n                <p>\n                    Navigate through the digital environment and engage\n                    with the learning experience interactively.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-redox-feature\">\n\n                <div class=\"bigart-redox-number\">04<\/div>\n\n                <h3>Remote Access<\/h3>\n\n                <p>\n                    Access the learning environment virtually from\n                    a compatible device without being physically present.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EDUCATIONAL VALUE -->\n    <section class=\"bigart-redox-section\">\n\n        <div class=\"bigart-redox-head\">\n\n            <span class=\"bigart-redox-eyebrow\">\n                Educational Value\n            <\/span>\n\n            <h2>Connecting chemistry with Digital Twin technology<\/h2>\n\n            <p>\n                The project illustrates how immersive environments can\n                complement scientific learning and provide an additional\n                digital layer to laboratory-related education.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-redox-value\">\n\n            <article class=\"bigart-redox-value-card\">\n\n                <h3>Scientific Learning<\/h3>\n\n                <p>\n                    The virtual environment creates an interactive setting\n                    for engaging with content related to redox processes.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-redox-value-card\">\n\n                <h3>Immersive Technology<\/h3>\n\n                <p>\n                    Matterport transforms the learning environment into\n                    a navigable 3D space that can be explored digitally.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-redox-value-card\">\n\n                <h3>Laboratory Education<\/h3>\n\n                <p>\n                    The project demonstrates the potential of Digital Twin\n                    experiences to complement laboratory-oriented\n                    scientific education.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-redox-impact\">\n\n        <h2>Unlocking Scientific Learning through Immersive Technology<\/h2>\n\n        <p>\n            Redox Unlocked demonstrates how Digital Twin technology can\n            support interactive scientific education. By combining\n            oxidation\u2013reduction concepts and potentiometric titration\n            with a navigable virtual environment, the project contributes\n            to BIG ART\u2019s wider approach of integrating immersive technologies\n            into vocational and technical learning.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Educational Digital Twin Project Redox Unlocked Understanding Potentiometric Titration from the Inside An interactive virtual environment focused on oxidation\u2013reduction processes and potentiometric titration, using immersive Digital Twin technology to support scientific learning. Exploring Redox Processes in 3D<\/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-1977","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1977","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=1977"}],"version-history":[{"count":2,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1977\/revisions"}],"predecessor-version":[{"id":2072,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1977\/revisions\/2072"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}