{"id":909,"date":"2026-07-18T19:02:28","date_gmt":"2026-07-18T19:02:28","guid":{"rendered":"https:\/\/dt4dp.eu\/?page_id=909"},"modified":"2026-08-15T14:32:36","modified_gmt":"2026-08-15T14:32:36","slug":"why-dt4dp","status":"publish","type":"page","link":"https:\/\/dt4dp.eu\/?page_id=909","title":{"rendered":"Why DT4DP?"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   DT4DP - WHY DT4DP PAGE\n===================================================== *\/\n\n.dt4dp-why {\n    --petrol:#183f46;\n    --petrol2:#285d65;\n    --blue:#2589c9;\n    --lightblue:#5bc0de;\n    --terracotta:#b7654a;\n    --gold:#d5ad5c;\n    --cream:#fbf8f2;\n    --soft:#f5f1e9;\n    --text:#354249;\n    --muted:#6e797d;\n    --line:#e7dfd2;\n\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.dt4dp-why *,\n.dt4dp-why *::before,\n.dt4dp-why *::after {\n    box-sizing:border-box;\n}\n\n\n\/* HERO *\/\n\n.dt4dp-why-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 52px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 12%,\n            rgba(91,192,222,.25),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(213,173,92,.16),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #183f46 0%,\n            #285d65 100%\n        );\n\n    box-shadow:0 16px 42px rgba(24,63,70,.15);\n}\n\n.dt4dp-why-hero::after {\n    content:\"WHY?\";\n\n    position:absolute;\n    right:20px;\n    bottom:-20px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:110px;\n    line-height:1;\n    font-weight:900;\n}\n\n.dt4dp-why-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-block;\n\n    margin-bottom:16px;\n    padding:6px 11px;\n\n    border:1px solid rgba(255,255,255,.22);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.08);\n    color:#fff;\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1px;\n}\n\n.dt4dp-why-hero h1 {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\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.08 !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-why-hero h1 span {\n    color:#8ed8f8;\n}\n\n.dt4dp-why-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.86) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* PROBLEM \/ RESPONSE *\/\n\n.dt4dp-why-grid {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:20px;\n\n    margin-bottom:24px;\n}\n\n.dt4dp-why-card {\n    padding:30px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 8px 22px rgba(24,63,70,.05);\n}\n\n.dt4dp-why-card > span {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--terracotta);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-why-card h2 {\n    margin:0 0 11px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:25px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-why-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14px !important;\n    line-height:1.75 !important;\n}\n\n.dt4dp-why-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8fcfd,\n            #eef8fb\n        );\n\n    border-color:#d9edf3;\n}\n\n.dt4dp-why-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    border-radius:20px 0 0 20px;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--blue),\n            var(--lightblue)\n        );\n}\n\n\n\/* TOOLS *\/\n\n.dt4dp-why-section {\n    margin-bottom:24px;\n    padding:32px;\n\n    border-radius:20px;\n\n    background:var(--soft);\n}\n\n.dt4dp-why-small {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--terracotta);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-why-section > h2 {\n    margin:0 0 22px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-why-tools {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:15px;\n}\n\n.dt4dp-why-tools article {\n    padding:23px;\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.dt4dp-why-tools article:hover {\n    transform:translateY(-3px);\n\n    box-shadow:0 10px 24px rgba(24,63,70,.08);\n}\n\n.dt4dp-why-tools article > div {\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:#eaf6fb;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.dt4dp-why-tools article:nth-child(2) > div {\n    background:#e8f8fb;\n    color:#278fa9;\n}\n\n.dt4dp-why-tools article:nth-child(3) > div {\n    background:#fff7e5;\n    color:#9b771f;\n}\n\n.dt4dp-why-tools h3 {\n    margin:0 0 8px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:18px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-why-tools 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\/* CLOSING *\/\n\n.dt4dp-why-closing {\n    padding:35px;\n\n    border-radius:20px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(91,192,222,.20),\n            transparent 30%\n        ),\n        var(--petrol);\n}\n\n.dt4dp-why-closing h2 {\n    margin:0 0 10px !important;\n\n    color:#fff !important;\n\n    font-size:28px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-why-closing p {\n    max-width:920px;\n\n    margin:0 !important;\n\n    color:rgba(255,255,255,.82) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:800px) {\n\n    .dt4dp-why-grid,\n    .dt4dp-why-tools {\n        grid-template-columns:1fr;\n    }\n\n}\n\n@media screen and (max-width:600px) {\n\n    .dt4dp-why-hero {\n        padding:38px 22px;\n        border-radius:18px;\n    }\n\n    .dt4dp-why-hero h1 {\n        font-size:35px !important;\n    }\n\n    .dt4dp-why-card,\n    .dt4dp-why-section,\n    .dt4dp-why-closing {\n        padding:23px 20px;\n    }\n\n}\n<\/style>\n\n<div class=\"dt4dp-why\">\n\n    <!-- HERO -->\n    <section class=\"dt4dp-why-hero\">\n\n        <span class=\"dt4dp-why-kicker\">\n            DT4DP \u00b7 WHY THE PROJECT MATTERS\n        <\/span>\n\n        <h1>\n            Bridging the Gap Between\n            <span>Craftsmanship &amp; Digital Innovation<\/span>\n        <\/h1>\n\n        <p>\n            Digital technologies are transforming vocational education\n            and the labour market, yet many traditional craft professions\n            still make limited use of digital tools.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- PROBLEM \/ RESPONSE -->\n    <section class=\"dt4dp-why-grid\">\n\n        <article class=\"dt4dp-why-card\">\n\n            <span>THE CHALLENGE<\/span>\n\n            <h2>A growing digital gap<\/h2>\n\n            <p>\n                Traditional professions such as decorative painting\n                are rich in craftsmanship and professional knowledge,\n                but often remain disconnected from emerging digital\n                technologies and immersive learning environments.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"dt4dp-why-card dt4dp-why-highlight\">\n\n            <span>THE DT4DP RESPONSE<\/span>\n\n            <h2>Connecting craft with technology<\/h2>\n\n            <p>\n                DT4DP was created to bridge this gap by combining\n                decorative painting with immersive technologies,\n                giving learners new ways to design, document and\n                present creative projects.\n            <\/p>\n\n        <\/article>\n\n    <\/section>\n\n\n    <!-- WHAT IT ENABLES -->\n    <section class=\"dt4dp-why-section\">\n\n        <span class=\"dt4dp-why-small\">WHAT DIGITAL TOOLS ENABLE<\/span>\n\n        <h2>New ways to work with decorative painting<\/h2>\n\n        <div class=\"dt4dp-why-tools\">\n\n            <article>\n                <div>01<\/div>\n                <h3>Design<\/h3>\n                <p>\n                    Explore new creative and spatial approaches\n                    through digital and immersive tools.\n                <\/p>\n            <\/article>\n\n            <article>\n                <div>02<\/div>\n                <h3>Document<\/h3>\n                <p>\n                    Capture and preserve project environments,\n                    techniques and learning outcomes digitally.\n                <\/p>\n            <\/article>\n\n            <article>\n                <div>03<\/div>\n                <h3>Present<\/h3>\n                <p>\n                    Communicate decorative painting projects through\n                    interactive and visually engaging digital formats.\n                <\/p>\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CLOSING -->\n    <section class=\"dt4dp-why-closing\">\n\n        <h2>Innovation and Heritage Can Work Together<\/h2>\n\n        <p>\n            DT4DP demonstrates that digital transformation does not have\n            to replace traditional craftsmanship. By combining heritage,\n            creativity and immersive technologies, the project creates\n            new learning possibilities and supports the development of\n            new professional opportunities for vocational learners.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DT4DP \u00b7 WHY THE PROJECT MATTERS Bridging the Gap Between Craftsmanship &amp; Digital Innovation Digital technologies are transforming vocational education and the labour market, yet many traditional craft professions still make limited use of digital tools. THE CHALLENGE A growing<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-909","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=909"}],"version-history":[{"count":3,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/909\/revisions"}],"predecessor-version":[{"id":1011,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/909\/revisions\/1011"}],"wp:attachment":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}