{"id":1913,"date":"2026-03-17T13:59:32","date_gmt":"2026-03-17T10:59:32","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1913"},"modified":"2026-08-15T15:30:48","modified_gmt":"2026-08-15T12:30:48","slug":"gjergj-fishta-library-lezhe","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1913","title":{"rendered":"Gjergj Fishta Library, Lezh\u00eb"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 GJERGJ FISHTA LIBRARY 3D TOUR\n   Page 1913\n========================================================= *\/\n\n.bigart-library {\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-library *,\n.bigart-library *::before,\n.bigart-library *::after {\n    box-sizing:border-box;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.bigart-library-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-library-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-library-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-library-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-library-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-library-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-library-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-library-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-library-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-library-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-library-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-library-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 EMBED\n========================================================= *\/\n\n.bigart-tour-section {\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-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-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-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-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-matterport-wrap {\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-matterport-wrap 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   BENEFITS\n========================================================= *\/\n\n.bigart-library-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-library-head {\n    max-width:790px;\n    margin-bottom:25px;\n}\n\n.bigart-library-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-library-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-library-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-library-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-library-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-library-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-library-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-library-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-library-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   CLOSING\n========================================================= *\/\n\n.bigart-library-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-library-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-library-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-library-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-library-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-library-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-library-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-library-card,\n    .bigart-tour-section,\n    .bigart-library-section,\n    .bigart-library-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-library-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-matterport-wrap {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-library\">\n\n    <!-- HERO -->\n    <section class=\"bigart-library-hero\">\n\n        <div class=\"bigart-library-kicker\">\n            BIG ART \u00b7 3D Virtual Environment\n        <\/div>\n\n        <h1>Gjergj Fishta Library, Lezh\u00eb<\/h1>\n\n        <p>\n            An interactive 3D scan offering a detailed virtual exploration\n            of one of Lezh\u00eb\u2019s key cultural and educational institutions.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-library-intro\">\n\n        <div class=\"bigart-library-card\">\n\n            <h2>A Digital Representation of the Library<\/h2>\n\n            <p>\n                This interactive 3D scan of the Gjergj Fishta Library in Lezh\u00eb\n                digitally preserves the interior spaces of the library using\n                advanced spatial scanning technology. The model captures the\n                architectural structure, reading areas, book collections and\n                study environments in high resolution.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-library-card bigart-library-highlight\">\n\n            <h2>Explore the Space Remotely<\/h2>\n\n            <p>\n                The model allows visitors to move freely through the library\n                and experience its layout and atmosphere as if physically present.\n                It provides a new way to access the educational environment\n                remotely from anywhere.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- 3D TOUR -->\n    <section class=\"bigart-tour-section\">\n\n        <div class=\"bigart-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Explore the Gjergj Fishta Library<\/h2>\n\n            <p>\n                Navigate through the digital twin below and discover the library\n                in an immersive, interactive environment.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-matterport-wrap\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=ZXjNpjHtPts\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FEATURES -->\n    <section class=\"bigart-library-section\">\n\n        <div class=\"bigart-library-head\">\n\n            <span class=\"bigart-library-eyebrow\">\n                Virtual Exploration\n            <\/span>\n\n            <h2>What visitors can experience<\/h2>\n\n            <p>\n                The 3D model makes the library accessible beyond its physical\n                location and supports exploration, documentation and digital\n                promotion.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-library-grid\">\n\n            <article class=\"bigart-library-feature\">\n\n                <div class=\"bigart-library-number\">01<\/div>\n\n                <h3>Reading &amp; Study Areas<\/h3>\n\n                <p>\n                    Explore the library\u2019s reading and study spaces in real scale.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-library-feature\">\n\n                <div class=\"bigart-library-number\">02<\/div>\n\n                <h3>Interior Organisation<\/h3>\n\n                <p>\n                    Observe the interior design, architectural structure and\n                    spatial organisation.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-library-feature\">\n\n                <div class=\"bigart-library-number\">03<\/div>\n\n                <h3>Remote Access<\/h3>\n\n                <p>\n                    Experience the educational environment virtually from\n                    any location.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-library-feature\">\n\n                <div class=\"bigart-library-number\">04<\/div>\n\n                <h3>Digital Preservation<\/h3>\n\n                <p>\n                    Support the digital documentation and preservation of\n                    an important cultural and educational space.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-library-impact\">\n\n        <h2>Culture, Education &amp; Digital Access<\/h2>\n\n        <p>\n            This 3D model functions both as a cultural preservation resource\n            and as a modern digital promotion platform. By making the Gjergj\n            Fishta Library accessible through an interactive virtual environment,\n            the project helps extend access to knowledge, educational spaces\n            and local heritage beyond the physical location.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 3D Virtual Environment Gjergj Fishta Library, Lezh\u00eb An interactive 3D scan offering a detailed virtual exploration of one of Lezh\u00eb\u2019s key cultural and educational institutions. A Digital Representation of the Library This interactive 3D scan of the<\/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-1913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1913","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=1913"}],"version-history":[{"count":3,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1913\/revisions"}],"predecessor-version":[{"id":2047,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1913\/revisions\/2047"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}