{"id":1933,"date":"2026-03-17T17:37:58","date_gmt":"2026-03-17T14:37:58","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1933"},"modified":"2026-08-15T16:08:05","modified_gmt":"2026-08-15T13:08:05","slug":"la-riad","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1933","title":{"rendered":"La Riad"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 LA RIAD\n   CONSERVATION BUILDING DIGITAL TWIN\n========================================================= *\/\n\n.bigart-lariad {\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-lariad *,\n.bigart-lariad *::before,\n.bigart-lariad *::after {\n    box-sizing:border-box;\n}\n\n\/* HERO *\/\n\n.bigart-lariad-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,.15), transparent 30%),\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-lariad-hero::after {\n    content:\"3D\";\n\n    position:absolute;\n    right:34px;\n    bottom:-36px;\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-lariad-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-lariad-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-lariad-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-lariad-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-lariad-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-lariad-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-lariad-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-lariad-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-lariad-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-lariad-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(--blue),\n            var(--cyan)\n        );\n}\n\n\/* MATTERPORT *\/\n\n.bigart-lariad-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-lariad-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-lariad-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-lariad-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-lariad-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-lariad-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-lariad-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-lariad-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-lariad-head {\n    max-width:800px;\n    margin-bottom:25px;\n}\n\n.bigart-lariad-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-lariad-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-lariad-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-lariad-grid {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-lariad-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-lariad-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-lariad-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-lariad-feature:nth-child(2) .bigart-lariad-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-lariad-feature:nth-child(3) .bigart-lariad-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-lariad-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-lariad-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-lariad-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-lariad-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-lariad-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-lariad-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-lariad-grid {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-lariad-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-lariad-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-lariad-card,\n    .bigart-lariad-tour,\n    .bigart-lariad-section,\n    .bigart-lariad-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-lariad-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-lariad\">\n\n    <!-- HERO -->\n    <section class=\"bigart-lariad-hero\">\n\n        <div class=\"bigart-lariad-kicker\">\n            BIG ART \u00b7 Conservation Digital Twin\n        <\/div>\n\n        <h1>La Riad<\/h1>\n\n        <p>\n            An immersive Digital Twin project documenting a conservation\n            building and making the physical environment accessible through\n            an interactive 3D virtual experience.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-lariad-intro\">\n\n        <div class=\"bigart-lariad-card\">\n\n            <h2>Digital Documentation of a Conservation Building<\/h2>\n\n            <p>\n                <strong>La Riad<\/strong> is a Digital Twin project focused on\n                the virtual documentation of a conservation building using\n                immersive technologies. The 3D model provides a digital\n                representation of the physical environment that can be\n                explored interactively.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-lariad-card bigart-lariad-highlight\">\n\n            <h2>From Physical Space to Virtual Access<\/h2>\n\n            <p>\n                By transforming the building into an immersive digital\n                environment, the project enables remote exploration and\n                demonstrates how 3D scanning technology can support the\n                documentation and presentation of conservation spaces.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-lariad-tour\">\n\n        <div class=\"bigart-lariad-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Explore La Riad<\/h2>\n\n            <p>\n                Navigate through the conservation building virtually\n                using the interactive Matterport Digital Twin.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-lariad-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=VHaP9PpmA8G\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- APPLICATIONS -->\n    <section class=\"bigart-lariad-section\">\n\n        <div class=\"bigart-lariad-head\">\n\n            <span class=\"bigart-lariad-eyebrow\">\n                Digital Documentation\n            <\/span>\n\n            <h2>Using immersive technology to document a real building<\/h2>\n\n            <p>\n                The project demonstrates how a conservation space can\n                be transformed into an accessible digital environment\n                for documentation and virtual exploration.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-lariad-grid\">\n\n            <article class=\"bigart-lariad-feature\">\n\n                <div class=\"bigart-lariad-number\">01<\/div>\n\n                <h3>3D Documentation<\/h3>\n\n                <p>\n                    The physical building is represented in a navigable\n                    digital format through immersive 3D scanning.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-lariad-feature\">\n\n                <div class=\"bigart-lariad-number\">02<\/div>\n\n                <h3>Virtual Exploration<\/h3>\n\n                <p>\n                    Visitors can move through the environment remotely\n                    and experience the conservation space digitally.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-lariad-feature\">\n\n                <div class=\"bigart-lariad-number\">03<\/div>\n\n                <h3>Digital Preservation<\/h3>\n\n                <p>\n                    The model creates a reusable digital representation\n                    of the building for future viewing, presentation\n                    and documentation purposes.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-lariad-impact\">\n\n        <h2>Immersive Technology for Conservation Documentation<\/h2>\n\n        <p>\n            The La Riad project demonstrates how Digital Twin technology\n            can support the documentation and virtual presentation of\n            conservation buildings. By creating an interactive 3D model,\n            the project makes the physical environment accessible beyond\n            its location and illustrates the wider potential of immersive\n            technologies for documenting built heritage and conservation spaces.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Conservation Digital Twin La Riad An immersive Digital Twin project documenting a conservation building and making the physical environment accessible through an interactive 3D virtual experience. Digital Documentation of a Conservation Building La Riad is a Digital<\/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-1933","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1933","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=1933"}],"version-history":[{"count":2,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1933\/revisions"}],"predecessor-version":[{"id":2071,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1933\/revisions\/2071"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}