{"id":1632,"date":"2025-09-05T13:01:51","date_gmt":"2025-09-05T10:01:51","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1632"},"modified":"2026-08-15T15:34:16","modified_gmt":"2026-08-15T12:34:16","slug":"hana-youth-center","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1632","title":{"rendered":"HANA Youth Center"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 HANA YOUTH CENTER 3D TOUR\n   Page 1632\n========================================================= *\/\n\n.bigart-hana {\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-hana *,\n.bigart-hana *::before,\n.bigart-hana *::after {\n    box-sizing:border-box;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.bigart-hana-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,.28),\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-hana-hero::after {\n    content:\"3D\";\n\n    position:absolute;\n    right:34px;\n    bottom:-35px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:170px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-hana-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-hana-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-hana-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-hana-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\n.bigart-hana-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-hana-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-hana-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-hana-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-hana-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-hana-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\/* =========================================================\n   MATTERPORT\n========================================================= *\/\n\n.bigart-hana-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-hana-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-hana-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-hana-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-hana-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-hana-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-hana-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   APPLICATIONS\n========================================================= *\/\n\n.bigart-hana-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-hana-head {\n    max-width:790px;\n    margin-bottom:25px;\n}\n\n.bigart-hana-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-hana-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-hana-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.bigart-hana-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-hana-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-hana-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-hana-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-hana-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-hana-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   IMPACT\n========================================================= *\/\n\n.bigart-hana-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        #172554;\n}\n\n.bigart-hana-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-hana-impact p {\n    max-width:930px;\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\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-hana-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-hana-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-hana-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-hana-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-hana-card,\n    .bigart-hana-tour,\n    .bigart-hana-section,\n    .bigart-hana-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-hana-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-hana-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-hana\">\n\n    <!-- HERO -->\n    <section class=\"bigart-hana-hero\">\n\n        <div class=\"bigart-hana-kicker\">\n            BIG ART \u00b7 Digital Twin Project\n        <\/div>\n\n        <h1>HANA Youth Center<\/h1>\n\n        <p>\n            A detailed 3D digital representation of Qendra Rinore Hana,\n            capturing the building\u2019s architectural structure, spatial\n            organisation and surrounding environment.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-hana-intro\">\n\n        <div class=\"bigart-hana-card\">\n\n            <h2>Digitally Reconstructing the Space<\/h2>\n\n            <p>\n                The 3D scan of <strong>Qendra Rinore Hana<\/strong> presents\n                a detailed digital representation of the youth center.\n                Using modern 3D scanning and photogrammetry techniques,\n                the model reconstructs the building\u2019s exterior, geometry,\n                architectural elements and visual characteristics.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-hana-card bigart-hana-highlight\">\n\n            <h2>Explore from Multiple Perspectives<\/h2>\n\n            <p>\n                The digital model allows viewers to explore the building\n                from different perspectives and better understand its form,\n                layout and relationship with the surrounding urban context.\n                Walls, entrances, windows and outdoor areas are represented\n                with high precision.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT TOUR -->\n    <section class=\"bigart-hana-tour\">\n\n        <div class=\"bigart-hana-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Explore HANA Youth Center<\/h2>\n\n            <p>\n                Navigate through the digital model below and experience\n                Qendra Rinore Hana in an interactive virtual format.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-hana-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=GQTWbFRCizv\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- APPLICATIONS -->\n    <section class=\"bigart-hana-section\">\n\n        <div class=\"bigart-hana-head\">\n\n            <span class=\"bigart-hana-eyebrow\">\n                Digital Applications\n            <\/span>\n\n            <h2>More than a 3D visualization<\/h2>\n\n            <p>\n                The digital reconstruction can support documentation,\n                education, architectural understanding and future digital use.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-hana-grid\">\n\n            <article class=\"bigart-hana-feature\">\n\n                <div class=\"bigart-hana-number\">01<\/div>\n\n                <h3>Visualization<\/h3>\n\n                <p>\n                    Explore the building\u2019s structure, layout and surrounding\n                    context through an interactive digital model.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-hana-feature\">\n\n                <div class=\"bigart-hana-number\">02<\/div>\n\n                <h3>Documentation<\/h3>\n\n                <p>\n                    Preserve the geometry and visual characteristics of\n                    the space in a detailed digital format.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-hana-feature\">\n\n                <div class=\"bigart-hana-number\">03<\/div>\n\n                <h3>Architectural Analysis<\/h3>\n\n                <p>\n                    Support the study of spatial organisation, architectural\n                    elements and relationships between built and outdoor areas.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-hana-feature\">\n\n                <div class=\"bigart-hana-number\">04<\/div>\n\n                <h3>Virtual Access<\/h3>\n\n                <p>\n                    Make the youth center accessible for exploration\n                    regardless of the viewer\u2019s physical location.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-hana-impact\">\n\n        <h2>Digital Preservation &amp; Future Use<\/h2>\n\n        <p>\n            Beyond visualization, the HANA Youth Center model serves as\n            a tool for cultural documentation and digital preservation.\n            It can support future virtual tours, architectural analysis,\n            project planning and integration into digital platforms or\n            exhibitions, making the space easier to experience, study\n            and share with wider audiences.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.8\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Digital Twin Project HANA Youth Center A detailed 3D digital representation of Qendra Rinore Hana, capturing the building\u2019s architectural structure, spatial organisation and surrounding environment. Digitally Reconstructing the Space The 3D scan of Qendra Rinore Hana presents<\/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-1632","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1632","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=1632"}],"version-history":[{"count":4,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1632\/revisions"}],"predecessor-version":[{"id":2049,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1632\/revisions\/2049"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}